Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0da3049a93 | |||
| 855dd4c7cb | |||
| 5bcdb0c272 | |||
| 212eee5ba9 |
299
src/app/page.tsx
299
src/app/page.tsx
@@ -3,198 +3,145 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Utensils, CheckCircle, Award, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Notre Héritage", id: "about" },
|
||||
{ name: "Le Menu", id: "products" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chez Memo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Notre Engagement", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Qualité", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chez Memo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Chez Memo: L'Authenticité Grillée"
|
||||
description="L'hospitalité offerte. Une expérience gastronomique qui redéfinit le snack traditionnel avec élégance et passion."
|
||||
buttons={[{ text: "Découvrir la carte", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg"
|
||||
imageAlt="Viande grillée signature"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg", alt: "Client satisfait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Client satisfait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Client satisfait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg", alt: "Client satisfait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg", alt: "Client satisfait 5" },
|
||||
]}
|
||||
avatarText="Rejoignez plus de 1000 gourmets satisfaits"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Viande Fraîche" },
|
||||
{ type: "text", text: "Produits Artisanaux" },
|
||||
{ type: "text", text: "Accueil Chaleureux" },
|
||||
{ type: "text", text: "Service Rapide" },
|
||||
{ type: "text", text: "Qualité Premium" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroPersonalLinks
|
||||
background={{ variant: "plain" }}
|
||||
title="Vrai Kebab, Vrai Goût, Zéro Gras"
|
||||
linkCards={[
|
||||
{ title: "Assiettes", description: "Kebab, Sucuk et spécialités", button: { text: "Voir" } },
|
||||
{ title: "Snacks", description: "Une sélection rapide et savoureuse", button: { text: "Voir" } },
|
||||
{ title: "Douceur", description: "Tiramisu maison", button: { text: "Commandez" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Un environnement épuré, un savoir-faire intact"
|
||||
description="Chez Memo, la transparence est notre premier gage de qualité. Une cuisine ouverte où chaque geste est pensé pour votre satisfaction."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/self-service-restaurant_93675-130913.jpg"
|
||||
imageAlt="Cuisine ouverte professionnelle"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="L'Engagement Chez Memo"
|
||||
title="La Qualité Avant Tout"
|
||||
description="Une hygiène irréprochable et des produits frais pour une expérience culinaire moderne."
|
||||
subdescription="Nous vous offrons le thé en signe de notre hospitalité."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Viande de sélection", description: "Grillée à la flamme, garantie sans excès de gras pour une dégustation légère.", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-rolls-with-vegetable-salad-white-plate_114579-4293.jpg", imageAlt: "Viande premium"},
|
||||
{
|
||||
title: "Accueil traditionnel", description: "Chaque visite commence par un thé chaud offert, véritable signe de notre hospitalité.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081450.jpg", imageAlt: "Thé traditionnel"},
|
||||
{
|
||||
title: "Gourmandise artisanale", description: "Des recettes simples et efficaces, du burger au kebab, toujours préparées minute.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-tasty-with-green-salad-other-ingredients-inside-round-plate-dark-surface_140725-11626.jpg", imageAlt: "Recette artisanale"},
|
||||
]}
|
||||
title="Pourquoi Chez Memo est unique"
|
||||
description="Nous avons réinventé le kebab pour allier la tradition turque à une exigence culinaire haut de gamme."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Excellence Culinaire"
|
||||
description="Une approche premium du Kebab pour une clientèle exigeante."
|
||||
features={[
|
||||
{ id: "1", label: "Hygiène", title: "Cuisine Transparente", items: ["Normes HACCP strictes", "Ouverte sur salle"], buttons: [{ text: "En savoir plus" }] },
|
||||
{ id: "2", label: "Santé", title: "Sans excès de gras", items: ["Viande de choix", "Préparée avec soin"], buttons: [{ text: "Nos engagements" }] }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Signature", name: "Kebab Royal", price: "11.00 €", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers_23-2148651114.jpg" },
|
||||
{ id: "2", brand: "Tradition", name: "Sucuk Tradition", price: "11.00 €", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/cream-is-being-poured-top-raw-cooked-meat-slices_140725-5009.jpg" },
|
||||
{ id: "3", brand: "Gourmet", name: "Tiramisu Maison", price: "3.00 €", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030735.jpg" },
|
||||
{ id: "4", brand: "Burger", name: "Classic Gourmet", price: "9.50 €", rating: 4, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-hamburger-wooden-board_23-2148614133.jpg" },
|
||||
{ id: "5", brand: "Tradition", name: "KofteSignature", price: "10.00 €", rating: 5, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-meat-cutlets-with-seasonings-light-grey-desk-meal-photo-dish_140725-47094.jpg" },
|
||||
{ id: "6", brand: "Signature", name: "Duo Mixte Royal", price: "14.00 €", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetable-salad-onions-tray_140725-9192.jpg" },
|
||||
]}
|
||||
title="Notre Collection Héritage"
|
||||
description="Découvrez nos spécialités préparées avec les meilleurs produits du marché."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Notre Sélection"
|
||||
textboxLayout="default"
|
||||
description="Nos meilleurs choix"
|
||||
products={[
|
||||
{ id: "1", name: "Kebab Royal", price: "12€", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers_23-2148651114.jpg" },
|
||||
{ id: "2", name: "Sucuk Grillé", price: "11€", variant: "Spécialité", imageSrc: "http://img.b2bpic.net/free-photo/cream-is-being-poured-top-raw-cooked-meat-slices_140725-5009.jpg" },
|
||||
{ id: "3", name: "Tiramisu Maison", price: "4€", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030735.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "100%", description: "Viande sélectionnée" },
|
||||
{ id: "2", value: "1000+", description: "Clients satisfaits" },
|
||||
{ id: "3", value: "5/5", description: "Note moyenne" },
|
||||
]}
|
||||
title="Les chiffres de la qualité"
|
||||
description="Une rigueur quotidienne pour vous garantir la meilleure expérience possible."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
title="Chez Memo en chiffres"
|
||||
description="Les chiffres clés"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "100%", title: "Qualité viande", description: "Sélectionnée", icon: CheckCircle },
|
||||
{ id: "2", value: "0%", title: "Excès", description: "Zéro gras superflu", icon: Award },
|
||||
{ id: "3", value: "1", title: "Tradition", description: "Thé offert", icon: Sparkles },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Fidèle", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Enthousiaste", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-champaign-glass_176420-3750.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Gourmande", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Habitué", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg" },
|
||||
{ id: "5", name: "Laura Smith", role: "Amateur", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517410.jpg" },
|
||||
]}
|
||||
title="Ce que nos clients disent"
|
||||
description="La satisfaction de nos convives est le moteur de notre passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Avis des gourmets"
|
||||
cardTag="Chez Memo"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Client fidèle", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Est-ce du vrai Kebab?", content: "Oui, notre viande est sélectionnée et préparée quotidiennement." },
|
||||
{ id: "2", title: "Proposez-vous des options végétariennes?", content: "Nous travaillons sur des recettes innovantes, demandez à notre équipe." },
|
||||
{ id: "3", title: "Peut-on réserver?", content: "Nous privilégions l'accueil direct pour maintenir notre esprit convivial." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blurred-restaurant_1339-2813.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que vous devez savoir sur Chez Memo."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageAlt="Atmosphère de restaurant élégant"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
background={{ variant: "plain" }}
|
||||
text="Venez découvrir Chez Memo, le kebab premium de votre quartier."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Prêt à vivre l'expérience Chez Memo ? Venez nous rencontrer pour un moment de partage authentique."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Chez Memo"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Assiettes", href: "#products" },
|
||||
{ label: "Burgers", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Avis", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Chez Memo"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Assiettes", href: "#products" }, { label: "Tiramisu", href: "#products" }] },
|
||||
{ title: "Contact", items: [{ label: "Nous trouver", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #D4AF37;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #D4AF37;
|
||||
--background-accent: #D4AF37;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user