Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-20 19:50:04 +00:00

View File

@@ -29,362 +29,174 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Delight"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Delight"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="Pure Delight in Every Bite"
description="Artisan bakery items crafted with love, using only the freshest ingredients to bring sweetness to your day."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151830999.jpg",
alt: "Happy Customer",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-enjoying-tasty-snack-cafe_7502-9271.jpg",
alt: "Satisfied Patron",
},
{
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-66434.jpg",
alt: "Bakery Enthusiast",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-female-red-haired-barista-looking-camera-smiling_171337-15606.jpg",
alt: "Loyal Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-outdoors_23-2149143998.jpg",
alt: "Satisfied Customer",
},
]}
buttons={[
{
text: "Browse Treats",
href: "#products",
},
]}
marqueeItems={[
{
type: "text",
text: "Freshly Baked Daily",
},
{
type: "text",
text: "Locally Sourced",
},
{
type: "text",
text: "Handcrafted Artisanship",
},
{
type: "text",
text: "Seasonal Ingredients",
},
{
type: "text",
text: "Traditional Recipes",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "plain" }}
title="Pure Delight in Every Bite"
description="Artisan bakery items crafted with love, using only the freshest ingredients to bring sweetness to your day."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151830999.jpg", alt: "Happy Customer" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-enjoying-tasty-snack-cafe_7502-9271.jpg", alt: "Satisfied Patron" },
{ src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-66434.jpg", alt: "Bakery Enthusiast" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-female-red-haired-barista-looking-camera-smiling_171337-15606.jpg", alt: "Loyal Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-outdoors_23-2149143998.jpg", alt: "Satisfied Customer" }
]}
buttons={[{ text: "Browse Treats", href: "#products" }]}
marqueeItems={[
{ type: "text", text: "Freshly Baked Daily" },
{ type: "text", text: "Locally Sourced" },
{ type: "text", text: "Handcrafted Artisanship" },
{ type: "text", text: "Seasonal Ingredients" },
{ type: "text", text: "Traditional Recipes" }
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Our Story"
title="Baked with Passion"
description="At Delight, we believe baking is an art form. Every recipe is a legacy, perfected over years to ensure the highest quality."
subdescription="From local farms to our oven, we guarantee freshness in every loaf and pastry we create."
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/diverse-fresh-bread_169016-6375.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Our Story"
title="Baked with Passion"
description="At Delight, we believe baking is an art form. Every recipe is a legacy, perfected over years to ensure the highest quality."
subdescription="From local farms to our oven, we guarantee freshness in every loaf and pastry we create."
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/diverse-fresh-bread_169016-6375.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Farm Fresh Ingredients",
description: "Sourced locally to ensure the best flavor.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/background-with-baking-ingredients-blank-book-baking-ingredients_169016-66726.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/from-tasty-muffins_23-2147758337.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/dessert-catering_1203-2655.jpg",
imageAlt: "freshly baked sourdough bread",
},
{
title: "Traditional Methods",
description: "Time-honored techniques for perfect texture.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/fresh-egg-wheat-flour-with-whisker-wooden-table_23-2147872753.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/food-green-stack-colorful-blue_1203-6235.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/diverse-fresh-bread_169016-6375.jpg?_wi=2",
imageAlt: "freshly baked sourdough bread",
},
{
title: "Daily Baking",
description: "Nothing leaves our ovens but the freshest.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bread-loaf-wooden_181624-33355.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-french-macarons-with-candies-flowers-pink-desk-cake-sweet-sugar_140725-28506.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-round-bread-close-up_23-2148258684.jpg?_wi=1",
imageAlt: "freshly baked sourdough bread",
},
]}
showStepNumbers={true}
title="What Makes Us Special"
description="Our commitment to excellence shines through our ingredients and process."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={true}
title="What Makes Us Special"
description="Our commitment to excellence shines through our ingredients and process."
features={[
{
title: "Farm Fresh Ingredients", description: "Sourced locally to ensure the best flavor.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/background-with-baking-ingredients-blank-book-baking-ingredients_169016-66726.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/from-tasty-muffins_23-2147758337.jpg" }
},
{
title: "Traditional Methods", description: "Time-honored techniques for perfect texture.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fresh-egg-wheat-flour-with-whisker-wooden-table_23-2147872753.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/food-green-stack-colorful-blue_1203-6235.jpg" }
},
{
title: "Daily Baking", description: "Nothing leaves our ovens but the freshest.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bread-loaf-wooden_181624-33355.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-french-macarons-with-candies-flowers-pink-desk-cake-sweet-sugar_140725-28506.jpg" }
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Chocolate Croissant",
price: "$4.50",
variant: "Pastry",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-round-bread-close-up_23-2148258684.jpg?_wi=2",
},
{
id: "p2",
name: "Berry Tart",
price: "$5.00",
variant: "Tart",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-raspberries-along-with-heart-shaped-blackberries-bright-desk-fruit-berry-cake-biscuit-photo_140725-30560.jpg",
},
{
id: "p3",
name: "Blueberry Muffin",
price: "$3.50",
variant: "Muffin",
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-buns-with-chocolate-cream_661915-598.jpg",
},
{
id: "p4",
name: "Vanilla Cupcake",
price: "$4.00",
variant: "Cupcake",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423817.jpg",
},
{
id: "p5",
name: "Cinnamon Roll",
price: "$4.25",
variant: "Pastry",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-cinnamon-rolls_23-2148779694.jpg",
},
{
id: "p6",
name: "Almond Croissant",
price: "$4.75",
variant: "Pastry",
imageSrc: "http://img.b2bpic.net/free-photo/mess-yellow-ribbons-single-bun-marble-table_114579-56898.jpg",
},
]}
title="Freshly Baked Daily"
description="Indulge in our curated selection of fine pastries, cakes, and loaves."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Chocolate Croissant", price: "$4.50", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/delicious-round-bread-close-up_23-2148258684.jpg" },
{ id: "p2", name: "Berry Tart", price: "$5.00", variant: "Tart", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-raspberries-along-with-heart-shaped-blackberries-bright-desk-fruit-berry-cake-biscuit-photo_140725-30560.jpg" },
{ id: "p3", name: "Blueberry Muffin", price: "$3.50", variant: "Muffin", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-buns-with-chocolate-cream_661915-598.jpg" },
{ id: "p4", name: "Vanilla Cupcake", price: "$4.00", variant: "Cupcake", imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423817.jpg" },
{ id: "p5", name: "Cinnamon Roll", price: "$4.25", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-cinnamon-rolls_23-2148779694.jpg" },
{ id: "p6", name: "Almond Croissant", price: "$4.75", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/mess-yellow-ribbons-single-bun-marble-table_114579-56898.jpg" }
]}
title="Freshly Baked Daily"
description="Indulge in our curated selection of fine pastries, cakes, and loaves."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
title: "Happy Customers",
items: [
"Serving joy daily",
],
},
{
id: "m2",
value: "50+",
title: "Unique Recipes",
items: [
"Always innovating",
],
},
{
id: "m3",
value: "15+",
title: "Years Baking",
items: [
"Tradition and skill",
],
},
]}
title="Delight By The Numbers"
description="Our community's favorite bakery stats."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "10k+", title: "Happy Customers", items: ["Serving joy daily"] },
{ id: "m2", value: "50+", title: "Unique Recipes", items: ["Always innovating"] },
{ id: "m3", value: "15+", title: "Years Baking", items: ["Tradition and skill"] }
]}
title="Delight By The Numbers"
description="Our community's favorite bakery stats."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alice G.",
handle: "@alice",
testimonial: "The best croissants in town, hands down!",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-heart-eyes-emoticon-star-icons_53876-71034.jpg",
},
{
id: "t2",
name: "Bob D.",
handle: "@bob",
testimonial: "I visit every single morning for their fresh sourdough.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12317.jpg",
},
{
id: "t3",
name: "Claire P.",
handle: "@claire",
testimonial: "Their cupcakes are moist, flavorful, and look amazing.",
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986285.jpg",
},
{
id: "t4",
name: "David L.",
handle: "@david",
testimonial: "Delight truly makes the best berry tarts I've ever eaten.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24671.jpg",
},
{
id: "t5",
name: "Elena M.",
handle: "@elena",
testimonial: "Friendly staff and delicious pastries every time.",
imageSrc: "http://img.b2bpic.net/free-photo/bread-bakers-hands-ai-generated_268835-11027.jpg",
},
]}
title="Voices of Delight"
description="What our wonderful customers are saying."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Alice G.", handle: "@alice", testimonial: "The best croissants in town, hands down!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-heart-eyes-emoticon-star-icons_53876-71034.jpg" },
{ id: "t2", name: "Bob D.", handle: "@bob", testimonial: "I visit every single morning for their fresh sourdough.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12317.jpg" },
{ id: "t3", name: "Claire P.", handle: "@claire", testimonial: "Their cupcakes are moist, flavorful, and look amazing.", imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986285.jpg" },
{ id: "t4", name: "David L.", handle: "@david", testimonial: "Delight truly makes the best berry tarts I've ever eaten.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24671.jpg" },
{ id: "t5", name: "Elena M.", handle: "@elena", testimonial: "Friendly staff and delicious pastries every time.", imageSrc: "http://img.b2bpic.net/free-photo/bread-bakers-hands-ai-generated_268835-11027.jpg" }
]}
title="Voices of Delight"
description="What our wonderful customers are saying."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer catering?",
content: "Yes, we handle orders for birthdays and events.",
},
{
id: "q2",
title: "Are you open Sundays?",
content: "Yes, we are open seven days a week.",
},
{
id: "q3",
title: "Do you provide allergy info?",
content: "We clearly label all allergens on our menu tags.",
},
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you offer catering?", content: "Yes, we handle orders for birthdays and events." },
{ id: "q2", title: "Are you open Sundays?", content: "Yes, we are open seven days a week." },
{ id: "q3", title: "Do you provide allergy info?", content: "We clearly label all allergens on our menu tags." }
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Stay Updated"
title="Join Our Newsletter"
description="Get updates on new seasonal menu drops and exclusive bakery events."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Stay Updated"
title="Join Our Newsletter"
description="Get updates on new seasonal menu drops and exclusive bakery events."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Delight Bakery",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Products",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Delight Bakery"
bottomRightText="Crafted with love"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Delight Bakery", items: [
{ label: "About Us", href: "#about" },
{ label: "Products", href: "#products" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
bottomLeftText="© 2024 Delight Bakery"
bottomRightText="Crafted with love"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}