Merge version_2 into main #2
126
src/app/page.tsx
126
src/app/page.tsx
@@ -12,6 +12,14 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Sparkles, Award, ChefHat, Wifi, Euro, UtensilsCrossed, MapPin } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const handleReserveTable = () => {
|
||||
const email = prompt('Bitte geben Sie Ihre E-Mail-Adresse ein, um einen Tisch zu reservieren:');
|
||||
if (email) {
|
||||
// Send reservation request
|
||||
window.location.href = `mailto:info@monesherz.de?subject=Tischreservierung&body=Ich möchte einen Tisch reservieren. Meine E-Mail: ${email}`;
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -29,13 +37,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Mone's Café Herzlich"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Menü", id: "menu" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Erlebnis", id: "experience" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Table", href: "#contact"
|
||||
text: "Tisch reservieren", onClick: handleReserveTable
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -43,27 +51,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Herzlichkeit, die man schmeckt."
|
||||
description="An artisanal sanctuary where every cake is handmade, every moment is savored, and the quality justifies the price. Welcome to Mone's Café Herzlich."
|
||||
tag="Premium Artisanal Experience"
|
||||
description="Ein handwerkliches Heiligtum, in dem jeder Kuchen von Hand gefertigt wird, jeden Moment wird genossen und die Qualität rechtfertigt den Preis. Willkommen bei Mone's Café Herzlich."
|
||||
tag="Premium handwerkliche Erfahrung"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tasty-round-sweet-cookies-with-golden-christmas-ball-white-backround-high-quality-photo_114579-38245.jpg?_wi=1"
|
||||
imageAlt="Signature multi-tiered artisanal cake"
|
||||
imageAlt="Signature mehrschichtiger handwerklicher Kuchen"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Explore Our Menu", href: "#menu" },
|
||||
{ text: "Reserve a Table", href: "#contact" }
|
||||
{ text: "Entdecke unser Menü", href: "#menu" },
|
||||
{ text: "Tisch reservieren", onClick: handleReserveTable }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Katharina", handle: "@katharina_reviews", testimonial: "The cakes here are worth every cent. A true geheimtipp for those who appreciate quality.", rating: 5,
|
||||
name: "Katharina", handle: "@katharina_reviews", testimonial: "Die Kuchen hier sind jeden Cent wert. Eine wahre geheimtipp für diejenigen, die Qualität schätzen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg?_wi=1", imageAlt: "Katharina"
|
||||
},
|
||||
{
|
||||
name: "Mike", handle: "@mike_cafe_lover", testimonial: "No Wi-Fi, no cards—just real conversation and exceptional cake. Exactly what we needed.", rating: 5,
|
||||
name: "Mike", handle: "@mike_cafe_lover", testimonial: "Kein W-Lan, keine Kartenzahlung - nur echte Gespräche und außergewöhnlicher Kuchen. Genau das, was wir brauchten.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3112.jpg?_wi=1", imageAlt: "Mike"
|
||||
}
|
||||
]}
|
||||
@@ -74,38 +82,38 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="The Slow Living Philosophy"
|
||||
title="Die Philosophie des langsamen Lebens"
|
||||
description={[
|
||||
"At Mone's Café Herzlich, we believe that slowness is a luxury. We are an oasis of calm where the digital world stays outside.", "No Wi-Fi, no card payments—only real conversation, hand-crafted pastries, and the kind of coffee that deserves your undivided attention. Every torte is made fresh with premium ingredients. Every visitor is treated as a friend.", "This is not just a café. This is a sanctuary for those who value presence over productivity."
|
||||
"Bei Mone's Café Herzlich glauben wir, dass Langsamkeit ein Luxus ist. Wir sind eine Oase der Ruhe, in der die digitale Welt außen vor bleibt.", "Kein W-Lan, keine Kartenzahlung - nur echte Gespräche, handgefertigte Gebäcke und der Kaffee, der deine volle Aufmerksamkeit verdient. Jede Torte wird frisch mit Premium-Zutaten zubereitet. Jeder Besucher wird wie ein Freund behandelt.", "Dies ist nicht nur ein Café. Dies ist ein Heiligtum für diejenigen, die Präsenz über Produktivität schätzen."
|
||||
]}
|
||||
showBorder={true}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Learn More About Our Story", href: "#" }
|
||||
{ text: "Erfahren Sie mehr über unsere Geschichte", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentySix
|
||||
title="Why Choose Mone's Café Herzlich"
|
||||
description="Discover what makes us different. We're not chasing trends—we're honoring craft."
|
||||
tag="Our Unique Appeal"
|
||||
title="Warum Mone's Café Herzlich wählen"
|
||||
description="Entdecke, was uns unterschiedlich macht. Wir folgen keinen Trends - wir ehren handwerk."
|
||||
tag="Unsere einzigartige Anziehung"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Handmade Every Day", description: "All tortes and pastries are prepared fresh daily with premium ingredients sourced locally.", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-cheese-cake-dessert-bakery-concept_53876-31721.jpg", imageAlt: "Close-up of handmade artisanal cake", buttonIcon: ChefHat,
|
||||
title: "Täglich handgemacht", description: "Alle Torten und Gebäcke werden täglich frisch mit lokal bezogenen Premium-Zutaten zubereitet.", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-cheese-cake-dessert-bakery-concept_53876-31721.jpg", imageAlt: "Nahaufnahme von handwerklichem Kuchen", buttonIcon: ChefHat,
|
||||
buttonHref: "#menu"
|
||||
},
|
||||
{
|
||||
title: "Digital Detox Zone", description: "No Wi-Fi, no digital distractions. Just genuine conversation, quality time, and presence.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-teacups-second-hand-market_23-2149338474.jpg?_wi=1", imageAlt: "Cozy cafe interior with warm lighting", buttonIcon: Wifi,
|
||||
title: "Digital-Detox-Zone", description: "Kein W-Lan, keine digitalen Ablenkungen. Nur echte Gespräche, Qualitätszeit und Präsenz.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-teacups-second-hand-market_23-2149338474.jpg?_wi=1", imageAlt: "Gemütliches Café-Interieur mit warmer Beleuchtung", buttonIcon: Wifi,
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
{
|
||||
title: "Cash Only Tradition", description: "We embrace tradition. Banking facilities are steps away at Sparkasse and Volksbank.", imageSrc: "http://img.b2bpic.net/free-photo/old-city-view_1417-1734.jpg", imageAlt: "Cafe storefront traditional entrance", buttonIcon: Euro,
|
||||
title: "Nur-Bargeld-Tradition", description: "Wir pflegen die Tradition. Bankfazilitäten sind in Gehentfernung bei Sparkasse und Volksbank.", imageSrc: "http://img.b2bpic.net/free-photo/old-city-view_1417-1734.jpg", imageAlt: "Café-Storefront traditioneller Eingang", buttonIcon: Euro,
|
||||
buttonHref: "#contact"
|
||||
}
|
||||
]}
|
||||
@@ -114,9 +122,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
title="Our Specialties"
|
||||
description="Each item is crafted with care and intention. Premium quality justifies premium pricing."
|
||||
tag="Artisanal Selection"
|
||||
title="Unsere Spezialitäten"
|
||||
description="Jedes Produkt wird mit Sorgfalt und Absicht zubereitet. Premium-Qualität rechtfertigt Premium-Preise."
|
||||
tag="Handwerkliche Auswahl"
|
||||
tagIcon={UtensilsCrossed}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -125,16 +133,16 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "torte-1", brand: "House Specialty", name: "Signature Black Forest Torte", price: "€18 / Slice", rating: 5,
|
||||
reviewCount: "23", imageSrc: "http://img.b2bpic.net/free-photo/tasty-round-sweet-cookies-with-golden-christmas-ball-white-backround-high-quality-photo_114579-38245.jpg?_wi=2", imageAlt: "Signature black forest torte"
|
||||
id: "torte-1", brand: "Hausspezialität", name: "Signature Schwarzwälder Torte", price: "€18 / Portion", rating: 5,
|
||||
reviewCount: "23", imageSrc: "http://img.b2bpic.net/free-photo/tasty-round-sweet-cookies-with-golden-christmas-ball-white-backround-high-quality-photo_114579-38245.jpg?_wi=2", imageAlt: "Signature Schwarzwälder Torte"
|
||||
},
|
||||
{
|
||||
id: "breakfast-1", brand: "Morning", name: "Herzhaftes Frühstück", price: "€16", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129738.jpg", imageAlt: "Artisanal breakfast platter"
|
||||
id: "breakfast-1", brand: "Morgens", name: "Herzhaftes Frühstück", price: "€16", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129738.jpg", imageAlt: "Handwerkliche Frühstücksteller"
|
||||
},
|
||||
{
|
||||
id: "coffee-1", brand: "Beverage", name: "Espresso-Based Specialty", price: "€4.50", rating: 5,
|
||||
reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-cup-table_23-2149703686.jpg", imageAlt: "Specialty coffee with latte art"
|
||||
id: "coffee-1", brand: "Getränk", name: "Espresso-basierte Spezialität", price: "€4,50", rating: 5,
|
||||
reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-cup-table_23-2149703686.jpg", imageAlt: "Spezialitätenkaffee mit Latte-Art"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -142,22 +150,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Guests Say"
|
||||
description="Real voices from those who have experienced the Herzlich difference."
|
||||
title="Was unsere Gäste sagen"
|
||||
description="Echte Stimmen von denen, die den Unterschied von Herzlich erlebt haben."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Worth Every Cent", quote: "The cakes here are absolutely worth the price. The quality is exceptional, and the atmosphere is perfect for genuine connection.", name: "Katharina M.", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg?_wi=2", imageAlt: "Katharina"
|
||||
id: "1", title: "Jeden Cent wert", quote: "Die Kuchen hier sind absolut jeden Cent wert. Die Qualität ist außergewöhnlich und die Atmosphäre ist perfekt für echte Verbindung.", name: "Katharina M.", role: "Stammgast", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg?_wi=2", imageAlt: "Katharina"
|
||||
},
|
||||
{
|
||||
id: "2", title: "No Wi-Fi, All Good", quote: "Finally a place where you can escape the digital world. The no Wi-Fi policy is a feature, not a bug. We had the best conversation.", name: "Mike D.", role: "Frequent Visitor", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3112.jpg?_wi=2", imageAlt: "Mike"
|
||||
id: "2", title: "Kein W-Lan, alles gut", quote: "Endlich ein Ort, an dem man der digitalen Welt entfliehen kann. Die No-W-Lan-Politik ist ein Feature, keine Grenze. Wir hatten das beste Gespräch.", name: "Mike D.", role: "Häufiger Besucher", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3112.jpg?_wi=2", imageAlt: "Mike"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Artisanal Excellence", quote: "Every pastry tastes homemade because it is. The attention to detail is incredible. We come back every weekend.", name: "Sarah K.", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135989.jpg", imageAlt: "Sarah"
|
||||
id: "3", title: "Handwerkliche Exzellenz", quote: "Jedes Gebäck schmeckt hausgemacht, weil es eben so ist. Die Liebe zum Detail ist unglaublich. Wir kommen jeden Samstag zurück.", name: "Sarah K.", role: "Treuer Kunde", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135989.jpg", imageAlt: "Sarah"
|
||||
},
|
||||
{
|
||||
id: "4", title: "A Hidden Gem", quote: "This is the geheimtipp I tell my friends about. Charming, authentic, and the coffee is outstanding.", name: "Thomas R.", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-happy-joyful-making-claws-gesture-like-bear-standing-orange-wall_141793-81942.jpg", imageAlt: "Thomas"
|
||||
id: "4", title: "Ein verborgenes Juwel", quote: "Dies ist der geheimtipp, den ich meinen Freunden erzähle. Charmant, authentisch und der Kaffee ist hervorragend.", name: "Thomas R.", role: "Kaffee-Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-happy-joyful-making-claws-gesture-like-bear-standing-orange-wall_141793-81942.jpg", imageAlt: "Thomas"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -165,19 +173,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Visit Us Today"
|
||||
description="Located in the heart of Mönchengladbach. We're cash only, but banking is conveniently nearby."
|
||||
tag="Kontaktieren Sie uns"
|
||||
title="Besuchen Sie uns heute"
|
||||
description="Im Herzen von Mönchengladbach gelegen. Wir nehmen nur Bargeld, aber das Bankhaus ist bequem in der Nähe."
|
||||
tagIcon={MapPin}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-teacups-second-hand-market_23-2149338474.jpg?_wi=2"
|
||||
imageAlt="Cozy cafe interior"
|
||||
inputPlaceholder="Your email for updates"
|
||||
buttonText="Stay Updated"
|
||||
termsText="By subscribing, you agree to receive occasional updates about our specials and new offerings."
|
||||
imageAlt="Gemütliches Café-Interieur"
|
||||
inputPlaceholder="Ihre E-Mail für Updates"
|
||||
buttonText="Bleib informiert"
|
||||
termsText="Mit dem Abonnement stimmst du zu, gelegentliche Updates über unsere Angebote und neuen Angebote zu erhalten."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,37 +194,37 @@ export default function LandingPage() {
|
||||
logoText="Mone's Café Herzlich"
|
||||
columns={[
|
||||
{
|
||||
title: "Location", items: [
|
||||
title: "Lage", items: [
|
||||
{ label: "Plektrudisstraße 4", href: "https://maps.google.com/?q=Plektrudisstraße+4,+41179+Mönchengladbach" },
|
||||
{ label: "41179 Mönchengladbach", href: "#" },
|
||||
{ label: "Phone: 02161 2997088", href: "tel:021612997088" }
|
||||
{ label: "Telefon: 02161 2997088", href: "tel:021612997088" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hours", items: [
|
||||
{ label: "Monday - Friday: 8am - 6pm", href: "#" },
|
||||
{ label: "Saturday: 9am - 7pm", href: "#" },
|
||||
{ label: "Sunday: 10am - 5pm", href: "#" }
|
||||
title: "Öffnungszeiten", items: [
|
||||
{ label: "Montag - Freitag: 8:00 - 18:00", href: "#" },
|
||||
{ label: "Samstag: 9:00 - 19:00", href: "#" },
|
||||
{ label: "Sonntag: 10:00 - 17:00", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Banking Info", href: "#contact" }
|
||||
title: "Schnelle Links", items: [
|
||||
{ label: "Unsere Geschichte", href: "#about" },
|
||||
{ label: "Menü", href: "#menu" },
|
||||
{ label: "Bankdaten", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
{ label: "Nutzungsbedingungen", href: "#" },
|
||||
{ label: "Kontakt", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Mone's Café Herzlich. All rights reserved."
|
||||
copyrightText="© 2025 Mone's Café Herzlich. Alle Rechte vorbehalten."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user