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:
62
src/pages/index.astro
Normal file
62
src/pages/index.astro
Normal 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>
|
||||
Reference in New Issue
Block a user