feat: add footer

Changed files
+19 -1
src
components
layouts
+16
src/components/Footer.astro
···
+
---
+
import { Heart, Rocket, Copyright } from "@lucide/astro"
+
---
+
<div class="flex justify-between bg-ctp-base p-6 pl-12 pr-12">
+
<span class="inline-flex gap-2">
+
Copyright
+
<Copyright size="20" class="stroke-ctp-text"/>
+
2026 Banana
+
</span>
+
<span class="inline-flex gap-2">
+
Made with
+
<Heart size="20" class="stroke-ctp-red"/>
+
using Astro
+
<Rocket size="20" class="stroke-ctp-lavender"/>
+
</span>
+
</div>
+3 -1
src/layouts/Layout.astro
···
---
import "../styles/global.css"
import Navbar from "../components/Navbar.astro"
+
import Footer from "../components/Footer.astro"
---
<!doctype html>
<html lang="en">
···
<body class="bg-ctp-crust pl-[12%] pr-[12%] text-ctp-text">
<main class="w-full min-h-full max-h-max bg-ctp-mantle relative">
<Navbar/>
-
<slot />
+
<slot />
</main>
+
<Footer />
</body>
</html>
<script>