Merge version_1 into main #2
320
src/app/page.tsx
320
src/app/page.tsx
@@ -26,238 +26,106 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="O My Sushi"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Avis", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="O My Sushi"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Le meilleur des saveurs japonaises à L'Estaque"
|
||||
description="Authenticité, fraîcheur et passion. Découvrez nos sushis, nouilles sautées et donburis préparés chaque jour avec amour à Marseille."
|
||||
tag="Livraison Disponible"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-dish-inside-plate-tray-green-table-food-meal-restaurant_140725-27860.jpg?_wi=1",
|
||||
imageAlt: "Plateau de sushis frais",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-dish-inside-plate-tray-green-table-food-meal-restaurant_140725-27860.jpg?_wi=2",
|
||||
imageAlt: "Intérieur du restaurant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plastic-sushi-rolls-display-case_1232-2383.jpg?_wi=1",
|
||||
imageAlt: "Sushis assortis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-with-fresh-salmon-fish-meat-sushi_74190-7657.jpg?_wi=1",
|
||||
imageAlt: "Chirashi au saumon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-fish-meal_23-2148494096.jpg?_wi=1",
|
||||
imageAlt: "Tartare de poisson",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="4.3 (460+ avis)"
|
||||
tagIcon={Truck}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Le meilleur des saveurs japonaises à L'Estaque"
|
||||
description="Authenticité, fraîcheur et passion. Découvrez nos sushis, nouilles sautées et donburis préparés chaque jour avec amour à Marseille."
|
||||
tag="Livraison Disponible"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-dish-inside-plate-tray-green-table-food-meal-restaurant_140725-27860.jpg", imageAlt: "Plateau de sushis frais" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-dish-inside-plate-tray-green-table-food-meal-restaurant_140725-27860.jpg", imageAlt: "Intérieur du restaurant" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="4.3 (460+ avis)"
|
||||
tagIcon={Truck}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Small BOX",
|
||||
price: "15,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plastic-sushi-rolls-display-case_1232-2383.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nouilles au poulet",
|
||||
price: "10,40 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-noodles-with-fried-vegetables-meat-with-grated-cheese-bowl_141793-11315.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Poulet Caramélisé",
|
||||
price: "14,10 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-background-delicious-space-white_1203-3864.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chirashi Saumon",
|
||||
price: "15,60 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-with-fresh-salmon-fish-meat-sushi_74190-7657.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tartare Saumon Avocat",
|
||||
price: "18,20 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-fish-meal_23-2148494096.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Brochettes Poulet x2",
|
||||
price: "7,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14704.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nos Spécialités"
|
||||
description="De nos box généreuses à nos plats chauds, il y en a pour tous les goûts."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Small BOX", price: "15,50 €", imageSrc: "http://img.b2bpic.net/free-photo/plastic-sushi-rolls-display-case_1232-2383.jpg" },
|
||||
{ id: "2", name: "Nouilles au poulet", price: "10,40 €", imageSrc: "http://img.b2bpic.net/free-photo/front-view-noodles-with-fried-vegetables-meat-with-grated-cheese-bowl_141793-11315.jpg" },
|
||||
{ id: "3", name: "Poulet Caramélisé", price: "14,10 €", imageSrc: "http://img.b2bpic.net/free-photo/rice-background-delicious-space-white_1203-3864.jpg" },
|
||||
{ id: "4", name: "Chirashi Saumon", price: "15,60 €", imageSrc: "http://img.b2bpic.net/free-photo/raw-with-fresh-salmon-fish-meat-sushi_74190-7657.jpg" },
|
||||
{ id: "5", name: "Tartare Saumon Avocat", price: "18,20 €", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-fish-meal_23-2148494096.jpg" },
|
||||
{ id: "6", name: "Brochettes Poulet x2", price: "7,50 €", imageSrc: "http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14704.jpg" }
|
||||
]}
|
||||
title="Nos Spécialités"
|
||||
description="De nos box généreuses à nos plats chauds, il y en a pour tous les goûts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julie M.",
|
||||
role: "Habituée",
|
||||
company: "Marseille",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas P.",
|
||||
role: "Client",
|
||||
company: "Marseille",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Claire R.",
|
||||
role: "Fan de sushi",
|
||||
company: "Estaque",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marc B.",
|
||||
role: "Habitué",
|
||||
company: "Marseille",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie L.",
|
||||
role: "Cliente",
|
||||
company: "Estaque",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="La satisfaction de nos habitués est notre plus belle réussite."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Julie M.", role: "Habituée", company: "Marseille", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg" },
|
||||
{ id: "2", name: "Thomas P.", role: "Client", company: "Marseille", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg" },
|
||||
{ id: "3", name: "Claire R.", role: "Fan de sushi", company: "Estaque", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg" },
|
||||
{ id: "4", name: "Marc B.", role: "Habitué", company: "Marseille", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg" },
|
||||
{ id: "5", name: "Sophie L.", role: "Cliente", company: "Estaque", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954883.jpg" }
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="La satisfaction de nos habitués est notre plus belle réussite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="La qualité au cœur de nos engagements"
|
||||
metrics={[
|
||||
{
|
||||
icon: Fish,
|
||||
label: "Poissons frais",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Préparation minute",
|
||||
value: "Chaque jour",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Clients satisfaits",
|
||||
value: "460+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="La qualité au cœur de nos engagements"
|
||||
metrics={[
|
||||
{ icon: Fish, label: "Poissons frais", value: "100%" },
|
||||
{ icon: Clock, label: "Préparation minute", value: "Chaque jour" },
|
||||
{ icon: Smile, label: "Clients satisfaits", value: "460+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Commandez votre repas"
|
||||
description="Entrez votre email pour recevoir nos offres spéciales et informations de livraison."
|
||||
tag="Newsletter"
|
||||
inputPlaceholder="votre.email@exemple.com"
|
||||
buttonText="M'inscrire"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Commandez votre repas"
|
||||
description="Entrez votre email pour recevoir nos offres spéciales et informations de livraison."
|
||||
tag="Newsletter"
|
||||
inputPlaceholder="votre.email@exemple.com"
|
||||
buttonText="M'inscrire"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "50 Plage De L'Estaque, 13016 Marseille",
|
||||
},
|
||||
{
|
||||
label: "Livraison rapide",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Avis",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="O My Sushi"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "50 Plage De L'Estaque, 13016 Marseille" }, { label: "Livraison rapide" }] },
|
||||
{ items: [{ label: "Menu", href: "#products" }, { label: "Avis", href: "#testimonials" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="O My Sushi"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user