Merge branches 'dev' and 'dev' of https://gitea.wk-archi-o24a-15m-g3.fr/wkadmin/the-tip-top-frontend into dev
This commit is contained in:
commit
3ff0f8ccac
114
app/page.tsx
114
app/page.tsx
|
|
@ -9,93 +9,37 @@ export const metadata: Metadata = {
|
||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
return (
|
return (
|
||||||
<div className="py-12">
|
<div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
|
||||||
{/* Hero Section */}
|
<main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
|
||||||
<section className="relative overflow-hidden bg-gradient-to-br from-primary-50 via-white to-green-50 -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8 py-20 mb-16">
|
<Image
|
||||||
<div className="max-w-4xl mx-auto">
|
className="dark:invert"
|
||||||
<div className="text-center">
|
src="/next.svg"
|
||||||
<div className="inline-block mb-4">
|
alt="Next.js logo"
|
||||||
<span className="bg-primary-100 text-primary-700 px-4 py-2 rounded-full text-sm font-semibold">
|
width={100}
|
||||||
Grand Jeu-Concours 2025
|
height={20}
|
||||||
</span>
|
priority
|
||||||
</div>
|
/>
|
||||||
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">
|
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
|
||||||
Gagnez des lots{' '}
|
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
|
||||||
<span className="text-primary-600">exceptionnels</span>
|
Branche Dev
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-lg md:text-xl text-gray-600 mb-8 leading-relaxed">
|
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
|
||||||
Participez à notre jeu-concours et tentez de remporter des infuseurs à thé,
|
Looking a starting point or more instructions? Head over to{" "}
|
||||||
des coffrets découverte, des thés signature et bien plus encore !
|
<a
|
||||||
|
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||||
|
className="font-medium text-zinc-950 dark:text-zinc-50"
|
||||||
|
>
|
||||||
|
Templates
|
||||||
|
</a>{" "}
|
||||||
|
or the{" "}
|
||||||
|
<a
|
||||||
|
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||||
|
className="font-medium text-zinc-950 dark:text-zinc-50"
|
||||||
|
>
|
||||||
|
Learning
|
||||||
|
</a>{" "}
|
||||||
|
center.
|
||||||
</p>
|
</p>
|
||||||
<div className="flex gap-4 justify-center flex-wrap">
|
|
||||||
<Link href="/jeux">
|
|
||||||
<button className="px-8 py-4 bg-white text-black font-semibold rounded-lg hover:bg-gray-50 transition-all transform hover:scale-105 text-lg shadow-lg border-2 border-black">
|
|
||||||
🎮 Jouer maintenant
|
|
||||||
</button>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="mt-8 flex items-center justify-center gap-6 text-sm text-gray-600 flex-wrap">
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<svg className="w-5 h-5 text-primary-600" fill="currentColor" viewBox="0 0 20 20">
|
|
||||||
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
|
|
||||||
</svg>
|
|
||||||
<span>100% gagnant</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<svg className="w-5 h-5 text-primary-600" fill="currentColor" viewBox="0 0 20 20">
|
|
||||||
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
|
|
||||||
</svg>
|
|
||||||
<span>Inscription gratuite</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<svg className="w-5 h-5 text-primary-600" fill="currentColor" viewBox="0 0 20 20">
|
|
||||||
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
|
|
||||||
</svg>
|
|
||||||
<span>Résultat immédiat</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{/* Features Section */}
|
|
||||||
<section className="mb-16">
|
|
||||||
<h2 className="text-3xl font-bold text-center text-gray-900 mb-12">
|
|
||||||
Comment ça marche ?
|
|
||||||
</h2>
|
|
||||||
<div className="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
|
||||||
<Card hover className="text-center">
|
|
||||||
<CardContent className="pt-8">
|
|
||||||
<div className="text-5xl mb-4">🛒</div>
|
|
||||||
<h3 className="text-xl font-semibold mb-2">1. Achetez</h3>
|
|
||||||
<p className="text-gray-600">
|
|
||||||
Effectuez un achat chez Thé Tip Top et recevez votre ticket de
|
|
||||||
caisse avec un code unique
|
|
||||||
</p>
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
|
|
||||||
<Card hover className="text-center">
|
|
||||||
<CardContent className="pt-8">
|
|
||||||
<div className="text-5xl mb-4">🎮</div>
|
|
||||||
<h3 className="text-xl font-semibold mb-2">2. Jouez</h3>
|
|
||||||
<p className="text-gray-600">
|
|
||||||
Entrez le code de votre ticket sur notre site pour découvrir
|
|
||||||
instantanément votre gain
|
|
||||||
</p>
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
|
|
||||||
<Card hover className="text-center">
|
|
||||||
<CardContent className="pt-8">
|
|
||||||
<div className="text-5xl mb-4">🎁</div>
|
|
||||||
<h3 className="text-xl font-semibold mb-2">3. Gagnez</h3>
|
|
||||||
<p className="text-gray-600">
|
|
||||||
Récupérez votre lot en magasin ou profitez de votre réduction
|
|
||||||
immédiate
|
|
||||||
</p>
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user