Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-06 12:23:16 +00:00

View File

@@ -28,381 +28,159 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Dar Tajine"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Dar Tajine"
button={{ text: "Order Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Authentic Taste of Morocco"
description="Experience the warmth of traditional tagine, prepared with fresh ingredients and authentic spices. Welcome to Dar Tajine."
testimonials={[
{
name: "Ahmed",
handle: "@ahmedfood",
testimonial: "The best tajine I've ever had, brings back memories of home.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110414.jpg",
},
{
name: "Sarah",
handle: "@sarah_eats",
testimonial: "Authentic flavors and beautiful presentation. Absolutely delicious.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg",
},
{
name: "Marc",
handle: "@marc_d",
testimonial: "A true gem! The lamb tagine is perfectly spiced and tender.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
},
{
name: "Elena",
handle: "@elena_g",
testimonial: "Cozy atmosphere and the freshest ingredients. My new favorite spot.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
},
{
name: "Youssef",
handle: "@youssef_k",
testimonial: "Truly captures the essence of Moroccan cooking. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182456.jpg",
},
]}
buttons={[
{
text: "View Our Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-rice-clay-bowl_140725-12055.jpg"
imageAlt="authentic moroccan tajine dish"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg",
alt: "Medium shot man eating salmon bowl",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5052.jpg",
alt: "Beautiful African-American woman in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg",
alt: "Healthy woman with tan, sitting in t-shirt on cafe terrace, eating breakfast and drinking coffee.",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg",
alt: "Medium shot smiley man with food",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-pajamas-with-gift-box_1153-4231.jpg",
alt: "Beautiful woman in pajamas with gift box",
},
]}
avatarText="Join 5,000+ satisfied food lovers"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Authentic Taste of Morocco"
description="Experience the warmth of traditional tagine, prepared with fresh ingredients and authentic spices. Welcome to Dar Tajine."
testimonials={[
{ name: "Ahmed", handle: "@ahmedfood", testimonial: "The best tajine I've ever had, brings back memories of home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110414.jpg" },
{ name: "Sarah", handle: "@sarah_eats", testimonial: "Authentic flavors and beautiful presentation. Absolutely delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg" },
{ name: "Marc", handle: "@marc_d", testimonial: "A true gem! The lamb tagine is perfectly spiced and tender.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
{ name: "Elena", handle: "@elena_g", testimonial: "Cozy atmosphere and the freshest ingredients. My new favorite spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg" },
{ name: "Youssef", handle: "@youssef_k", testimonial: "Truly captures the essence of Moroccan cooking. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182456.jpg" },
]}
buttons={[{ text: "View Our Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-rice-clay-bowl_140725-12055.jpg"
imageAlt="authentic moroccan tajine dish"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", alt: "Medium shot man eating salmon bowl" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5052.jpg", alt: "Beautiful African-American woman in cafe" },
{ src: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg", alt: "Healthy woman with tan" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg", alt: "Medium shot smiley man with food" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-pajamas-with-gift-box_1153-4231.jpg", alt: "Beautiful woman in pajamas" },
]}
avatarText="Join 5,000+ satisfied food lovers"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our Story & ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/delicious-indian-food-arrangement_23-2148747691.jpg",
alt: "fresh moroccan ingredients spices",
},
{
type: "text",
content: " Traditions",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Our Story & " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/delicious-indian-food-arrangement_23-2148747691.jpg", alt: "fresh moroccan ingredients spices" },
{ type: "text", content: " Traditions" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Fresh Ingredients",
description: "We source the freshest local vegetables and premium spices.",
imageSrc: "http://img.b2bpic.net/free-photo/top-fresh-herbs-wooden-cutting-board-grey_140725-12360.jpg",
},
{
id: "f2",
title: "Authentic Atmosphere",
description: "Step into our cozy space designed to reflect true Moroccan charm.",
imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg",
},
{
id: "f3",
title: "Exceptional Service",
description: "Hospitality is at the heart of everything we serve.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-drinks_23-2149182212.jpg",
},
]}
title="Why Choose Dar Tajine"
description="Everything we do is guided by tradition, flavor, and hospitality."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Fresh Ingredients", description: "We source the freshest local vegetables and premium spices.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/top-fresh-herbs-wooden-cutting-board-grey_140725-12360.jpg" },
{ id: "f2", title: "Authentic Atmosphere", description: "Step into our cozy space designed to reflect true Moroccan charm.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg" },
{ id: "f3", title: "Exceptional Service", description: "Hospitality is at the heart of everything we serve.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-drinks_23-2149182212.jpg" },
]}
title="Why Choose Dar Tajine"
description="Everything we do is guided by tradition, flavor, and hospitality."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Lamb Tajine",
price: "$22",
variant: "Traditional",
imageSrc: "http://img.b2bpic.net/free-photo/copper-pan-with-sauteed-bell-peppers-chicken-garnished-with-herbs_141793-2084.jpg",
},
{
id: "p2",
name: "Chicken Tagine",
price: "$19",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/brown-green-dry-anise-seeds-wooden-cups_114579-70030.jpg",
},
{
id: "p3",
name: "Couscous Royal",
price: "$24",
variant: "Signature",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-eastern-desserts-wooden-background_93675-131676.jpg",
},
{
id: "p4",
name: "Merguez Platter",
price: "$18",
variant: "Spicy",
imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-sandwich-called-doner-with-meat-sliced-vegetables-inside-along-with-yoghurt-brown-wooden-surface_140725-14246.jpg",
},
{
id: "p5",
name: "Vegetable Tajine",
price: "$17",
variant: "Vegan",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-vegetables-arrangement_23-2149388118.jpg",
},
{
id: "p6",
name: "Mint Tea & Pastries",
price: "$8",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-potatoes-greens-dark-desk_140725-76539.jpg",
},
]}
title="Our Signature Dishes"
description="A curated selection of our most loved traditional meals."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Lamb Tajine", price: "$22", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/copper-pan-with-sauteed-bell-peppers-chicken-garnished-with-herbs_141793-2084.jpg" },
{ id: "p2", name: "Chicken Tagine", price: "$19", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/brown-green-dry-anise-seeds-wooden-cups_114579-70030.jpg" },
{ id: "p3", name: "Couscous Royal", price: "$24", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/traditional-eastern-desserts-wooden-background_93675-131676.jpg" },
{ id: "p4", name: "Merguez Platter", price: "$18", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-sandwich-called-doner-with-meat-sliced-vegetables-inside-along-with-yoghurt-brown-wooden-surface_140725-14246.jpg" },
{ id: "p5", name: "Vegetable Tajine", price: "$17", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-vegetables-arrangement_23-2149388118.jpg" },
{ id: "p6", name: "Mint Tea & Pastries", price: "$8", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-potatoes-greens-dark-desk_140725-76539.jpg" },
]}
title="Our Signature Dishes"
description="A curated selection of our most loved traditional meals."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Ahmed",
role: "Foodie",
company: "Local Guide",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg",
},
{
id: "t2",
name: "Sarah",
role: "Customer",
company: "Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-black-sign-with-bowl-pink-wall-service-delivery-uniform-company_140725-42978.jpg",
},
{
id: "t3",
name: "Marc",
role: "Blogger",
company: "Local Eat",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
},
{
id: "t4",
name: "Elena",
role: "Customer",
company: "Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
},
{
id: "t5",
name: "Youssef",
role: "Customer",
company: "Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595531.jpg",
},
]}
title="What Our Guests Say"
description="Hear from our happy diners who enjoy our authentic Moroccan cuisine."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Ahmed", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg" },
{ id: "t2", name: "Sarah", role: "Customer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-black-sign-with-bowl-pink-wall-service-delivery-uniform-company_140725-42978.jpg" },
{ id: "t3", name: "Marc", role: "Blogger", company: "Local Eat", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg" },
{ id: "t4", name: "Elena", role: "Customer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
{ id: "t5", name: "Youssef", role: "Customer", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595531.jpg" },
]}
title="What Our Guests Say"
description="Hear from our happy diners who enjoy our authentic Moroccan cuisine."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Cooking",
items: [
"Established in 2008",
"Deep roots",
"Culinary passion",
],
},
{
id: "m2",
value: "5000+",
title: "Tajines Served",
items: [
"Freshly prepared",
"Quality guaranteed",
"Loved daily",
],
},
{
id: "m3",
value: "20+",
title: "Authentic Spices",
items: [
"Sourced traditionally",
"Hand-ground",
"Secret mixes",
],
},
]}
title="Our Culinary Impact"
description="Numbers behind our passion."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "15+", title: "Years Cooking", items: ["Established in 2008", "Deep roots", "Culinary passion"] },
{ id: "m2", value: "5000+", title: "Tajines Served", items: ["Freshly prepared", "Quality guaranteed", "Loved daily"] },
{ id: "m3", value: "20+", title: "Authentic Spices", items: ["Sourced traditionally", "Hand-ground", "Secret mixes"] },
]}
title="Our Culinary Impact"
description="Numbers behind our passion."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer vegetarian options?",
content: "Yes, we have a delicious vegetable tajine option daily.",
},
{
id: "q2",
title: "Can I book a table?",
content: "Yes, we recommend reservations for weekends.",
},
{
id: "q3",
title: "Is takeout available?",
content: "Absolutely! Enjoy Dar Tajine at home.",
},
]}
title="Frequently Asked"
description="Have questions about Dar Tajine?"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Do you offer vegetarian options?", content: "Yes, we have a delicious vegetable tajine option daily." },
{ id: "q2", title: "Can I book a table?", content: "Yes, we recommend reservations for weekends." },
{ id: "q3", title: "Is takeout available?", content: "Absolutely! Enjoy Dar Tajine at home." },
]}
title="Frequently Asked"
description="Have questions about Dar Tajine?"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Visit Us"
title="Book Your Table"
description="Join us for an authentic Moroccan meal. Contact us to reserve your spot."
imageSrc="http://img.b2bpic.net/free-photo/mangal-salad-with-bread-vegetables_140725-2144.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Visit Us"
title="Book Your Table"
description="Join us for an authentic Moroccan meal. Contact us to reserve your spot."
imageSrc="http://img.b2bpic.net/free-photo/mangal-salad-with-bread-vegetables_140725-2144.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Dar Tajine"
columns={[
{
title: "Explore",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Contact",
items: [
{
label: "Call Us",
href: "#",
},
{
label: "Reservations",
href: "#contact",
},
],
},
]}
copyrightText="© 2024 Dar Tajine. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Dar Tajine"
columns={[
{ title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
{ title: "Contact", items: [{ label: "Call Us", href: "#" }, { label: "Reservations", href: "#contact" }] },
]}
copyrightText="© 2024 Dar Tajine. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);