refactor: Simplify home page - remove mock data and unnecessary sections
- Removed stats section (1000+ votants, 50+ élections, 99.9% security) - Removed features section (crypto, results, access) - Removed CTA section with unnecessary copy - Removed footer with multiple sections - Keep clean dark theme with minimal landing page - Keep navigation and simple call-to-action buttons - Focus on essential elements only 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Alexis Bruneteau
parent
68c0648cf1
commit
fc7be6df26
@ -1,12 +1,11 @@
|
|||||||
import Link from "next/link"
|
import Link from "next/link"
|
||||||
import { Button } from "@/components/ui/button"
|
import { Button } from "@/components/ui/button"
|
||||||
import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
|
||||||
import { CheckCircle, Lock, BarChart3 } from "lucide-react"
|
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-gradient-to-br from-background to-card">
|
<div className="min-h-screen bg-background flex flex-col">
|
||||||
<nav className="border-b border-border bg-card/50 backdrop-blur-sm sticky top-0 z-50">
|
{/* Navigation */}
|
||||||
|
<nav className="border-b border-border bg-card/30 backdrop-blur-sm">
|
||||||
<div className="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between">
|
<div className="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between">
|
||||||
<div className="flex items-center gap-2 text-xl font-bold text-accent">
|
<div className="flex items-center gap-2 text-xl font-bold text-accent">
|
||||||
<span>🗳️</span>
|
<span>🗳️</span>
|
||||||
@ -23,127 +22,33 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<main className="max-w-6xl mx-auto px-4 py-20 space-y-20">
|
{/* Main Content */}
|
||||||
{/* Hero Section */}
|
<main className="flex-1 flex items-center justify-center px-4">
|
||||||
<section className="space-y-6 text-center">
|
<div className="text-center space-y-8 max-w-2xl">
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
<h1 className="text-5xl md:text-6xl font-bold tracking-tight">
|
<h1 className="text-4xl md:text-5xl font-bold">
|
||||||
Votre Voix, Simplifiée et Sécurisée
|
E-Voting
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-xl text-muted-foreground max-w-2xl mx-auto">
|
<p className="text-lg text-muted-foreground">
|
||||||
Plateforme de vote électronique transparente et sécurisée par cryptographie post-quantique.
|
Plateforme de vote électronique sécurisée
|
||||||
Votez de n'importe où, en toute confiance.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col sm:flex-row gap-4 justify-center pt-6">
|
|
||||||
|
<div className="flex flex-col sm:flex-row gap-4 justify-center pt-4">
|
||||||
<Link href="/auth/login">
|
<Link href="/auth/login">
|
||||||
<Button size="lg">Accéder au Tableau de Bord</Button>
|
<Button size="lg">Se Connecter</Button>
|
||||||
</Link>
|
</Link>
|
||||||
<Link href="/auth/register">
|
<Link href="/auth/register">
|
||||||
<Button variant="outline" size="lg">Créer un Compte</Button>
|
<Button variant="outline" size="lg">Créer un Compte</Button>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
|
|
||||||
{/* Stats Section */}
|
|
||||||
<section className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
<CardTitle className="text-3xl">1000+</CardTitle>
|
|
||||||
<CardDescription>Votants actifs</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
</Card>
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
<CardTitle className="text-3xl">50+</CardTitle>
|
|
||||||
<CardDescription>Élections</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
</Card>
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
<CardTitle className="text-3xl">99.9%</CardTitle>
|
|
||||||
<CardDescription>Sécurité</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
</Card>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{/* Features Section */}
|
|
||||||
<section className="space-y-12">
|
|
||||||
<h2 className="text-3xl font-bold text-center">Pourquoi Nous Choisir ?</h2>
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
<Lock className="w-8 h-8 text-accent mb-4" />
|
|
||||||
<CardTitle>Cryptographie Post-Quantique</CardTitle>
|
|
||||||
<CardDescription>
|
|
||||||
Sécurisé par les algorithmes les plus avancés, certifiés NIST FIPS 203/204
|
|
||||||
</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
</Card>
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
<BarChart3 className="w-8 h-8 text-accent mb-4" />
|
|
||||||
<CardTitle>Résultats Transparents</CardTitle>
|
|
||||||
<CardDescription>
|
|
||||||
Consultez les résultats en temps réel avec traçabilité complète
|
|
||||||
</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
</Card>
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
<CheckCircle className="w-8 h-8 text-accent mb-4" />
|
|
||||||
<CardTitle>Accès Instantané</CardTitle>
|
|
||||||
<CardDescription>
|
|
||||||
Votez depuis n'importe quel appareil, n'importe quand
|
|
||||||
</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
</Card>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{/* CTA Section */}
|
|
||||||
<section className="bg-card border border-border rounded-lg p-12 text-center space-y-6">
|
|
||||||
<h2 className="text-3xl font-bold">Prêt à Voter ?</h2>
|
|
||||||
<p className="text-muted-foreground max-w-2xl mx-auto">
|
|
||||||
Rejoignez des milliers de citoyens utilisant notre plateforme sécurisée pour voter
|
|
||||||
</p>
|
|
||||||
<Link href="/auth/register">
|
|
||||||
<Button size="lg">Commencer Maintenant</Button>
|
|
||||||
</Link>
|
|
||||||
</section>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer className="border-t border-border bg-card/50 mt-20 py-12">
|
{/* Footer */}
|
||||||
<div className="max-w-6xl mx-auto px-4 grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
|
<footer className="border-t border-border bg-card/30 py-6">
|
||||||
<div>
|
<div className="max-w-6xl mx-auto px-4 text-center text-sm text-muted-foreground">
|
||||||
<h4 className="font-bold mb-4">À propos</h4>
|
<p>© 2025 E-Voting</p>
|
||||||
<p className="text-sm text-muted-foreground">
|
|
||||||
Plateforme de vote électronique sécurisée
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4 className="font-bold mb-4">Liens Rapides</h4>
|
|
||||||
<ul className="space-y-2 text-sm text-muted-foreground">
|
|
||||||
<li><Link href="/">Accueil</Link></li>
|
|
||||||
<li><Link href="/auth/login">Se Connecter</Link></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4 className="font-bold mb-4">Légal</h4>
|
|
||||||
<ul className="space-y-2 text-sm text-muted-foreground">
|
|
||||||
<li><a href="#">Conditions</a></li>
|
|
||||||
<li><a href="#">Confidentialité</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4 className="font-bold mb-4">Contact</h4>
|
|
||||||
<p className="text-sm text-muted-foreground">
|
|
||||||
contact@evoting.com
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="border-t border-border pt-8 text-center text-sm text-muted-foreground">
|
|
||||||
<p>© 2025 E-Voting. Tous droits réservés.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user