Update src/app/page.tsx
This commit is contained in:
490
src/app/page.tsx
490
src/app/page.tsx
@@ -16,342 +16,182 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bay Leaf"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Bay Leaf"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Flavors, Timeless Tradition"
|
||||
description="Experience the finest Bangladeshi cuisine in the heart of Dhaka. Bay Leaf offers a culinary journey crafted with heritage and passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5859.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg",
|
||||
alt: "Guest A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg",
|
||||
alt: "Guest B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663827.jpg",
|
||||
alt: "Guest C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-tasty-appetizing-ingredients-spices-grocery-red-chilli-pepper-black-bowls-cooking-healthy-kitchen_1220-1670.jpg",
|
||||
alt: "Guest D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
alt: "Guest E",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 50,000+ satisfied food enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Dhaka Cuisine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farm-Fresh Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Heritage Recipes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elegant Culinary Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exquisite Fine Dining",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Flavors, Timeless Tradition"
|
||||
description="Experience the finest Bangladeshi cuisine in the heart of Dhaka. Bay Leaf offers a culinary journey crafted with heritage and passion."
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5859.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg", alt: "Guest A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg", alt: "Guest B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663827.jpg", alt: "Guest C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-tasty-appetizing-ingredients-spices-grocery-red-chilli-pepper-black-bowls-cooking-healthy-kitchen_1220-1670.jpg", alt: "Guest D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Guest E" }
|
||||
]}
|
||||
avatarText="Join 50,000+ satisfied food enthusiasts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Authentic Dhaka Cuisine" },
|
||||
{ type: "text", text: "Farm-Fresh Sourcing" },
|
||||
{ type: "text", text: "Traditional Heritage Recipes" },
|
||||
{ type: "text", text: "Elegant Culinary Experience" },
|
||||
{ type: "text", text: "Exquisite Fine Dining" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Taste"
|
||||
description="Established with a vision to preserve the soul of Bangladeshi cooking, Bay Leaf brings together generations of culinary secrets. Located in Road 5, we provide a haven for food lovers seeking authenticity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm-Fresh Sourcing",
|
||||
description: "We hand-select our ingredients daily for peak quality.",
|
||||
},
|
||||
{
|
||||
title: "Traditional Recipes",
|
||||
description: "Heritage recipes passed down through our family line.",
|
||||
},
|
||||
{
|
||||
title: "Warm Atmosphere",
|
||||
description: "An elegant space perfect for every occasion.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spoons-ground-pepper-dill-seeds_23-2147773435.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Taste"
|
||||
description="Established with a vision to preserve the soul of Bangladeshi cooking, Bay Leaf brings together generations of culinary secrets. Located in Road 5, we provide a haven for food lovers seeking authenticity."
|
||||
bulletPoints={[
|
||||
{ title: "Farm-Fresh Sourcing", description: "We hand-select our ingredients daily for peak quality." },
|
||||
{ title: "Traditional Recipes", description: "Heritage recipes passed down through our family line." },
|
||||
{ title: "Warm Atmosphere", description: "An elegant space perfect for every occasion." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spoons-ground-pepper-dill-seeds_23-2147773435.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Authenticity",
|
||||
title: "Rooted in Heritage",
|
||||
subtitle: "Dhaka's Finest",
|
||||
description: "Every dish reflects our commitment to local traditions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-fresh-organic-herbs-lettuce-arugula-dill-mint-red-lettuce-onion-top-view_2829-5368.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Ambiance",
|
||||
title: "Elegant Dining",
|
||||
subtitle: "Sophisticated Setting",
|
||||
description: "Designed for intimacy and comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629542.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Quality",
|
||||
title: "Highest Standards",
|
||||
subtitle: "Food Safety",
|
||||
description: "Our kitchen adheres to global hygiene standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-luxury-restaurant_23-2150598417.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Experience Bay Leaf"
|
||||
description="More than just a restaurant, we provide a complete cultural experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Authenticity", title: "Rooted in Heritage", subtitle: "Dhaka's Finest", description: "Every dish reflects our commitment to local traditions.", imageSrc: "http://img.b2bpic.net/free-photo/variety-fresh-organic-herbs-lettuce-arugula-dill-mint-red-lettuce-onion-top-view_2829-5368.jpg" },
|
||||
{ tag: "Ambiance", title: "Elegant Dining", subtitle: "Sophisticated Setting", description: "Designed for intimacy and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629542.jpg" },
|
||||
{ tag: "Quality", title: "Highest Standards", subtitle: "Food Safety", description: "Our kitchen adheres to global hygiene standards.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-luxury-restaurant_23-2150598417.jpg" }
|
||||
]}
|
||||
title="Why Experience Bay Leaf"
|
||||
description="More than just a restaurant, we provide a complete cultural experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Royal Biryani",
|
||||
price: "৳650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fired-meat-leg-topped-with-sauce-sesame_141793-17453.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tandoori Special",
|
||||
price: "৳580",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-chicken-chicken-with-onion-herbs-lemon-sauce-garlic_140725-71499.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fresh River Fish",
|
||||
price: "৳720",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-kung-river-prawn-spicy-soup_1150-35451.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Traditional Kheer",
|
||||
price: "৳250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-egg-with-truffles-pita-high-angle_23-2149548075.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Kebab",
|
||||
price: "৳450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pakistan-meal-arrangement-basket_23-2148821572.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dal Tadka",
|
||||
price: "৳300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-dhal-spicy-curry-bowl-spices-herbs-rustic-black-wooden-table_2829-18712.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="A curated selection of our finest dishes, made daily."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Royal Biryani", price: "৳650", imageSrc: "http://img.b2bpic.net/free-photo/fired-meat-leg-topped-with-sauce-sesame_141793-17453.jpg" },
|
||||
{ id: "2", name: "Tandoori Special", price: "৳580", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-chicken-chicken-with-onion-herbs-lemon-sauce-garlic_140725-71499.jpg" },
|
||||
{ id: "3", name: "Fresh River Fish", price: "৳720", imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-kung-river-prawn-spicy-soup_1150-35451.jpg" },
|
||||
{ id: "4", name: "Traditional Kheer", price: "৳250", imageSrc: "http://img.b2bpic.net/free-photo/tasty-egg-with-truffles-pita-high-angle_23-2149548075.jpg" },
|
||||
{ id: "5", name: "Signature Kebab", price: "৳450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pakistan-meal-arrangement-basket_23-2148821572.jpg" },
|
||||
{ id: "6", name: "Dal Tadka", price: "৳300", imageSrc: "http://img.b2bpic.net/free-photo/indian-dhal-spicy-curry-bowl-spices-herbs-rustic-black-wooden-table_2829-18712.jpg" }
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="A curated selection of our finest dishes, made daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
description: "Happy Guests Served",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9★",
|
||||
description: "Average Guest Rating",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years of Excellence" },
|
||||
{ id: "m2", value: "50k+", description: "Happy Guests Served" },
|
||||
{ id: "m3", value: "4.9★", description: "Average Guest Rating" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The atmosphere is unmatched and the food takes me straight back to my childhood. A must-visit in Dhaka."
|
||||
rating={5}
|
||||
author="Sarah Ahmed"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
alt: "Sarah Ahmed",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
alt: "Guest B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
|
||||
alt: "Guest C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg",
|
||||
alt: "Guest D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
alt: "Guest E",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The atmosphere is unmatched and the food takes me straight back to my childhood. A must-visit in Dhaka."
|
||||
rating={5}
|
||||
author="Sarah Ahmed"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg", alt: "Sarah Ahmed" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Guest B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg", alt: "Guest C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg", alt: "Guest D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", alt: "Guest E" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept table reservations?",
|
||||
content: "Yes, we highly recommend booking in advance.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, dedicated parking is available for our guests.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you host private events?",
|
||||
content: "Absolutely, contact us for event inquiries.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you accept table reservations?", content: "Yes, we highly recommend booking in advance." },
|
||||
{ id: "f2", title: "Is parking available?", content: "Yes, dedicated parking is available for our guests." },
|
||||
{ id: "f3", title: "Can you host private events?", content: "Absolutely, contact us for event inquiries." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join Us"
|
||||
title="Book Your Culinary Journey"
|
||||
description="Reserve a table now to ensure your spot at the best restaurant in Dhaka."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Book Your Culinary Journey"
|
||||
description="Reserve a table now to ensure your spot at the best restaurant in Dhaka."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Bay Leaf Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Bay Leaf Restaurant House. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Bay Leaf Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Bay Leaf Restaurant House. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user