bender/73b606aa-cbde-4888-88d9-e10ce5f747d9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-26 07:57:43 +00:00
Conversation 0 Commits 1 Files Changed 1 +19 -295
1 changed files with 19 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

314
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';
import { Heart, Leaf, Sparkles, Star, Users } from "lucide-react";
import { Heart, Leaf, Sparkles, Star, Users, CheckCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,22 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Story",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "FAQs",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Products", id: "products" },
{ name: "FAQs", id: "faq" },
{ name: "Contact", id: "contact" }
]}
brandName="Cocoa Luxe"
/>
@@ -55,114 +44,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Indulge in Pure Artistry"
description="Discover the finest handcrafted chocolates, made from ethically sourced cocoa beans and infused with premium natural ingredients."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/donut-with-chocolate-peanut_1232-4963.jpg",
imageAlt: "Artisan Pralines",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/assortment-chocolate-sweets_23-2148542502.jpg",
imageAlt: "Tempered Chocolate",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-truffles-with-cocoa-powder_23-2148357711.jpg",
imageAlt: "Artisan Pralines",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/whisk-filled-with-melted-chocolate-close-up_23-2148379683.jpg",
imageAlt: "Tempered Chocolate",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-chocolate-goodies_23-2148654089.jpg",
imageAlt: "Artisan Pralines",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-assortment-dark-board_23-2148553156.jpg",
imageAlt: "Tempered Chocolate",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-biscuit-being-covered-by-chocolate-orange-bowl_181624-34038.jpg",
imageAlt: "Tempered Chocolate",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/heartshaped-chocolate-truffles-with-gold-accents-white-background_1268-31415.jpg",
imageAlt: "Artisan Pralines",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/creative-chocolate-assortment-light-background_23-2148549335.jpg",
imageAlt: "Tempered Chocolate",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-muffins-tins_23-2147787026.jpg",
imageAlt: "Artisan Pralines",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-sauce-spoon-close-up_23-2148337607.jpg",
imageAlt: "Tempered Chocolate",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-chocolate-chips-cookie_23-2149702514.jpg",
imageAlt: "Artisan Pralines",
},
]}
buttons={[
{
text: "Shop Collection",
href: "#products",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/chocolate-bonbons-cocoa-powder-isolated-white-background_123827-22828.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/chocolate-bonbons-cocoa-powder-background-close-up_123827-22924.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-view-praline-chocolate-box_140725-11802.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/chocolate-balls_23-2148148783.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/chocolate-ice-cream-stick-liquid-chocolate-covered-it-different-chocolate-textures-brown-background_633478-1124.jpg",
alt: "Customer 5",
},
]}
avatarText="Join 5,000+ chocolate connoisseurs"
marqueeItems={[
{
type: "text",
text: "Ethically Sourced",
},
{
type: "text",
text: "Small Batch",
},
{
type: "text",
text: "100% Organic",
},
{
type: "text",
text: "Handcrafted",
},
{
type: "text",
text: "Luxury Quality",
},
]}
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/donut-with-chocolate-peanut_1232-4963.jpg", imageAlt: "Artisan Pralines" }, { imageSrc: "http://img.b2bpic.net/free-photo/assortment-chocolate-sweets_23-2148542502.jpg", imageAlt: "Tempered Chocolate" }, { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-truffles-with-cocoa-powder_23-2148357711.jpg", imageAlt: "Artisan Pralines" }, { imageSrc: "http://img.b2bpic.net/free-photo/whisk-filled-with-melted-chocolate-close-up_23-2148379683.jpg", imageAlt: "Tempered Chocolate" }, { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-chocolate-goodies_23-2148654089.jpg", imageAlt: "Artisan Pralines" }, { imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-assortment-dark-board_23-2148553156.jpg", imageAlt: "Tempered Chocolate" }]}
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-biscuit-being-covered-by-chocolate-orange-bowl_181624-34038.jpg", imageAlt: "Tempered Chocolate" }, { imageSrc: "http://img.b2bpic.net/free-photo/heartshaped-chocolate-truffles-with-gold-accents-white-background_1268-31415.jpg", imageAlt: "Artisan Pralines" }, { imageSrc: "http://img.b2bpic.net/free-photo/creative-chocolate-assortment-light-background_23-2148549335.jpg", imageAlt: "Tempered Chocolate" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-muffins-tins_23-2147787026.jpg", imageAlt: "Artisan Pralines" }, { imageSrc: "http://img.b2bpic.net/free-photo/chocolate-sauce-spoon-close-up_23-2148337607.jpg", imageAlt: "Tempered Chocolate" }, { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-chocolate-chips-cookie_23-2149702514.jpg", imageAlt: "Artisan Pralines" }]}
buttons={[{ text: "Shop Collection", href: "#products" }]}
/>
</div>
@@ -170,15 +57,9 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="Our Passion for Perfection"
buttons={[
{
text: "Learn Our Story",
href: "#",
},
]}
buttons={[{ text: "Learn Our Story", href: "#" }]}
tag="Our Philosophy"
tagIcon={Heart}
description="At Cocoa Luxe, we believe chocolate is an emotional journey. Every piece we create is a result of tireless dedication to the art of tempering and the pursuit of perfect, exotic flavor profiles that dance on your palate."
/>
</div>
@@ -188,46 +69,8 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Signature Collection",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-box-sweet-baked-with-rowan-spruce-leaves-table_176474-3297.jpg",
},
{
id: "p2",
name: "Dark Origins Bar",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/black-man-chief-use-professional-vintage-separator-split-chocolate-cake-equal-portions-before-packaging-artisan-cooking-process_346278-643.jpg",
},
{
id: "p3",
name: "Hazelnut Praline",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-nougats-wooden-board_23-2149617438.jpg",
},
{
id: "p4",
name: "Salted Caramel",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg",
},
{
id: "p5",
name: "Pistachio Truffle",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-marzipan-dessert_23-2149715450.jpg",
},
{
id: "p6",
name: "Vanilla Bean Box",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-chips-white-dark-inside-purple-papers-light-background-chocolate-cake-sugar-sweet-bake_140725-22284.jpg",
},
]}
products={[{ id: "p1", name: "Signature Collection", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-box-sweet-baked-with-rowan-spruce-leaves-table_176474-3297.jpg" }, { id: "p2", name: "Dark Origins Bar", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/black-man-chief-use-professional-vintage-separator-split-chocolate-cake-equal-portions-before-packaging-artisan-cooking-process_346278-643.jpg" }, { id: "p3", name: "Hazelnut Praline", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-nougats-wooden-board_23-2149617438.jpg" }, { id: "p4", name: "Salted Caramel", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg" }, { id: "p5", name: "Pistachio Truffle", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-marzipan-dessert_23-2149715450.jpg" }, { id: "p6", name: "Vanilla Bean Box", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-chips-white-dark-inside-purple-papers-light-background-chocolate-cake-sugar-sweet-bake_140725-22284.jpg" }]}
title="Handcrafted Delights"
description="From single-origin bars to intricate pralines, explore our curated selection."
/>
</div>
@@ -235,32 +78,7 @@ export default function LandingPage() {
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Ethical Sourcing",
description: "100% fair trade cocoa.",
imageSrc: "http://img.b2bpic.net/free-photo/science-ecology_273609-6421.jpg",
buttonIcon: "CheckCircle",
},
{
title: "Small Batch",
description: "Tempered by master artisans.",
imageSrc: "http://img.b2bpic.net/free-photo/choco-strawberry-cook-dunking-red-strawberry-inside-chocolate_140725-14903.jpg",
buttonIcon: "CheckCircle",
},
{
title: "Pure Ingredients",
description: "No artificial additives.",
imageSrc: "http://img.b2bpic.net/free-photo/shot-with-tincture-with-anise-cinnamon-drink-lemon-peel-side-view_141793-4205.jpg",
buttonIcon: "CheckCircle",
},
{
title: "Sustainable",
description: "Eco-friendly packaging.",
imageSrc: "http://img.b2bpic.net/free-photo/stack-homemade-cookies-christmas-time_329181-1107.jpg",
buttonIcon: "CheckCircle",
},
]}
features={[{ title: "Ethical Sourcing", description: "100% fair trade cocoa.", imageSrc: "http://img.b2bpic.net/free-photo/science-ecology_273609-6421.jpg", buttonIcon: CheckCircle }, { title: "Small Batch", description: "Tempered by master artisans.", imageSrc: "http://img.b2bpic.net/free-photo/choco-strawberry-cook-dunking-red-strawberry-inside-chocolate_140725-14903.jpg", buttonIcon: CheckCircle }, { title: "Pure Ingredients", description: "No artificial additives.", imageSrc: "http://img.b2bpic.net/free-photo/shot-with-tincture-with-anise-cinnamon-drink-lemon-peel-side-view_141793-4205.jpg", buttonIcon: CheckCircle }, { title: "Sustainable", description: "Eco-friendly packaging.", imageSrc: "http://img.b2bpic.net/free-photo/stack-homemade-cookies-christmas-time_329181-1107.jpg", buttonIcon: CheckCircle }]}
title="The Cocoa Promise"
description="Everything we do is built on quality, ethics, and craft."
/>
@@ -269,37 +87,11 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-workshop-young-beautician-demonstrating-new-beauty-products-online-workshop_259150-60054.jpg",
},
{
id: "2",
name: "Mike D.",
imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39260.jpg",
},
{
id: "3",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/man-covering-his-girlfriend-s-eyes-before-giving-her-gift-close-up_23-2148435756.jpg",
},
{
id: "4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/holidays-celebration-happy-man-having-birthday-party-making-wish-b-day-cake-cross-fingers-good-luck-standing_1258-26668.jpg",
},
{
id: "5",
name: "Linda M.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-photo-young-woman-talking-phone-against-yellow-background_93675-133596.jpg",
},
]}
cardTitle="What People Say"
cardAnimation="slide-up"
cardTag="Reviews"
cardTagIcon={Star}
testimonials={[{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-workshop-young-beautician-demonstrating-new-beauty-products-online-workshop_259150-60054.jpg" }, { id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39260.jpg" }, { id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/man-covering-his-girlfriend-s-eyes-before-giving-her-gift-close-up_23-2148435756.jpg" }, { id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/holidays-celebration-happy-man-having-birthday-party-making-wish-b-day-cake-cross-fingers-good-luck-standing_1258-26668.jpg" }, { id: "5", name: "Linda M.", imageSrc: "http://img.b2bpic.net/free-photo/studio-photo-young-woman-talking-phone-against-yellow-background_93675-133596.jpg" }]}
/>
</div>
@@ -309,29 +101,7 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "12+",
title: "Exotic Flavors",
description: "Unique culinary pairings",
icon: Sparkles,
},
{
id: "m2",
value: "500+",
title: "Happy Customers",
description: "Returning sweet tooths",
icon: Users,
},
{
id: "m3",
value: "100%",
title: "Organic",
description: "Ingredients sourced locally",
icon: Leaf,
},
]}
metrics={[{ id: "m1", value: "12+", title: "Exotic Flavors", description: "Unique culinary pairings", icon: Sparkles }, { id: "m2", value: "500+", title: "Happy Customers", description: "Returning sweet tooths", icon: Users }, { id: "m3", value: "100%", title: "Organic", description: "Ingredients sourced locally", icon: Leaf }]}
title="By The Numbers"
description="Our commitment to quality speaks for itself."
/>
@@ -340,35 +110,16 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are your products gluten free?",
content: "Yes, many of our dark chocolate selections are gluten-free.",
},
{
id: "f2",
title: "Do you ship internationally?",
content: "We currently ship within the domestic region, but we are expanding.",
},
{
id: "f3",
title: "How should I store my chocolate?",
content: "Keep in a cool, dry place away from direct sunlight.",
},
]}
faqs={[{ id: "f1", title: "Are your products gluten free?", content: "Yes, many of our dark chocolate selections are gluten-free."}, { id: "f2", title: "Do you ship internationally?", content: "We currently ship within the domestic region, but we are expanding."}, { id: "f3", title: "How should I store my chocolate?", content: "Keep in a cool, dry place away from direct sunlight."}]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
sideDescription="Still have a question? Our team is here to help you navigate our collection and find your perfect cocoa match."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Newsletter"
title="Join the Indulgence"
description="Get early access to limited edition seasonal collections."
@@ -379,34 +130,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Explore",
items: [
{
label: "About",
href: "#about",
},
{
label: "Shop",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
columns={[{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#products" }] }, { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }]}
bottomLeftText="© 2024 Cocoa Luxe"
bottomRightText="Crafted with love."
/>
@@ -414,4 +138,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}