Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-08 15:09:58 +00:00

View File

@@ -17,377 +17,143 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="ChocoLux"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="ChocoLux"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
title="Artisanal Perfection in Every Bite"
description="Indulge in the finest handcrafted chocolates, made with organic cocoa and pure passion. Elevate your senses with our premium collection."
testimonials={[
{
name: "Elena V.",
handle: "@elena_gourmet",
testimonial: "The best chocolate I have ever tasted! Truly luxurious.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg?_wi=1",
imageAlt: "luxury chocolate macro shot",
},
{
name: "Marcus D.",
handle: "@marc_eats",
testimonial: "A remarkable selection of flavors. Perfect for gifts.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-man-professional-chief-collects-tasty-melted-chocolate-from-vintage-marble-table-big-steel-pot-his-artisan-rustic-kitchen-with-industrial-retro-machines_346278-635.jpg",
imageAlt: "chocolatier at work artisan",
},
{
name: "Sarah K.",
handle: "@sarah_foodie",
testimonial: "Exquisite quality and beautiful presentation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/assorted-chocolate-sweets-shape-heart_651396-1575.jpg?_wi=1",
imageAlt: "assorted gourmet chocolates box",
},
{
name: "Julian O.",
handle: "@julian_c",
testimonial: "Truly worth every penny. Divine experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-creative-chocolate-arrangement-dark-background_23-2148549342.jpg?_wi=1",
imageAlt: "dark chocolate bar broken",
},
{
name: "Linda M.",
handle: "@linda_sweets",
testimonial: "Obsessed with their sea salt dark chocolate.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/freshly-picked-black-truffles-market-table-with-very-fancy-decoration_573717-71.jpg?_wi=1",
imageAlt: "white chocolate hazelnut truffle",
},
]}
buttons={[
{
text: "Shop Collection",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-eating-vegetable-salad-with-tomato-bell-pepper-dill-rocket_140725-10819.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-woman-with-chocolate-box_23-2148383121.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-having-dessert-while-working_23-2148661256.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777407.jpg",
alt: "Customer 5",
},
]}
avatarText="Loved by 5,000+ chocolate enthusiasts"
marqueeItems={[
{
type: "text",
text: "100% Organic Cocoa",
},
{
type: "text",
text: "Small Batch Artisanal",
},
{
type: "text",
text: "Sustainable Sourcing",
},
{
type: "text",
text: "No Artificial Additives",
},
{
type: "text",
text: "Award Winning Flavor",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardTestimonial
background={{ variant: "gradient-bars" }}
title="Artisanal Perfection in Every Bite"
description="Indulge in the finest handcrafted chocolates, made with organic cocoa and pure passion. Elevate your senses with our premium collection."
testimonials={[
{ name: "Elena V.", handle: "@elena_gourmet", testimonial: "The best chocolate I have ever tasted! Truly luxurious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg", imageAlt: "luxury chocolate macro shot" },
{ name: "Marcus D.", handle: "@marc_eats", testimonial: "A remarkable selection of flavors. Perfect for gifts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-man-professional-chief-collects-tasty-melted-chocolate-from-vintage-marble-table-big-steel-pot-his-artisan-rustic-kitchen-with-industrial-retro-machines_346278-635.jpg", imageAlt: "chocolatier at work artisan" },
{ name: "Sarah K.", handle: "@sarah_foodie", testimonial: "Exquisite quality and beautiful presentation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/assorted-chocolate-sweets-shape-heart_651396-1575.jpg", imageAlt: "assorted gourmet chocolates box" },
{ name: "Julian O.", handle: "@julian_c", testimonial: "Truly worth every penny. Divine experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-creative-chocolate-arrangement-dark-background_23-2148549342.jpg", imageAlt: "dark chocolate bar broken" },
{ name: "Linda M.", handle: "@linda_sweets", testimonial: "Obsessed with their sea salt dark chocolate.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/freshly-picked-black-truffles-market-table-with-very-fancy-decoration_573717-71.jpg", imageAlt: "white chocolate hazelnut truffle" }
]}
buttons={[{ text: "Shop Collection", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/woman-eating-vegetable-salad-with-tomato-bell-pepper-dill-rocket_140725-10819.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-with-chocolate-box_23-2148383121.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-having-dessert-while-working_23-2148661256.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777407.jpg", alt: "Customer 5" }
]}
avatarText="Loved by 5,000+ chocolate enthusiasts"
marqueeItems={[
{ type: "text", text: "100% Organic Cocoa" },
{ type: "text", text: "Small Batch Artisanal" },
{ type: "text", text: "Sustainable Sourcing" },
{ type: "text", text: "No Artificial Additives" },
{ type: "text", text: "Award Winning Flavor" }
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Our Passion for Fine Chocolate"
buttons={[
{
text: "Learn Our Story",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Our Passion for Fine Chocolate"
buttons={[{ text: "Learn Our Story" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "feat-1",
title: "Organic Cocoa",
author: "Direct Trade",
description: "Sourced responsibly from premium equatorial farms.",
tags: [
"Ethical",
"Organic",
],
imageSrc: "http://img.b2bpic.net/free-photo/pineapple-green-husk-close-up_23-2148244666.jpg",
},
{
id: "feat-2",
title: "Handcrafted",
author: "Small Batches",
description: "Each truffle is hand-poured by our master chocolatiers.",
tags: [
"Handmade",
"Craft",
],
imageSrc: "http://img.b2bpic.net/free-photo/putting-flaming-candles-around-chocolate-box-piece-wood_114579-4789.jpg",
},
{
id: "feat-3",
title: "Pure Quality",
author: "No Additives",
description: "Only the cleanest ingredients for an authentic taste.",
tags: [
"Natural",
"Pure",
],
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg",
},
]}
title="Why ChocoLux?"
description="Experience excellence through meticulous craftsmanship and pure, natural ingredients."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "feat-1", title: "Organic Cocoa", author: "Direct Trade", description: "Sourced responsibly from premium equatorial farms.", tags: ["Ethical", "Organic"], imageSrc: "http://img.b2bpic.net/free-photo/pineapple-green-husk-close-up_23-2148244666.jpg" },
{ id: "feat-2", title: "Handcrafted", author: "Small Batches", description: "Each truffle is hand-poured by our master chocolatiers.", tags: ["Handmade", "Craft"], imageSrc: "http://img.b2bpic.net/free-photo/putting-flaming-candles-around-chocolate-box-piece-wood_114579-4789.jpg" },
{ id: "feat-3", title: "Pure Quality", author: "No Additives", description: "Only the cleanest ingredients for an authentic taste.", tags: ["Natural", "Pure"], imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg" }
]}
title="Why ChocoLux?"
description="Experience excellence through meticulous craftsmanship and pure, natural ingredients."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Gold Truffle Box",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/assorted-chocolate-sweets-shape-heart_651396-1575.jpg?_wi=2",
},
{
id: "p2",
name: "Dark Forest Bar",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-creative-chocolate-arrangement-dark-background_23-2148549342.jpg?_wi=2",
},
{
id: "p3",
name: "Hazelnut Truffle",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/freshly-picked-black-truffles-market-table-with-very-fancy-decoration_573717-71.jpg?_wi=2",
},
{
id: "p4",
name: "Caramel Swirl",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/swirled-chocolate-texture_23-2151988793.jpg",
},
{
id: "p5",
name: "Heart Box",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sweets-biscuits-cookies-candies-inside-heart-shaped-box-white-background-sugar-tea-sweet-yummy-cake_140725-108983.jpg",
},
{
id: "p6",
name: "Ganache Set",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/handmade-chocolate-mediants-cookies-bites-candies-nuts-copyspace-top-view_114579-4839.jpg",
},
]}
title="Our Signature Collection"
description="Explore our curated range of artisanal delights."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Gold Truffle Box", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/assorted-chocolate-sweets-shape-heart_651396-1575.jpg" },
{ id: "p2", name: "Dark Forest Bar", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-creative-chocolate-arrangement-dark-background_23-2148549342.jpg" },
{ id: "p3", name: "Hazelnut Truffle", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/freshly-picked-black-truffles-market-table-with-very-fancy-decoration_573717-71.jpg" },
{ id: "p4", name: "Caramel Swirl", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/swirled-chocolate-texture_23-2151988793.jpg" },
{ id: "p5", name: "Heart Box", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sweets-biscuits-cookies-candies-inside-heart-shaped-box-white-background-sugar-tea-sweet-yummy-cake_140725-108983.jpg" },
{ id: "p6", name: "Ganache Set", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/handmade-chocolate-mediants-cookies-bites-candies-nuts-copyspace-top-view_114579-4839.jpg" }
]}
title="Our Signature Collection"
description="Explore our curated range of artisanal delights."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena V.",
date: "Jan 2024",
title: "Truly Gourmet",
quote: "The texture and flavor are unmatched.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-eating-vegetable-salad-with-tomato-bell-pepper-dill-rocket_140725-10819.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-vegetable-salad-with-tomato-bell-pepper-dill-rocket_140725-10819.jpg",
},
{
id: "t2",
name: "Marcus D.",
date: "Feb 2024",
title: "Sophisticated",
quote: "Perfectly balanced sweetness and intensity.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg",
},
{
id: "t3",
name: "Sarah K.",
date: "Mar 2024",
title: "Delicious!",
quote: "Gifting these has never been easier.",
tag: "Collector",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-chocolate-box_23-2148383121.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-chocolate-box_23-2148383121.jpg",
},
{
id: "t4",
name: "Julian O.",
date: "Apr 2024",
title: "A Masterpiece",
quote: "Each piece is like a work of art.",
tag: "Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-having-dessert-while-working_23-2148661256.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-having-dessert-while-working_23-2148661256.jpg",
},
{
id: "t5",
name: "Linda M.",
date: "May 2024",
title: "Heavenly",
quote: "Can't get enough of their sea salt bars.",
tag: "VIP",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777407.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777407.jpg",
},
]}
title="Loved by Connoisseurs"
description="Hear what our refined clients have to say about our creations."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Elena V.", date: "Jan 2024", title: "Truly Gourmet", quote: "The texture and flavor are unmatched.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/woman-eating-vegetable-salad-with-tomato-bell-pepper-dill-rocket_140725-10819.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-vegetable-salad-with-tomato-bell-pepper-dill-rocket_140725-10819.jpg" },
{ id: "t2", name: "Marcus D.", date: "Feb 2024", title: "Sophisticated", quote: "Perfectly balanced sweetness and intensity.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg" },
{ id: "t3", name: "Sarah K.", date: "Mar 2024", title: "Delicious!", quote: "Gifting these has never been easier.", tag: "Collector", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-chocolate-box_23-2148383121.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-chocolate-box_23-2148383121.jpg" },
{ id: "t4", name: "Julian O.", date: "Apr 2024", title: "A Masterpiece", quote: "Each piece is like a work of art.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-having-dessert-while-working_23-2148661256.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-having-dessert-while-working_23-2148661256.jpg" },
{ id: "t5", name: "Linda M.", date: "May 2024", title: "Heavenly", quote: "Can't get enough of their sea salt bars.", tag: "VIP", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777407.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777407.jpg" }
]}
title="Loved by Connoisseurs"
description="Hear what our refined clients have to say about our creations."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Join Us"
title="Get Exclusive Access"
description="Sign up for early access to our seasonal collections and special discounts."
imageSrc="http://img.b2bpic.net/free-photo/melted-chocolate-swirl_23-2151939201.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Join Us"
title="Get Exclusive Access"
description="Sign up for early access to our seasonal collections and special discounts."
imageSrc="http://img.b2bpic.net/free-photo/melted-chocolate-swirl_23-2151939201.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
{
label: "Truffles",
href: "#",
},
{
label: "Bars",
href: "#",
},
{
label: "Sets",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "Shipping",
href: "#",
},
{
label: "FAQ",
href: "#",
},
{
label: "Returns",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 ChocoLux. All rights reserved."
bottomRightText="Privacy Policy"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Shop", items: [{ label: "Truffles", href: "#" }, { label: "Bars", href: "#" }, { label: "Sets", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
{ title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "FAQ", href: "#" }, { label: "Returns", href: "#" }] }
]}
bottomLeftText="© 2024 ChocoLux. All rights reserved."
bottomRightText="Privacy Policy"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}