src/app/page.tsx

@@ -19,7 +19,7 @@ export default function HomePage() {
         <NavbarStyleFullscreen navItems={navItems} brandName="Bocca Felice" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroOverlayTestimonial 
+        <HeroOverlayTestimonial
           title="Bocca Felice. Echte italienische Küche. Mitten in Berlin."
           description="Wo Berlin auf echtes Italien trifft – ohne Umwege."
           testimonials={[
@@ -29,7 +29,7 @@ export default function HomePage() {
             { 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"}]}
+          buttons={[{ text: "TISCH RESERVIEREN", href: "#reservierung" }]}
           imageSrc="http://img.b2bpic.net/free-photo/fried-julien-with-mushrooms-cheese_140725-2094.jpg"
           showBlur={true}
           avatars={[
@@ -42,7 +42,7 @@ export default function HomePage() {
         />
       </div>
       <div id="filosofia" data-section="filosofia">
-        <InlineImageSplitTextAbout 
+        <InlineImageSplitTextAbout
           useInvertedBackground={false}
           heading={[
             { type: "text", content: "„Buon appetito" ist bei uns kein Spruch – es ist ein Versprechen." },
@@ -52,9 +52,9 @@ export default function HomePage() {
         />
       </div>
       <div id="gerichte" data-section="gerichte">
-        <FeatureCardSeven 
-          animationType="slide-up" 
-          textboxLayout="inline-image" 
+        <FeatureCardSeven
+          animationType="slide-up"
+          textboxLayout="inline-image"
           useInvertedBackground={false}
           title="Unsere Signature-Gerichte"
           description="Eine Auswahl unserer beliebtesten Klassiker."
@@ -66,9 +66,9 @@ export default function HomePage() {
         />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardSix 
-          animationType="slide-up" 
-          textboxLayout="default" 
+        <TestimonialCardSix
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
           title="Unsere Gäste"
           description="Was Berlin über uns sagt."
@@ -82,10 +82,10 @@ export default function HomePage() {
         />
       </div>
       <div id="galerie" data-section="galerie">
-        <MetricCardOne 
-          animationType="slide-up" 
-          textboxLayout="default" 
-          gridVariant="uniform-all-items-equal" 
+        <MetricCardOne
+          animationType="slide-up"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
           title="L'Atmosfera"
           description="Ein Blick in unsere Welt."
@@ -97,15 +97,15 @@ export default function HomePage() {
         />
       </div>
       <div id="reservierung" data-section="reservierung">
-        <ContactText 
+        <ContactText
           text="Ihr Tisch wartet. Reservieren Sie jetzt für Ihren Besuch."
-          buttons={[{text: "JETZT RESERVIEREN", href: "tel:03012345678"}]}
-          background={{variant: "plain"}}
+          buttons={[{ text: "JETZT RESERVIEREN", href: "tel:03012345678" }]}
+          background={{ variant: "plain" }}
         />
       </div>
       <div id="kontakt" data-section="kontakt">
-        <FaqSplitMedia 
-          textboxLayout="split" 
+        <FaqSplitMedia
+          textboxLayout="split"
           title="Finden Sie uns"
           description="Wir freuen uns auf Ihren Besuch."
           faqs={[
@@ -117,7 +117,7 @@ export default function HomePage() {
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBaseReveal 
+        <FooterBaseReveal
           logoText="BOCCA FELICE"
           columns={[
             { title: "Restaurant", items: [{ label: "Über uns", href: "#filosofia" }, { label: "Menü", href: "#gerichte" }] },