97 lines
4.9 KiB
Plaintext
97 lines
4.9 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="id" data-theme="emerald">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@ViewData["Title"] - Bank Sampah Digital</title>
|
|
|
|
<!-- Meta tags untuk SEO -->
|
|
<meta name="description" content="Aplikasi Bank Sampah Digital untuk mengelola sampah dan mendapatkan reward">
|
|
<meta name="keywords" content="bank sampah, recycle, environment, go green, sampah">
|
|
<meta name="author" content="Bank Sampah Digital">
|
|
|
|
<!-- Open Graph Meta Tags -->
|
|
<meta property="og:title" content="@ViewData["Title"] - Bank Sampah Digital">
|
|
<meta property="og:description" content="Kelola sampah Anda dengan mudah dan dapatkan reward!">
|
|
<meta property="og:type" content="website">
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/x-icon" href="~/favicon.ico">
|
|
</head>
|
|
<body class="min-h-screen bg-base-100">
|
|
<!-- Navigation Bar - Overlay on Hero -->
|
|
<header class="absolute top-0 left-0 right-0 z-50 bg-transparent">
|
|
<div class="navbar px-4 lg:px-28 py-6">
|
|
<div class="navbar-start">
|
|
<div class="dropdown">
|
|
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden text-white">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
|
|
</svg>
|
|
</div>
|
|
<ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
|
|
<li><a asp-controller="Home" asp-action="Index">Beranda</a></li>
|
|
<li><a>Tentang</a></li>
|
|
<li><a>Publikasi</a></li>
|
|
<li><a>Regulasi</a></li>
|
|
<li><a>Lokasi</a></li>
|
|
<li><a>Helpdesk</a></li>
|
|
</ul>
|
|
</div>
|
|
<a asp-controller="Home" asp-action="Index" class="btn btn-ghost text-white text-xl font-bold">
|
|
<img class="w-11 h-10" src="/images/logo.png" alt="Logo" />
|
|
</a>
|
|
</div>
|
|
|
|
<div class="navbar-center hidden lg:flex">
|
|
<ul class="menu menu-horizontal px-1 gap-2">
|
|
<li><a asp-controller="Home" asp-action="Index" class="btn btn-ghost text-white font-semibold text-base font-jakarta">Beranda</a></li>
|
|
<li><a class="btn btn-ghost text-gray-300 font-semibold text-base font-jakarta">Tentang</a></li>
|
|
<li><a class="btn btn-ghost text-gray-300 font-semibold text-base font-jakarta">Publikasi</a></li>
|
|
<li><a class="btn btn-ghost text-gray-300 font-semibold text-base font-jakarta">Regulasi</a></li>
|
|
<li><a class="btn btn-ghost text-gray-300 font-semibold text-base font-jakarta">Lokasi</a></li>
|
|
<li><a class="btn btn-ghost text-gray-300 font-semibold text-base font-jakarta">Helpdesk</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="navbar-end">
|
|
<button class="btn bg-green-800 hover:bg-green-700 text-white border-none px-8 py-2.5 rounded-full font-semibold text-base font-jakarta">Login</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Content -->
|
|
<main role="main">
|
|
@RenderBody()
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="px-4 lg:px-28 py-20 bg-white">
|
|
<div class="max-w-[1280px] mx-auto h-14 flex flex-col justify-between items-center">
|
|
<div class="w-full flex flex-col justify-start items-center gap-8">
|
|
<div class="w-full h-px bg-gray-200"></div>
|
|
<div class="w-full flex flex-col lg:flex-row justify-between items-center gap-4">
|
|
<div class="text-gray-500 text-sm font-normal leading-tight text-center lg:text-left">
|
|
Jalan Mandala V No. 67, Cililitan Besar, Kramatjati, DKI Jakarta Telp. (021) 8092744 Fax. (021) 8091056
|
|
</div>
|
|
<div class="text-gray-500 text-sm font-normal leading-tight">
|
|
DLH © @DateTime.Now.Year. e-Bank Sampah.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="~/js/site.js" asp-append-version="true"></script>
|
|
@await RenderSectionAsync("Scripts", required: false)
|
|
</body>
|
|
</html> |