Merge version_2 into main #1
373
src/app/page.tsx
373
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Frühstück",
|
||||
id: "fruehstueck",
|
||||
},
|
||||
{
|
||||
name: "Torten",
|
||||
id: "torten",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
{ name: "Frühstück", id: "fruehstueck" },
|
||||
{ name: "Torten", id: "torten" },
|
||||
{ name: "Kontakt", id: "kontakt" },
|
||||
{ name: "Reservieren", id: "kontakt" }
|
||||
]}
|
||||
brandName="Rabea's Café"
|
||||
/>
|
||||
@@ -56,42 +44,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Handgemachte Torten, Frühstück & Cafégenuss in Rietberg"
|
||||
description="Willkommen in Rabea’s Café – deinem Ort für liebevoll zubereitetes Frühstück, hausgemachte Kuchen, besondere Törtchen und individuelle Torten."
|
||||
title="Café in Rietberg für Frühstück, Kuchen und individuelle Torten"
|
||||
description="Willkommen in Rabea’s Café – dein Herzensort für frisch zubereitetes Frühstück, hausgemachten Kuchen und maßgefertigte Torten für jeden Anlass."
|
||||
tag="⭐ 4,6 von 5 Sternen bei über 100 Google-Bewertungen"
|
||||
buttons={[
|
||||
{
|
||||
text: "Tisch reservieren",
|
||||
href: "#kontakt",
|
||||
},
|
||||
{
|
||||
text: "Torte anfragen",
|
||||
href: "#torten",
|
||||
},
|
||||
{ text: "Tisch reservieren", href: "#kontakt" },
|
||||
{ text: "Torte anfragen", href: "#torten" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cup-coffee-by-window_53876-65125.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg",
|
||||
alt: "Gast bei der Ankunft",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg",
|
||||
alt: "Gast genießt Kaffee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg",
|
||||
alt: "Gruppe im Café",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-coffee-with-old-grinder_1204-105.jpg",
|
||||
alt: "Kaffeemühle im Detail",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-with-tables-chairs-street_1127-2172.jpg",
|
||||
alt: "Außenbereich des Cafés",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg", alt: "Gast bei der Ankunft" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg", alt: "Gast genießt Kaffee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg", alt: "Gruppe im Café" }
|
||||
]}
|
||||
avatarText="Beliebt bei unseren Stammgästen"
|
||||
/>
|
||||
@@ -100,7 +65,7 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Mit Liebe gebacken. Mit Freude serviert."
|
||||
title="Über uns: Unser Café in Rietberg steht für Frische und Leidenschaft."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,24 +75,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Hausgemachtes Frühstück",
|
||||
description: "Frisch zubereitete Brötchen und liebevolle Kreationen.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Regionale Qualität",
|
||||
description: "Hochwertige Zutaten aus der Region für vollen Geschmack.",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Freundlicher Service",
|
||||
description: "Ein herzlicher Empfang für einen guten Start in den Tag.",
|
||||
},
|
||||
{ icon: Coffee, title: "Hausgemachtes Frühstück", description: "Starten Sie perfekt mit unseren regionalen Zutaten." },
|
||||
{ icon: Sparkles, title: "Regionale Qualität", description: "Wir legen Wert auf lokale Produkte höchster Güte." },
|
||||
{ icon: Smile, title: "Herzlicher Service", description: "Ihr Wohlbefinden steht bei uns an erster Stelle." }
|
||||
]}
|
||||
title="Frühstück in Rietberg – frisch, liebevoll und besonders"
|
||||
description="Starte deinen Tag mit einem Frühstück, das nicht von der Stange kommt. Bei uns erwarten dich ausgewählte Zutaten, selbstgebackene Brötchen und hausgemachte Aufstriche."
|
||||
title="Frühstück in Rietberg – Ihre erste Wahl für einen gelungenen Start"
|
||||
description="Gönnen Sie sich ein abwechslungsreiches Frühstück in unserem Café mit hausgemachten Spezialitäten."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,45 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Obsttörtchen",
|
||||
price: "4,50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-biscuit-cake-with-cherries-top-marble-table_181624-32135.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Käsekuchen",
|
||||
price: "3,80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-rhubarb-strawberries-gallate-cake-with-ingredients-white-table_181624-44553.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Schokotraum",
|
||||
price: "4,20€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-plum-pie-with-chemex-coffee-ingredients-with-fabric-wooden-table-with-fabric_181624-21553.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Beerenkuchen",
|
||||
price: "4,50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-strawberry-cake-round-shaped-with-fruits-top-inside-blue-desk-cake-dough-sweet-biscuit_140725-34166.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Klassischer Rührkuchen",
|
||||
price: "3,50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-cacao-powder-table_140725-4565.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Saisonale Spezialität",
|
||||
price: "4,80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-plate-with-macarons-roses_23-2148489071.jpg",
|
||||
},
|
||||
{ id: "1", name: "Obsttörtchen", price: "4,50€", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-biscuit-cake-with-cherries-top-marble-table_181624-32135.jpg" },
|
||||
{ id: "2", name: "Käsekuchen", price: "3,80€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-rhubarb-strawberries-gallate-cake-with-ingredients-white-table_181624-44553.jpg" },
|
||||
{ id: "3", name: "Schokotraum", price: "4,20€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-plum-pie-with-chemex-coffee-ingredients-with-fabric-wooden-table-with-fabric_181624-21553.jpg" }
|
||||
]}
|
||||
title="Hausgemachte Kuchen und Törtchen"
|
||||
description="Handgemacht, kreativ und mit viel Liebe zum Detail – perfekt für die kleine Auszeit."
|
||||
title="Hausgemachte Kuchen und Torten in Rietberg"
|
||||
description="Genießen Sie täglich frische Backkunst aus eigener Herstellung."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,84 +106,23 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "hochzeit",
|
||||
badge: "Individuell",
|
||||
price: "ab 150€",
|
||||
subtitle: "Für den schönsten Tag",
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfrage",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Individuelles Design",
|
||||
"Persönliche Beratung",
|
||||
"Geschmack nach Wahl",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "geburtstag",
|
||||
badge: "Feier",
|
||||
price: "ab 60€",
|
||||
subtitle: "Für Geburtstage & mehr",
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfrage",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Individuelles Design",
|
||||
"Regional & Frisch",
|
||||
"Wunschfüllung",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "event",
|
||||
badge: "Anlass",
|
||||
price: "Individuell",
|
||||
subtitle: "Fingerfood & Events",
|
||||
buttons: [
|
||||
{
|
||||
text: "Anfrage",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Sektempfang",
|
||||
"Kleine Törtchen",
|
||||
"Individuelle Planung",
|
||||
],
|
||||
},
|
||||
{ id: "hochzeit", badge: "Individuell", price: "ab 150€", subtitle: "Individuelle Hochzeitstorten", buttons: [{ text: "Anfrage", href: "#kontakt" }], features: ["Individuelles Design", "Persönliche Beratung", "Geschmack nach Wahl"] },
|
||||
{ id: "geburtstag", badge: "Feier", price: "ab 60€", subtitle: "Geburtstagstorten", buttons: [{ text: "Anfrage", href: "#kontakt" }], features: ["Individuelles Design", "Regional & Frisch", "Wunschfüllung"] }
|
||||
]}
|
||||
title="Individuelle Torten für besondere Momente"
|
||||
description="Ob Hochzeit, Geburtstag oder Taufe – wir gestalten Torten nach deinen Wünschen."
|
||||
title="Individuelle Tortendesigns für Anlässe in Rietberg"
|
||||
description="Wir fertigen Torten nach Maß für Hochzeiten, Geburtstage und besondere Anlässe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="vegan" data-section="vegan">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Besondere Wünsche"
|
||||
title="Unsere Vielfalt"
|
||||
tag="Inklusiv"
|
||||
metrics={[
|
||||
{
|
||||
id: "v1",
|
||||
value: "Vegan",
|
||||
description: "Vegane Kuchen nach Verfügbarkeit",
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
value: "Glutenfrei",
|
||||
description: "Optionen bei Unverträglichkeiten",
|
||||
},
|
||||
{
|
||||
id: "v3",
|
||||
value: "Hafermilch",
|
||||
description: "Kaffeespezialitäten mit Alternative",
|
||||
},
|
||||
{ id: "v1", value: "Vegan", description: "Vegane Kuchen und Törtchen" },
|
||||
{ id: "v2", value: "Glutenfrei", description: "Spezielle Optionen verfügbar" },
|
||||
{ id: "v3", value: "Barista", description: "Milchalternativen für Kaffee" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -275,44 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Braut",
|
||||
testimonial: "Rabea hat unsere Hochzeitstorte gemacht. Sie sah wunderschön aus und hat super geschmeckt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
role: "Gast",
|
||||
testimonial: "Sehr freundlich und aufmerksamer Service, Kuchen und Kaffee wirklich lecker.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Gast",
|
||||
testimonial: "Toller Service und köstliche Kuchen. Sogar glutenfrei.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-cup-coffee-waffle-plate_23-2147911763.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
role: "Gast",
|
||||
testimonial: "Ein mit Herz und Engagement geführtes Café. Top Qualität.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B.",
|
||||
role: "Gast",
|
||||
testimonial: "Selbstgebackene Brötchen und Croissants waren 1a.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-cafe-with-cup-hot-latte-coffee_343596-4671.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Braut", testimonial: "Wunderschöne Hochzeitstorte und exzellenter Geschmack!" },
|
||||
{ id: "2", name: "Michael K.", role: "Gast", testimonial: "Das beste Café in Rietberg für gemütliche Stunden." }
|
||||
]}
|
||||
title="Das sagen unsere Gäste"
|
||||
description="Erfahre, was Kunden über ihren Besuch in unserem Café sagen."
|
||||
title="Gäste-Feedback für Rabea’s Café"
|
||||
description="Entdecken Sie, warum Gäste unser Café für Torten und Frühstück schätzen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -321,89 +147,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Ein Blick in Rabea’s Café"
|
||||
title="Impressionen aus unserem Café"
|
||||
blogs={[
|
||||
{
|
||||
id: "g1",
|
||||
category: "Galerie",
|
||||
title: "Außenansicht",
|
||||
excerpt: "Unser gemütlicher Standort in Rietberg.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-feminist-african-american-woman-wear-black-tshirt-shorts-posed-restaurant_627829-5373.jpg",
|
||||
authorName: "Rabea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea_23-2148693090.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
category: "Galerie",
|
||||
title: "Innenraum",
|
||||
excerpt: "Lass dich von der Atmosphäre begeistern.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg",
|
||||
authorName: "Rabea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-asian-businesswoman-sitting-table-cafe-drinking-coffee-reading-smartphone-app-s_1258-137924.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
category: "Galerie",
|
||||
title: "Frühstück",
|
||||
excerpt: "Frisch und liebevoll angerichtet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-morning-coffee-sandwich-bed_23-2148797085.jpg",
|
||||
authorName: "Rabea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/enjoying-relaxing-time-lunch-break-portrait-beautiful-young-woman-holding-cup-coffee-eating-sandwich-food-court_662251-241.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
category: "Galerie",
|
||||
title: "Torten",
|
||||
excerpt: "Handgemacht für besondere Anlässe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-wedding-cake-decorated-with-candles-rose-petals_8353-9971.jpg",
|
||||
authorName: "Rabea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
category: "Galerie",
|
||||
title: "Törtchen",
|
||||
excerpt: "Kleine Genussmomente für Zwischendurch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-with-herbal-tea_114579-16565.jpg",
|
||||
authorName: "Rabea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
category: "Galerie",
|
||||
title: "Kaffee",
|
||||
excerpt: "Spezialitäten mit Hafermilch möglich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-sandwich-pancake-juice-fruits-coffee-cake-slice-tablecloth_23-2147942215.jpg",
|
||||
authorName: "Rabea",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039449.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
{ id: "g1", category: "Galerie", title: "Café Atmosphäre", excerpt: "Ein gemütlicher Treffpunkt.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-feminist-african-american-woman-wear-black-tshirt-shorts-posed-restaurant_627829-5373.jpg", authorName: "Rabea", authorAvatar: "", date: "2024" }
|
||||
]}
|
||||
description="Impressionen aus unserem Café in Rietberg."
|
||||
description="Entdecken Sie unsere Räumlichkeiten und Kreationen in Rietberg."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Rabea’s Café Rietberg. Besuche uns für ein Frühstück oder sende uns deine Anfrage für Torten und Events. Wir freuen uns auf dich!"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Rabea’s Café Rietberg. Kontaktieren Sie uns für Reservierungen, Tortenbestellungen oder Events. Wir freuen uns auf Ihren Besuch!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Route planen",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
text: "Tisch reservieren",
|
||||
href: "mailto:info@rabeascafe.de",
|
||||
},
|
||||
{ text: "Anfahrt (Google Maps)", href: "https://maps.google.com" },
|
||||
{ text: "Telefon: 05244 12345", href: "tel:+49524412345" },
|
||||
{ text: "Tisch reservieren", href: "mailto:info@rabeascafe.de" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -411,52 +171,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Adresse",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "E-Mail",
|
||||
href: "mailto:info@rabeascafe.de",
|
||||
},
|
||||
{
|
||||
label: "Telefon",
|
||||
href: "tel:+49000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soziale Medien",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Kontakt", items: [{ label: "Telefon", href: "tel:+49524412345" }, { label: "E-Mail", href: "mailto:info@rabeascafe.de" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Rabea’s Café"
|
||||
bottomRightText="Handgemacht in Rietberg"
|
||||
bottomLeftText="© 2025 Rabea’s Café"
|
||||
bottomRightText="Ihr Café für Torten & Frühstück in Rietberg"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user