Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-20 15:57:52 +00:00

View File

@@ -1,343 +1,130 @@
"use client";
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, CheckCircle, Star } from "lucide-react";
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, Star, Award } from 'lucide-react';
export default function LandingPage() {
export default function HomePage() {
const navItems = [{ name: "Home", id: "/" }];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "La Filosofia",
id: "#filosofia",
},
{
name: "Gerichte",
id: "#gerichte",
},
{
name: "Reservierung",
id: "#reservierung",
},
{
name: "Kontakt",
id: "#kontakt",
},
]}
brandName="Bocca Felice"
button={{
text: "BUCHEN",
href: "#reservierung",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Bocca Felice. Echte italienische Küche. Mitten in Berlin."
description="Wo Berlin auf echtes Italien trifft ohne Umwege."
testimonials={[
{
name: "Maximilian K.",
handle: "@max_berlin",
testimonial: "Die besten Kartoffelgnocchi mit Trüffelsauce. Es war wortwörtlich PERFEKT.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
},
{
name: "Julia S.",
handle: "@julia_foodie",
testimonial: "Authentisch, herzlich und unfassbar lecker. Toni macht den besten Service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
},
{
name: "Thomas V.",
handle: "@t_ve",
testimonial: "Ein echter Geheimtipp in Mitte. Burrata wie im Urlaub.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
},
{
name: "Elena R.",
handle: "@elena",
testimonial: "Die Pasta ist ein Gedicht, jedes Mal aufs Neue.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.jpg",
},
{
name: "Markus H.",
handle: "@markus",
testimonial: "Wunderbare Atmosphäre und ehrliches Handwerk.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg",
},
]}
buttons={[
{
text: "TISCH RESERVIEREN",
href: "#reservierung",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/fried-julien-with-mushrooms-cheese_140725-2094.jpg"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg",
alt: "Gast 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg",
alt: "Gast 2",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132610.jpg",
alt: "Gast 3",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-cream_23-2149426734.jpg",
alt: "Gast 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575173.jpg",
alt: "Gast 5",
},
]}
/>
</div>
<div id="filosofia" data-section="filosofia">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "„Buon appetito\" ist bei uns kein Spruch es ist ein Versprechen.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208285.jpg",
alt: "Toni in der Küche",
},
{
type: "text",
content: "Frische Zutaten. Ehrliche Rezepte. Ein Team, das jeden Gast wie Familie behandelt.",
},
]}
/>
</div>
<div id="gerichte" data-section="gerichte">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
title: "Trüffel Gnocchi",
description: "Hausgemacht mit frischem Trüffel.",
imageSrc: "http://img.b2bpic.net/free-photo/pity-white-plate-with-lamb-fat-lamb-chestnuts-peas_141793-466.jpg",
},
{
title: "Burrata Pugliese",
description: "Cremig, frisch und saisonal serviert.",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-egg-sandwich-plate_23-2148633440.jpg",
},
{
title: "Amatriciana",
description: "Traditionell, ehrlich, italienisch.",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-table-top-view_140725-6547.jpg",
},
]}
title="Unsere Signature-Gerichte"
description="Eine Auswahl unserer beliebtesten Klassiker."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah M.",
handle: "@sarah_m",
testimonial: "Ein Stück Italien mitten im Herzen von Berlin.",
imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg",
},
{
id: "2",
name: "Markus H.",
handle: "@markus",
testimonial: "Hervorragender Wein, toller Service, komme wieder.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222258.jpg",
},
{
id: "3",
name: "Elena R.",
handle: "@elena",
testimonial: "Die Atmosphäre ist einfach magisch.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg",
},
{
id: "4",
name: "Kevin L.",
handle: "@kevin",
testimonial: "Preis-Leistung absolut unschlagbar.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575130.jpg",
},
{
id: "5",
name: "Lisa B.",
handle: "@lisa",
testimonial: "Ein echter Geheimtipp für Paare.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg",
},
]}
title="Unsere Gäste"
description="Was Berlin über uns sagt."
/>
</div>
<div id="galerie" data-section="galerie">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Authentisch",
description: "Echte italienische Produkte",
icon: CheckCircle,
},
{
id: "m2",
value: "4.8",
title: "Sterne",
description: "Auf Google bewertet",
icon: Star,
},
{
id: "m3",
value: "200+",
title: "Rezensionen",
description: "Glückliche Stammgäste",
icon: Award,
},
]}
title="L'Atmosfera"
description="Ein Blick in unsere Welt."
/>
</div>
<div id="kontakt" data-section="kontakt">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Adresse",
content: "Bocca Felice, Berlin Mitte",
},
{
id: "f2",
title: "Öffnungszeiten",
content: "MoSa: 1223 Uhr, Sonntag: Ruhetag",
},
{
id: "f3",
title: "Reservierung",
content: "Per Telefon oder vor Ort.",
},
]}
mediaAnimation="slide-up"
title="Finden Sie uns"
description="Wir freuen uns auf Ihren Besuch."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/classic-luxury-restaurant-with-tables-chairs_140725-9388.jpg"
/>
</div>
<div id="reservierung" data-section="reservierung">
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
text="Ihr Tisch wartet. Reservieren Sie jetzt für Ihren Besuch."
buttons={[
{
text: "JETZT RESERVIEREN",
href: "tel:03012345678",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="BOCCA FELICE"
columns={[
{
title: "Restaurant",
items: [
{
label: "Über uns",
href: "#filosofia",
},
{
label: "Menü",
href: "#gerichte",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Bocca Felice" />
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Bocca Felice. Echte italienische Küche. Mitten in Berlin."
description="Wo Berlin auf echtes Italien trifft ohne Umwege."
testimonials={[
{ name: "Maximilian K.", handle: "@max_berlin", testimonial: "Die besten Kartoffelgnocchi mit Trüffelsauce. Es war wortwörtlich PERFEKT.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg" },
{ name: "Julia S.", handle: "@julia_foodie", testimonial: "Authentisch, herzlich und unfassbar lecker. Toni macht den besten Service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
{ name: "Thomas V.", handle: "@t_ve", testimonial: "Ein echter Geheimtipp in Mitte. Burrata wie im Urlaub.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
{ name: "Elena R.", handle: "@elena", testimonial: "Die Pasta ist ein Gedicht, jedes Mal aufs Neue.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.jpg" },
{ name: "Markus H.", handle: "@markus", testimonial: "Wunderbare Atmosphäre und ehrliches Handwerk.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg" }
]}
buttons={[{text: "TISCH RESERVIEREN", href: "#reservierung"}]}
imageSrc="http://img.b2bpic.net/free-photo/fried-julien-with-mushrooms-cheese_140725-2094.jpg"
showBlur={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg", alt: "Gast 1" },
{ src: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg", alt: "Gast 2" },
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132610.jpg", alt: "Gast 3" },
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-kid-with-ice-cream_23-2149426734.jpg", alt: "Gast 4" },
{ src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575173.jpg", alt: "Gast 5" }
]}
/>
</div>
<div id="filosofia" data-section="filosofia">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "„Buon appetito" ist bei uns kein Spruch es ist ein Versprechen." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208285.jpg", alt: "Toni in der Küche" },
{ type: "text", content: "Frische Zutaten. Ehrliche Rezepte. Ein Team, das jeden Gast wie Familie behandelt." }
]}
/>
</div>
<div id="gerichte" data-section="gerichte">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={false}
title="Unsere Signature-Gerichte"
description="Eine Auswahl unserer beliebtesten Klassiker."
features={[
{ title: "Trüffel Gnocchi", description: "Hausgemacht mit frischem Trüffel.", imageSrc: "http://img.b2bpic.net/free-photo/pity-white-plate-with-lamb-fat-lamb-chestnuts-peas_141793-466.jpg" },
{ title: "Burrata Pugliese", description: "Cremig, frisch und saisonal serviert.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-egg-sandwich-plate_23-2148633440.jpg" },
{ title: "Amatriciana", description: "Traditionell, ehrlich, italienisch.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-table-top-view_140725-6547.jpg" }
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Unsere Gäste"
description="Was Berlin über uns sagt."
testimonials={[
{ id: "1", name: "Sarah M.", handle: "@sarah_m", testimonial: "Ein Stück Italien mitten im Herzen von Berlin.", imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg" },
{ id: "2", name: "Markus H.", handle: "@markus", testimonial: "Hervorragender Wein, toller Service, komme wieder.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222258.jpg" },
{ id: "3", name: "Elena R.", handle: "@elena", testimonial: "Die Atmosphäre ist einfach magisch.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg" },
{ id: "4", name: "Kevin L.", handle: "@kevin", testimonial: "Preis-Leistung absolut unschlagbar.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575130.jpg" },
{ id: "5", name: "Lisa B.", handle: "@lisa", testimonial: "Ein echter Geheimtipp für Paare.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg" }
]}
/>
</div>
<div id="galerie" data-section="galerie">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="L'Atmosfera"
description="Ein Blick in unsere Welt."
metrics={[
{ id: "m1", value: "100%", title: "Authentisch", description: "Echte italienische Produkte", icon: CheckCircle },
{ id: "m2", value: "4.8", title: "Sterne", description: "Auf Google bewertet", icon: Star },
{ id: "m3", value: "200+", title: "Rezensionen", description: "Glückliche Stammgäste", icon: Award }
]}
/>
</div>
<div id="reservierung" data-section="reservierung">
<ContactText
text="Ihr Tisch wartet. Reservieren Sie jetzt für Ihren Besuch."
buttons={[{text: "JETZT RESERVIEREN", href: "tel:03012345678"}]}
background={{variant: "plain"}}
/>
</div>
<div id="kontakt" data-section="kontakt">
<FaqSplitMedia
textboxLayout="split"
title="Finden Sie uns"
description="Wir freuen uns auf Ihren Besuch."
faqs={[
{ id: "f1", title: "Adresse", content: "Bocca Felice, Berlin Mitte" },
{ id: "f2", title: "Öffnungszeiten", content: "MoSa: 1223 Uhr, Sonntag: Ruhetag" },
{ id: "f3", title: "Reservierung", content: "Per Telefon oder vor Ort." }
]}
imageSrc="http://img.b2bpic.net/free-photo/classic-luxury-restaurant-with-tables-chairs_140725-9388.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="BOCCA FELICE"
columns={[
{ title: "Restaurant", items: [{ label: "Über uns", href: "#filosofia" }, { label: "Menü", href: "#gerichte" }] },
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
);
}
}