254 lines
14 KiB
TypeScript
254 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Sparkles, Fire, CheckCircle, DollarSign, Mail, Facebook, Instagram } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Recettes du Maroc"
|
|
navItems={[
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "Recettes", id: "recipes" },
|
|
{ name: "À propos", id: "about" },
|
|
{ name: "Tarifs", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Découvrez les Authentiques Recettes du Maroc"
|
|
description="Accédez à une collection premium de recettes marocaines traditionnelles, préparées par des experts. Seulement 6$ par recette. Téléchargez instantanément et cuisinez comme un chef marocain."
|
|
tag="Cuisine Authentique"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "animated-grid" }}
|
|
buttons={[
|
|
{ text: "Parcourir les Recettes", href: "recipes" },
|
|
{ text: "En Savoir Plus", href: "about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-traditional-azerbaijani-dish-piti-pot-with-sumac-dried-herbs-onions-tray_141793-5179.jpg?_wi=1"
|
|
imageAlt="Authentique cuisine marocaine traditionnelle"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<ProductCardOne
|
|
title="Recettes Vedettes"
|
|
description="Découvrez nos recettes les plus populaires et les plus demandées de la cuisine marocaine authentique."
|
|
tag="Sélection Premium"
|
|
tagIcon={Fire}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Couscous Royal", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-porridge-mixed-by-wooden-spoon-metallic-bowl_176420-6722.jpg?_wi=1", imageAlt: "Recette Couscous Royal"
|
|
},
|
|
{
|
|
id: "2", name: "Tajine d'Agneau", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grape-leaves-dolma-served-with-yogurt_140725-7075.jpg?_wi=1", imageAlt: "Recette Tajine d'Agneau"
|
|
},
|
|
{
|
|
id: "3", name: "Msemen Traditionnel", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/making-roti-ingredients-assortment_23-2149033954.jpg", imageAlt: "Recette Msemen Traditionnel"
|
|
},
|
|
{
|
|
id: "4", name: "Harira Authentique", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/spicy-soup-with-oysters-side-lemon-slices_140725-4206.jpg", imageAlt: "Recette Harira Authentique"
|
|
},
|
|
{
|
|
id: "5", name: "Pastilla Exquise", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/shekerbura-table-top-view_140725-5456.jpg", imageAlt: "Recette Pastilla Exquise"
|
|
},
|
|
{
|
|
id: "6", name: "Thé à la Menthe", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/decorative-tea-still-life_23-2148116740.jpg", imageAlt: "Recette Thé à la Menthe"
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
buttons={[
|
|
{ text: "Voir Toutes les Recettes", href: "recipes" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="À Propos de Recettes du Maroc"
|
|
description={[
|
|
"Recettes du Maroc est une plateforme dédiée à la préservation et au partage des authentiques recettes marocaines. Chaque recette est soigneusement compilée par des experts culinaires et des chef cuisiniers marocains traditionnels.", "Notre mission est de rendre accessible la cuisine marocaine authentique à tous les amateurs de gastronomie mondiale. Avec des instructions détaillées et des ingrédients faciles à trouver, chaque recette est conçue pour le succès.", "À seulement 6$ par recette, vous investissez dans des générations de savoir culinaire transmis à travers la riche culture marocaine."
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={true}
|
|
buttons={[
|
|
{ text: "Découvrir Notre Collection", href: "recipes" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Pourquoi Choisir Nos Recettes"
|
|
description="Une plateforme complète pour explorer la gastronomie marocaine authentique avec des ressources de qualité professionnelle."
|
|
tag="Avantages"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "01", title: "Authenticité Garantie", description: "Toutes nos recettes proviennent de sources marocaines authentiques et sont validées par des experts culinaires.", imageSrc: "http://img.b2bpic.net/free-photo/spices-market-morocco_23-2148129918.jpg", imageAlt: "Marché marocain traditionnel"
|
|
},
|
|
{
|
|
id: "02", title: "Instructions Détaillées", description: "Chaque recette inclut des étapes précises, des listes d'ingrédients complètes et des conseils professionnels pour réussir.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-azerbaijani-dish-piti-pot-with-sumac-dried-herbs-onions-tray_141793-5179.jpg?_wi=2", imageAlt: "Cuisine marocaine authentique"
|
|
},
|
|
{
|
|
id: "03", title: "Accès Immédiat", description: "Téléchargez vos recettes instantanément après l'achat. Aucune attente, aucune complication, seulement du contenu premium.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-porridge-mixed-by-wooden-spoon-metallic-bowl_176420-6722.jpg?_wi=2", imageAlt: "Recette Couscous Royal"
|
|
},
|
|
{
|
|
id: "04", title: "Paiement Sécurisé", description: "Tous les paiements sont traités de manière sécurisée via PayPal. Protégez votre argent avec un leader de confiance.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grape-leaves-dolma-served-with-yogurt_140725-7075.jpg?_wi=2", imageAlt: "Recette Tajine d'Agneau"
|
|
},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
buttons={[
|
|
{ text: "Commencer Maintenant", href: "recipes" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Fatima Benali", imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businesswoman-mockup-psd-smiling-closeup-port_53876-143277.jpg?_wi=1", imageAlt: "Fatima Benali"
|
|
},
|
|
{
|
|
id: "2", name: "Hassan Ouezzani", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Hassan Ouezzani"
|
|
},
|
|
{
|
|
id: "3", name: "Aisha Raoui", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-kitchen_23-2149631733.jpg", imageAlt: "Aisha Raoui"
|
|
},
|
|
{
|
|
id: "4", name: "Mohamed Khalil", imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg", imageAlt: "Mohamed Khalil"
|
|
},
|
|
{
|
|
id: "5", name: "Yasmin Bouchta", imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businesswoman-mockup-psd-smiling-closeup-port_53876-143277.jpg?_wi=2", imageAlt: "Yasmin Bouchta"
|
|
},
|
|
{
|
|
id: "6", name: "Ahmed Bennani", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Ahmed Bennani"
|
|
},
|
|
]}
|
|
cardTitle="Plus de 5 000 clients satisfaits font confiance à Recettes du Maroc pour apprendre la cuisine authentique"
|
|
cardTag="Avis Vérifiés"
|
|
cardTagIcon={Sparkles}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
title="Prix Simples et Transparents"
|
|
description="Chaque recette marocaine authentique est disponible pour seulement 6$ avec accès immédiat et usage illimité."
|
|
tag="Tarification"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "1", badge: "Populaire", badgeIcon: Sparkles,
|
|
price: "$6.00", subtitle: "Recette Unique", features: [
|
|
"Instructions détaillées étape par étape", "Liste complète des ingrédients", "Conseils de préparation professionnels", "Accès immédiat au PDF téléchargeable", "Utilisation personnelle illimitée"
|
|
],
|
|
},
|
|
{
|
|
id: "2", badge: "Valeur", badgeIcon: Fire,
|
|
price: "$12.00", subtitle: "Lot de 2 Recettes", features: [
|
|
"2 recettes marocaines premium", "Instructions complètes pour chaque recette", "Listes d'ingrédients détaillées", "Conseils de cuisson avancés", "Téléchargement instantané"
|
|
],
|
|
},
|
|
{
|
|
id: "3", badge: "Meilleure Affaire", badgeIcon: CheckCircle,
|
|
price: "$29.99", subtitle: "Collection Complète (6 Recettes)", features: [
|
|
"6 recettes vedettes marocaines", "Instructions professionnelles complètes", "Listes d'ingrédients organisées", "Conseils d'experts culinaires", "Accès immédiat à tous les PDF", "Support prioritaire par email"
|
|
],
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
buttons={[
|
|
{ text: "Acheter Maintenant", href: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Abonnement"
|
|
title="Restez Connecté avec Nos Nouvelles Recettes"
|
|
description="Inscrivez-vous à notre infolettre pour recevoir les dernières recettes marocaines authentiques, des conseils culinaires exclusifs et des offres spéciales directement dans votre boîte de réception."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/oriental-door_23-2148129877.jpg"
|
|
imageAlt="Architecture marocaine traditionnelle"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Votre adresse email"
|
|
buttonText="S'Inscrire"
|
|
termsText="Nous respectons votre vie privée. Vous pouvez vous désabonner à tout moment. Consultez notre politique de confidentialité."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Recettes du Maroc"
|
|
copyrightText="© 2025 Recettes du Maroc | Tous droits réservés"
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/recettesdmaroc", ariaLabel: "Suivez-nous sur Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/recettesdmaroc", ariaLabel: "Suivez-nous sur Instagram"
|
|
},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:support@recettesdmaroc.com", ariaLabel: "Envoyez-nous un email"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|