Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 14:56:52 +00:00

View File

@@ -29,409 +29,170 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Brew Coffee"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
]}
brandName="Brew Coffee"
button={{ text: "Order Now", href: "#menu" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
title="Awaken Your Senses with Brew Coffee"
description="Artisanal roasts, crafted with passion. Experience the perfect cup in our cozy corner of the city."
testimonials={[
{
name: "Sarah T.",
handle: "@sarah_t",
testimonial: "The best espresso I've had in years. Absolute must-visit.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6785.jpg",
},
{
name: "Mark R.",
handle: "@mark_r",
testimonial: "Atmosphere is unmatched and the beans are top-notch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
},
{
name: "Elena P.",
handle: "@elena_p",
testimonial: "Love the vibe here. Perfect for quiet morning reading.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-work-medium-shot_23-2149308464.jpg",
},
{
name: "James L.",
handle: "@james_l",
testimonial: "Consistently great coffee every single time I visit.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
},
{
name: "Chloe B.",
handle: "@chloe_b",
testimonial: "The staff are so friendly and the environment is perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-coffee-cup-cafe_1170-692.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg",
alt: "Barista serving coffee",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-female-drinking-coffee_1153-5927.jpg",
alt: "Woman drinking coffee",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-looking-coffee-smiling-standing-yello_1258-137590.jpg",
alt: "Smiling customer",
},
{
src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
alt: "Person in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2854.jpg",
alt: "Happy woman",
},
]}
marqueeItems={[
{
type: "text",
text: "Organic Beans",
},
{
type: "text",
text: "Small Batch",
},
{
type: "text",
text: "Ethically Sourced",
},
{
type: "text",
text: "Artisanal Crafted",
},
{
type: "text",
text: "Freshly Roasted",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
title="Awaken Your Senses with Brew Coffee"
description="Artisanal roasts, crafted with passion. Experience the perfect cup in our cozy corner of the city."
testimonials={[
{ name: "Sarah T.", handle: "@sarah_t", testimonial: "The best espresso I've had in years. Absolute must-visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6785.jpg" },
{ name: "Mark R.", handle: "@mark_r", testimonial: "Atmosphere is unmatched and the beans are top-notch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg" },
{ name: "Elena P.", handle: "@elena_p", testimonial: "Love the vibe here. Perfect for quiet morning reading.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-work-medium-shot_23-2149308464.jpg" },
{ name: "James L.", handle: "@james_l", testimonial: "Consistently great coffee every single time I visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg" },
{ name: "Chloe B.", handle: "@chloe_b", testimonial: "The staff are so friendly and the environment is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-coffee-cup-cafe_1170-692.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg", alt: "Barista serving coffee" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-female-drinking-coffee_1153-5927.jpg", alt: "Woman drinking coffee" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-looking-coffee-smiling-standing-yello_1258-137590.jpg", alt: "Smiling customer" },
{ src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg", alt: "Person in cafe" },
{ src: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2854.jpg", alt: "Happy woman" },
]}
marqueeItems={[
{ type: "text", text: "Organic Beans" },
{ type: "text", text: "Small Batch" },
{ type: "text", text: "Ethically Sourced" },
{ type: "text", text: "Artisanal Crafted" },
{ type: "text", text: "Freshly Roasted" },
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Our Journey in Every Cup"
metrics={[
{
icon: Coffee,
label: "Roasts Crafted",
value: "500+",
},
{
icon: Users,
label: "Happy Customers",
value: "10k+",
},
{
icon: Award,
label: "Awards Won",
value: "12",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Our Journey in Every Cup"
metrics={[
{ icon: Coffee, label: "Roasts Crafted", value: "500+" },
{ icon: Users, label: "Happy Customers", value: "10k+" },
{ icon: Award, label: "Awards Won", value: "12" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Ethically Sourced",
description: "We partner directly with small-batch farms for sustainable beans.",
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg",
},
{
title: "Artisanal Roasts",
description: "Small-batch roasted on-site daily to lock in peak flavor profiles.",
imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-coffee-with-tree-latte-art_53876-94345.jpg",
},
{
title: "Expert Baristas",
description: "Professionally trained baristas dedicated to the perfect pour.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-coffee-with-cream_23-2148255057.jpg",
},
]}
title="Why Brew Coffee?"
description="We believe coffee is an art form. From soil to spoon, our quality is uncompromising."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Ethically Sourced", description: "We partner directly with small-batch farms for sustainable beans.", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg" },
{ title: "Artisanal Roasts", description: "Small-batch roasted on-site daily to lock in peak flavor profiles.", imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-coffee-with-tree-latte-art_53876-94345.jpg" },
{ title: "Expert Baristas", description: "Professionally trained baristas dedicated to the perfect pour.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-coffee-with-cream_23-2148255057.jpg" },
]}
title="Why Brew Coffee?"
description="We believe coffee is an art form. From soil to spoon, our quality is uncompromising."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "House Blend Espresso",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",
},
{
id: "p2",
name: "Single Origin Pour-Over",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-smartphone_23-2148251620.jpg",
},
{
id: "p3",
name: "Signature Cold Brew",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881024.jpg",
},
{
id: "p4",
name: "Vanilla Bean Latte",
price: "$6.50",
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg",
},
{
id: "p5",
name: "Dark Chocolate Mocha",
price: "$6.75",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-filter-coffee-brewing-kit-kettle-cafe-barista-preparing-filter-counter_1258-133337.jpg",
},
{
id: "p6",
name: "Matcha Tea Latte",
price: "$6.25",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-with-copy-space_23-2148464787.jpg",
},
]}
title="Our Signature Menu"
description="Discover your new favorite blend from our handcrafted selection."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "House Blend Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg" },
{ id: "p2", name: "Single Origin Pour-Over", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-smartphone_23-2148251620.jpg" },
{ id: "p3", name: "Signature Cold Brew", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881024.jpg" },
{ id: "p4", name: "Vanilla Bean Latte", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg" },
{ id: "p5", name: "Dark Chocolate Mocha", price: "$6.75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-filter-coffee-brewing-kit-kettle-cafe-barista-preparing-filter-counter_1258-133337.jpg" },
{ id: "p6", name: "Matcha Tea Latte", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-with-copy-space_23-2148464787.jpg" },
]}
title="Our Signature Menu"
description="Discover your new favorite blend from our handcrafted selection."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Clock,
title: "Operating Hours",
value: "16h/day",
},
{
id: "m2",
icon: Coffee,
title: "Cups Brewed",
value: "150k+",
},
{
id: "m3",
icon: MapPin,
title: "Locations",
value: "3 Shops",
},
]}
title="Brewing Excellence Daily"
description="Our passion translates into consistent quality that fuels our community every single day."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", icon: Clock, title: "Operating Hours", value: "16h/day" },
{ id: "m2", icon: Coffee, title: "Cups Brewed", value: "150k+" },
{ id: "m3", icon: MapPin, title: "Locations", value: "3 Shops" },
]}
title="Brewing Excellence Daily"
description="Our passion translates into consistent quality that fuels our community every single day."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex J.",
handle: "@alexj",
testimonial: "The atmosphere is always welcoming. The beans are fresh.",
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-cocktails_1157-32436.jpg",
},
{
id: "2",
name: "Jordan M.",
handle: "@jordanm",
testimonial: "I visit every single morning. Best way to start the day.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg",
},
{
id: "3",
name: "Casey L.",
handle: "@caseyl",
testimonial: "Incredible variety and consistently high quality brews.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-cups_23-2148941153.jpg",
},
{
id: "4",
name: "Taylor B.",
handle: "@taylorb",
testimonial: "Warm, inviting, and the smell of coffee is divine.",
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32406.jpg",
},
{
id: "5",
name: "Morgan D.",
handle: "@morgand",
testimonial: "Friendly baristas and consistently perfect lattes.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-barista_23-2150379158.jpg",
},
]}
title="What Our Community Says"
description="Join the many who have made Brew Coffee their daily sanctuary."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Alex J.", handle: "@alexj", testimonial: "The atmosphere is always welcoming. The beans are fresh.", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-cocktails_1157-32436.jpg" },
{ id: "2", name: "Jordan M.", handle: "@jordanm", testimonial: "I visit every single morning. Best way to start the day.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg" },
{ id: "3", name: "Casey L.", handle: "@caseyl", testimonial: "Incredible variety and consistently high quality brews.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-cups_23-2148941153.jpg" },
{ id: "4", name: "Taylor B.", handle: "@taylorb", testimonial: "Warm, inviting, and the smell of coffee is divine.", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32406.jpg" },
{ id: "5", name: "Morgan D.", handle: "@morgand", testimonial: "Friendly baristas and consistently perfect lattes.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-barista_23-2150379158.jpg" },
]}
title="What Our Community Says"
description="Join the many who have made Brew Coffee their daily sanctuary."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you offer wholesale?",
content: "Yes, we partner with offices and cafes.",
},
{
id: "f2",
title: "Are beans roasted on-site?",
content: "Yes, we roast daily to ensure maximum freshness.",
},
{
id: "f3",
title: "Do you have vegan options?",
content: "We offer several non-dairy milk alternatives.",
},
]}
title="Frequently Asked Questions"
description="Got questions? We've got answers about our process, beans, and cafes."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Do you offer wholesale?", content: "Yes, we partner with offices and cafes." },
{ id: "f2", title: "Are beans roasted on-site?", content: "Yes, we roast daily to ensure maximum freshness." },
{ id: "f3", title: "Do you have vegan options?", content: "We offer several non-dairy milk alternatives." },
]}
title="Frequently Asked Questions"
description="Got questions? We've got answers about our process, beans, and cafes."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Get in touch"
title="Visit Us Today"
description="Find our cafes or reach out for inquiries about events or wholesale beans."
buttons={[
{
text: "Locate Us",
href: "#",
},
{
text: "Contact Us",
href: "mailto:hello@brewcoffee.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Get in touch"
title="Visit Us Today"
description="Find our cafes or reach out for inquiries about events or wholesale beans."
buttons={[
{ text: "Locate Us", href: "#" },
{ text: "Contact Us", href: "mailto:hello@brewcoffee.com" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Menu",
items: [
{
label: "Espresso",
href: "#menu",
},
{
label: "Cold Brew",
href: "#menu",
},
{
label: "Pastries",
href: "#menu",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Wholesale",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Brew Coffee. All rights reserved."
bottomRightText="Crafted with passion."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Menu", items: [{ label: "Espresso", href: "#menu" }, { label: "Cold Brew", href: "#menu" }, { label: "Pastries", href: "#menu" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Wholesale", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Brew Coffee. All rights reserved."
bottomRightText="Crafted with passion."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}