Update src/app/page.tsx
This commit is contained in:
408
src/app/page.tsx
408
src/app/page.tsx
@@ -15,298 +15,142 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fresh & Green"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fresh & Green"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Fresh & Green"
|
||||
description="L'excellence du goût sain et organique. Venez découvrir nos créations culinaires fraîches et colorées."
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir le Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-ingredients-included-salad_23-2148173919.jpg",
|
||||
imageAlt: "Salade fraiche",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegetable-salad_23-2147694445.jpg",
|
||||
imageAlt: "Smoothie frais",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holds-fork-with-salad-with-fried-chicken-mushrooms_141793-2893.jpg",
|
||||
imageAlt: "Ingrédients frais",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flexitarian-diet-with-salad-flat-lay_23-2148862652.jpg",
|
||||
imageAlt: "Plats healthy",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-green-red-leaf-lettuce_140725-2575.jpg",
|
||||
imageAlt: "Ambiance restaurant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-carrots-other-healthy-food_23-2148381294.jpg",
|
||||
imageAlt: "Cuisine saine",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Fresh & Green"
|
||||
description="L'excellence du goût sain et organique. Venez découvrir nos créations culinaires fraîches et colorées."
|
||||
buttons={[{ text: "Découvrir le Menu", href: "#products" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/healthy-ingredients-included-salad_23-2148173919.jpg", imageAlt: "Salade fraiche" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegetable-salad_23-2147694445.jpg", imageAlt: "Smoothie frais" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holds-fork-with-salad-with-fried-chicken-mushrooms_141793-2893.jpg", imageAlt: "Ingrédients frais" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flexitarian-diet-with-salad-flat-lay_23-2148862652.jpg", imageAlt: "Plats healthy" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-green-red-leaf-lettuce_140725-2575.jpg", imageAlt: "Ambiance restaurant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-carrots-other-healthy-food_23-2148381294.jpg", imageAlt: "Cuisine saine" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Notre Philosophie"
|
||||
title="Une cuisine authentique, saine et locale."
|
||||
buttons={[
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
tag="Notre Philosophie"
|
||||
title="Une cuisine authentique, saine et locale."
|
||||
buttons={[{ text: "En savoir plus", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Aucun additif artificiel",
|
||||
"Pas de produits transformés",
|
||||
"Zéro compromis sur la qualité",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Produits 100% frais et bio",
|
||||
"Ingrédients d'origine locale",
|
||||
"Recettes équilibrées et gourmandes",
|
||||
],
|
||||
}}
|
||||
title="Pourquoi Fresh & Green ?"
|
||||
description="La qualité avant tout, une approche transparente pour une alimentation qui vous veut du bien."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Aucun additif artificiel", "Pas de produits transformés", "Zéro compromis sur la qualité"] }}
|
||||
positiveCard={{ items: ["Produits 100% frais et bio", "Ingrédients d'origine locale", "Recettes équilibrées et gourmandes"] }}
|
||||
title="Pourquoi Fresh & Green ?"
|
||||
description="La qualité avant tout, une approche transparente pour une alimentation qui vous veut du bien."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bowl Méditerranéen",
|
||||
price: "1200 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bowl-with-oatmeal-tomatoes-cheese-lettuce-olives_2829-10950.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smoothie Detox",
|
||||
price: "450 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pomegranate-juice-with-seeds-straw_114579-50810.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wrap au Poulet Fermier",
|
||||
price: "850 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burritos-wraps-with-chicken-vegetables-chicken-burrito-mexican-food_2829-6975.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Soupe aux Légumes de Saison",
|
||||
price: "600 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-carrot-soup-blue-bowl-white-wooden-table_123827-37392.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Avocado Toast Gourmet",
|
||||
price: "950 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-vegetables-breakfast_23-2148574563.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Hummus et Légumes Croquants",
|
||||
price: "700 DA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chickpea-hummus-wooden-bowl-garnished-with-parsley-paprika-olive-oil-close-up_123827-22808.jpg",
|
||||
},
|
||||
]}
|
||||
title="Notre Menu du Jour"
|
||||
description="Des plats préparés chaque jour avec passion pour satisfaire vos envies de légèreté et de vitalité."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Bowl Méditerranéen", price: "1200 DA", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bowl-with-oatmeal-tomatoes-cheese-lettuce-olives_2829-10950.jpg" },
|
||||
{ id: "2", name: "Smoothie Detox", price: "450 DA", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pomegranate-juice-with-seeds-straw_114579-50810.jpg" },
|
||||
{ id: "3", name: "Wrap au Poulet Fermier", price: "850 DA", imageSrc: "http://img.b2bpic.net/free-photo/burritos-wraps-with-chicken-vegetables-chicken-burrito-mexican-food_2829-6975.jpg" },
|
||||
{ id: "4", name: "Soupe aux Légumes de Saison", price: "600 DA", imageSrc: "http://img.b2bpic.net/free-photo/creamy-carrot-soup-blue-bowl-white-wooden-table_123827-37392.jpg" },
|
||||
{ id: "5", name: "Avocado Toast Gourmet", price: "950 DA", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-vegetables-breakfast_23-2148574563.jpg" },
|
||||
{ id: "6", name: "Hummus et Légumes Croquants", price: "700 DA", imageSrc: "http://img.b2bpic.net/free-photo/chickpea-hummus-wooden-bowl-garnished-with-parsley-paprika-olive-oil-close-up_123827-22808.jpg" }
|
||||
]}
|
||||
title="Notre Menu du Jour"
|
||||
description="Des plats préparés chaque jour avec passion pour satisfaire vos envies de légèreté et de vitalité."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amira S.",
|
||||
role: "Client",
|
||||
company: "Alger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3890.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Karim B.",
|
||||
role: "Client",
|
||||
company: "Alger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10312.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah M.",
|
||||
role: "Client",
|
||||
company: "Alger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-trying-tasty-salad_23-2148363524.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Yacine D.",
|
||||
role: "Client",
|
||||
company: "Alger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lila Z.",
|
||||
role: "Client",
|
||||
company: "Alger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-fork_23-2148899011.jpg",
|
||||
},
|
||||
]}
|
||||
title="Ils adorent Fresh & Green"
|
||||
description="Découvrez ce que nos clients pensent de leur expérience chez nous."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Amira S.", role: "Client", company: "Alger", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3890.jpg" },
|
||||
{ id: "2", name: "Karim B.", role: "Client", company: "Alger", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10312.jpg" },
|
||||
{ id: "3", name: "Sarah M.", role: "Client", company: "Alger", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-woman-trying-tasty-salad_23-2148363524.jpg" },
|
||||
{ id: "4", name: "Yacine D.", role: "Client", company: "Alger", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg" },
|
||||
{ id: "5", name: "Lila Z.", role: "Client", company: "Alger", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-fork_23-2148899011.jpg" }
|
||||
]}
|
||||
title="Ils adorent Fresh & Green"
|
||||
description="Découvrez ce que nos clients pensent de leur expérience chez nous."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Proposez-vous des options végétariennes ?",
|
||||
content: "Oui, la majorité de notre carte est végétarienne et vegan-friendly.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quelle est la provenance de vos produits ?",
|
||||
content: "Nous travaillons avec des producteurs locaux rigoureusement sélectionnés chaque semaine.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Faites-vous la livraison ?",
|
||||
content: "Nous livrons dans plusieurs quartiers d'Alger via nos plateformes partenaires.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions Fréquentes"
|
||||
sideDescription="Tout savoir sur nos services et engagements."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Proposez-vous des options végétariennes ?", content: "Oui, la majorité de notre carte est végétarienne et vegan-friendly." },
|
||||
{ id: "f2", title: "Quelle est la provenance de vos produits ?", content: "Nous travaillons avec des producteurs locaux rigoureusement sélectionnés chaque semaine." },
|
||||
{ id: "f3", title: "Faites-vous la livraison ?", content: "Nous livrons dans plusieurs quartiers d'Alger via nos plateformes partenaires." }
|
||||
]}
|
||||
sideTitle="Questions Fréquentes"
|
||||
sideDescription="Tout savoir sur nos services et engagements."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Envie de nous rendre visite ?"
|
||||
description="Venez savourer nos plats dans une ambiance chaleureuse et végétale."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business_23-2148006299.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Votre adresse email"
|
||||
buttonText="Envoyer"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact"
|
||||
title="Envie de nous rendre visite ?"
|
||||
description="Venez savourer nos plats dans une ambiance chaleureuse et végétale."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business_23-2148006299.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Votre adresse email"
|
||||
buttonText="Envoyer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Fresh & Green"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/freshandgreen_dz/",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "CGU",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Fresh & Green"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Menu", href: "#products" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com/freshandgreen_dz/" }] },
|
||||
{ title: "Légal", items: [{ label: "Confidentialité", href: "#" }, { label: "CGU", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user