bank-sampah/Views/Shared/_Layout.cshtml

97 lines
5.0 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">
<a asp-area="Sudin" asp-controller="Dashboard" asp-action="Index" class="btn font-jakarta rounded-full border-none bg-green-800 px-8 py-2.5 text-base font-semibold text-white hover:bg-green-700">Login</a>
</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>