Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-24 09:05:21 +00:00

View File

@@ -29,399 +29,168 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Experience",
id: "about",
},
{
name: "Menu",
id: "product",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Columbus"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Experience", id: "about" },
{ name: "Menu", id: "product" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Columbus"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Discovery in Every Sip."
description="Wageningens favorite corner for artisanal coffee, warm croissants, and the art of people-watching."
testimonials={[
{
name: "Lotte C.",
handle: "@lottec",
testimonial: "My croissant was still warm and very crunchy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-young-korean-woman-holds-coffee-cup-warms-cold-wet-day-wears-white-hat-with-pompone-casual-turtleneck-has-smile-face-isolated-pink-wall_273609-33491.jpg",
},
{
name: "Verified User",
handle: "@wageningen_local",
testimonial: "Delicious coffee and a cozy place to work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/illustration-digital-art-style-with-pottery_23-2151813512.jpg",
},
{
name: "Mark D.",
handle: "@mark_d",
testimonial: "The best espresso in Wageningen, hands down.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-portrait-happy-brunette-woman-bathrobe-drinking-coffee-kitchen-having_1258-193529.jpg",
},
{
name: "Anna S.",
handle: "@anna_coffee",
testimonial: "Cozy atmosphere and very friendly staff.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-looking-coffee-smiling-standing-yello_1258-137590.jpg",
},
{
name: "Joris V.",
handle: "@joris_v",
testimonial: "Perfect spot for a morning recharge.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg",
},
]}
buttons={[
{
text: "View Our Menu",
href: "#product",
},
{
text: "Get Directions",
href: "https://maps.google.com",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg?_wi=1"
imageAlt="barista pouring latte art heart"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/leisure-people-lifestyle-concept-happy-handsome-young-man-cafe-sitting-chair-smiling_1258-245423.jpg",
alt: "Customer profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-314069.jpg",
alt: "Customer profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/french-woman-drinking-coffee-cafe-terrace_1303-25712.jpg",
alt: "Customer profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-woman-preparing-tea_23-2148555231.jpg",
alt: "Customer profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",
alt: "Customer profile 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Artisanal Coffee",
},
{
type: "text",
text: "Fresh Croissants",
},
{
type: "text",
text: "Local Roasters",
},
{
type: "text",
text: "Cozy Workspace",
},
{
type: "text",
text: "Morning Rituals",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Discovery in Every Sip."
description="Wageningens favorite corner for artisanal coffee, warm croissants, and the art of people-watching."
testimonials={[
{ name: "Lotte C.", handle: "@lottec", testimonial: "My croissant was still warm and very crunchy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-young-korean-woman-holds-coffee-cup-warms-cold-wet-day-wears-white-hat-with-pompone-casual-turtleneck-has-smile-face-isolated-pink-wall_273609-33491.jpg" },
{ name: "Verified User", handle: "@wageningen_local", testimonial: "Delicious coffee and a cozy place to work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/illustration-digital-art-style-with-pottery_23-2151813512.jpg" },
{ name: "Mark D.", handle: "@mark_d", testimonial: "The best espresso in Wageningen, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-portrait-happy-brunette-woman-bathrobe-drinking-coffee-kitchen-having_1258-193529.jpg" },
{ name: "Anna S.", handle: "@anna_coffee", testimonial: "Cozy atmosphere and very friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-looking-coffee-smiling-standing-yello_1258-137590.jpg" },
{ name: "Joris V.", handle: "@joris_v", testimonial: "Perfect spot for a morning recharge.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg" },
]}
buttons={[
{ text: "View Our Menu", href: "#product" },
{ text: "Get Directions", href: "https://maps.google.com" },
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg"
imageAlt="barista pouring latte art heart"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/leisure-people-lifestyle-concept-happy-handsome-young-man-cafe-sitting-chair-smiling_1258-245423.jpg", alt: "Customer profile 1" },
{ src: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-314069.jpg", alt: "Customer profile 2" },
{ src: "http://img.b2bpic.net/free-photo/french-woman-drinking-coffee-cafe-terrace_1303-25712.jpg", alt: "Customer profile 3" },
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-preparing-tea_23-2148555231.jpg", alt: "Customer profile 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg", alt: "Customer profile 5" },
]}
marqueeItems={[
{ type: "text", text: "Artisanal Coffee" },
{ type: "text", text: "Fresh Croissants" },
{ type: "text", text: "Local Roasters" },
{ type: "text", text: "Cozy Workspace" },
{ type: "text", text: "Morning Rituals" },
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="The Columbus Experience"
metrics={[
{
icon: Coffee,
label: "Artisanal Roots",
value: "Sourced with care, roasted for character.",
},
{
icon: Laptop,
label: "Perfect Workspace",
value: "A quiet sanctuary for deep focus.",
},
{
icon: Heart,
label: "Warmest Welcome",
value: "Crafting rituals with a smile.",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="The Columbus Experience"
metrics={[
{ icon: Coffee, label: "Artisanal Roots", value: "Sourced with care, roasted for character." },
{ icon: Laptop, label: "Perfect Workspace", value: "A quiet sanctuary for deep focus." },
{ icon: Heart, label: "Warmest Welcome", value: "Crafting rituals with a smile." },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureBento
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Coffee Expertise",
description: "Hand-crafted blends from around the world.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/japanese-woman-having-coffee_53876-13547.jpg",
imageAlt: "cozy workspace laptop cafe",
},
{
title: "Artisan Pastries",
description: "Freshly baked every single morning.",
bentoComponent: "reveal-icon",
icon: Croissant,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg?_wi=2",
imageAlt: "cozy workspace laptop cafe",
},
{
title: "Community Vibe",
description: "A place for connections and people-watching.",
bentoComponent: "reveal-icon",
icon: Users,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-jar_23-2147775882.jpg",
imageAlt: "cozy workspace laptop cafe",
},
]}
title="A Sanctuary in Junusstraat"
description="More than just a coffee shop—your neighborhood retreat."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
textboxLayout="split"
useInvertedBackground={false}
animationType="slide-up"
title="A Sanctuary in Junusstraat"
description="More than just a coffee shop—your neighborhood retreat."
features={[
{ title: "Coffee Expertise", description: "Hand-crafted blends from around the world.", bentoComponent: "reveal-icon", icon: Coffee },
{ title: "Artisan Pastries", description: "Freshly baked every single morning.", bentoComponent: "reveal-icon", icon: Croissant },
{ title: "Community Vibe", description: "A place for connections and people-watching.", bentoComponent: "reveal-icon", icon: Users },
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Warm & Crunchy Croissant",
price: "€2.50",
imageSrc: "http://img.b2bpic.net/free-photo/croissant-flat-lay-wooden-kitchen-towel_176474-8123.jpg",
},
{
id: "p2",
name: "Signature Roast",
price: "€3.50",
imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187516.jpg",
},
{
id: "p3",
name: "Premium Seasonal Tea",
price: "€3.00",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-kettle-with-tea-lemon-tea-white-background-flavor-color-morning-breakfast-food-fruit-ceremony-flower_140725-158782.jpg",
},
{
id: "p4",
name: "Double Espresso",
price: "€2.80",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-steam-rises-from-single-dark-mug-generated-by-ai_188544-30429.jpg",
},
{
id: "p5",
name: "Pain au Chocolat",
price: "€2.75",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-croissants-ready-be-served_23-2148543678.jpg",
},
{
id: "p6",
name: "Loose Leaf Earl Grey",
price: "€3.20",
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-herbs_114579-19991.jpg",
},
]}
title="Daily Discoveries"
description="Premium taste at neighborhood prices (€110)."
/>
</div>
<div id="product" data-section="product">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Warm & Crunchy Croissant", price: "€2.50", imageSrc: "http://img.b2bpic.net/free-photo/croissant-flat-lay-wooden-kitchen-towel_176474-8123.jpg" },
{ id: "p2", name: "Signature Roast", price: "€3.50", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187516.jpg" },
{ id: "p3", name: "Premium Seasonal Tea", price: "€3.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kettle-with-tea-lemon-tea-white-background-flavor-color-morning-breakfast-food-fruit-ceremony-flower_140725-158782.jpg" },
{ id: "p4", name: "Double Espresso", price: "€2.80", imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-steam-rises-from-single-dark-mug-generated-by-ai_188544-30429.jpg" },
{ id: "p5", name: "Pain au Chocolat", price: "€2.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-croissants-ready-be-served_23-2148543678.jpg" },
{ id: "p6", name: "Loose Leaf Earl Grey", price: "€3.20", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-herbs_114579-19991.jpg" },
]}
title="Daily Discoveries"
description="Premium taste at neighborhood prices (€110)."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Lotte C.",
handle: "@lottec",
testimonial: "My croissant was still warm and very crunchy.",
imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359311.jpg",
},
{
id: "t2",
name: "Verified User",
handle: "@wag_local",
testimonial: "Delicious coffee and a cozy place to work.",
imageSrc: "http://img.b2bpic.net/free-vector/everyday-things-pattern_1076-108.jpg",
},
{
id: "t3",
name: "Emily R.",
handle: "@em_r",
testimonial: "The best spot for afternoon tea.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2149141835.jpg",
},
{
id: "t4",
name: "David K.",
handle: "@dk_coff",
testimonial: "Staff is always so welcoming.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg",
},
{
id: "t5",
name: "Sarah P.",
handle: "@sp_live",
testimonial: "Perfect for people-watching.",
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-concept-successful-young-man-black-hat-casual-t-shirt-having-coffee-sitting-sidewalk-restaurant_273609-1754.jpg",
},
]}
title="Loved by Wageningen"
description="Don't just take our word for it."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
title="Loved by Wageningen"
description="Don't just take our word for it."
testimonials={[
{ id: "t1", name: "Lotte C.", handle: "@lottec", testimonial: "My croissant was still warm and very crunchy.", imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359311.jpg" },
{ id: "t2", name: "Verified User", handle: "@wag_local", testimonial: "Delicious coffee and a cozy place to work.", imageSrc: "http://img.b2bpic.net/free-vector/everyday-things-pattern_1076-108.jpg" },
{ id: "t3", name: "Emily R.", handle: "@em_r", testimonial: "The best spot for afternoon tea.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2149141835.jpg" },
{ id: "t4", name: "David K.", handle: "@dk_coff", testimonial: "Staff is always so welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg" },
{ id: "t5", name: "Sarah P.", handle: "@sp_live", testimonial: "Perfect for people-watching.", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-concept-successful-young-man-black-hat-casual-t-shirt-having-coffee-sitting-sidewalk-restaurant_273609-1754.jpg" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "What are your opening hours?",
content: "We are open daily until 6:00 PM.",
},
{
id: "f2",
title: "Do you have workspace?",
content: "Yes, we are a neighborhood gem perfect for working.",
},
{
id: "f3",
title: "Where are you located?",
content: "Find us at Junusstraat 27-A, Wageningen.",
},
]}
title="Common Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "What are your opening hours?", content: "We are open daily until 6:00 PM." },
{ id: "f2", title: "Do you have workspace?", content: "Yes, we are a neighborhood gem perfect for working." },
{ id: "f3", title: "Where are you located?", content: "Find us at Junusstraat 27-A, Wageningen." },
]}
title="Common Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Roasters",
"Wageningen University",
"Dutch Bakeries",
"Artisan Imports",
"Neighborhood Union",
"Community Coffee",
"Sustainable Growers",
]}
title="Trusted Partners"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted Partners"
description="Our network of quality suppliers."
names={["Local Roasters", "Wageningen University", "Dutch Bakeries", "Artisan Imports", "Neighborhood Union", "Community Coffee", "Sustainable Growers"]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Visit Us"
description="Find us in the heart of Wageningen."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-autumn-lifestyle_23-2151867726.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Visit Us"
description="Find us in the heart of Wageningen."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-autumn-lifestyle_23-2151867726.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Columbus"
columns={[
{
title: "Navigation",
items: [
{
label: "Menu",
href: "#product",
},
{
label: "Experience",
href: "#about",
},
{
label: "Reviews",
href: "#testimonials",
},
],
},
{
title: "Contact",
items: [
{
label: "Junusstraat 27-A",
href: "#",
},
{
label: "info@columbus.nl",
href: "mailto:info@columbus.nl",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Columbus"
columns={[
{ title: "Navigation", items: [{ label: "Menu", href: "#product" }, { label: "Experience", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
{ title: "Contact", items: [{ label: "Junusstraat 27-A", href: "#" }, { label: "info@columbus.nl", href: "mailto:info@columbus.nl" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}