feat: Astro starter kit minimal et élégant
- Design minimal monochrome (fond blanc, typo Inter) - Navigation avec Navbar (Home/About) - Pages index et about - Configuration Docker optimisée avec nginx - SEO et performance optimisés - Prêt pour la production
This commit is contained in:
41
src/components/Navbar.astro
Normal file
41
src/components/Navbar.astro
Normal file
@@ -0,0 +1,41 @@
|
||||
---
|
||||
const currentPath = Astro.url.pathname;
|
||||
---
|
||||
|
||||
<nav class="border-b border-gray-200">
|
||||
<div class="max-w-4xl mx-auto px-6 py-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<a
|
||||
href="/"
|
||||
class="text-xl font-semibold tracking-tight text-gray-900 hover:text-gray-600 transition-colors"
|
||||
>
|
||||
Starter Kit
|
||||
</a>
|
||||
|
||||
<div class="flex gap-8">
|
||||
<a
|
||||
href="/"
|
||||
class:list={[
|
||||
"text-sm font-medium transition-colors",
|
||||
currentPath === "/"
|
||||
? "text-gray-900"
|
||||
: "text-gray-500 hover:text-gray-900",
|
||||
]}
|
||||
>
|
||||
Home
|
||||
</a>
|
||||
<a
|
||||
href="/about"
|
||||
class:list={[
|
||||
"text-sm font-medium transition-colors",
|
||||
currentPath === "/about"
|
||||
? "text-gray-900"
|
||||
: "text-gray-500 hover:text-gray-900",
|
||||
]}
|
||||
>
|
||||
About
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user