Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-12 16:50:43 +00:00

View File

@@ -28,379 +28,153 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Story",
id: "about",
},
{
name: "Coffee",
id: "coffee",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Cake Me Away"
button={{
text: "Order Online",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Coffee", id: "coffee" },
{ name: "Contact", id: "contact" },
]}
brandName="Cake Me Away"
button={{ text: "Order Online" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="Coffee & Cakes, Perfectly Pastel."
description="Artisan brews meets handcrafted indulgence. Discover your new favorite cozy corner at Cake Me Away."
tag="Your Daily Delight"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg?_wi=1",
imageAlt: "cozy coffee shop artisan interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-colorful-sweet-macaroons-stone-background_114579-50185.jpg?_wi=1",
imageAlt: "fresh artisan cake slice",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-coffee-near-window_23-2152028697.jpg",
imageAlt: "Woman enjoying coffee near the window",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-hot-water-composition_23-2149055834.jpg",
imageAlt: "Still life hot water composition",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tea-book-relax_23-2148832360.jpg",
imageAlt: "Tea and book for relax",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5 stars by coffee lovers"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Coffee & Cakes, Perfectly Pastel."
description="Artisan brews meets handcrafted indulgence. Discover your new favorite cozy corner at Cake Me Away."
tag="Your Daily Delight"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg", imageAlt: "cozy coffee shop artisan interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-colorful-sweet-macaroons-stone-background_114579-50185.jpg", imageAlt: "fresh artisan cake slice" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 5 stars by coffee lovers"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
title="Where Art Meets Aroma"
description="We believe in the magic of fresh ingredients and slow-roasted beans. Every cup is brewed with love, and every cake is baked with care to make your day a little sweeter."
tag="The Cake Me Away Story"
bulletPoints={[
{
title: "Fresh Roast",
description: "Daily small-batch roasting.",
},
{
title: "Artisan Pastry",
description: "Hand-crafted cakes every morning.",
},
{
title: "Cozy Vibe",
description: "Designed for relaxation.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=1"
mediaAnimation="slide-up"
imageAlt="bright cozy cafe corner"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
title="Where Art Meets Aroma"
description="We believe in the magic of fresh ingredients and slow-roasted beans. Every cup is brewed with love, and every cake is baked with care to make your day a little sweeter."
tag="The Cake Me Away Story"
bulletPoints={[
{ title: "Fresh Roast", description: "Daily small-batch roasting." },
{ title: "Artisan Pastry", description: "Hand-crafted cakes every morning." },
{ title: "Cozy Vibe", description: "Designed for relaxation." }
]}
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg"
mediaAnimation="slide-up"
imageAlt="bright cozy cafe corner"
/>
</div>
<div id="coffee" data-section="coffee">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Signature Latte",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-latte-art-decoration_1150-6325.jpg?_wi=1",
},
{
id: "2",
name: "Sourdough Slice",
price: "$3.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sponge-cake_23-2148972055.jpg?_wi=1",
},
{
id: "3",
name: "Berry Cream Cake",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/slice-strawberry-cake-with-dried-daisies-wooden-board_114579-17229.jpg",
},
{
id: "4",
name: "Morning Muffin",
price: "$3.50",
imageSrc: "http://img.b2bpic.net/free-photo/banana-cupcakes-mixed-with-chocolate-chip-white-plate_1150-20928.jpg",
},
{
id: "5",
name: "Caramel Macchiato",
price: "$5.00",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91642.jpg",
},
{
id: "6",
name: "Vanilla Bean Tart",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-light-table-cake-dessert-sweet-pie_140725-81697.jpg",
},
]}
title="Handcrafted Treats"
description="Our signature menu of specialty coffees and seasonal pastries."
tag="Browse Our Menu"
/>
</div>
<div id="coffee" data-section="coffee">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", name: "Signature Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-latte-art-decoration_1150-6325.jpg" },
{ id: "2", name: "Sourdough Slice", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sponge-cake_23-2148972055.jpg" },
{ id: "3", name: "Berry Cream Cake", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/slice-strawberry-cake-with-dried-daisies-wooden-board_114579-17229.jpg" },
{ id: "4", name: "Morning Muffin", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/banana-cupcakes-mixed-with-chocolate-chip-white-plate_1150-20928.jpg" },
{ id: "5", name: "Caramel Macchiato", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91642.jpg" },
{ id: "6", name: "Vanilla Bean Tart", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-light-table-cake-dessert-sweet-pie_140725-81697.jpg" }
]}
title="Handcrafted Treats"
description="Our signature menu of specialty coffees and seasonal pastries."
tag="Browse Our Menu"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Sustainable Sourcing",
description: "We work directly with fair-trade farms.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/dark-mocha-steam-fills-rustic-coffee-cup-generated-by-ai_188544-18607.jpg",
imageAlt: "cozy coffee shop artisan interior",
},
items: [
{
icon: CheckCircle,
text: "Ethical origins",
},
{
icon: CheckCircle,
text: "Community focused",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg?_wi=2",
imageAlt: "cozy coffee shop artisan interior",
},
{
title: "Expert Brewing",
description: "Technique perfected for every cup.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-dessert-plate_23-2149637361.jpg",
imageAlt: "fresh artisan cake slice",
},
items: [
{
icon: CheckCircle,
text: "Precision grinding",
},
{
icon: CheckCircle,
text: "Barista crafted",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-colorful-sweet-macaroons-stone-background_114579-50185.jpg?_wi=2",
imageAlt: "cozy coffee shop artisan interior",
},
{
title: "Artisanal Baking",
description: "Made fresh in-house every day.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3668.jpg",
imageAlt: "bright cozy cafe corner",
},
items: [
{
icon: CheckCircle,
text: "Seasonal flavors",
},
{
icon: CheckCircle,
text: "No additives",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=2",
imageAlt: "cozy coffee shop artisan interior",
},
]}
title="Why We're Different"
description="Beyond just great coffee, we create a sanctuary for your senses."
tag="Our Philosophy"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Sustainable Sourcing", description: "We work directly with fair-trade farms.", media: { imageSrc: "http://img.b2bpic.net/free-photo/dark-mocha-steam-fills-rustic-coffee-cup-generated-by-ai_188544-18607.jpg", imageAlt: "cozy coffee shop artisan interior" },
items: [{ icon: CheckCircle, text: "Ethical origins" }, { icon: CheckCircle, text: "Community focused" }],
reverse: false
},
{
title: "Expert Brewing", description: "Technique perfected for every cup.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-dessert-plate_23-2149637361.jpg", imageAlt: "fresh artisan cake slice" },
items: [{ icon: CheckCircle, text: "Precision grinding" }, { icon: CheckCircle, text: "Barista crafted" }],
reverse: true
},
{
title: "Artisanal Baking", description: "Made fresh in-house every day.", media: { imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3668.jpg", imageAlt: "bright cozy cafe corner" },
items: [{ icon: CheckCircle, text: "Seasonal flavors" }, { icon: CheckCircle, text: "No additives" }],
reverse: false
}
]}
title="Why We're Different"
description="Beyond just great coffee, we create a sanctuary for your senses."
tag="Our Philosophy"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Coffee by the Numbers"
tag="Our Growth"
metrics={[
{
id: "m1",
value: "10k+",
description: "Cups served",
},
{
id: "m2",
value: "500+",
description: "Cakes baked",
},
{
id: "m3",
value: "20",
description: "Baristas trained",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Coffee by the Numbers"
tag="Our Growth"
metrics={[
{ id: "m1", value: "10k+", description: "Cups served" },
{ id: "m2", value: "500+", description: "Cakes baked" },
{ id: "m3", value: "20", description: "Baristas trained" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice M.",
date: "Oct 2024",
title: "Fan",
quote: "The best latte in town!",
tag: "Coffee Lover",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg?_wi=3",
imageAlt: "happy customer drinking coffee",
},
{
id: "2",
name: "Bob D.",
date: "Sep 2024",
title: "Regular",
quote: "Love the cozy atmosphere.",
tag: "Daily Visitor",
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-colorful-sweet-macaroons-stone-background_114579-50185.jpg?_wi=3",
imageAlt: "happy customer drinking coffee",
},
{
id: "3",
name: "Carol S.",
date: "Aug 2024",
title: "Foodie",
quote: "Incredible sourdough.",
tag: "Food Blogger",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-restaurant-looking-away_23-2147936207.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg?_wi=3",
imageAlt: "happy customer drinking coffee",
},
{
id: "4",
name: "Dave H.",
date: "Jul 2024",
title: "Regular",
quote: "Perfect for morning meetings.",
tag: "Professional",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-baker-looking-camera_23-2148189108.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-latte-art-decoration_1150-6325.jpg?_wi=2",
imageAlt: "happy customer drinking coffee",
},
{
id: "5",
name: "Eve P.",
date: "Jun 2024",
title: "Fan",
quote: "The berry cake is magic.",
tag: "Cake Lover",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36138.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sponge-cake_23-2148972055.jpg?_wi=2",
imageAlt: "happy customer drinking coffee",
},
]}
title="Voices from the Cafe"
description="See why locals love stopping by Cake Me Away."
tag="Loved by Locals"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Alice M.", date: "Oct 2024", title: "Fan", quote: "The best latte in town!", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg", imageAlt: "happy customer drinking coffee" },
{ id: "2", name: "Bob D.", date: "Sep 2024", title: "Regular", quote: "Love the cozy atmosphere.", tag: "Daily Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-colorful-sweet-macaroons-stone-background_114579-50185.jpg", imageAlt: "happy customer drinking coffee" },
{ id: "3", name: "Carol S.", date: "Aug 2024", title: "Foodie", quote: "Incredible sourdough.", tag: "Food Blogger", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-restaurant-looking-away_23-2147936207.jpg", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg", imageAlt: "happy customer drinking coffee" },
{ id: "4", name: "Dave H.", date: "Jul 2024", title: "Regular", quote: "Perfect for morning meetings.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-baker-looking-camera_23-2148189108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-latte-art-decoration_1150-6325.jpg", imageAlt: "happy customer drinking coffee" },
{ id: "5", name: "Eve P.", date: "Jun 2024", title: "Fan", quote: "The berry cake is magic.", tag: "Cake Lover", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36138.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sponge-cake_23-2148972055.jpg", imageAlt: "happy customer drinking coffee" }
]}
title="Voices from the Cafe"
description="See why locals love stopping by Cake Me Away."
tag="Loved by Locals"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Let's Get Coffee"
title="Visit Us Today"
description="Come grab a cup and a slice. We're open every day at the corner of Main and 5th."
buttons={[
{
text: "Get Directions",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Let's Get Coffee"
title="Visit Us Today"
description="Come grab a cup and a slice. We're open every day at the corner of Main and 5th."
buttons={[{ text: "Get Directions", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Cake Me Away"
columns={[
{
title: "Menu",
items: [
{
label: "Coffee",
href: "#coffee",
},
{
label: "Bakery",
href: "#coffee",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Cake Me Away"
columns={[
{ title: "Menu", items: [{ label: "Coffee", href: "#coffee" }, { label: "Bakery", href: "#coffee" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);