81 lines
2.2 KiB
Plaintext
81 lines
2.2 KiB
Plaintext
---
|
|
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 class="mt-3">
|
|
<span
|
|
class="inline-block px-2 py-1 text-xs font-medium bg-gray-100 text-gray-700 rounded"
|
|
>
|
|
⚡ Powered by pnpm
|
|
</span>
|
|
</div>
|
|
<p class="text-sm text-gray-500 mt-2 italic">
|
|
✨ Mise à jour de test — Version mobile ready 📱
|
|
</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">
|
|
<div class="flex items-center gap-2 mb-2">
|
|
<span
|
|
class="inline-block px-2 py-1 text-xs font-medium bg-gray-900 text-white rounded"
|
|
>
|
|
Nouveau
|
|
</span>
|
|
<span class="text-sm text-gray-600">Prêt pour vos projets</span>
|
|
</div>
|
|
<p class="text-sm text-gray-500">
|
|
Commencez à construire votre projet dès maintenant.
|
|
</p>
|
|
</div>
|
|
</main>
|
|
</BaseLayout>
|