Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-04 05:16:11 +00:00

View File

@@ -13,267 +13,141 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLarge"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="bold"
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLarge"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Review",
id: "review",
},
{
name: "Visit Us",
id: "contact",
},
]}
brandName="Cafe Cloudy"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Review", id: "review" },
{ name: "Visit Us", id: "contact" },
]}
brandName="Cafe Cloudy"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
logoText="Cafe Cloudy"
description="People dont just visit… they come back thinking about it. Experience the perfect blend in our cozy sanctuary."
buttons={[
{
text: "Visit Us",
href: "#contact",
},
{
text: "Menu",
href: "#features",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3898.jpg?_wi=1"
imageAlt="Luxurious coffee shop atmosphere"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "plain" }}
logoText="Cafe Cloudy"
description="People dont just visit… they come back thinking about it. Experience the perfect blend in our cozy sanctuary."
buttons={[
{ text: "Visit Us", href: "#contact" },
{ text: "Menu", href: "#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3898.jpg"
imageAlt="Luxurious coffee shop atmosphere"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Spectacular Coffee",
description: "Crafted to perfection using only the finest beans.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg?_wi=1",
imageAlt: "Artisan coffee",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg?_wi=2",
imageAlt: "Artisan coffee details",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3898.jpg?_wi=2",
imageAlt: "luxury coffee shop interior morning",
},
{
title: "Friendly Vibe",
description: "An inviting atmosphere that feels just like home.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/interior-stylish-restaurant_1098-14471.jpg?_wi=1",
imageAlt: "Cozy seating",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/interior-stylish-restaurant_1098-14471.jpg?_wi=2",
imageAlt: "Interior design",
},
imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg?_wi=3",
imageAlt: "fresh artisan coffee cup closeup",
},
{
title: "Pure & Fresh",
description: "Clean, vegetarian-friendly food options daily.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/pear-slices-with-marinated-olives-herbs_114579-34774.jpg?_wi=1",
imageAlt: "Fresh snacks",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/pear-slices-with-marinated-olives-herbs_114579-34774.jpg?_wi=2",
imageAlt: "Clean plates",
},
imageSrc: "http://img.b2bpic.net/free-photo/interior-stylish-restaurant_1098-14471.jpg?_wi=3",
imageAlt: "cozy cafe interior seating area",
},
]}
showStepNumbers={false}
title="Why People Love Us"
description="Crafted with passion, served with elegance."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
showStepNumbers={false}
title="Why People Love Us"
description="Crafted with passion, served with elegance."
features={[
{
title: "Spectacular Coffee", description: "Crafted to perfection using only the finest beans.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg", imageAlt: "Artisan coffee" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg", imageAlt: "Artisan coffee details" }
},
{
title: "Friendly Vibe", description: "An inviting atmosphere that feels just like home.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/interior-stylish-restaurant_1098-14471.jpg", imageAlt: "Cozy seating" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/interior-stylish-restaurant_1098-14471.jpg", imageAlt: "Interior design" }
},
{
title: "Pure & Fresh", description: "Clean, vegetarian-friendly food options daily.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pear-slices-with-marinated-olives-herbs_114579-34774.jpg", imageAlt: "Fresh snacks" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pear-slices-with-marinated-olives-herbs_114579-34774.jpg", imageAlt: "Clean plates" }
}
]}
/>
</div>
<div id="review" data-section="review">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Incredible Experience",
quote: "I left 10 minutes ago… and had to come back. It was THAT good.",
name: "Anonymous Guest",
role: "Coffee Enthusiast",
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg?_wi=1",
},
{
id: "2",
title: "Simply Perfect",
quote: "The atmosphere and coffee are unmatched in this city.",
name: "Sarah Miller",
role: "Local Creative",
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg?_wi=2",
},
{
id: "3",
title: "My Favorite Spot",
quote: "Coming here is the highlight of my daily routine.",
name: "David Chen",
role: "Regular Visitor",
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg?_wi=3",
},
{
id: "4",
title: "Pure Bliss",
quote: "Everything from the coffee to the service is spectacular.",
name: "Elena Rossi",
role: "Food Blogger",
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg?_wi=4",
},
{
id: "5",
title: "Warmest Welcome",
quote: "I've never felt so at home in a coffee shop before.",
name: "Mark Wilson",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg?_wi=5",
},
]}
title="The Community Says"
description="Voices of those who have experienced the magic."
/>
</div>
<div id="review" data-section="review">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
title="The Community Says"
description="Voices of those who have experienced the magic."
testimonials={[
{ id: "1", title: "Incredible Experience", quote: "I left 10 minutes ago… and had to come back. It was THAT good.", name: "Anonymous Guest", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg" },
{ id: "2", title: "Simply Perfect", quote: "The atmosphere and coffee are unmatched in this city.", name: "Sarah Miller", role: "Local Creative", imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg" },
{ id: "3", title: "My Favorite Spot", quote: "Coming here is the highlight of my daily routine.", name: "David Chen", role: "Regular Visitor", imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg" },
{ id: "4", title: "Pure Bliss", quote: "Everything from the coffee to the service is spectacular.", name: "Elena Rossi", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg" },
{ id: "5", title: "Warmest Welcome", quote: "I've never felt so at home in a coffee shop before.", name: "Mark Wilson", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Passion for Perfection"
description="We source the finest beans and curate an experience that lingers on your palate and in your heart."
imageSrc="http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg?_wi=4"
imageAlt="Barista expertise"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
metrics={[
{
value: "12+",
title: "Years of Brewing",
},
{
value: "500+",
title: "Daily Guests",
},
{
value: "100%",
title: "Ethical Sourcing",
},
{
value: "24",
title: "Signature Blends",
},
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Passion for Perfection"
description="We source the finest beans and curate an experience that lingers on your palate and in your heart."
imageSrc="http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg"
imageAlt="Barista expertise"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
metrics={[
{ value: "12+", title: "Years of Brewing" },
{ value: "500+", title: "Daily Guests" },
{ value: "100%", title: "Ethical Sourcing" },
{ value: "24", title: "Signature Blends" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Us"
description="Near Bank of Baroda, Narayan Nagla Road, Baheri. Open until 10 PM daily."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/friends-front-bar_23-2147680610.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Us"
description="Near Bank of Baroda, Narayan Nagla Road, Baheri. Open until 10 PM daily."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/friends-front-bar_23-2147680610.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3898.jpg?_wi=3"
logoText="Cafe Cloudy"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Menu",
href: "#features",
},
{
label: "Review",
href: "#review",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
copyrightText="© 2026 Cafe Cloudy. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3898.jpg"
logoText="Cafe Cloudy"
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "#hero" },
{ label: "Menu", href: "#features" },
{ label: "Review", href: "#review" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
copyrightText="© 2026 Cafe Cloudy. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}