Merge version_1 into main #2
429
src/app/page.tsx
429
src/app/page.tsx
@@ -28,321 +28,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="HOUSE OF BAKERY"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HOUSE OF BAKERY"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Artisan Bakery in Pokhara"
|
||||
description="Experience the delicate art of fine baking, crafted daily with love, premium ingredients, and local tradition."
|
||||
tag="PREMIUM ARTISAN BAKERY"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273133.jpg?_wi=1",
|
||||
imageAlt: "Fresh bread selection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jars-with-tasty-cookies_23-2147787061.jpg?_wi=1",
|
||||
imageAlt: "Chef at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-checking-products_23-2148366518.jpg?_wi=1",
|
||||
imageAlt: "Bakery interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-eclairs-pie-slices_114579-20806.jpg?_wi=1",
|
||||
imageAlt: "Baking process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-delicious-sweet-snacks-banquet-table_181624-24586.jpg?_wi=1",
|
||||
imageAlt: "Pastries display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arab-man-wear-black-jeans-jacket-eyeglasses-cafe-drink-coffee-bar-with-book-stylish-fashionable-arabian-model-guy_627829-982.jpg",
|
||||
imageAlt: "Shop storefront",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Artisan Bakery in Pokhara"
|
||||
description="Experience the delicate art of fine baking, crafted daily with love, premium ingredients, and local tradition."
|
||||
tag="PREMIUM ARTISAN BAKERY"
|
||||
buttons={[{ text: "Explore Menu", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273133.jpg", imageAlt: "Fresh bread selection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/jars-with-tasty-cookies_23-2147787061.jpg", imageAlt: "Chef at work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-checking-products_23-2148366518.jpg", imageAlt: "Bakery interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-eclairs-pie-slices_114579-20806.jpg", imageAlt: "Baking process" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-delicious-sweet-snacks-banquet-table_181624-24586.jpg", imageAlt: "Pastries display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arab-man-wear-black-jeans-jacket-eyeglasses-cafe-drink-coffee-bar-with-book-stylish-fashionable-arabian-model-guy_627829-982.jpg", imageAlt: "Shop storefront" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="OUR STORY"
|
||||
title="Born in the Heart of Pokhara"
|
||||
description="House of Bakery was founded on the belief that bread is more than food—it's a gathering, a shared experience, and a daily ritual."
|
||||
subdescription="Every loaf, croissant, and pastry is meticulously hand-crafted in our bakery, honoring time-tested techniques and local ingredients."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-bakery-man-sifting-wheat-flour-dough-kneading-retired-elderly-chef-with-bonete-uniform-sprinkling-sieving-spreading-rew-ingredients-with-hand-baking-homemade-pizza-bread_482257-14463.jpg"
|
||||
imageAlt="Our bakery kitchen"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="OUR STORY"
|
||||
title="Born in the Heart of Pokhara"
|
||||
description="House of Bakery was founded on the belief that bread is more than food—it's a gathering, a shared experience, and a daily ritual."
|
||||
subdescription="Every loaf, croissant, and pastry is meticulously hand-crafted in our bakery, honoring time-tested techniques and local ingredients."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-bakery-man-sifting-wheat-flour-dough-kneading-retired-elderly-chef-with-bonete-uniform-sprinkling-sieving-spreading-rew-ingredients-with-hand-baking-homemade-pizza-bread_482257-14463.jpg"
|
||||
imageAlt="Our bakery kitchen"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Butter Croissant",
|
||||
price: "Rs. 250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bun-with-meat-carrot-white-surface_114579-73527.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rustic Sourdough Loaf",
|
||||
price: "Rs. 400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-sourdough-bread-loaf-with-slice-cut-off-slate-board-with-wheat-stalks_9975-124842.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wild Berry Tart",
|
||||
price: "Rs. 350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-tart-with-cornel-fruit-wooden-ground-with-free-space_140725-81197.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Double Chocolate Muffin",
|
||||
price: "Rs. 200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-desserts_23-2148689867.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Macaron Gift Set",
|
||||
price: "Rs. 800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-heart-shaped-gift-box-with-delicious-macarons-dark-icy-background_140725-143475.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Herb Ciabatta",
|
||||
price: "Rs. 300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-wooden-spoon-old-wooden-background_169016-3149.jpg",
|
||||
},
|
||||
]}
|
||||
title="Daily Artisan Creations"
|
||||
description="Freshly baked treasures delivered straight from the oven to your table."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Classic Butter Croissant", price: "Rs. 250", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bun-with-meat-carrot-white-surface_114579-73527.jpg" },
|
||||
{ id: "2", name: "Rustic Sourdough Loaf", price: "Rs. 400", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-sourdough-bread-loaf-with-slice-cut-off-slate-board-with-wheat-stalks_9975-124842.jpg" },
|
||||
{ id: "3", name: "Wild Berry Tart", price: "Rs. 350", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-tart-with-cornel-fruit-wooden-ground-with-free-space_140725-81197.jpg" },
|
||||
{ id: "4", name: "Double Chocolate Muffin", price: "Rs. 200", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-desserts_23-2148689867.jpg" },
|
||||
{ id: "5", name: "Macaron Gift Set", price: "Rs. 800", imageSrc: "http://img.b2bpic.net/free-photo/top-view-heart-shaped-gift-box-with-delicious-macarons-dark-icy-background_140725-143475.jpg" },
|
||||
{ id: "6", name: "Herb Ciabatta", price: "Rs. 300", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-wooden-spoon-old-wooden-background_169016-3149.jpg" },
|
||||
]}
|
||||
title="Daily Artisan Creations"
|
||||
description="Freshly baked treasures delivered straight from the oven to your table."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Local Ingredients",
|
||||
description: "Sourced daily from nearby farms.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379535.jpg",
|
||||
imageAlt: "View of delicious baked bread in the pastry shop",
|
||||
},
|
||||
{
|
||||
title: "Traditional Methods",
|
||||
description: "No preservatives, just slow fermentation.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273133.jpg?_wi=2",
|
||||
imageAlt: "View of delicious baked bread in the pastry shop",
|
||||
},
|
||||
{
|
||||
title: "Fresh Daily",
|
||||
description: "Baked every morning before dawn.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sun,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jars-with-tasty-cookies_23-2147787061.jpg?_wi=2",
|
||||
imageAlt: "View of delicious baked bread in the pastry shop",
|
||||
},
|
||||
]}
|
||||
title="The Bakery Advantage"
|
||||
description="Why our customers choose us for their daily cravings."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Local Ingredients", description: "Sourced daily from nearby farms.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Traditional Methods", description: "No preservatives, just slow fermentation.", bentoComponent: "reveal-icon", icon: Clock },
|
||||
{ title: "Fresh Daily", description: "Baked every morning before dawn.", bentoComponent: "reveal-icon", icon: Sun },
|
||||
]}
|
||||
title="The Bakery Advantage"
|
||||
description="Why our customers choose us for their daily cravings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sita Gurung",
|
||||
date: "1 day ago",
|
||||
title: "The best bread in Pokhara!",
|
||||
quote: "The sourdough here is simply unmatched. It's become my Sunday staple.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-licking-lips-holding-dessert-near-cup-table_23-2148071639.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273133.jpg?_wi=3",
|
||||
imageAlt: "happy customer eating pastry",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
date: "3 days ago",
|
||||
title: "Premium Quality",
|
||||
quote: "Finally, a place that values quality over quantity. The croissants are heavenly.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jars-with-tasty-cookies_23-2147787061.jpg?_wi=3",
|
||||
imageAlt: "happy customer eating pastry",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pema Lama",
|
||||
date: "1 week ago",
|
||||
title: "Hidden Gem",
|
||||
quote: "Absolutely adore the vibe here. Perfect for a morning coffee and pastry.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-selfie-kitchen_23-2148349486.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-checking-products_23-2148366518.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating pastry",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rahul Sharma",
|
||||
date: "2 weeks ago",
|
||||
title: "Fresh & Delicious",
|
||||
quote: "Great selection of muffins and tarts. Everything is always so fresh.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/sensual-confident-woman-stylish-clothes-enjoying-coffee-coffeeshop-attractive-female-model-sitting-cafe-having-lunch-with-admirer-smiling-look-away-pleased-breakfast-outdoor-restaurant_197531-30517.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-eclairs-pie-slices_114579-20806.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating pastry",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anita Rai",
|
||||
date: "1 month ago",
|
||||
title: "Incredible Service",
|
||||
quote: "The staff are so friendly and the cakes are genuinely world-class.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-burger-while-being-home-alone_23-2149527978.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-delicious-sweet-snacks-banquet-table_181624-24586.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating pastry",
|
||||
},
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="Hear what our loyal patrons have to say about our artisan creations."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sita Gurung", date: "1 day ago", title: "The best bread in Pokhara!", quote: "The sourdough here is simply unmatched. It's become my Sunday staple.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-licking-lips-holding-dessert-near-cup-table_23-2148071639.jpg" },
|
||||
{ id: "2", name: "John Doe", date: "3 days ago", title: "Premium Quality", quote: "Finally, a place that values quality over quantity. The croissants are heavenly.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg" },
|
||||
{ id: "3", name: "Pema Lama", date: "1 week ago", title: "Hidden Gem", quote: "Absolutely adore the vibe here. Perfect for a morning coffee and pastry.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-selfie-kitchen_23-2148349486.jpg" },
|
||||
{ id: "4", name: "Rahul Sharma", date: "2 weeks ago", title: "Fresh & Delicious", quote: "Great selection of muffins and tarts. Everything is always so fresh.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/sensual-confident-woman-stylish-clothes-enjoying-coffee-coffeeshop-attractive-female-model-sitting-cafe-having-lunch-with-admirer-smiling-look-away-pleased-breakfast-outdoor-restaurant_197531-30517.jpg" },
|
||||
{ id: "5", name: "Anita Rai", date: "1 month ago", title: "Incredible Service", quote: "The staff are so friendly and the cakes are genuinely world-class.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-burger-while-being-home-alone_23-2149527978.jpg" },
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="Hear what our loyal patrons have to say about our artisan creations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer pre-orders?",
|
||||
content: "Yes, we encourage pre-orders for large events or special celebrations.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize local organic produce wherever seasonally possible.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located?",
|
||||
content: "Find us in the heart of Lakeside, right next to the Pokhara center.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need more details? Here's what people usually ask."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer pre-orders?", content: "Yes, we encourage pre-orders for large events or special celebrations." },
|
||||
{ id: "2", title: "Are your ingredients organic?", content: "We prioritize local organic produce wherever seasonally possible." },
|
||||
{ id: "3", title: "Where are you located?", content: "Find us in the heart of Lakeside, right next to the Pokhara center." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need more details? Here's what people usually ask."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="VISIT US"
|
||||
title="Come Say Hello"
|
||||
description="Stop by our bakery today for a fresh treat. We're open 7 AM - 8 PM daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="VISIT US"
|
||||
title="Come Say Hello"
|
||||
description="Stop by our bakery today for a fresh treat. We're open 7 AM - 8 PM daily."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cute-japanese-girl-drinking-lemonade_23-2148665351.jpg"
|
||||
logoText="HOUSE OF BAKERY"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cute-japanese-girl-drinking-lemonade_23-2148665351.jpg"
|
||||
logoText="HOUSE OF BAKERY"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user