Files
emmanuelbernard.ch/src/pages/index.astro

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>