140 lines
7.5 KiB
Plaintext
140 lines
7.5 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">
|
|
|
|
<!-- Phosphor Icons -->
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@@phosphor-icons/web@2.1.2/src/regular/style.css" />
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@@phosphor-icons/web@2.1.2/src/fill/style.css" />
|
|
|
|
<!-- 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 - White Background -->
|
|
<header class="w-full h-20 px-4 lg:px-28 bg-white flex flex-col justify-center items-center shadow-sm">
|
|
<div class="self-stretch flex justify-center items-center gap-8">
|
|
<!-- Logo -->
|
|
<div class="flex-1 flex justify-start items-center gap-2">
|
|
<img class="w-10 h-10" src="/images/logo.png" alt="Logo" />
|
|
</div>
|
|
|
|
<!-- Navigation Menu - Desktop -->
|
|
<div class="hidden lg:flex justify-start items-center gap-8">
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-gray-100 px-4 py-2 transition-colors">
|
|
<div class="text-green-800 text-base font-semibold font-jakarta leading-normal">Beranda</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-gray-100 px-4 py-2 transition-colors">
|
|
<div class="text-slate-600 text-base font-semibold font-jakarta leading-normal">Tentang</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-gray-100 px-4 py-2 transition-colors">
|
|
<div class="text-slate-600 text-base font-semibold font-jakarta leading-normal">Regulasi</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-gray-100 px-4 py-2 transition-colors">
|
|
<div class="text-slate-600 text-base font-semibold font-jakarta leading-normal">Edukasi</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Login Button -->
|
|
<div class="flex-1 flex justify-end items-center gap-4">
|
|
<button class="px-8 py-2.5 bg-green-800 hover:bg-green-700 rounded-full flex justify-center items-center gap-2 transition-colors">
|
|
<span class="text-white text-base font-semibold font-jakarta leading-normal">Login</span>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Mobile Menu Button -->
|
|
<div class="dropdown lg:hidden">
|
|
<div tabindex="0" role="button" class="btn btn-ghost">
|
|
<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 href="#">Beranda</a></li>
|
|
<li><a href="#">Tentang</a></li>
|
|
<li><a href="#">Regulasi</a></li>
|
|
<li><a href="#">Edukasi</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Main Content -->
|
|
<main role="main">
|
|
@RenderBody()
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="w-full px-4 lg:px-28 py-20 relative bg-green-950 flex flex-col justify-start items-center gap-20 overflow-hidden">
|
|
<!-- Background overlay -->
|
|
<div class="w-full h-full left-0 top-0 absolute overflow-hidden">
|
|
<img src="/images/leaf.svg" class="w-full h-full absolute bg-green-950" alt="Leaf" />
|
|
</div>
|
|
|
|
<!-- Footer Content -->
|
|
<div class="w-full max-w-[1280px] relative z-10 flex flex-col justify-start items-start gap-20">
|
|
<div class="self-stretch flex flex-col lg:flex-row justify-start items-start gap-8">
|
|
<!-- Logo -->
|
|
<div class="flex-1 flex justify-start items-center gap-2 overflow-hidden">
|
|
<div class="w-16 h-16 relative">
|
|
<img class="w-16 h-16" src="/images/logo-white.png" alt="Logo" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navigation Menu -->
|
|
<div class="flex justify-start items-center gap-8">
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-green-800/20 px-4 py-2 transition-colors">
|
|
<div class="text-white text-base font-semibold font-jakarta leading-normal">Beranda</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-green-800/20 px-4 py-2 transition-colors">
|
|
<div class="text-white text-base font-semibold font-jakarta leading-normal">Tentang</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-green-800/20 px-4 py-2 transition-colors">
|
|
<div class="text-white text-base font-semibold font-jakarta leading-normal">Regulasi</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-green-800/20 px-4 py-2 transition-colors">
|
|
<div class="text-white text-base font-semibold font-jakarta leading-normal">Edukasi</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Right space -->
|
|
<div class="flex-1 flex justify-end items-center gap-3"></div>
|
|
</div>
|
|
|
|
<!-- Footer Bottom -->
|
|
<div class="self-stretch flex flex-col justify-start items-center gap-8">
|
|
<div class="self-stretch h-px bg-green-950"></div>
|
|
<div class="flex justify-start items-start gap-6">
|
|
<div class="text-white text-sm font-normal leading-tight">
|
|
Copyright © @DateTime.Now.Year Dinas Lingkungan Hidup Provinsi DKI Jakarta.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="~/js/site.js" asp-append-version="true"></script>
|
|
@await RenderSectionAsync("Scripts", required: false)
|
|
</body>
|
|
</html> |