Merge version_1 into main #2
380
src/app/page.tsx
380
src/app/page.tsx
@@ -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 don’t 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 don’t 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user