aboutsummaryrefslogtreecommitdiff
path: root/web/src/pages/index.astro
diff options
context:
space:
mode:
authorLinnea Gräf <nea@nea.moe>2024-11-17 03:02:24 +0100
committerLinnea Gräf <nea@nea.moe>2024-11-17 04:01:42 +0100
commit46e436ca043c7a969e3296b368cc4a14550e375c (patch)
tree80d13bd80402768296a794fe5927992be2ab7a5a /web/src/pages/index.astro
parent5cfe3b72609a361abad791cb95ade2d8e7af0181 (diff)
downloadFirmament-46e436ca043c7a969e3296b368cc4a14550e375c.tar.gz
Firmament-46e436ca043c7a969e3296b368cc4a14550e375c.tar.bz2
Firmament-46e436ca043c7a969e3296b368cc4a14550e375c.zip
feat(web): Add hero image and navbar
Diffstat (limited to 'web/src/pages/index.astro')
-rw-r--r--web/src/pages/index.astro19
1 files changed, 12 insertions, 7 deletions
diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro
index 3797b42..139b515 100644
--- a/web/src/pages/index.astro
+++ b/web/src/pages/index.astro
@@ -1,10 +1,15 @@
---
-import Head from "../components/Head.astro";
+import Hero from "../components/Hero.astro"
+import Base from "../layouts/Base.astro";
+import Image from "../panorama.png";
+import NavBar from "../components/NavBar.astro";
---
-<html lang="en">
-<Head title="Firmament"></Head>
-<body>
-<h1>Astro</h1>
-</body>
-</html>
+<Base title="Firmament">
+ <Hero image={Image} alt="A panorama shot of the HyPixel SkyBlock hub">
+ <h1 class="text-4xl font-bold leading-tight mb-4">Firmament</h1>
+ <p class="text-lg text-gray-300 mb-8">Hypixel SkyBlock Utility Mod</p>
+ <a href="https://modrinth.com/mod/firmament" class="bg-amber-300 hover:bg-yellow-400 rounded-full text-black text-lg transition duration-300 hover:scale-110 hover:shadow-lg py-1 px-5">Download now</a>
+ </Hero>
+ <NavBar navStyle="transparent"></NavBar>
+</Base>