From a9bafd9c5e750e7310d6132f796aff43c8a41070 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 19:06:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 220 +++++++++++++----------------------------------
 1 file changed, 58 insertions(+), 162 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 313b8af..d82342b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,26 +28,16 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Über uns",
-          id: "story",
-        },
+          name: "Über uns",          id: "story"},
         {
-          name: "Angebot",
-          id: "menu",
-        },
+          name: "Angebot",          id: "menu"},
         {
-          name: "Öffnungszeiten",
-          id: "info",
-        },
+          name: "Öffnungszeiten",          id: "info"},
         {
-          name: "Kontakt",
-          id: "contact",
-        },
+          name: "Kontakt",          id: "contact"},
       ]}
       button={{
-        text: "Vorbeikommen",
-        href: "#contact",
-      }}
+        text: "Vorbeikommen",        href: "#contact"}}
       brandName="Schallplatten-Café"
     />
   </div>
@@ -55,108 +45,58 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Kaffee, Vinyl & echtes Wohnzimmer-Feeling."
       description="Erlebe Kölner Südstadt-Gemütlichkeit. Stöbere in unserer Vinyl-Auswahl und genieße handgemachten Kaffee in einer Umgebung, die sich anfühlt wie bei Freunden."
       testimonials={[
         {
-          name: "Anna",
-          handle: "@KölnerVeedel",
-          testimonial: "Der einzige Ort, an dem ich wirklich runterkomme.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg?_wi=1",
-          imageAlt: "warm cafe interior wooden bar coffee",
-        },
+          name: "Anna",          handle: "@KölnerVeedel",          testimonial: "Der einzige Ort, an dem ich wirklich runterkomme.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg",          imageAlt: "warm cafe interior wooden bar coffee"},
         {
-          name: "Markus",
-          handle: "@VinylSammler",
-          testimonial: "Klasse Auswahl und der Cappuccino ist ein Traum.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg?_wi=1",
-          imageAlt: "barista making coffee cafe interior",
-        },
+          name: "Markus",          handle: "@VinylSammler",          testimonial: "Klasse Auswahl und der Cappuccino ist ein Traum.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg",          imageAlt: "barista making coffee cafe interior"},
         {
-          name: "Julia",
-          handle: "@Studierende",
-          testimonial: "Wie bei Freunden im Wohnzimmer – nur mit besserem Kaffee.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg?_wi=1",
-          imageAlt: "vinyl record on turntable warm light",
-        },
+          name: "Julia",          handle: "@Studierende",          testimonial: "Wie bei Freunden im Wohnzimmer – nur mit besserem Kaffee.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg",          imageAlt: "vinyl record on turntable warm light"},
         {
-          name: "Tom",
-          handle: "@SüdstadtLiebe",
-          testimonial: "Endlich kein steriles Café, sondern Charakter.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg?_wi=1",
-          imageAlt: "latte art coffee top view",
-        },
+          name: "Tom",          handle: "@SüdstadtLiebe",          testimonial: "Endlich kein steriles Café, sondern Charakter.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg",          imageAlt: "latte art coffee top view"},
         {
-          name: "Lena",
-          handle: "@MusikFan",
-          testimonial: "Platten hören und Kaffee trinken. Perfekte Kombination.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg?_wi=1",
-          imageAlt: "vinyl records shelf blurred background",
-        },
+          name: "Lena",          handle: "@MusikFan",          testimonial: "Platten hören und Kaffee trinken. Perfekte Kombination.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg",          imageAlt: "vinyl records shelf blurred background"},
       ]}
       buttons={[
         {
-          text: "Jetzt vorbeikommen",
-          href: "#contact",
-        },
+          text: "Jetzt vorbeikommen",          href: "#contact"},
         {
-          text: "Karte ansehen",
-          href: "#info",
-        },
+          text: "Karte ansehen",          href: "#info"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg"
       imageAlt="Warmes Interieur unseres Cafés"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg",
-          alt: "Kunde 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg",          alt: "Kunde 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg",
-          alt: "Kunde 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg",          alt: "Kunde 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg",
-          alt: "Kunde 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg",          alt: "Kunde 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg",
-          alt: "Kunde 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg",          alt: "Kunde 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg",
-          alt: "Kunde 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg",          alt: "Kunde 5"},
       ]}
       avatarText="Mehr als 500 glückliche Gäste"
       marqueeItems={[
         {
-          type: "text",
-          text: "Hausgemachter Kuchen",
-        },
+          type: "text",          text: "Hausgemachter Kuchen"},
         {
-          type: "text",
-          text: "Vinyl-Sammlerstücke",
-        },
+          type: "text",          text: "Vinyl-Sammlerstücke"},
         {
-          type: "text",
-          text: "Südstadt-Treffpunkt",
-        },
+          type: "text",          text: "Südstadt-Treffpunkt"},
         {
-          type: "text",
-          text: "Handgerösteter Kaffee",
-        },
+          type: "text",          text: "Handgerösteter Kaffee"},
         {
-          type: "text",
-          text: "Gemütliche Atmosphäre",
-        },
+          type: "text",          text: "Gemütliche Atmosphäre"},
       ]}
     />
   </div>
@@ -166,7 +106,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Unser Wohnzimmer, dein Café"
       description="Was als Idee für einen Ort begann, an dem Musik auf Kaffee trifft, ist heute unsere Südstadt-Heimat. Wir stehen jeden Tag selbst hinter der Theke, um genau die Atmosphäre zu schaffen, die wir selbst lieben: authentisch, herzlich und voll Vinyl-Charakter. Hier gibt es keine Eile, nur gute Platten und das bewusste Langsam-Werden. Komm vorbei, setz dich in unsere Sofas und lass den Alltag draußen."
-      imageSrc="http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg"
       imageAlt="Der Inhaber im Gespräch mit Kunden"
     />
   </div>
@@ -178,36 +118,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "Heißgetränke",
-          descriptions: [
-            "Filterkaffee",
-            "Espresso",
-            "Cappuccino",
-            "Latte Macchiato",
-            "Ausgewählte Tees",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg?_wi=2",
-        },
+          id: "1",          title: "Heißgetränke",          descriptions: [
+            "Filterkaffee",            "Espresso",            "Cappuccino",            "Latte Macchiato",            "Ausgewählte Tees"],
+          imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg"},
         {
-          id: "2",
-          title: "Süßes",
-          descriptions: [
-            "Hausgemachter Kuchen",
-            "Frisches Gebäck",
-            "Tägliche wechselnde Auswahl",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=1",
-        },
+          id: "2",          title: "Süßes",          descriptions: [
+            "Hausgemachter Kuchen",            "Frisches Gebäck",            "Tägliche wechselnde Auswahl"],
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg"},
         {
-          id: "3",
-          title: "Herzhaftes",
-          descriptions: [
-            "Belegte Brote mit lokalen Zutaten",
-            "Frühstücks-Snacks",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg?_wi=2",
-        },
+          id: "3",          title: "Herzhaftes",          descriptions: [
+            "Belegte Brote mit lokalen Zutaten",            "Frühstücks-Snacks"],
+          imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg"},
       ]}
       title="Hausgemacht & frisch"
       description="Wir setzen auf Qualität und lokale Verbundenheit. Alles was wir servieren, ist mit Liebe ausgewählt."
@@ -216,41 +137,26 @@ export default function LandingPage() {
 
   <div id="gallery" data-section="gallery">
       <FeatureCardTwentySeven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "g1",
-          title: "Vinyl-Ecke",
-          descriptions: [
-            "Direkt vor Ort reinhören.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg?_wi=3",
-        },
+          id: "g1",          title: "Vinyl-Ecke",          descriptions: [
+            "Direkt vor Ort reinhören."],
+          imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg"},
         {
-          id: "g2",
-          title: "Kaffeekultur",
-          descriptions: [
-            "Handwerk im Detail.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg?_wi=3",
-        },
+          id: "g2",          title: "Kaffeekultur",          descriptions: [
+            "Handwerk im Detail."],
+          imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg"},
         {
-          id: "g3",
-          title: "Schallplatten",
-          descriptions: [
-            "Stöbern und Entdecken.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg?_wi=2",
-        },
+          id: "g3",          title: "Schallplatten",          descriptions: [
+            "Stöbern und Entdecken."],
+          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg"},
         {
-          id: "g4",
-          title: "Wohnzimmer",
-          descriptions: [
-            "Gemütliche Plätze.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=2",
-        },
+          id: "g4",          title: "Wohnzimmer",          descriptions: [
+            "Gemütliche Plätze."],
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg"},
       ]}
       title="Eindrücke"
       description="Ein kurzer Blick in unser kleines Vinyl-Paradies in der Bonner Straße."
@@ -261,8 +167,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Besuch uns in der Südstadt: Bonner Str. 348, Köln. Mo–Fr 8–18 Uhr. Wir freuen uns auf dich!"
     />
   </div>
@@ -271,8 +176,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Schreib uns einfach für Anfragen oder Tischreservierungen: info@schallplattencafe.de | 0221 123 456 789"
     />
   </div>
@@ -283,25 +187,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Impressum",
-              href: "#",
-            },
+              label: "Impressum",              href: "#"},
             {
-              label: "Datenschutz",
-              href: "#",
-            },
+              label: "Datenschutz",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Bonner Str. 348",
-              href: "#",
-            },
+              label: "Bonner Str. 348",              href: "#"},
             {
-              label: "50968 Köln",
-              href: "#",
-            },
+              label: "50968 Köln",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1