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:
2025-12-08 12:54:35 +00:00
parent 984ecf5d6c
commit 998bdaf1f0
19 changed files with 6691 additions and 157 deletions

62
src/pages/index.astro Normal file
View File

@@ -0,0 +1,62 @@
---
import BaseLayout from "../layouts/BaseLayout.astro";
import Navbar from "../components/Navbar.astro";
---
<BaseLayout
title="Astro Starter Kit"
description="Un starter kit minimal et élégant avec Astro, React et Tailwind CSS"
>
<Navbar />
<main class="max-w-4xl mx-auto px-6 py-16">
<!-- Hero Section -->
<div class="mb-16">
<h1 class="text-5xl font-bold tracking-tight mb-4">
Astro Starter Kit
</h1>
<p class="text-xl text-gray-600 leading-relaxed">
Un point de départ minimal et élégant pour vos projets web
modernes.
</p>
</div>
<!-- Features -->
<div class="space-y-12">
<div>
<h2 class="text-2xl font-semibold mb-3">Performance</h2>
<p class="text-gray-600 leading-relaxed">
Génération statique ultra-rapide avec Astro. Zéro JavaScript
par défaut, hydratation partielle intelligente uniquement
quand nécessaire.
</p>
</div>
<div>
<h2 class="text-2xl font-semibold mb-3">Design System</h2>
<p class="text-gray-600 leading-relaxed">
Tailwind CSS intégré pour un développement rapide et
cohérent. Typographie soignée avec Inter, design épuré et
moderne.
</p>
</div>
<div>
<h2 class="text-2xl font-semibold mb-3">
Prêt pour la production
</h2>
<p class="text-gray-600 leading-relaxed">
Build Docker multi-stage optimisé, SEO configuré, structure
claire et extensible.
</p>
</div>
</div>
<!-- CTA -->
<div class="mt-16 pt-12 border-t border-gray-200">
<p class="text-sm text-gray-500">
Commencez à construire votre projet dès maintenant.
</p>
</div>
</main>
</BaseLayout>