Update src/app/page.tsx

This commit is contained in:
2026-04-17 05:32:31 +00:00
parent f0acc5ae96
commit d7edc00a26

View File

@@ -29,393 +29,176 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Story",
id: "about",
},
{
name: "Bakery",
id: "products",
},
{
name: "Spices",
id: "features",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Heavenly Bite"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Bakery", id: "products" },
{ name: "Spices", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Heavenly Bite"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Bake Heaven into Every Bite"
description="Discover the finest artisan cakes and hand-blended organic spices, delivered fresh from our kitchen to your table."
buttons={[
{
text: "Shop Bakery",
href: "#products",
},
{
text: "Explore Spices",
href: "#features",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-coffee-shop-cafe-interior_1203-9545.jpg?_wi=1"
imageAlt="freshly baked sourdough bread wooden table"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cookies-oven_23-2147782463.jpg",
alt: "Cookies in oven",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-woman-working-bakery_23-2150273226.jpg",
alt: "Side view woman working in bakery",
},
{
src: "http://img.b2bpic.net/free-photo/bakery_23-2148011815.jpg",
alt: "Bakery ",
},
{
src: "http://img.b2bpic.net/free-photo/white-coffee-cup-glass-cabinet-caf-shop_23-2147892914.jpg",
alt: "White coffee cup over glass cabinet in caf shop",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-female-baker-giving-wrapped-bread-customer-bakery_23-2148189127.jpg",
alt: "Smiling female baker giving wrapped bread",
},
]}
avatarText="Join 500+ happy bakers"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Bake Heaven into Every Bite"
description="Discover the finest artisan cakes and hand-blended organic spices, delivered fresh from our kitchen to your table."
buttons={[
{ text: "Shop Bakery", href: "#products" },
{ text: "Explore Spices", href: "#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-coffee-shop-cafe-interior_1203-9545.jpg"
imageAlt="freshly baked sourdough bread wooden table"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/cookies-oven_23-2147782463.jpg", alt: "Cookies in oven" },
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-working-bakery_23-2150273226.jpg", alt: "Side view woman working in bakery" },
{ src: "http://img.b2bpic.net/free-photo/bakery_23-2148011815.jpg", alt: "Bakery" },
{ src: "http://img.b2bpic.net/free-photo/white-coffee-cup-glass-cabinet-caf-shop_23-2147892914.jpg", alt: "White coffee cup over glass cabinet" },
{ src: "http://img.b2bpic.net/free-photo/smiling-female-baker-giving-wrapped-bread-customer-bakery_23-2148189127.jpg", alt: "Smiling female baker" },
]}
avatarText="Join 500+ happy bakers"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="From Our Kitchen to Yours"
description="We believe in the magic of natural ingredients. Every cake is baked with love and premium organic spices, ensuring a taste of home in every bite."
bulletPoints={[
{
title: "Organic Ingredients",
description: "Sourced from the best farms.",
},
{
title: "Artisan Craft",
description: "Hand-crafted with traditional methods.",
},
{
title: "Fresh Daily",
description: "Baked fresh every single morning.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/hands-kneading-dough-homemade-pastry-bread_74855-5670.jpg?_wi=1"
imageAlt="baker kneading bread dough wooden table"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="From Our Kitchen to Yours"
description="We believe in the magic of natural ingredients. Every cake is baked with love and premium organic spices, ensuring a taste of home in every bite."
bulletPoints={[
{ title: "Organic Ingredients", description: "Sourced from the best farms." },
{ title: "Artisan Craft", description: "Hand-crafted with traditional methods." },
{ title: "Fresh Daily", description: "Baked fresh every single morning." },
]}
imageSrc="http://img.b2bpic.net/free-photo/hands-kneading-dough-homemade-pastry-bread_74855-5670.jpg"
imageAlt="baker kneading bread dough"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Artisan Sourdough",
price: "$8",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-cinnamon-rolls-dough-preparation-homemade-sweet-rolls_127032-3120.jpg?_wi=1",
},
{
id: "2",
name: "Chocolate Truffle Cake",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-organic-peanuts-glass-milk-marble-table_114579-85392.jpg",
},
{
id: "3",
name: "Organic Cinnamon Blend",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444687.jpg",
},
{
id: "4",
name: "Classic Berry Tart",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/muffins-orange-juice_23-2147693924.jpg",
},
{
id: "5",
name: "Golden Turmeric Mix",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/many-cinnamon-sticks-white-table_114579-76035.jpg",
},
{
id: "6",
name: "Vanilla Bean Sponge",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-rolls-wood-board-flour-wooden-bowl-jam-chocolate-small-bowls-honey-dark_140725-144672.jpg",
},
]}
title="Fresh From The Oven"
description="Indulge in our selection of freshly baked delicacies and signature aromatic spice blends."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", name: "Artisan Sourdough", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/traditional-cinnamon-rolls-dough-preparation-homemade-sweet-rolls_127032-3120.jpg" },
{ id: "2", name: "Chocolate Truffle Cake", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-organic-peanuts-glass-milk-marble-table_114579-85392.jpg" },
{ id: "3", name: "Organic Cinnamon Blend", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444687.jpg" },
{ id: "4", name: "Classic Berry Tart", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/muffins-orange-juice_23-2147693924.jpg" },
{ id: "5", name: "Golden Turmeric Mix", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/many-cinnamon-sticks-white-table_114579-76035.jpg" },
{ id: "6", name: "Vanilla Bean Sponge", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-rolls-wood-board-flour-wooden-bowl-jam-chocolate-small-bowls-honey-dark_140725-144672.jpg" },
]}
title="Fresh From The Oven"
description="Indulge in our selection of freshly baked delicacies."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Exotic Aromas",
description: "Unmatched quality in every pinch.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-cutting-board-with-cinnamon-lemon-tea-strainer_176474-82785.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/christmas-baubles-cookie-bowl-cinnamon-sticks-marble-surface_114579-75219.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-coffee-shop-cafe-interior_1203-9545.jpg?_wi=2",
imageAlt: "freshly ground exotic spice jars",
},
{
title: "Pure Sourcing",
description: "Direct from growers to your home.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-flowers-composition_23-2147717580.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-mixed-spice-powder_53876-16662.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/hands-kneading-dough-homemade-pastry-bread_74855-5670.jpg?_wi=2",
imageAlt: "freshly ground exotic spice jars",
},
{
title: "Hand-Blended",
description: "Crafted in small batches.",
icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-seasonings-dark-space_140725-76250.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/holi-festival-colors_23-2151934374.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/traditional-cinnamon-rolls-dough-preparation-homemade-sweet-rolls_127032-3120.jpg?_wi=2",
imageAlt: "freshly ground exotic spice jars",
},
]}
title="Premium Spice Collection"
description="Elevate your home cooking with our curated spice collections, sourced for maximum purity and flavor."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Exotic Aromas", description: "Unmatched quality in every pinch.", icon: Sparkles,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-cutting-board-with-cinnamon-lemon-tea-strainer_176474-82785.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/christmas-baubles-cookie-bowl-cinnamon-sticks-marble-surface_114579-75219.jpg" },
]
},
{
title: "Pure Sourcing", description: "Direct from growers to your home.", icon: Shield,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-flowers-composition_23-2147717580.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-mixed-spice-powder_53876-16662.jpg" },
]
},
{
title: "Hand-Blended", description: "Crafted in small batches.", icon: Award,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-seasonings-dark-space_140725-76250.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/holi-festival-colors_23-2151934374.jpg" },
]
},
]}
title="Premium Spice Collection"
description="Elevate your home cooking with our curated spice collections."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
price: "$49",
subtitle: "Monthly Essentials",
buttons: [
{
text: "Subscribe",
},
],
features: [
"1 Weekly Cake",
"1 Spice Blend",
"Free Delivery",
],
},
{
id: "pro",
badge: "Popular",
price: "$89",
subtitle: "Family Favorites",
buttons: [
{
text: "Subscribe",
},
],
features: [
"2 Weekly Cakes",
"2 Spice Blends",
"Priority Delivery",
],
},
{
id: "gold",
badge: "Gourmet",
price: "$129",
subtitle: "For Connoisseurs",
buttons: [
{
text: "Subscribe",
},
],
features: [
"4 Weekly Cakes",
"All Spice Blends",
"Premium Gift Box",
],
},
]}
title="Bakery Membership"
description="Join our subscription to enjoy fresh bakes delivered weekly."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Starter", price: "$49", subtitle: "Monthly Essentials", buttons: [{ text: "Subscribe" }], features: ["1 Weekly Cake", "1 Spice Blend", "Free Delivery"] },
{ id: "pro", badge: "Popular", price: "$89", subtitle: "Family Favorites", buttons: [{ text: "Subscribe" }], features: ["2 Weekly Cakes", "2 Spice Blends", "Priority Delivery"] },
{ id: "gold", badge: "Gourmet", price: "$129", subtitle: "For Connoisseurs", buttons: [{ text: "Subscribe" }], features: ["4 Weekly Cakes", "All Spice Blends", "Premium Gift Box"] },
]}
title="Bakery Membership"
description="Join our subscription to enjoy fresh bakes delivered weekly."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Home Cook",
testimonial: "The best bakery I've ever found. Truly heavenly!",
imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",
},
{
id: "2",
name: "John Doe",
role: "Spice Lover",
testimonial: "My cooking has never tasted so fresh and vibrant.",
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
},
{
id: "3",
name: "Emily Chen",
role: "Frequent Customer",
testimonial: "Wonderful service and even better quality.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-holding-pumpkin_141793-89261.jpg",
},
{
id: "4",
name: "Marcus Brown",
role: "Foodie",
testimonial: "The cakes are perfectly moist every time.",
imageSrc: "http://img.b2bpic.net/free-photo/playful-asian-woman_1098-22085.jpg",
},
{
id: "5",
name: "Alice Green",
role: "Subscriber",
testimonial: "I love the weekly spice surprises!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-asian-girl-eats-cupcakes-with-happy-face-isolated-white-background_1258-313871.jpg",
},
]}
title="Loved by Our Community"
description="See why everyone is talking about the taste of home."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", role: "Home Cook", testimonial: "The best bakery I've ever found.", imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg" },
{ id: "2", name: "John Doe", role: "Spice Lover", testimonial: "My cooking has never tasted so fresh.", imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg" },
{ id: "3", name: "Emily Chen", role: "Customer", testimonial: "Wonderful service and quality.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-holding-pumpkin_141793-89261.jpg" },
{ id: "4", name: "Marcus Brown", role: "Foodie", testimonial: "The cakes are perfectly moist.", imageSrc: "http://img.b2bpic.net/free-photo/playful-asian-woman_1098-22085.jpg" },
{ id: "5", name: "Alice Green", role: "Subscriber", testimonial: "I love the weekly spice surprises!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-asian-girl-eats-cupcakes-with-happy-face-isolated-white-background_1258-313871.jpg" },
]}
title="Loved by Our Community"
description="See why everyone is talking about the taste of home."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Are your ingredients organic?",
content: "Yes, we prioritize organic, farm-fresh ingredients.",
},
{
id: "2",
title: "How long is shipping?",
content: "Most orders are delivered within 24 hours of baking.",
},
{
id: "3",
title: "Can I custom order a cake?",
content: "Absolutely! Contact us to discuss your vision.",
},
]}
title="Common Questions"
description="Everything you need to know about our baking process."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Are your ingredients organic?", content: "Yes, we prioritize organic, farm-fresh ingredients." },
{ id: "2", title: "How long is shipping?", content: "Most orders are delivered within 24 hours of baking." },
{ id: "3", title: "Can I custom order a cake?", content: "Absolutely! Contact us to discuss your vision." },
]}
title="Common Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Stay Updated"
title="Join Our Baking Journey"
description="Sign up for secret recipes and fresh alerts."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Stay Updated"
title="Join Our Baking Journey"
description="Sign up for secret recipes and fresh alerts."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Bakery",
items: [
{
label: "About",
href: "#about",
},
{
label: "Products",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQs",
href: "#faq",
},
],
},
]}
logoText="Heavenly Bite"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Bakery", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
]}
logoText="Heavenly Bite"
/>
</div>
</ReactLenis>
</ThemeProvider>
);