Merge version_2 into main #3
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ReviewsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -22,152 +21,48 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Livraison",
|
||||
id: "/livraison",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "/avis",
|
||||
},
|
||||
]}
|
||||
brandName="Sakura"
|
||||
button={{
|
||||
text: "Commander",
|
||||
href: "/menu",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Livraison", id: "/livraison" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Avis", id: "/avis" }
|
||||
]}
|
||||
brandName="Sakura"
|
||||
button={{ text: "Commander", href: "/menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="avis-body" data-section="avis-body">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "User 1",
|
||||
role: "Client",
|
||||
testimonial: "Super !",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "User 2",
|
||||
role: "Client",
|
||||
testimonial: "Très bien.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-young-african-man-smiling-isolated-white_93675-128895.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "User 3",
|
||||
role: "Client",
|
||||
testimonial: "À recommander.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3705.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "User 4",
|
||||
role: "Client",
|
||||
testimonial: "Excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "User 5",
|
||||
role: "Client",
|
||||
testimonial: "Rapport qualité prix top.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shows-his-thumbs-up_8353-10144.jpg",
|
||||
},
|
||||
]}
|
||||
title="Avis Clients"
|
||||
description="Plus de 200 avis positifs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Ce que nos clients disent de nous"
|
||||
description="Retrouvez les avis de nos clients fidèles qui nous font confiance pour leur pause déjeuner ou leur dîner à Chenôve."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marie D.", role: "Cliente", company: "Chenôve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-confident-male-office-worker-spectacles-formal-shirt-with-dark-skin-poses-spacious-cabinet_273609-3441.jpg" },
|
||||
{ id: "2", name: "Jean P.", role: "Client", company: "Chenôve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ id: "3", name: "Lucie B.", role: "Cliente", company: "Dijon", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg" },
|
||||
{ id: "4", name: "Marc L.", role: "Client", company: "Chenôve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-businessman_23-2150793883.jpg" },
|
||||
{ id: "5", name: "Julie K.", role: "Cliente", company: "Longvic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2641.jpg" },
|
||||
{ id: "6", name: "Thomas R.", role: "Client", company: "Chenôve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-posing-camera_114579-2228.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Ce que disent nos clients fidèles"
|
||||
cardTag="Retours"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-indian-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-129416.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-dark-skinned-african-american-businessman-with-bristle_273609-28347.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-17771.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Livraison",
|
||||
href: "/livraison",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sakura"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
|
||||
{ items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Sakura"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,123 +2,45 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Livraison",
|
||||
id: "/livraison",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "/avis",
|
||||
},
|
||||
]}
|
||||
brandName="Sakura"
|
||||
button={{
|
||||
text: "Commander",
|
||||
href: "/menu",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Contactez-nous"
|
||||
description="Une question ? Une réservation ?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Demande d'information"
|
||||
description="N'hésitez pas à nous envoyer un message."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-service-male-employee-with-headset_53876-126964.jpg"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nom complet",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Livraison",
|
||||
href: "/livraison",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sakura"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Livraison", id: "/livraison" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Avis", id: "/avis" }
|
||||
]}
|
||||
brandName="Sakura"
|
||||
button={{ text: "Commander", href: "/menu" }}
|
||||
/>
|
||||
<div className="pt-32 pb-16">
|
||||
<ContactSplitForm
|
||||
title="Contactez-nous"
|
||||
description="Besoin d'une réservation ou d'une information ? Situés au cœur de Chenôve, nous sommes à votre écoute."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Votre Nom" },
|
||||
{ name: "email", type: "email", placeholder: "Votre Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Votre message" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
|
||||
{ items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Sakura"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,125 +2,48 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import { Truck, Clock, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function LivraisonPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Livraison",
|
||||
id: "/livraison",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "/avis",
|
||||
},
|
||||
]}
|
||||
brandName="Sakura"
|
||||
button={{
|
||||
text: "Commander",
|
||||
href: "/menu",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="delivery-body" data-section="delivery-body">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Livraison"
|
||||
description="Commandez et recevez chez vous."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anime-style-house-architecture_23-2151064847.jpg"
|
||||
imageAlt="Delivery Service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Options de Livraison"
|
||||
description="Faites-vous livrer chez vous en toute sécurité."
|
||||
features={[
|
||||
{
|
||||
tag: "Rapide",
|
||||
title: "Zone de livraison",
|
||||
subtitle: "Chenôve et environs",
|
||||
description: "Un réseau optimisé pour arriver chaud.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050368.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Pratique",
|
||||
title: "Suivi en temps réel",
|
||||
subtitle: "Suivez votre commande",
|
||||
description: "Une interface simple pour suivre vos sushis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-takeout-box-with-noodles-chopsticks-icon_23-2152015158.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Livraison",
|
||||
href: "/livraison",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sakura"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Livraison", id: "/livraison" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Avis", id: "/avis" }
|
||||
]}
|
||||
brandName="Sakura"
|
||||
button={{ text: "Commander", href: "/menu" }}
|
||||
/>
|
||||
<div className="pt-32 pb-16">
|
||||
<FeatureCardTwentyFive
|
||||
title="Informations de Livraison"
|
||||
description="Livraison rapide et sécurisée à Chenôve et alentours."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Zone de livraison", description: "Nous livrons dans un rayon de 10km autour de Chenôve.", icon: MapPin, mediaItems: [] },
|
||||
{ title: "Horaires", description: "Service de livraison disponible de 11h30 à 14h00 et de 18h30 à 22h00.", icon: Clock, mediaItems: [] },
|
||||
{ title: "Commande", description: "Commandez en ligne ou par téléphone pour une livraison express.", icon: Truck, mediaItems: [] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
|
||||
{ items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Sakura"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -22,104 +21,41 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Livraison",
|
||||
id: "/livraison",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "/avis",
|
||||
},
|
||||
]}
|
||||
brandName="Sakura"
|
||||
button={{
|
||||
text: "Commander",
|
||||
href: "/menu",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Livraison", id: "/livraison" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Avis", id: "/avis" }
|
||||
]}
|
||||
brandName="Sakura"
|
||||
button={{ text: "Commander", href: "/menu" }}
|
||||
/>
|
||||
|
||||
<div className="pt-32 pb-16">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
title="Menu Complet"
|
||||
description="Découvrez toutes nos spécialités."
|
||||
products={[
|
||||
{ id: "1", brand: "Sushi", name: "Sushi Saumon", price: "4,00€", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/asian-meal_23-2148142533.jpg" },
|
||||
{ id: "2", brand: "Maki", name: "California Thon", price: "5,50€", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/various-sushi-with-ginger-wasabi_140725-70.jpg" },
|
||||
{ id: "3", brand: "Sashimi", name: "Sashimi Mixte", price: "16,00€", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-fish-slices-with-lemon-slices-seasonings-dark-seafood-dish-color-food-meat-photo-raw_140725-143992.jpg" },
|
||||
{ id: "4", brand: "Brochettes", name: "Menu Yakitori 5", price: "12,00€", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-shrimps-sticks-served-with-lettuce-tomatoes-onions_141793-1066.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-body" data-section="menu-body">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Notre Carte"
|
||||
description="Découvrez notre sélection de spécialités japonaises."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sushi-dish-asian-restaurant_23-2148195622.jpg"
|
||||
imageAlt="Menu Showcase"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Nos Spécialités"
|
||||
description="Découvrez notre savoir-faire unique."
|
||||
features={[
|
||||
{
|
||||
tag: "Sushi",
|
||||
title: "Sashimi",
|
||||
subtitle: "Fraîcheur intense",
|
||||
description: "Poisson cru tranché avec précision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-red-caviar_140725-3084.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Yakitori",
|
||||
title: "Brochettes",
|
||||
subtitle: "Grillées à la perfection",
|
||||
description: "Viande marinée et grillée au charbon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-grilled-meat-skewers-with-sesame-seeds_84443-85868.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Livraison",
|
||||
href: "/livraison",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sakura"
|
||||
/>
|
||||
</div>
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
|
||||
{ items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Sakura"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-lato), sans-serif;
|
||||
font-family: var(--font-cormorant-garamond), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
|
||||
@@ -10,9 +10,9 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1a1a1a;
|
||||
--background: #FFFFFF;
|
||||
--card: #fcecea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #C0392B;
|
||||
--primary-cta-text: #FFFFFF;
|
||||
--secondary-cta: #FFFFFF;
|
||||
|
||||
Reference in New Issue
Block a user