Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 13:25:38 +00:00

View File

@@ -17,344 +17,175 @@ import { Award, Smile, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "hero",
},
{
name: "Notre Histoire",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Avis",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Flash Kebab"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Accueil", id: "hero" },
{ name: "Notre Histoire", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Avis", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Flash Kebab"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "sparkles-gradient",
}}
logoText="Flash Kebab"
description="L'excellence du kebab berlinois au cœur de Compiègne. Produits frais, ambiance chaleureuse et saveurs authentiques."
buttons={[
{
text: "Voir le Menu",
href: "#products",
},
{
text: "Réserver",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-assorted-meat-kebab-with-onions-spices-fresh-salad_141793-1535.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "sparkles-gradient" }}
logoText="Flash Kebab"
description="L'excellence du kebab berlinois au cœur de Compiègne. Produits frais, ambiance chaleureuse et saveurs authentiques."
buttons={[
{ text: "Voir le Menu", href: "#products" },
{ text: "Réserver", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-assorted-meat-kebab-with-onions-spices-fresh-salad_141793-1535.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Plus qu'un Kebab, une Expérience"
description="Bienvenue au Flash Kebab Grill House. Depuis des années, nous mettons un point d'honneur à allier propreté irréprochable, accueil souriant et qualité artisanale. De nos pains maison à nos grillades préparées avec soin, chaque bouchée est une invitation au voyage."
imageSrc="http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Plus qu'un Kebab, une Expérience"
description="Bienvenue au Flash Kebab Grill House. Depuis des années, nous mettons un point d'honneur à allier propreté irréprochable, accueil souriant et qualité artisanale. De nos pains maison à nos grillades préparées avec soin, chaque bouchée est une invitation au voyage."
imageSrc="http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Sandwich Berlinois",
price: "9€",
imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-with-focaccia-bread_23-2148651091.jpg",
},
{
id: "p2",
name: "Assiette Adana",
price: "14€",
imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg",
},
{
id: "p3",
name: "Pide au Fromage",
price: "8€",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-georgian-khachapuri-cheese-egg-bread_140725-8869.jpg",
},
{
id: "p4",
name: "Barquette Frites Maison",
price: "4€",
imageSrc: "http://img.b2bpic.net/free-photo/bunch-raw-pasta-wooden-bowl_114579-76283.jpg",
},
{
id: "p5",
name: "Salade Crudités",
price: "5€",
imageSrc: "http://img.b2bpic.net/free-photo/serving-tray-reakfast-made-boiled-eggs-cucumber-pepper-slices-pomegranate-salad-marble_114579-23488.jpg",
},
{
id: "p6",
name: "Tacos Gourmand",
price: "9€",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mexican-food_23-2148140183.jpg",
},
]}
title="Nos Spécialités"
description="Découvrez nos plats signatures préparés avec des produits frais et gourmands."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Sandwich Berlinois", price: "9€", imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-with-focaccia-bread_23-2148651091.jpg" },
{ id: "p2", name: "Assiette Adana", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg" },
{ id: "p3", name: "Pide au Fromage", price: "8€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-georgian-khachapuri-cheese-egg-bread_140725-8869.jpg" },
{ id: "p4", name: "Barquette Frites Maison", price: "4€", imageSrc: "http://img.b2bpic.net/free-photo/bunch-raw-pasta-wooden-bowl_114579-76283.jpg" },
{ id: "p5", name: "Salade Crudités", price: "5€", imageSrc: "http://img.b2bpic.net/free-photo/serving-tray-reakfast-made-boiled-eggs-cucumber-pepper-slices-pomegranate-salad-marble_114579-23488.jpg" },
{ id: "p6", name: "Tacos Gourmand", price: "9€", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mexican-food_23-2148140183.jpg" },
]}
title="Nos Spécialités"
description="Découvrez nos plats signatures préparés avec des produits frais et gourmands."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Produits Frais",
descriptions: [
"Sélection rigoureuse des viandes et légumes frais chaque matin.",
],
imageSrc: "http://img.b2bpic.net/free-photo/food-vegetable-colorful-background-tasty-fresh-vegetables-wooden-table-top-view-with-copy-space_1220-3868.jpg",
},
{
id: "f2",
title: "Accueil Chaleureux",
descriptions: [
"Un personnel attentif, souriant et dévoué à votre confort.",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept_639032-425.jpg",
},
{
id: "f3",
title: "Propreté Irréprochable",
descriptions: [
"Un espace lumineux, propre et entretenu pour vos repas.",
],
imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-chef-uniform-prepares-freshly-cut-vegetables-dish_482257-121130.jpg",
},
]}
title="L'engagement Flash Kebab"
description="Nous garantissons une expérience unique grâce à une rigueur quotidienne."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Produits Frais", descriptions: ["Sélection rigoureuse des viandes et légumes frais chaque matin."], imageSrc: "http://img.b2bpic.net/free-photo/food-vegetable-colorful-background-tasty-fresh-vegetables-wooden-table-top-view-with-copy-space_1220-3868.jpg" },
{ id: "f2", title: "Accueil Chaleureux", descriptions: ["Un personnel attentif, souriant et dévoué à votre confort."], imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept_639032-425.jpg" },
{ id: "f3", title: "Propreté Irréprochable", descriptions: ["Un espace lumineux, propre et entretenu pour vos repas."], imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-chef-uniform-prepares-freshly-cut-vegetables-dish_482257-121130.jpg" },
]}
title="L'engagement Flash Kebab"
description="Nous garantissons une expérience unique grâce à une rigueur quotidienne."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Laurent Herbet",
role: "Local Guide",
company: "Habitué",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
},
{
id: "t2",
name: "Francois F",
role: "Local Guide",
company: "Habitué",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg",
},
{
id: "t3",
name: "Mehmet Aksen",
role: "Local Guide",
company: "Habitué",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg",
},
{
id: "t4",
name: "Sacha Minet",
role: "Habitué",
company: "Client fidèle",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg",
},
{
id: "t5",
name: "Alexandre B.",
role: "Local Guide",
company: "Visiteur",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-handsome-young-man-wearing-hat-white-shirt-smiling-happily-while-reading-sms-mobile-phone-messaging-his-girlfriend-online-using-free-wi-fi-lunch-cafe_273609-1708.jpg",
},
]}
kpiItems={[
{
value: "120+",
label: "Avis Clients",
},
{
value: "4.8",
label: "Note Moyenne",
},
{
value: "10 ans",
label: "De Passion",
},
]}
title="Ce que vous dites"
description="La satisfaction de nos clients est notre plus belle récompense."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Laurent Herbet", role: "Local Guide", company: "Habitué", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
{ id: "t2", name: "Francois F", role: "Local Guide", company: "Habitué", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg" },
{ id: "t3", name: "Mehmet Aksen", role: "Local Guide", company: "Habitué", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg" },
{ id: "t4", name: "Sacha Minet", role: "Habitué", company: "Client fidèle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg" },
{ id: "t5", name: "Alexandre B.", role: "Local Guide", company: "Visiteur", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-handsome-young-man-wearing-hat-white-shirt-smiling-happily-while-reading-sms-mobile-phone-messaging-his-girlfriend-online-using-free-wi-fi-lunch-cafe_273609-1708.jpg" },
]}
kpiItems={[
{ value: "120+", label: "Avis Clients" },
{ value: "4.8", label: "Note Moyenne" },
{ value: "10 ans", label: "De Passion" },
]}
title="Ce que vous dites"
description="La satisfaction de nos clients est notre plus belle récompense."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Smile,
title: "Clients Heureux",
value: "5000+",
},
{
id: "m2",
icon: Award,
title: "Recettes Maison",
value: "15",
},
{
id: "m3",
icon: Zap,
title: "Kebab Berlinois",
value: "1er choix",
},
]}
title="Nos Chiffres"
description="Des années de passion à votre service."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", icon: Smile, title: "Clients Heureux", value: "5000+" },
{ id: "m2", icon: Award, title: "Recettes Maison", value: "15" },
{ id: "m3", icon: Zap, title: "Kebab Berlinois", value: "1er choix" },
]}
title="Nos Chiffres"
description="Des années de passion à votre service."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Est-ce que vous faites la livraison ?",
content: "Nous privilégions le service sur place et à emporter pour garantir la qualité de nos plats.",
},
{
id: "q2",
title: "Proposez-vous des options végétariennes ?",
content: "Oui, nous avons des plats adaptés comme nos Pide au fromage.",
},
{
id: "q3",
title: "Quelles sont vos horaires ?",
content: "Nous vous accueillons du lundi au dimanche, consultez Google pour les horaires détaillés.",
},
]}
title="Questions Fréquentes"
description="Toutes les infos sur votre restaurant Flash Kebab."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Est-ce que vous faites la livraison ?", content: "Nous privilégions le service sur place et à emporter pour garantir la qualité de nos plats." },
{ id: "q2", title: "Proposez-vous des options végétariennes ?", content: "Oui, nous avons des plats adaptés comme nos Pide au fromage." },
{ id: "q3", title: "Quelles sont vos horaires ?", content: "Nous vous accueillons du lundi au dimanche, consultez Google pour les horaires détaillés." },
]}
title="Questions Fréquentes"
description="Toutes les infos sur votre restaurant Flash Kebab."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Réservez votre table"
description="Une envie de kebab authentique ? Contactez-nous pour toute demande ou réservation."
inputs={[
{
name: "name",
type: "text",
placeholder: "Votre nom",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Votre email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Votre message",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/fashionable-beautiful-blonde-model-girl-stylish-red-velvet-velour-skirt-white-blouse-posed-with-phone-earphones-against-windows-city-building_627829-6085.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Réservez votre table"
description="Une envie de kebab authentique ? Contactez-nous pour toute demande ou réservation."
inputs={[
{ name: "name", type: "text", placeholder: "Votre nom", required: true },
{ name: "email", type: "email", placeholder: "Votre email", required: true },
]}
textarea={{ name: "message", placeholder: "Votre message", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/fashionable-beautiful-blonde-model-girl-stylish-red-velvet-velour-skirt-white-blouse-posed-with-phone-earphones-against-windows-city-building_627829-6085.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bo5ehy"
logoText="Flash Kebab"
columns={[
{
title: "Navigation",
items: [
{
label: "Accueil",
href: "#hero",
},
{
label: "Menu",
href: "#products",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Informations",
items: [
{
label: "Horaires",
href: "#",
},
{
label: "Plan d'accès",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bo5ehy"
logoText="Flash Kebab"
columns={[
{
title: "Navigation", items: [
{ label: "Accueil", href: "#hero" },
{ label: "Menu", href: "#products" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Informations", items: [
{ label: "Horaires", href: "#" },
{ label: "Plan d'accès", href: "#" },
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);