Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-06 19:11:27 +00:00

View File

@@ -19,379 +19,170 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Creamy Delights"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Creamy Delights"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Sip Into Pure Happiness"
description="Handcrafted shakes and premium ice cream made with real ingredients and a dash of love. Taste the difference in every swirl."
testimonials={[
{
name: "Anna S.",
handle: "@anna_eats",
testimonial: "The best salted caramel shake I have ever tasted!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interior-bakery-with-lighting-equipments_23-2147893059.jpg?_wi=1",
imageAlt: "gourmet milkshake with whipped cream",
},
{
name: "Mark D.",
handle: "@foodie_mark",
testimonial: "Such a vibrant atmosphere and creamy ice cream.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-wooden-box_169016-3467.jpg",
imageAlt: "gourmet milkshake with whipped cream",
},
{
name: "Sophie L.",
handle: "@sophie_desserts",
testimonial: "The staff are so friendly, and the flavors are endless.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/frappe-drink-with-caramel-nuts-golden-background-ai-generative_123827-24942.jpg?_wi=1",
imageAlt: "gourmet milkshake with whipped cream",
},
{
name: "James P.",
handle: "@james_tasty",
testimonial: "Perfectly chilled and so refreshing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244887.jpg?_wi=1",
imageAlt: "gourmet milkshake with whipped cream",
},
{
name: "Elena R.",
handle: "@elena_sweets",
testimonial: "My go-to spot for an afternoon treat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/line-style-abstract-corporate-symbol-template-set-six_1017-53032.jpg",
imageAlt: "gourmet milkshake with whipped cream",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-bakery-with-lighting-equipments_23-2147893059.jpg?_wi=2"
imageAlt="Artisanal Milkshake"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/friends-reunited-after-covid-pandemic_23-2149490373.jpg",
alt: "Happy customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-eating-ice-cream_23-2147911714.jpg",
alt: "Smiling customer",
},
{
src: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244886.jpg",
alt: "Customer eating ice cream",
},
{
src: "http://img.b2bpic.net/free-photo/charming-woman-eating-ice-cream_1098-3938.jpg",
alt: "Customer with shake",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-teenage-girl-makes-face-palm-feels-glad-wears-casual-t-shirt-with-jumper-enjoys-summer-time-eats-delicious-ice-cream-stick-has-good-mood-isolated-pink-wall-fun-sweets_273609-48515.jpg",
alt: "Happy regular customer",
},
]}
marqueeItems={[
{
type: "text",
text: "100% Natural Ingredients",
},
{
type: "text",
text: "Handcrafted with Love",
},
{
type: "text",
text: "Vibrant Artisan Flavors",
},
{
type: "text",
text: "Fresh Dairy Daily",
},
{
type: "text",
text: "Sweetest Spots in Town",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Sip Into Pure Happiness"
description="Handcrafted shakes and premium ice cream made with real ingredients and a dash of love. Taste the difference in every swirl."
testimonials={[
{ name: "Anna S.", handle: "@anna_eats", testimonial: "The best salted caramel shake I have ever tasted!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/interior-bakery-with-lighting-equipments_23-2147893059.jpg", imageAlt: "gourmet milkshake with whipped cream" },
{ name: "Mark D.", handle: "@foodie_mark", testimonial: "Such a vibrant atmosphere and creamy ice cream.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-wooden-box_169016-3467.jpg", imageAlt: "gourmet milkshake with whipped cream" },
{ name: "Sophie L.", handle: "@sophie_desserts", testimonial: "The staff are so friendly, and the flavors are endless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/frappe-drink-with-caramel-nuts-golden-background-ai-generative_123827-24942.jpg", imageAlt: "gourmet milkshake with whipped cream" },
{ name: "James P.", handle: "@james_tasty", testimonial: "Perfectly chilled and so refreshing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244887.jpg", imageAlt: "gourmet milkshake with whipped cream" },
{ name: "Elena R.", handle: "@elena_sweets", testimonial: "My go-to spot for an afternoon treat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/line-style-abstract-corporate-symbol-template-set-six_1017-53032.jpg", imageAlt: "gourmet milkshake with whipped cream" }
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-bakery-with-lighting-equipments_23-2147893059.jpg"
imageAlt="Artisanal Milkshake"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/friends-reunited-after-covid-pandemic_23-2149490373.jpg", alt: "Happy customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-eating-ice-cream_23-2147911714.jpg", alt: "Smiling customer" },
{ src: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244886.jpg", alt: "Customer eating ice cream" },
{ src: "http://img.b2bpic.net/free-photo/charming-woman-eating-ice-cream_1098-3938.jpg", alt: "Customer with shake" },
{ src: "http://img.b2bpic.net/free-photo/smiling-teenage-girl-makes-face-palm-feels-glad-wears-casual-t-shirt-with-jumper-enjoys-summer-time-eats-delicious-ice-cream-stick-has-good-mood-isolated-pink-wall-fun-sweets_273609-48515.jpg", alt: "Happy regular customer" }
]}
marqueeItems={[
{ type: "text", text: "100% Natural Ingredients" },
{ type: "text", text: "Handcrafted with Love" },
{ type: "text", text: "Vibrant Artisan Flavors" },
{ type: "text", text: "Fresh Dairy Daily" },
{ type: "text", text: "Sweetest Spots in Town" }
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our Passion for Perfection",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/ice-cream-wooden-box_169016-3467.jpg",
alt: "Our shop founder",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Our Passion for Perfection" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/ice-cream-wooden-box_169016-3467.jpg", alt: "Our shop founder" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Midnight Chocolate",
price: "$8.00",
variant: "Shake",
imageSrc: "http://img.b2bpic.net/free-photo/frappe-drink-with-caramel-nuts-golden-background-ai-generative_123827-24942.jpg?_wi=2",
},
{
id: "2",
name: "Strawberry Breeze",
price: "$7.50",
variant: "Shake",
imageSrc: "http://img.b2bpic.net/free-photo/glass-frappucino-table_23-2148922858.jpg",
},
{
id: "3",
name: "Classic Vanilla",
price: "$6.00",
variant: "Ice Cream",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-texture-with-stars_23-2149450694.jpg",
},
{
id: "4",
name: "Salted Caramel Dream",
price: "$8.50",
variant: "Shake",
imageSrc: "http://img.b2bpic.net/free-photo/summer-dessert-ice-cream-ice-cream-with-coconut_185193-110324.jpg",
},
{
id: "5",
name: "Mint Chip Delight",
price: "$7.00",
variant: "Ice Cream",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168773.jpg",
},
{
id: "6",
name: "Tropical Mango Fusion",
price: "$9.00",
variant: "Shake",
imageSrc: "http://img.b2bpic.net/free-photo/melting-ice-cream-with-orange_23-2150373261.jpg",
},
]}
title="Our Signature Menu"
description="Discover our handcrafted selection of premium shakes and artisan ice creams."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Midnight Chocolate", price: "$8.00", variant: "Shake", imageSrc: "http://img.b2bpic.net/free-photo/frappe-drink-with-caramel-nuts-golden-background-ai-generative_123827-24942.jpg" },
{ id: "2", name: "Strawberry Breeze", price: "$7.50", variant: "Shake", imageSrc: "http://img.b2bpic.net/free-photo/glass-frappucino-table_23-2148922858.jpg" },
{ id: "3", name: "Classic Vanilla", price: "$6.00", variant: "Ice Cream", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-texture-with-stars_23-2149450694.jpg" },
{ id: "4", name: "Salted Caramel Dream", price: "$8.50", variant: "Shake", imageSrc: "http://img.b2bpic.net/free-photo/summer-dessert-ice-cream-ice-cream-with-coconut_185193-110324.jpg" },
{ id: "5", name: "Mint Chip Delight", price: "$7.00", variant: "Ice Cream", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168773.jpg" },
{ id: "6", name: "Tropical Mango Fusion", price: "$9.00", variant: "Shake", imageSrc: "http://img.b2bpic.net/free-photo/melting-ice-cream-with-orange_23-2150373261.jpg" }
]}
title="Our Signature Menu"
description="Discover our handcrafted selection of premium shakes and artisan ice creams."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
description: "Handcrafted Flavors",
},
{
id: "m2",
value: "100%",
description: "Natural Ingredients",
},
{
id: "m3",
value: "5000+",
description: "Happy Customers",
},
]}
title="Quality You Can Taste"
description="Numbers behind our commitment to excellence."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "15+", description: "Handcrafted Flavors" },
{ id: "m2", value: "100%", description: "Natural Ingredients" },
{ id: "m3", value: "5000+", description: "Happy Customers" }
]}
title="Quality You Can Taste"
description="Numbers behind our commitment to excellence."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Fan",
company: "Local Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244887.jpg?_wi=2",
},
{
id: "2",
name: "Mike B.",
role: "Regular",
company: "Foodie Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-with-ice-cream_23-2149066130.jpg",
},
{
id: "3",
name: "Emma W.",
role: "Customer",
company: "University",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-enjoying-morning-coffee-with-donuts-outdoor-terrace_169016-10253.jpg",
},
{
id: "4",
name: "David K.",
role: "Visitor",
company: "City Center",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-tasty-ice-cream_23-2150232365.jpg",
},
{
id: "5",
name: "Lisa M.",
role: "Fan",
company: "Local Business",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-woman-with-curly-hair-holds-cone-ice-cream-has-day-off-walks-with-friends-park-summer-time-isolated-yellow-wall-female-model-eats-yummy-dessert_273609-50006.jpg",
},
]}
title="What Our Fans Say"
description="Join our community of dessert lovers."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", role: "Fan", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244887.jpg" },
{ id: "2", name: "Mike B.", role: "Regular", company: "Foodie Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-with-ice-cream_23-2149066130.jpg" },
{ id: "3", name: "Emma W.", role: "Customer", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-enjoying-morning-coffee-with-donuts-outdoor-terrace_169016-10253.jpg" },
{ id: "4", name: "David K.", role: "Visitor", company: "City Center", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-tasty-ice-cream_23-2150232365.jpg" },
{ id: "5", name: "Lisa M.", role: "Fan", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-woman-with-curly-hair-holds-cone-ice-cream-has-day-off-walks-with-friends-park-summer-time-isolated-yellow-wall-female-model-eats-yummy-dessert_273609-50006.jpg" }
]}
title="What Our Fans Say"
description="Join our community of dessert lovers."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Business Alliance",
"Community Food Standards",
"Green Initiative",
"Artisan Food Award",
"Customer Choice 2023",
"City Dessert League",
"Sustainable Ingredients Group",
]}
title="Recognized Excellence"
description="Proud partners in our community."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Business Alliance", "Community Food Standards", "Green Initiative", "Artisan Food Award", "Customer Choice 2023", "City Dessert League", "Sustainable Ingredients Group"
]}
title="Recognized Excellence"
description="Proud partners in our community."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer vegan options?",
content: "Yes, we have several dairy-free plant-based options available.",
},
{
id: "q2",
title: "Where is your store located?",
content: "You can find us in the heart of downtown, right next to the park.",
},
{
id: "q3",
title: "Can I order online?",
content: "Currently, we serve orders in-store. We are working on delivery options!",
},
]}
title="Frequently Asked Questions"
description="Got questions? We've got the answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you offer vegan options?", content: "Yes, we have several dairy-free plant-based options available." },
{ id: "q2", title: "Where is your store located?", content: "You can find us in the heart of downtown, right next to the park." },
{ id: "q3", title: "Can I order online?", content: "Currently, we serve orders in-store. We are working on delivery options!" }
]}
title="Frequently Asked Questions"
description="Got questions? We've got the answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Stay in Touch"
title="Sign Up for Secret Menu Updates"
description="Be the first to know about new flavors and special promotions."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Stay in Touch"
title="Sign Up for Secret Menu Updates"
description="Be the first to know about new flavors and special promotions."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Creamy Delights"
columns={[
{
title: "Shop",
items: [
{
label: "Menu",
href: "#products",
},
{
label: "Locations",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Creamy Delights"
columns={[
{ title: "Shop", items: [{ label: "Menu", href: "#products" }, { label: "Locations", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}