Merge version_1 into main #1
451
src/app/page.tsx
451
src/app/page.tsx
@@ -29,336 +29,145 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="MeetGreek Haar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="MeetGreek Haar"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Greek Flavors in the Heart of Haar"
|
||||
description="Experience the warmth of Greece with our traditional coffee, handmade tiropita, and sweet pastries. Your cozy escape, right on the main street."
|
||||
tag="Welcome to MeetGreek"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lot-bread-table_171337-16157.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-coffee-kettl-with-roasted-beanse_23-2148337147.jpg",
|
||||
imageAlt: "Greek coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-chocolate-cream-glass-milk-blue-table_114579-4262.jpg",
|
||||
imageAlt: "Croissants with chocolate cream",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cappuccino-cup-with-meringue-tray_141793-17470.jpg",
|
||||
imageAlt: "Cappuccino on a tray",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-making-drip-fresh-coffee-vintage-coffee-shop_1150-14514.jpg",
|
||||
imageAlt: "Drip coffee brewing",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by locals"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Greek Flavors in the Heart of Haar"
|
||||
description="Experience the warmth of Greece with our traditional coffee, handmade tiropita, and sweet pastries. Your cozy escape, right on the main street."
|
||||
tag="Welcome to MeetGreek"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lot-bread-table_171337-16157.jpg", imageAlt: "Cafe interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-coffee-kettl-with-roasted-beanse_23-2148337147.jpg", imageAlt: "Greek coffee" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by locals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Women-Led Cafe Experience"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Coffee Varieties",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Customer Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Authentic Treats",
|
||||
value: "10+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Women-Led Cafe Experience"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Coffee Varieties", value: "15+" },
|
||||
{ icon: Heart, label: "Customer Satisfaction", value: "100%" },
|
||||
{ icon: Award, label: "Authentic Treats", value: "10+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Authentic Greek Coffee",
|
||||
description: "Hot or cold, our coffee is crafted with traditional techniques.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Handmade Snacks",
|
||||
description: "Freshly baked tiropita and pastries every single day.",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Friendly Atmosphere",
|
||||
description: "A cozy space led by passionate, welcoming owners.",
|
||||
},
|
||||
]}
|
||||
title="Why Guests Love Us"
|
||||
description="We blend traditional Greek hospitality with high-quality ingredients to create a unique culinary experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Coffee, title: "Authentic Greek Coffee", description: "Hot or cold, our coffee is crafted with traditional techniques." },
|
||||
{ icon: Utensils, title: "Handmade Snacks", description: "Freshly baked tiropita and pastries every single day." },
|
||||
{ icon: Smile, title: "Friendly Atmosphere", description: "A cozy space led by passionate, welcoming owners." },
|
||||
]}
|
||||
title="Why Guests Love Us"
|
||||
description="We blend traditional Greek hospitality with high-quality ingredients to create a unique culinary experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tiropita",
|
||||
price: "4.50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-khachapuri-pastries-wooden-basket_114579-83111.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Baklava",
|
||||
price: "3.80 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-yummy-cake-with-delicious-cream-sliced-fresh-grapes-cookies-blue-light-desk_140725-31923.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pistachio Croissant",
|
||||
price: "4.20 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-spread-with-croissant_23-2148367521.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cappuccino",
|
||||
price: "3.50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-table-beans_23-2149600676.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Iced Frappé",
|
||||
price: "4.00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-trendy-delicious-fresh-dalgona-coffee-with-milk-white-wood-table_181624-23944.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Greek Pastry Platter",
|
||||
price: "9.50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pancakes-with-sweet-cakes-fruits-dark-floor_140725-120565.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Daily Menu"
|
||||
description="Handmade snacks and authentic sweets to brighten your day."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Tiropita", price: "4.50 €", imageSrc: "http://img.b2bpic.net/free-photo/tasty-khachapuri-pastries-wooden-basket_114579-83111.jpg" },
|
||||
{ id: "2", name: "Baklava", price: "3.80 €", imageSrc: "http://img.b2bpic.net/free-photo/little-yummy-cake-with-delicious-cream-sliced-fresh-grapes-cookies-blue-light-desk_140725-31923.jpg" },
|
||||
{ id: "3", name: "Pistachio Croissant", price: "4.20 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-spread-with-croissant_23-2148367521.jpg" },
|
||||
{ id: "4", name: "Cappuccino", price: "3.50 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-table-beans_23-2149600676.jpg" }
|
||||
]}
|
||||
title="Our Daily Menu"
|
||||
description="Handmade snacks and authentic sweets to brighten your day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Cafe",
|
||||
quote: "Sehr gutes Café, nette Besitzerin und leckeres Essen!",
|
||||
name: "Anna K.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Traditional Flavors",
|
||||
quote: "Leckere selbstgemachte Snacks und griechische Kleinigkeiten.",
|
||||
name: "Markus D.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indigenous-man-integrated-into-modern-life_23-2151128169.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Top Service",
|
||||
quote: "Vielen Dank für den sehr freundlichen Service, war bisher immer top.",
|
||||
name: "Sophie M.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great Coffee",
|
||||
quote: "Super leckeres Croissant mit Pistazienfüllung. Cappuccino ist total lecker.",
|
||||
name: "Lukas B.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Small Gem",
|
||||
quote: "Gemütliche Atmosphäre. Sehr freundliches Personal. Empfehlenswert.",
|
||||
name: "Elena P.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our happy regulars and coffee lovers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Excellent Cafe", quote: "Sehr gutes Café, nette Besitzerin und leckeres Essen!", name: "Anna K.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
|
||||
{ id: "2", title: "Traditional Flavors", quote: "Leckere selbstgemachte Snacks und griechische Kleinigkeiten.", name: "Markus D.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/indigenous-man-integrated-into-modern-life_23-2151128169.jpg" },
|
||||
{ id: "3", title: "Top Service", quote: "Vielen Dank für den sehr freundlichen Service, war bisher immer top.", name: "Sophie M.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg" }
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our happy regulars and coffee lovers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "45+",
|
||||
description: "Five-star reviews",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Authentic ingredients",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100+",
|
||||
description: "Happy morning coffee orders",
|
||||
},
|
||||
]}
|
||||
title="MeetGreek in Numbers"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "45+", description: "Five-star reviews" },
|
||||
{ id: "2", value: "100%", description: "Authentic ingredients" },
|
||||
{ id: "3", value: "100+", description: "Happy morning coffee orders" },
|
||||
]}
|
||||
title="MeetGreek in Numbers"
|
||||
description="Trusted by our local community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you LGBTQ+ friendly?",
|
||||
content: "Yes, we are proudly LGBTQ+ friendly and a safe space for everyone.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes! We provide authentic Greek treats for small events. Contact us to learn more.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your opening hours?",
|
||||
content: "We open Saturday at 08:30 AM. Follow us on Instagram for latest updates.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Are you LGBTQ+ friendly?", content: "Yes, we are proudly LGBTQ+ friendly and a safe space for everyone." },
|
||||
{ id: "2", title: "Do you offer catering?", content: "Yes! We provide authentic Greek treats for small events. Contact us to learn more." },
|
||||
{ id: "3", title: "What are your opening hours?", content: "We open Saturday at 08:30 AM. Follow us on Instagram for latest updates." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Greek Treat?"
|
||||
description="Come visit our cafe on the main street for the best coffee in Haar."
|
||||
buttons={[
|
||||
{
|
||||
text: "Follow us on Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Greek Treat?"
|
||||
description="Come visit our cafe on the main street for the best coffee in Haar."
|
||||
buttons={[{ text: "Follow us on Instagram", href: "https://instagram.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Snacks",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="MeetGreek Haar"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Drinks", href: "#menu" }, { label: "Snacks", href: "#menu" }] },
|
||||
{ title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Instagram", href: "https://instagram.com" }] },
|
||||
{ title: "Contact", items: [{ label: "Visit Us", href: "#contact" }] },
|
||||
]}
|
||||
logoText="MeetGreek Haar"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user