diff options
author | Linnea Gräf <nea@nea.moe> | 2024-11-17 03:02:24 +0100 |
---|---|---|
committer | Linnea Gräf <nea@nea.moe> | 2024-11-17 04:01:42 +0100 |
commit | 46e436ca043c7a969e3296b368cc4a14550e375c (patch) | |
tree | 80d13bd80402768296a794fe5927992be2ab7a5a /web/src/pages/index.astro | |
parent | 5cfe3b72609a361abad791cb95ade2d8e7af0181 (diff) | |
download | Firmament-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.astro | 19 |
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> |