Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-30 01:35:08 +00:00

View File

@@ -16,233 +16,126 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<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="Mashaallah Kitchen"
/>
</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="Mashaallah Kitchen"
button={{ text: "Order Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Mashaallah Kitchen & Desserts"
description="Authentic Traditional Bangladeshi Cuisine and Handmade Desserts in the heart of Detroit. Experience the true taste of home cooking."
buttons={[
{
text: "View Our Menu",
href: "#menu",
},
{
text: "Order Online",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/composition-different-pakistan-goodies_23-2148821565.jpg"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Mashaallah Kitchen & Desserts"
description="Authentic Traditional Bangladeshi Cuisine and Handmade Desserts in the heart of Detroit. Experience the true taste of home cooking."
buttons={[
{ text: "View Our Menu", href: "#menu" },
{ text: "Order Online", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/composition-different-pakistan-goodies_23-2148821565.jpg"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Taste of Tradition"
description="Located in 48212, we serve the vibrant flavors of Bangladesh through recipes passed down through generations. From aromatic biryanis to authentic sweets, every dish is prepared with care and quality ingredients."
metrics={[
{
value: "100%",
title: "Authentic Recipes",
},
{
value: "10+ Years",
title: "Culinary Experience",
},
{
value: "Freshly",
title: "Made Daily",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/chef-is-working-nicely-decorated-kitchen-preparing-pastry-pizza_613910-3408.jpg?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Taste of Tradition"
description="Located in 48212, we serve the vibrant flavors of Bangladesh through recipes passed down through generations. From aromatic biryanis to authentic sweets, every dish is prepared with care and quality ingredients."
metrics={[
{ value: "100%", title: "Authentic Recipes" },
{ value: "10+ Years", title: "Culinary Experience" },
{ value: "Freshly", title: "Made Daily" },
]}
imageSrc="http://img.b2bpic.net/free-photo/chef-is-working-nicely-decorated-kitchen-preparing-pastry-pizza_613910-3408.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Mutton Biryani",
price: "$18",
variant: "Spicy Traditional",
imageSrc: "http://img.b2bpic.net/free-psd/traditional-indian-biryani-served-clay-pot_84443-78405.jpg",
},
{
id: "p2",
name: "Bengali Fish Curry",
price: "$16",
variant: "Fresh Catch",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-georgian-dish-tender-veal-stewed-with-onions-peppers-chashushuli-culinary_166373-6544.jpg",
},
{
id: "p3",
name: "Traditional Rasgulla",
price: "$5",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-indian-dessert_23-2149312418.jpg?_wi=1",
},
{
id: "p4",
name: "Gulab Jamun",
price: "$5",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-indian-dessert_23-2149312418.jpg?_wi=2",
},
]}
title="Our Signature Dishes"
description="Explore our authentic selection of main courses and traditional handmade desserts."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Mutton Biryani", price: "$18", variant: "Spicy Traditional", imageSrc: "http://img.b2bpic.net/free-psd/traditional-indian-biryani-served-clay-pot_84443-78405.jpg" },
{ id: "p2", name: "Bengali Fish Curry", price: "$16", variant: "Fresh Catch", imageSrc: "http://img.b2bpic.net/free-photo/traditional-georgian-dish-tender-veal-stewed-with-onions-peppers-chashushuli-culinary_166373-6544.jpg" },
{ id: "p3", name: "Traditional Rasgulla", price: "$5", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-indian-dessert_23-2149312418.jpg" },
{ id: "p4", name: "Gulab Jamun", price: "$5", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-indian-dessert_23-2149312418.jpg" },
]}
title="Our Signature Dishes"
description="Explore our authentic selection of main courses and traditional handmade desserts."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ahmed K.",
role: "Local Resident",
company: "Detroit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-with-her-boyfriend-while-eating-sandwich-outdoor-restaurant_637285-624.jpg",
},
{
id: "2",
name: "Sarah J.",
role: "Foodie",
company: "Detroit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-takeaway-food-using-smartphone_23-2149025812.jpg?_wi=1",
},
{
id: "3",
name: "Omar M.",
role: "Customer",
company: "Detroit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409827.jpg",
},
{
id: "4",
name: "Fatima A.",
role: "Customer",
company: "Detroit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-seafood-dish-with-salmon_23-2150463267.jpg",
},
{
id: "5",
name: "John D.",
role: "Local Foodie",
company: "Detroit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-takeaway-food-using-smartphone_23-2149025812.jpg?_wi=2",
},
]}
title="Customer Stories"
description="What our Detroit neighbors say about our traditional kitchen."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Ahmed K.", role: "Local Resident", company: "Detroit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-with-her-boyfriend-while-eating-sandwich-outdoor-restaurant_637285-624.jpg" },
{ id: "2", name: "Sarah J.", role: "Foodie", company: "Detroit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-takeaway-food-using-smartphone_23-2149025812.jpg" },
{ id: "3", name: "Omar M.", role: "Customer", company: "Detroit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409827.jpg" },
{ id: "4", name: "Fatima A.", role: "Customer", company: "Detroit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-seafood-dish-with-salmon_23-2150463267.jpg" },
{ id: "5", name: "John D.", role: "Local Foodie", company: "Detroit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-takeaway-food-using-smartphone_23-2149025812.jpg" },
]}
title="Customer Stories"
description="What our Detroit neighbors say about our traditional kitchen."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit or Reach Out"
description="Find us in Detroit 48212. Place orders, inquire about catering, or just say hello!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Questions or Orders",
rows: 4,
required: true,
}}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/chef-is-working-nicely-decorated-kitchen-preparing-pastry-pizza_613910-3408.jpg?_wi=2"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit or Reach Out"
description="Find us in Detroit 48212. Place orders, inquire about catering, or just say hello!"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "Questions or Orders", rows: 4, required: true }}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/chef-is-working-nicely-decorated-kitchen-preparing-pastry-pizza_613910-3408.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Menu",
items: [
{
label: "Main Courses",
href: "#menu",
},
{
label: "Desserts",
href: "#menu",
},
],
},
{
title: "Contact",
items: [
{
label: "Detroit, MI 48212",
href: "#",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
]}
logoText="Mashaallah Kitchen"
copyrightText="© 2025 Mashaallah Kitchen & Desserts"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Menu", items: [
{ label: "Main Courses", href: "#menu" },
{ label: "Desserts", href: "#menu" },
],
},
{
title: "Contact", items: [
{ label: "Detroit, MI 48212", href: "#" },
{ label: "Contact Us", href: "#contact" },
],
},
]}
logoText="Mashaallah Kitchen"
copyrightText="© 2025 Mashaallah Kitchen & Desserts"
/>
</div>
</ReactLenis>
</ThemeProvider>
);