Merge version_1 into main #2
331
src/app/page.tsx
331
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user