bender/87e20921-deb8-4318-b34a-82ee386bd8a3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 6 commits from version_2 into main 2026-03-17 18:55:47 +00:00
Conversation 0 Commits 6 Files Changed 6 +825 -116
6 changed files with 825 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,164 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Sparkles, Heart, Users, Clock, Leaf, Award, ThumbsUp, Phone } from "lucide-react";
export default function AboutPage() {
const navItems = [
{ name: "Startseite", id: "home" },
{ name: "Speisekarte", id: "menu" },
{ name: "Bewertungen", id: "reviews" },
{ name: "Über uns", id: "about" },
{ name: "Standort", id: "location" },
{ name: "Kontakt", id: "contact" },
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Eis Café Bella Fiore"
bottomLeftText="Unsere Geschichte"
bottomRightText="+49 (0) XXX XXXXXXX"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Unsere Geschichte – Tradition trifft Leidenschaft"
description="Eis Café Bella Fiore wurde mit einer Vision gegründet: das authentische italienische Gelato-Handwerk in jede Nachbarschaft zu bringen. Mit Liebe zum Detail und Respekt vor der Tradition servieren wir seit Jahren Generationen glücklicher Kunden."
tag="🇮🇹 Unsere Wurzeln"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "📞 Jetzt anrufen", href: "tel:+49XXXXXXXXXX"},
{
text: "📍 Uns besuchen", href: "/location"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273176.jpg?_wi=1", imageAlt: "Handwerkliche Eisherstellung"},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-sundress-carefree-women-chatting-veranda-cafe-street-background-sunglasses-positive-models-having-fun-communicating_158538-16073.jpg?_wi=1", imageAlt: "Glückliche Kunden im Café"},
]}
mediaAnimation="opacity"
rating={4.8}
ratingText="Vertraut von unserer Gemeinschaft"
/>
</div>
<div id="about-section" data-section="about-section">
<MediaAbout
title="Warum wir das tun, was wir tun"
description="Jeden Tag aufs Neue bereiten wir Gelato mit dem selben Engagement zu wie an Tag eins. Wir glauben an Qualität statt Quantität, an faire Portionen statt leere Versprechungen, und an ehrliche Zutaten ohne künstliche Zusätze. Unsere Handwerkskunst ist mehr als nur Eis – sie ist eine Haltung."
tag="💝 Unsere Philosophie"
tagIcon={Heart}
tagAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/portrait-hand-holding-ice-cream-cone_23-2149431400.jpg?_wi=1"
imageAlt="Perfekt serviertes Gelato"
useInvertedBackground={false}
/>
</div>
<div id="values" data-section="values">
<FeatureCardTwentySix
title="Unsere Werte"
description="Das Fundament unserer Arbeit ruht auf drei Grundpfeilern: Leidenschaft, Handwerk und Verantwortung."
tag="🎯 Was uns ausmacht"
tagIcon={Award}
tagAnimation="opacity"
features={[
{
title: "Handwerkliche Qualität", description: "Jede Kugel wird täglich frisch zubereitet. Keine Massenproduktion, nur authentisches Gelato nach italienischer Tradition.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hand-holding-ice-cream-cone_23-2149431400.jpg?_wi=1", imageAlt: "Handwerkliche Eiszubereitung", buttonIcon: Clock,
buttonHref: "#"},
{
title: "Natürliche Zutaten", description: "Nur das Beste kommt in unsere Eisen. Wir verwenden hochwertige, natürliche Zutaten ohne Konservierungsstoffe oder künstliche Aromen.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mint-chocolate-ice-cream_23-2150096671.jpg?_wi=1", imageAlt: "Frische natürliche Zutaten", buttonIcon: Leaf,
buttonHref: "#"},
{
title: "Leidenschaft für Service", description: "Jeder Besuch ist ein Moment zum Feiern. Unser freundliches Team sorgt dafür, dass Sie sich willkommen und geschätzt fühlen.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-toasting-with-cocktails_23-2148238290.jpg?_wi=1", imageAlt: "Freundlicher Service und Atmosphäre", buttonIcon: Users,
buttonHref: "#"},
]}
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
testimonials={[
{
id: "1", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3945.jpg?_wi=1", imageAlt: "Zufriedene Kundin Sarah"},
{
id: "2", name: "Marco L.", imageSrc: "http://img.b2bpic.net/free-photo/charming-lovely-girl-with-long-hair-nude-make-up-is-looking-aside-dreamy-while-drinking-coffee-cafeteria_291650-2137.jpg?_wi=1", imageAlt: "Zufriedener Kunde Marco"},
{
id: "3", name: "Familie K.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-drinking-coffee-garden_23-2147986365.jpg?_wi=1", imageAlt: "Familie beim Genießen"},
{
id: "4", name: "Tim S.", imageSrc: "http://img.b2bpic.net/free-photo/merry-child-french-beret-celebrating-birthday-ecstatic-preteen-girl-with-cake-isolated-yellow-wall_197531-14389.jpg?_wi=1", imageAlt: "Glückliches Kind"},
{
id: "5", name: "Gruppe Freunde", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033588.jpg?_wi=1", imageAlt: "Freundesgruppe"},
{
id: "6", name: "Diverse Community", imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765092.jpg?_wi=1", imageAlt: "Diverse Kundschaft"},
]}
cardTitle="Was unsere Kunden sagen"
cardTag="Das beste Gelato in der Stadt! Das Team ist immer freundlich und die Portionen großzügig."
cardTagIcon={ThumbsUp}
cardAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact-section" data-section="contact-section">
<ContactFaq
ctaTitle="Haben Sie Fragen über uns?"
ctaDescription="Möchten Sie mehr über unsere Geschichte erfahren oder uns persönlich kennenlernen? Kontaktieren Sie uns – wir freuen uns auf Sie!"
ctaButton={{
text: "📞 Jetzt anrufen", href: "tel:+49XXXXXXXXXX"}}
ctaIcon={Phone}
useInvertedBackground={true}
animationType="slide-up"
faqs={[
{
id: "1", title: "Wie lange gibt es Eis Café Bella Fiore schon?", content: "Wir dienen unserer Gemeinschaft seit Jahren mit Leidenschaft und Engagement. Jedes Jahr wächst unsere Familie!"},
{
id: "2", title: "Wo kommen Ihre Zutaten her?", content: "Wir arbeiten mit sorgfältig ausgewählten lokalen und europäischen Lieferanten zusammen, die unsere Standards für Qualität teilen."},
{
id: "3", title: "Können Schulen und Organisationen uns besuchen?", content: "Ja! Wir freuen uns auf Gruppen und Schulbesuche. Bitte rufen Sie uns im Voraus an, um Zeiten zu vereinbaren."},
{
id: "4", title: "Sind Sie eine Familie?", content: "Ja! Eis Café Bella Fiore ist Familiengeführt, und diese Liebe steckt in jedem Eis, das wir servieren."},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Eis Café Bella Fiore"
leftLink={{
text: "Impressum", href: "#"}}
rightLink={{
text: "Datenschutz", href: "#"}}
/>
</div>
</ThemeProvider>
);
}

127
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,127 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Phone, Mail, MapPin, MessageCircle, Clock, Heart } from "lucide-react";
export default function ContactPage() {
const navItems = [
{ name: "Startseite", id: "home" },
{ name: "Speisekarte", id: "menu" },
{ name: "Bewertungen", id: "reviews" },
{ name: "Über uns", id: "about" },
{ name: "Standort", id: "location" },
{ name: "Kontakt", id: "contact" },
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Eis Café Bella Fiore"
bottomLeftText="Kontaktieren Sie uns"
bottomRightText="+49 (0) XXX XXXXXXX"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Kontaktieren Sie uns – Wir sind für Sie da"
description="Haben Sie Fragen, Wünsche oder möchten einen Tisch reservieren? Kontaktieren Sie uns per Telefon, E-Mail oder besuchen Sie uns direkt. Wir freuen uns, Sie zu hören!"
tag="💌 Sprechen Sie mit uns"
tagIcon={Heart}
tagAnimation="slide-up"
buttons={[
{
text: "📞 +49 (0) XXX XXXXXXX", href: "tel:+49XXXXXXXXXX"},
{
text: "📍 Besuchen Sie uns", href: "/location"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hand-holding-ice-cream-cone_23-2149431400.jpg?_wi=1", imageAlt: "Perfekt serviertes Gelato"},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-sundress-carefree-women-chatting-veranda-cafe-street-background-sunglasses-positive-models-having-fun-communicating_158538-16073.jpg?_wi=1", imageAlt: "Freundliche Atmosphäre"},
]}
mediaAnimation="opacity"
rating={4.9}
ratingText="Exzellenter Kundenservice"
/>
</div>
<div id="contact-main" data-section="contact-main">
<ContactFaq
ctaTitle="Kontaktmöglichkeiten"
ctaDescription="Erreichen Sie uns auf verschiedenen Wegen. Wir antworten schnellstmöglich!"
ctaButton={{
text: "📧 E-Mail senden", href: "mailto:info@eiscafebellfiore.de"}}
ctaIcon={Mail}
useInvertedBackground={true}
animationType="slide-up"
faqs={[
{
id: "1", title: "📞 Telefon", content: "+49 (0) XXX XXXXXXX – Rufen Sie uns während unserer Öffnungszeiten an, wir sind gerne für Sie da!"},
{
id: "2", title: "📧 E-Mail", content: "info@eiscafebellfiore.de – Senden Sie Ihre Fragen oder Anfragen per E-Mail. Wir antworten innerhalb von 24 Stunden."},
{
id: "3", title: "📍 Besuchen Sie uns", content: "Eis Café Bella Fiore, [Straße], [Nummer], [Ort] – Gerne können Sie vorbeikommen und uns persönlich kennenlernen!"},
{
id: "4", title: "🗓️ Reservierungen", content: "Für Gruppen ab 4 Personen empfehlen wir, vorab anzurufen. So stellen wir sicher, dass alles perfekt vorbereitet ist!"},
]}
/>
</div>
<div id="faq-section" data-section="faq-section">
<ContactFaq
ctaTitle="Häufig gestellte Fragen"
ctaDescription="Hier finden Sie Antworten auf die häufigsten Fragen. Können wir Ihnen noch helfen?"
ctaButton={{
text: "💬 Jetzt fragen", href: "tel:+49XXXXXXXXXX"}}
ctaIcon={MessageCircle}
useInvertedBackground={false}
animationType="slide-up"
faqs={[
{
id: "1", title: "Wie lauten die Öffnungszeiten?", content: "Montag – Sonntag: 11:00 – 22:00 Uhr (Oktober – Februar: 11:00 – 21:00 Uhr). An Feiertagen können abweichende Zeiten gelten."},
{
id: "2", title: "Bieten Sie glutenfreie und vegane Optionen an?", content: "Ja! Wir bieten glutenfreie Waffeln und vegane Gelato-Sorten. Fragen Sie unserer Personal nach den aktuellen Optionen."},
{
id: "3", title: "Können wir Ihr Eis bestellen und abholen?", content: "Gerne! Für größere Bestellungen bitte vorher anrufen oder eine E-Mail senden. Wir stellen alles frisch her."},
{
id: "4", title: "Können wir einen privaten Event buchen?", content: "Ja, gerne! Wir können kleine bis mittlere Gruppen und Veranstaltungen unterbringen. Rufen Sie uns an, um Details zu besprechen."},
{
id: "5", title: "Gibt es Parkplätze?", content: "Kostenlose Parkplätze auf der Straße und ein bewachter Parkplatz 50 Meter entfernt. Barrierefrei zugänglich."},
{
id: "6", title: "Wie kann ich ein Kompliment oder eine Beschwerde machen?", content: "Wir lieben Feedback! Kontaktieren Sie uns telefonisch, per E-Mail oder direkt vor Ort. Ihre Meinung ist uns wichtig!"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Eis Café Bella Fiore"
leftLink={{
text: "Impressum", href: "#"}}
rightLink={{
text: "Datenschutz", href: "#"}}
/>
</div>
</ThemeProvider>
);
}

139
src/app/location/page.tsx Normal file
View File

@@ -0,0 +1,139 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { MapPin, Phone, Clock, Wifi, ParkingCircle, Accessibility, MessageCircle } from "lucide-react";
export default function LocationPage() {
const navItems = [
{ name: "Startseite", id: "home" },
{ name: "Speisekarte", id: "menu" },
{ name: "Bewertungen", id: "reviews" },
{ name: "Über uns", id: "about" },
{ name: "Standort", id: "location" },
{ name: "Kontakt", id: "contact" },
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Eis Café Bella Fiore"
bottomLeftText="Besuchen Sie uns"
bottomRightText="+49 (0) XXX XXXXXXX"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Finden Sie uns – Leicht zu erreichen"
description="Eis Café Bella Fiore befindet sich in einer gemütlichen, gut erreichbaren Lage. Wir freuen uns auf Ihren Besuch – ob zu Fuß, mit dem Auto oder mit den öffentlichen Verkehrsmitteln."
tag="📍 Unser Standort"
tagIcon={MapPin}
tagAnimation="slide-up"
buttons={[
{
text: "🗺️ Route auf Google Maps", href: "https://maps.google.com"},
{
text: "📱 Anfahrtsanweisungen", href: "tel:+49XXXXXXXXXX"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-sundress-carefree-women-chatting-veranda-cafe-street-background-sunglasses-positive-models-having-fun-communicating_158538-16073.jpg?_wi=1", imageAlt: "Unser Café mit Außenplätzen"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273176.jpg?_wi=1", imageAlt: "Innere des Cafés"},
]}
mediaAnimation="opacity"
rating={4.7}
ratingText="Toll erreichbar und gemütlich"
/>
</div>
<div id="address-section" data-section="address-section">
<MediaAbout
title="Adresse & Kontakt"
description="Eis Café Bella Fiore, Ihre Lieblings-Eisdiele. Besuchen Sie uns unter unserer Adresse oder rufen Sie an, um Reservierungen zu vereinbaren oder mehr zu erfahren. Wir sind montags bis sonntags für Sie da!"
tag="📮 Kontaktdaten"
tagIcon={Phone}
tagAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637192.jpg?_wi=1"
imageAlt="Gemütliche Ecke des Cafés"
useInvertedBackground={true}
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardTwentySix
title="Ausstattung & Annehmlichkeiten"
description="Wir haben alles, was Sie brauchen, um Ihren Besuch komfortabel und angenehm zu gestalten."
tag="🏢 Einrichtungen"
tagIcon={Accessibility}
tagAnimation="opacity"
features={[
{
title: "Gemütliches Ambiente", description: "Große Außenplätzchen mit Schirmen, perfekt um zu entspannen und das Wetter zu genießen.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-sundress-carefree-women-chatting-veranda-cafe-street-background-sunglasses-positive-models-having-fun-communicating_158538-16073.jpg?_wi=1", imageAlt: "Außenplatz mit Schirmen", buttonIcon: MapPin,
buttonHref: "#"},
{
title: "Kostenfreies Parking", description: "Kostenlose Parkplätze auf der Straße und ein bewachter Parkplatz nur 50 Meter entfernt.", imageSrc: "http://img.b2bpic.net/free-photo/empty-parking-lot-with-trees_23-2149329916.jpg?_wi=1", imageAlt: "Leichter Parkzugang", buttonIcon: ParkingCircle,
buttonHref: "#"},
{
title: "WLAN & Ruhe", description: "Kostenloses WiFi und eine ruhige Atmosphäre zum Arbeiten, Lesen oder einfach nur zum Relaxen.", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-cafe_23-2149631134.jpg?_wi=1", imageAlt: "Modernes Café-Interieur", buttonIcon: Wifi,
buttonHref: "#"},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="hours-info" data-section="hours-info">
<ContactFaq
ctaTitle="Öffnungszeiten"
ctaDescription="Wir sind während dieser Zeiten gerne für Sie da. Bei Gruppen oder Veranstaltungen bitte im Voraus anrufen!"
ctaButton={{
text: "📞 Reservierung anfragen", href: "tel:+49XXXXXXXXXX"}}
ctaIcon={Clock}
useInvertedBackground={true}
animationType="slide-up"
faqs={[
{
id: "1", title: "Wie lauten die Öffnungszeiten?", content: "Montag – Sonntag: 11:00 – 22:00 Uhr (Oktober – Februar: 11:00 – 21:00 Uhr)"},
{
id: "2", title: "Wie erreiche ich das Café?", content: "Mit dem Auto: Folgen Sie den Schildern zum Zentrum. Mit der U-Bahn: Haltestelle Café Bella ist nur 5 Minuten Fußweg entfernt. Zu Fuß: Wir befinden uns in der Nähe des Parks."},
{
id: "3", title: "Gibt es einen Parkplatz?", content: "Ja! Kostenlose Parkplätze auf der Straße und ein bewachter Parkplatz 50m entfernt. Auch barrierefrei zugänglich."},
{
id: "4", title: "Können wir einen Tisch reservieren?", content: "Für Gruppen ab 4 Personen empfehlen wir eine Reservierung. Rufen Sie uns unter +49 (0) XXX XXXXXXX an oder nutzen Sie unser Kontaktformular."},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Eis Café Bella Fiore"
leftLink={{
text: "Impressum", href: "#"}}
rightLink={{
text: "Datenschutz", href: "#"}}
/>
</div>
</ThemeProvider>
);
}

191
src/app/menu/page.tsx Normal file
View File

@@ -0,0 +1,191 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Sparkles, Star, Heart, Camera, Phone, ChefHat, Users, MapPin, Clock, Leaf, Zap } from "lucide-react";
export default function MenuPage() {
const navItems = [
{ name: "Startseite", id: "/" },
{ name: "Speisekarte", id: "/menu" },
{ name: "Bewertungen", id: "/reviews" },
{ name: "Kontakt", id: "contact" },
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Eis Café Bella Fiore"
bottomLeftText="Authentisches italienisches Eis"
bottomRightText="+49 (0) XXX XXXXXXX"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Unsere Speisekarte"
description="Entdecken Sie unsere vollständige Auswahl an handwerklich hergestelltem Gelato. Von klassischen Favoriten bis zu saisonalen Kreationen – alles frisch zubereitet mit natürlichen Zutaten."
tag="🍨 Premium Gelato"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "📍 Route planen", href: "https://maps.google.com"},
{
text: "📞 Anrufen", href: "tel:+49XXXXXXXXXX"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/yummy-delights-table_140725-5627.jpg?_wi=1", imageAlt: "Artistic collection of gelato flavors"},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mint-chocolate-ice-cream_23-2150096671.jpg?_wi=1", imageAlt: "Premium gelato selection display"},
]}
mediaAnimation="opacity"
rating={4.8}
ratingText="Basierend auf Google Bewertungen"
/>
</div>
<div id="specialties" data-section="specialties">
<ProductCardFour
title="Klassische Sorten"
description="Unsere beliebtesten und meistbestellten Gelato-Sorten. Jede Variante wird täglich frisch zubereitet und nach altbewährten italienischen Rezepten hergestellt."
tag="⭐ Bestseller"
tagIcon={Star}
tagAnimation="blur-reveal"
products={[
{
id: "pistachio", name: "Pistachio Premium", price: "€4,50", variant: "Klassisch", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mint-chocolate-ice-cream_23-2150096671.jpg?_wi=1", imageAlt: "Creamy pistachio gelato"},
{
id: "chocolate", name: "Dark Chocolate", price: "€4,50", variant: "Intensiv", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-restaurant_23-2148001611.jpg?_wi=1", imageAlt: "Rich dark chocolate gelato"},
{
id: "vanilla", name: "Vanille Tradizionale", price: "€4,50", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618900.jpg?_wi=1", imageAlt: "Traditional vanilla gelato"},
{
id: "strawberry", name: "Erdbeere", price: "€4,50", variant: "Frisch", imageSrc: "http://img.b2bpic.net/free-photo/close-up-strawberry-granita-dessert_23-2149400108.jpg?_wi=1", imageAlt: "Fresh strawberry gelato"},
]}
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="speciality-creations" data-section="speciality-creations">
<ProductCardFour
title="Spezielle Kreationen"
description="Unsere Signature-Flavors und limitierte saisonale Sorten. Diese Kombinationen sind exklusiv für Eis Café Bella Fiore entwickelt worden."
tag="✨ Exklusiv"
tagIcon={Sparkles}
tagAnimation="slide-up"
products={[
{
id: "spaghettieis", name: "Spaghettieis", price: "€5,50", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/yummy-delights-table_140725-5627.jpg?_wi=1", imageAlt: "Artistic spaghetti ice cream with sauce"},
{
id: "tiramisu", name: "Tiramisu Dreams", price: "€5,00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618900.jpg?_wi=1", imageAlt: "Rich tiramisu gelato"},
{
id: "hazelnut", name: "Nocciola (Haselnuss)", price: "€4,80", variant: "Intensiv", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637192.jpg?_wi=1", imageAlt: "Smooth hazelnut gelato"},
{
id: "lemon", name: "Limone (Zitrone)", price: "€4,50", variant: "Frisch", imageSrc: "http://img.b2bpic.net/free-photo/close-up-strawberry-granita-dessert_23-2149400108.jpg?_wi=1", imageAlt: "Refreshing lemon gelato"},
]}
gridVariant="bento-grid-inverted"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="why-us" data-section="why-us">
<MediaAbout
title="Qualität & Frische"
description="Wir glauben an unverfälschte Qualität. Unsere Gelatos werden täglich frisch zubereitet – keine künstlichen Aromen, keine Konservierungsstoffe, keine Massenproduktion. Jede Zutat wird sorgfältig ausgewählt, um den authetischen italienischen Geschmack zu garantieren. Das ist nicht nur Eis – das ist Handwerk."
tag="💎 Unsere Philosophie"
tagIcon={Heart}
tagAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/portrait-hand-holding-ice-cream-cone_23-2149431400.jpg?_wi=1"
imageAlt="Perfect ice cream scoop"
useInvertedBackground={false}
/>
</div>
<div id="atmosphere" data-section="atmosphere">
<FeatureCardTwentySix
title="Unser Gelato Versprechen"
description="Was macht unser Gelato so besonders? Entdecken Sie die drei Säulen unserer Handwerkskunst."
tag="🌟 Die Unterschied"
tagIcon={Zap}
tagAnimation="opacity"
features={[
{
title: "Frische Zutaten", description: "Täglich frisch zubereitet mit natürlichen, saisonalen Zutaten. Keine Tiefkühlware, kein Pulver – nur echte Qualität.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-sundress-carefree-women-chatting-veranda-cafe-street-background-sunglasses-positive-models-having-fun-communicating_158538-16073.jpg?_wi=1", imageAlt: "Fresh ingredient preparation", buttonIcon: Leaf,
buttonHref: "#specialties"},
{
title: "Handwerkliche Technik", description: "Traditionelle italienische Rezepte, perfekt ausgeführt. Jede Kugel wird mit Sorgfalt und Leidenschaft serviert.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hand-holding-ice-cream-cone_23-2149431400.jpg?_wi=1", imageAlt: "Professional ice cream scooping", buttonIcon: ChefHat,
buttonHref: "#speciality-creations"},
{
title: "Perfekte Konsistenz", description: "Unsere Gelatos haben die optimale Temperatur und Textur – cremig, glatt und intensiv im Geschmack.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-toasting-with-cocktails_23-2148238290.jpg?_wi=1", imageAlt: "Creamy gelato texture", buttonIcon: Clock,
buttonHref: "tel:+49XXXXXXXXXX"},
]}
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="contact-section" data-section="contact-section">
<ContactFaq
ctaTitle="Fragen zur Speisekarte?"
ctaDescription="Wünschen Sie sich eine spezielle Sorte? Haben Sie Allergien oder Unverträglichkeiten? Unser freundliches Team hilft Ihnen gerne weiter!"
ctaButton={{
text: "📞 +49 (0) XXX XXXXXXX", href: "tel:+49XXXXXXXXXX"}}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="slide-up"
faqs={[
{
id: "1", title: "Bieten Sie vegane Optionen an?", content: "Ja! Wir haben mehrere 100% vegane Gelato-Sorten, die mit pflanzlichen Cremes hergestellt werden. Fragen Sie unser Personal vor Ort – wir kennzeichnen diese deutlich."},
{
id: "2", title: "Sind die Waffeln glutenfrei?", content: "Wir bieten glutenfreie Waffeln und Becher an. Bitte teilen Sie uns Ihre Allergie mit, damit wir diese getrennt zubereiten können."},
{
id: "3", title: "Welche Sorten sind nussallergenfrei?", content: "Wir können Ihnen eine Liste unserer nussfreien Sorten geben. Bitte beachten Sie, dass wir Nüsse in der Küche verarbeiten – Kreuzkontamination ist möglich."},
{
id: "4", title: "Haben Sie saisonale Spezialitäten?", content: "Ja! Im Sommer bieten wir frische Frucht-Gelatos an, im Herbst/Winter haben wir wärmende Sorten wie Kastanie und Spekulatius. Besuchen Sie uns, um die neuesten Kreationen zu entdecken!"},
{
id: "5", title: "Bieten Sie Großgebinde für Veranstaltungen an?", content: "Absolut! Wir können bis zu 10 Liter Gelato in Ihrer Lieblingssorte bereistellen. Rufen Sie uns mit 48 Stunden Voranmeldung an."},
{
id: "6", title: "Welche Zahlungsmethoden akzeptieren Sie?", content: "Wir akzeptieren Bargeld, EC-Karte, Kreditkarte und Zahlungs-Apps wie Apple Pay und Google Pay."},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Eis Café Bella Fiore"
leftLink={{
text: "Impressum", href: "#"}}
rightLink={{
text: "Datenschutz", href: "#"}}
/>
</div>
</ThemeProvider>
);
}

145
src/app/page.tsx
View File

@@ -17,6 +17,8 @@ export default function HomePage() {
{ name: "Startseite", id: "home" },
{ name: "Speisekarte", id: "menu" },
{ name: "Bewertungen", id: "reviews" },
{ name: "Über uns", id: "about" },
{ name: "Standort", id: "location" },
{ name: "Kontakt", id: "contact" },
];
@@ -51,24 +53,16 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "📞 Jetzt anrufen",
href: "tel:+49XXXXXXXXXX",
},
text: "📞 Jetzt anrufen", href: "tel:+49XXXXXXXXXX"},
{
text: "📍 Route planen",
href: "https://maps.google.com",
},
text: "📍 Route planen", href: "https://maps.google.com"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618900.jpg?_wi=1",
imageAlt: "Creamy premium gelato on spoon",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618900.jpg?_wi=1", imageAlt: "Creamy premium gelato on spoon"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637192.jpg?_wi=1",
imageAlt: "Cozy Italian café outdoor seating",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637192.jpg?_wi=1", imageAlt: "Cozy Italian café outdoor seating"},
]}
mediaAnimation="opacity"
rating={4.4}
@@ -85,37 +79,13 @@ export default function HomePage() {
tagAnimation="blur-reveal"
products={[
{
id: "spaghettieis",
name: "Spaghettieis",
price: "ab €5,50",
variant: "Klassiker",
imageSrc: "http://img.b2bpic.net/free-photo/yummy-delights-table_140725-5627.jpg?_wi=1",
imageAlt: "Artistic spaghetti ice cream with sauce",
},
id: "spaghettieis", name: "Spaghettieis", price: "ab €5,50", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/yummy-delights-table_140725-5627.jpg?_wi=1", imageAlt: "Artistic spaghetti ice cream with sauce"},
{
id: "pistachio",
name: "Pistachio Premium",
price: "ab €4,50",
variant: "Klassisch",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mint-chocolate-ice-cream_23-2150096671.jpg?_wi=1",
imageAlt: "Creamy pistachio gelato",
},
id: "pistachio", name: "Pistachio Premium", price: "ab €4,50", variant: "Klassisch", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mint-chocolate-ice-cream_23-2150096671.jpg?_wi=1", imageAlt: "Creamy pistachio gelato"},
{
id: "chocolate",
name: "Dark Chocolate",
price: "ab €4,50",
variant: "Intensiv",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-restaurant_23-2148001611.jpg?_wi=1",
imageAlt: "Rich dark chocolate gelato",
},
id: "chocolate", name: "Dark Chocolate", price: "ab €4,50", variant: "Intensiv", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-restaurant_23-2148001611.jpg?_wi=1", imageAlt: "Rich dark chocolate gelato"},
{
id: "strawberry",
name: "Erdbeere",
price: "ab €4,50",
variant: "Frisch",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-strawberry-granita-dessert_23-2149400108.jpg?_wi=1",
imageAlt: "Fresh strawberry gelato",
},
id: "strawberry", name: "Erdbeere", price: "ab €4,50", variant: "Frisch", imageSrc: "http://img.b2bpic.net/free-photo/close-up-strawberry-granita-dessert_23-2149400108.jpg?_wi=1", imageAlt: "Fresh strawberry gelato"},
]}
gridVariant="bento-grid"
animationType="slide-up"
@@ -141,41 +111,17 @@ export default function HomePage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah M.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3945.jpg?_wi=1",
imageAlt: "Happy customer Sarah enjoying gelato",
},
id: "1", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3945.jpg?_wi=1", imageAlt: "Happy customer Sarah enjoying gelato"},
{
id: "2",
name: "Marco L.",
imageSrc: "http://img.b2bpic.net/free-photo/charming-lovely-girl-with-long-hair-nude-make-up-is-looking-aside-dreamy-while-drinking-coffee-cafeteria_291650-2137.jpg?_wi=1",
imageAlt: "Satisfied customer Marco with ice cream",
},
id: "2", name: "Marco L.", imageSrc: "http://img.b2bpic.net/free-photo/charming-lovely-girl-with-long-hair-nude-make-up-is-looking-aside-dreamy-while-drinking-coffee-cafeteria_291650-2137.jpg?_wi=1", imageAlt: "Satisfied customer Marco with ice cream"},
{
id: "3",
name: "Familie K.",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-drinking-coffee-garden_23-2147986365.jpg?_wi=1",
imageAlt: "Couple enjoying gelato together",
},
id: "3", name: "Familie K.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-drinking-coffee-garden_23-2147986365.jpg?_wi=1", imageAlt: "Couple enjoying gelato together"},
{
id: "4",
name: "Tim S.",
imageSrc: "http://img.b2bpic.net/free-photo/merry-child-french-beret-celebrating-birthday-ecstatic-preteen-girl-with-cake-isolated-yellow-wall_197531-14389.jpg?_wi=1",
imageAlt: "Happy child with ice cream cone",
},
id: "4", name: "Tim S.", imageSrc: "http://img.b2bpic.net/free-photo/merry-child-french-beret-celebrating-birthday-ecstatic-preteen-girl-with-cake-isolated-yellow-wall_197531-14389.jpg?_wi=1", imageAlt: "Happy child with ice cream cone"},
{
id: "5",
name: "Gruppe Freunde",
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033588.jpg?_wi=1",
imageAlt: "Family group enjoying dessert",
},
id: "5", name: "Gruppe Freunde", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033588.jpg?_wi=1", imageAlt: "Family group enjoying dessert"},
{
id: "6",
name: "Diverse Community",
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765092.jpg?_wi=1",
imageAlt: "Diverse group of happy customers",
},
id: "6", name: "Diverse Community", imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765092.jpg?_wi=1", imageAlt: "Diverse group of happy customers"},
]}
cardTitle="Zufriedene Kunden"
cardTag="Super leckeres Eis, mega freundliches Personal & große Portionen!"
@@ -194,29 +140,14 @@ export default function HomePage() {
tagAnimation="opacity"
features={[
{
title: "Gemütliches Ambiente",
description: "Entspannen Sie auf unseren Außenplätzen mit schöner Aussicht.",
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-sundress-carefree-women-chatting-veranda-cafe-street-background-sunglasses-positive-models-having-fun-communicating_158538-16073.jpg?_wi=1",
imageAlt: "Outdoor seating area with umbrella",
buttonIcon: MapPin,
buttonHref: "https://maps.google.com",
},
title: "Gemütliches Ambiente", description: "Entspannen Sie auf unseren Außenplätzen mit schöner Aussicht.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-sundress-carefree-women-chatting-veranda-cafe-street-background-sunglasses-positive-models-having-fun-communicating_158538-16073.jpg?_wi=1", imageAlt: "Outdoor seating area with umbrella", buttonIcon: MapPin,
buttonHref: "/location"},
{
title: "Professionelle Zubereitung",
description: "Jede Kugel wird mit Sorgfalt und Kunstfertigkeit serviert.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hand-holding-ice-cream-cone_23-2149431400.jpg?_wi=1",
imageAlt: "Perfect ice cream scoop",
buttonIcon: ChefHat,
buttonHref: "/speisekarte",
},
title: "Professionelle Zubereitung", description: "Jede Kugel wird mit Sorgfalt und Kunstfertigkeit serviert.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hand-holding-ice-cream-cone_23-2149431400.jpg?_wi=1", imageAlt: "Perfect ice cream scoop", buttonIcon: ChefHat,
buttonHref: "#specialties"},
{
title: "Familie & Freunde",
description: "Der perfekte Ort, um besondere Momente zu teilen.",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-toasting-with-cocktails_23-2148238290.jpg?_wi=1",
imageAlt: "Happy family enjoying gelato",
buttonIcon: Users,
buttonHref: "tel:+49XXXXXXXXXX",
},
title: "Familie & Freunde", description: "Der perfekte Ort, um besondere Momente zu teilen.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-toasting-with-cocktails_23-2148238290.jpg?_wi=1", imageAlt: "Happy family enjoying gelato", buttonIcon: Users,
buttonHref: "tel:+49XXXXXXXXXX"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -228,33 +159,19 @@ export default function HomePage() {
ctaTitle="Kontaktieren Sie uns"
ctaDescription="Haben Sie Fragen? Möchten Sie einen Tisch reservieren oder eine Anfrage stellen? Wir freuen uns auf Sie!"
ctaButton={{
text: "📞 +49 (0) XXX XXXXXXX",
href: "tel:+49XXXXXXXXXX",
}}
text: "📞 +49 (0) XXX XXXXXXX", href: "tel:+49XXXXXXXXXX"}}
ctaIcon={Phone}
useInvertedBackground={true}
animationType="slide-up"
faqs={[
{
id: "1",
title: "Wie lauten Ihre Öffnungszeiten?",
content: "Montag – Sonntag: 11:00 – 22:00 Uhr (Oktober – Februar: 11:00 – 21:00 Uhr)",
},
id: "1", title: "Wie lauten Ihre Öffnungszeiten?", content: "Montag – Sonntag: 11:00 – 22:00 Uhr (Oktober – Februar: 11:00 – 21:00 Uhr)"},
{
id: "2",
title: "Sind Sie für Gruppen & Veranstaltungen buchbar?",
content: "Ja! Wir können kleine Gruppen und private Veranstaltungen accommodate. Rufen Sie uns an oder füllen Sie unser Kontaktformular aus.",
},
id: "2", title: "Sind Sie für Gruppen & Veranstaltungen buchbar?", content: "Ja! Wir können kleine Gruppen und private Veranstaltungen accommodate. Rufen Sie uns an oder füllen Sie unser Kontaktformular aus."},
{
id: "3",
title: "Sind Sie glutenfrei & vegan freundlich?",
content: "Ja, wir bieten glutenfreie Waffeln und vegane Gelato-Optionen. Fragen Sie unserer Personal vor Ort!",
},
id: "3", title: "Sind Sie glutenfrei & vegan freundlich?", content: "Ja, wir bieten glutenfreie Waffeln und vegane Gelato-Optionen. Fragen Sie unserer Personal vor Ort!"},
{
id: "4",
title: "Haben Sie Parkplätze in der Nähe?",
content: "Wir sind leicht erreichbar. Es gibt kostenloses Parking auf der Straße und einen Parkplatz 50 Meter entfernt.",
},
id: "4", title: "Haben Sie Parkplätze in der Nähe?", content: "Wir sind leicht erreichbar. Es gibt kostenloses Parking auf der Straße und einen Parkplatz 50 Meter entfernt."},
]}
/>
</div>
@@ -263,13 +180,9 @@ export default function HomePage() {
<FooterLogoReveal
logoText="Eis Café Bella Fiore"
leftLink={{
text: "Impressum",
href: "#",
}}
text: "Impressum", href: "#"}}
rightLink={{
text: "Datenschutz",
href: "#",
}}
text: "Datenschutz", href: "#"}}
/>
</div>
</ThemeProvider>

175
src/app/reviews/page.tsx Normal file
View File

@@ -0,0 +1,175 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Sparkles, Star, Heart, ThumbsUp, Phone, Award, Smile, Users } from "lucide-react";
export default function ReviewsPage() {
const navItems = [
{ name: "Startseite", id: "/" },
{ name: "Speisekarte", id: "/menu" },
{ name: "Bewertungen", id: "/reviews" },
{ name: "Kontakt", id: "contact" },
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Eis Café Bella Fiore"
bottomLeftText="Authentisches italienisches Eis"
bottomRightText="+49 (0) XXX XXXXXXX"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Das sagen unsere Kunden"
description="Hunderte von zufriedenen Gästen haben ihre Lieblingserlebnisse bei Eis Café Bella Fiore mit uns geteilt. Lesen Sie, warum Familien, Paare und Freunde immer wieder zurückkommen."
tag="⭐ Google & Social"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "💬 Bewertung schreiben", href: "https://google.com/search?q=Eis+Caf%C3%A9+Bella+Fiore"},
{
text: "📞 Kontaktieren Sie uns", href: "tel:+49XXXXXXXXXX"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033588.jpg?_wi=1", imageAlt: "Happy customers enjoying gelato"},
{
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765092.jpg?_wi=1", imageAlt: "Diverse group celebrating with ice cream"},
]}
mediaAnimation="opacity"
rating={4.7}
ratingText="Durchschnitt aus über 280 Bewertungen"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
testimonials={[
{
id: "1", name: "Sarah M.", role: "Stamm-Gast", company: "Google Bewertung", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3945.jpg?_wi=1", imageAlt: "Happy customer Sarah"},
{
id: "2", name: "Marco L.", role: "Regelmäßiger Besucher", company: "Google Bewertung", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/charming-lovely-girl-with-long-hair-nude-make-up-is-looking-aside-dreamy-while-drinking-coffee-cafeteria_291650-2137.jpg?_wi=1", imageAlt: "Marco enjoying gelato"},
{
id: "3", name: "Familie K.", role: "Wochenend-Ritual", company: "Google Bewertung", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-drinking-coffee-garden_23-2147986365.jpg?_wi=1", imageAlt: "Family enjoying ice cream"},
{
id: "4", name: "Tim S.", role: "Kindergeburtstagskind", company: "Google Bewertung", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/merry-child-french-beret-celebrating-birthday-ecstatic-preteen-girl-with-cake-isolated-yellow-wall_197531-14389.jpg?_wi=1", imageAlt: "Happy child with ice cream"},
{
id: "5", name: "Gruppe Freunde", role: "Sommerliche Treffen", company: "Google Bewertung", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033588.jpg?_wi=1", imageAlt: "Group of friends"},
{
id: "6", name: "Diverse Community", role: "Nachbarschaft", company: "Google Bewertung", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-80s-summer-aesthetics_23-2150765092.jpg?_wi=1", imageAlt: "Diverse customers"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
title="Authentische Kundenrezensionen"
description="Von echten Menschen, die Eis Café Bella Fiore lieben. Ihre Geschichten inspirieren uns jeden Tag, noch bessere Gelatos zu kreieren."
tag="💬 Echte Bewertungen"
tagIcon={ThumbsUp}
tagAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="why-us" data-section="why-us">
<MediaAbout
title="Was unsere Kunden am meisten lieben"
description="Nicht nur das Gelato – es ist das komplette Erlebnis. Unsere Gäste schätzen die frischen, hausgemachten Sorten, die großzügigen Portionen, die authentische italienische Atmosphäre und vor allem den freundlichen, herzlichen Service unseres Teams. Viele kehren nicht nur einmal zurück – sie werden treue Freunde unseres Cafés."
tag="💝 Das Geheimnis"
tagIcon={Heart}
tagAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273176.jpg?_wi=1"
imageAlt="Friendly staff at ice cream counter"
useInvertedBackground={true}
/>
</div>
<div id="highlights" data-section="highlights">
<FeatureCardTwentySix
title="Die Top 5 Gründe, warum Kunden uns lieben"
description="Diese Highlights tauchen immer wieder in den Bewertungen auf. Sie sind der Grund, warum Eis Café Bella Fiore die Lieblingsadresse der Nachbarschaft ist."
tag="🌟 Top Highlights"
tagIcon={Award}
tagAnimation="opacity"
features={[
{
title: "Frische & Qualität", description: "\"Das beste Gelato weit und breit!\" Unsere Kunden lieben die Frische und die intensiven Aromen unserer Sorten.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-winter-time_23-2149618900.jpg?_wi=1", imageAlt: "Premium gelato quality", buttonIcon: Star,
buttonHref: "#testimonials"},
{
title: "Große Portionen", description: "\"Großzügige Kugeln zu fairen Preisen.\" Das Preis-Leistungs-Verhältnis ist unschlagbar – Sie bekommen echte Qualität.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cookies-ice-cream_23-2149637192.jpg?_wi=1", imageAlt: "Generous ice cream scoop", buttonIcon: Smile,
buttonHref: "/menu"},
{
title: "Freundliches Personal", description: "\"Sie nehmen sich Zeit für jeden Gast!\" Unser Team ist herzlich, geduldig und immer bereit zu helfen – vom Geschmack-Quiz bis zur Allergie-Information.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hand-holding-ice-cream-cone_23-2149431400.jpg?_wi=1", imageAlt: "Friendly customer service", buttonIcon: Users,
buttonHref: "tel:+49XXXXXXXXXX"},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact-section" data-section="contact-section">
<ContactFaq
ctaTitle="Ihre Meinung ist wichtig!"
ctaDescription="Möchten Sie uns Ihre Bewertung mitteilen? Oder haben Sie Feedback, wie wir noch besser werden können? Wir freuen uns auf Ihre Nachricht!"
ctaButton={{
text: "📞 +49 (0) XXX XXXXXXX", href: "tel:+49XXXXXXXXXX"}}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="slide-up"
faqs={[
{
id: "1", title: "Wie kann ich eine Bewertung schreiben?", content: "Sie können uns auf Google Maps, Google Bewertungen, TripAdvisor oder Facebook bewerten. Suchen Sie einfach nach \"Eis Café Bella Fiore\" und hinterlassen Sie Ihre ehrliche Meinung. Wir freuen uns über jeden Kommentar!"},
{
id: "2", title: "Welche Bewertungsdurchschnitt haben wir?", content: "Wir freuen uns, dass wir einen Durchschnitt von 4,7 Sternen aus über 280 Bewertungen haben. Das ist das Ergebnis der harten Arbeit unseres Teams und der Liebe unserer Kunden."},
{
id: "3", title: "Können wir auf ein Feedback reagieren?", content: "Ja! Wenn Sie ein Problem hatten, kontaktieren Sie uns direkt. Wir nehmen jedes Feedback ernst und möchten es richtig machen. Ruf uns an oder besuche uns – wir klären es."},
{
id: "4", title: "Wo sind die besten Bewertungen zu finden?", content: "Besuchen Sie Google Maps oder Google Bewertungen und suchen Sie nach \"Eis Café Bella Fiore\". Dort finden Sie hunderte echter Kundenbewertungen mit Fotos und Kommentaren."},
{
id: "5", title: "Bietet ihr Rabatte für Bewertungen an?", content: "Wir bevorzugen ehrliche Bewertungen. Statt Rabatte bitten wir alle Kunden, einfach ihre echte Meinung zu teilen. Das hilft anderen, unser Café zu entdecken!"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Eis Café Bella Fiore"
leftLink={{
text: "Impressum", href: "#"}}
rightLink={{
text: "Datenschutz", href: "#"}}
/>
</div>
</ThemeProvider>
);
}