Update src/app/specialties/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Startseite",
-          id: "hero",
-        },
+          name: "Startseite",          id: "hero"},
         {
-          name: "Über uns",
-          id: "about",
-        },
+          name: "Über uns",          id: "about"},
         {
-          name: "Spezialitäten",
-          id: "menu",
-        },
+          name: "Spezialitäten",          id: "menu"},
         {
-          name: "Kontakt",
-          id: "contact",
-        },
+          name: "Kontakt",          id: "contact"},
       ]}
       brandName="Cafe Lunette"
     />
@@ -52,37 +44,24 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Cafe Lunette – Ihr kleiner Ort für große Genussmomente"
       description="Erleben Sie gemütliche Eleganz im Herzen von Tübingen. Handgemachte Kaffeespezialitäten und feine Backwaren erwarten Sie."
       buttons={[
         {
-          text: "Besuchen Sie uns",
-          href: "#contact",
-        },
+          text: "Besuchen Sie uns",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-inside-cup-plate-with-french-macarons-pink-desk_140725-63659.jpg",
-          imageAlt: "Cafe Lunette Innenraum",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-inside-cup-plate-with-french-macarons-pink-desk_140725-63659.jpg",          imageAlt: "Cafe Lunette Innenraum"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-candies-with-cream-cakes-white-background-biscuit-sweet-cake-cookie-sugar_140725-109982.jpg?_wi=1",
-          imageAlt: "Feine Makaron",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-candies-with-cream-cakes-white-background-biscuit-sweet-cake-cookie-sugar_140725-109982.jpg?_wi=1",          imageAlt: "Feine Makaron"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/copy-smell-romantic-espresso-nice_1232-3947.jpg?_wi=1",
-          imageAlt: "Kaffee und Gebäck",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/copy-smell-romantic-espresso-nice_1232-3947.jpg?_wi=1",          imageAlt: "Kaffee und Gebäck"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissant-flowers-plate_23-2149660920.jpg?_wi=1",
-          imageAlt: "Frisches Croissant",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissant-flowers-plate_23-2149660920.jpg?_wi=1",          imageAlt: "Frisches Croissant"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-dessert-slices-with-raspberries-spices-top-view_114579-8378.jpg?_wi=1",
-          imageAlt: "Schokoladen-Brownie",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-dessert-slices-with-raspberries-spices-top-view_114579-8378.jpg?_wi=1",          imageAlt: "Schokoladen-Brownie"},
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -95,17 +74,11 @@ export default function LandingPage() {
       description="Cafe Lunette ist ein kleines, gemütliches Café im Herzen von Tübingen, das sich durch seine entspannte Atmosphäre und hochwertige Zubereitung auszeichnet. Alle Zutaten werden sorgfältig ausgewählt, viele Rezepte sind hausgemacht und unsere Baristas zaubern mit Leidenschaft jede Tasse Kaffee. Ein Ort, an dem man sich sofort willkommen fühlt."
       metrics={[
         {
-          value: "100%",
-          title: "Hausgemacht",
-        },
+          value: "100%",          title: "Hausgemacht"},
         {
-          value: "20+",
-          title: "Spezialitäten",
-        },
+          value: "20+",          title: "Spezialitäten"},
         {
-          value: "8",
-          title: "Sitzplätze",
-        },
+          value: "8",          title: "Sitzplätze"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/couple-cafe-with-mirror_171337-16541.jpg"
       imageAlt="Barista bei der Arbeit"
@@ -122,59 +95,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          brand: "Kaffee",
-          name: "Cappuccino",
-          price: "€4,80",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/copy-smell-romantic-espresso-nice_1232-3947.jpg?_wi=2",
-        },
+          id: "p1",          brand: "Kaffee",          name: "Cappuccino",          price: "€4,80",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/copy-smell-romantic-espresso-nice_1232-3947.jpg?_wi=2"},
         {
-          id: "p2",
-          brand: "Süßes",
-          name: "Rote Samt Makaron",
-          price: "€2,20",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-candies-with-cream-cakes-white-background-biscuit-sweet-cake-cookie-sugar_140725-109982.jpg?_wi=2",
-        },
+          id: "p2",          brand: "Süßes",          name: "Rote Samt Makaron",          price: "€2,20",          rating: 5,
+          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-candies-with-cream-cakes-white-background-biscuit-sweet-cake-cookie-sugar_140725-109982.jpg?_wi=2"},
         {
-          id: "p3",
-          brand: "Dessert",
-          name: "Brownie",
-          price: "€2,50",
-          rating: 5,
-          reviewCount: "92",
-          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-dessert-slices-with-raspberries-spices-top-view_114579-8378.jpg?_wi=2",
-        },
+          id: "p3",          brand: "Dessert",          name: "Brownie",          price: "€2,50",          rating: 5,
+          reviewCount: "92",          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-dessert-slices-with-raspberries-spices-top-view_114579-8378.jpg?_wi=2"},
         {
-          id: "p4",
-          brand: "Tee",
-          name: "Matcha Latte",
-          price: "€4,50",
-          rating: 4,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg",
-        },
+          id: "p4",          brand: "Tee",          name: "Matcha Latte",          price: "€4,50",          rating: 4,
+          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg?_wi=1"},
         {
-          id: "p5",
-          brand: "Frühstück",
-          name: "Croissant",
-          price: "€2,50",
-          rating: 5,
-          reviewCount: "67",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissant-flowers-plate_23-2149660920.jpg?_wi=2",
-        },
+          id: "p5",          brand: "Frühstück",          name: "Croissant",          price: "€2,50",          rating: 5,
+          reviewCount: "67",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissant-flowers-plate_23-2149660920.jpg?_wi=2"},
         {
-          id: "p6",
-          brand: "Dessert",
-          name: "Frucht-Törtchen",
-          price: "€3,50",
-          rating: 5,
-          reviewCount: "33",
-          imageSrc: "http://img.b2bpic.net/free-photo/cake-donut-bakery-sweets-dessert-break-time_53876-16168.jpg",
-        },
+          id: "p6",          brand: "Dessert",          name: "Frucht-Törtchen",          price: "€3,50",          rating: 5,
+          reviewCount: "33",          imageSrc: "http://img.b2bpic.net/free-photo/cake-donut-bakery-sweets-dessert-break-time_53876-16168.jpg?_wi=1"},
       ]}
       title="Unsere Spezialitäten"
       description="Genießen Sie unsere handverlesene Auswahl an Kaffee, Tee und hausgemachten Backwaren."
@@ -188,59 +125,44 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Müller",
-          handle: "@sarahm",
-          testimonial: "Sehr gemütlich, leckerer Cappuccino und die Makaron sind ein Traum.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-203446.jpg",
-        },
+          id: "t1",          name: "Sarah Müller",          handle: "@sarahm",          testimonial: "Sehr gemütlich, leckerer Cappuccino und die Makaron sind ein Traum.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-203446.jpg"},
         {
-          id: "t2",
-          name: "Markus Weber",
-          handle: "@markusw",
-          testimonial: "Die Brownies sind perfekt portioniert, nicht zu süß, einfach köstlich.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424006.jpg",
-        },
+          id: "t2",          name: "Markus Weber",          handle: "@markusw",          testimonial: "Die Brownies sind perfekt portioniert, nicht zu süß, einfach köstlich.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424006.jpg"},
         {
-          id: "t3",
-          name: "Elena Schmidt",
-          handle: "@elenas",
-          testimonial: "Vegane Optionen vorhanden, alles frisch und mit Liebe gemacht.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg",
-        },
+          id: "t3",          name: "Elena Schmidt",          handle: "@elenas",          testimonial: "Vegane Optionen vorhanden, alles frisch und mit Liebe gemacht.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg"},
         {
-          id: "t4",
-          name: "Tobias Fischer",
-          handle: "@tobiasf",
-          testimonial: "Matcha Latte ist sehr empfehlenswert, ebenso wie die kleinen Kuchen.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3906.jpg",
-        },
+          id: "t4",          name: "Tobias Fischer",          handle: "@tobiasf",          testimonial: "Matcha Latte ist sehr empfehlenswert, ebenso wie die kleinen Kuchen.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3906.jpg"},
         {
-          id: "t5",
-          name: "Julia Schneider",
-          handle: "@julias",
-          testimonial: "Kleines, charmantes Café mit besonderem Flair. Man fühlt sich sofort zu Hause.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3931.jpg",
-        },
+          id: "t5",          name: "Julia Schneider",          handle: "@julias",          testimonial: "Kleines, charmantes Café mit besonderem Flair. Man fühlt sich sofort zu Hause.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3931.jpg"},
       ]}
       showRating={true}
-      title="Was unsere Gäste sagen"
-      description="Entdecken Sie, warum unsere Gäste das Cafe Lunette als ihren Lieblingsort in Tübingen bezeichnen."
+      title="Gästebuch"
+      description="Teilen Sie Ihre Erlebnisse im Cafe Lunette mit anderen Gästen."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
+      title="Kontaktieren Sie uns"
+      description="Wir freuen uns auf Ihre Nachricht! Für Reservierungen oder Fragen stehen wir Ihnen gerne zur Verfügung."
+      inputs={[
+        {
+          name: "name",          type: "text",          placeholder: "Ihr Name",          required: true
+        },
+        {
+          name: "email",          type: "email",          placeholder: "Ihre E-Mail-Adresse",          required: true
+        }
+      ]}
+      textarea={{
+          name: "message",          placeholder: "Ihre Nachricht",          rows: 4
       }}
-      text="Besuchen Sie uns in der Neuen Str. 4, 72070 Tübingen. Wir haben Mo–Fr von 08:00 bis 18:00 für Sie geöffnet. Telefonisch erreichen Sie uns unter +49 7071 6398298."
+      imageSrc="http://img.b2bpic.net/free-photo/copy-smell-romantic-espresso-nice_1232-3947.jpg?_wi=2"
     />
   </div>
 
@@ -248,37 +170,23 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Startseite",
-              href: "#hero",
-            },
+              label: "Startseite",              href: "#hero"},
             {
-              label: "Über uns",
-              href: "#about",
-            },
+              label: "Über uns",              href: "#about"},
             {
-              label: "Spezialitäten",
-              href: "#menu",
-            },
+              label: "Spezialitäten",              href: "#menu"},
           ],
         },
         {
-          title: "Rechtliches",
-          items: [
+          title: "Rechtliches",          items: [
             {
-              label: "Impressum",
-              href: "#",
-            },
+              label: "Impressum",              href: "#"},
             {
-              label: "Datenschutz",
-              href: "#",
-            },
+              label: "Datenschutz",              href: "#"},
             {
-              label: "Cookies",
-              href: "#",
-            },
+              label: "Cookies",              href: "#"},
           ],
         },
       ]}

src/app/specialties/page.tsx

@@ -0,0 +1,91 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function SpecialtiesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="mediumLarge"
+        background="noiseDiagonalGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Startseite", id: "/" },
+              { name: "Über uns", id: "/#about" },
+              { name: "Spezialitäten", id: "/specialties" },
+              { name: "Kontakt", id: "/#contact" },
+            ]}
+            brandName="Cafe Lunette"
+          />
+        </div>
+
+        <div id="menu" data-section="menu" style={{ paddingTop: "100px" }}>
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              {
+                id: "p1",                brand: "Kaffee",                name: "Cappuccino",                price: "€4,80",                rating: 5,
+                reviewCount: "120",                imageSrc: "http://img.b2bpic.net/free-photo/copy-smell-romantic-espresso-nice_1232-3947.jpg?_wi=2"},
+              {
+                id: "p2",                brand: "Süßes",                name: "Rote Samt Makaron",                price: "€2,20",                rating: 5,
+                reviewCount: "85",                imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-candies-with-cream-cakes-white-background-biscuit-sweet-cake-cookie-sugar_140725-109982.jpg?_wi=2"},
+              {
+                id: "p3",                brand: "Dessert",                name: "Brownie",                price: "€2,50",                rating: 5,
+                reviewCount: "92",                imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-dessert-slices-with-raspberries-spices-top-view_114579-8378.jpg?_wi=2"},
+              {
+                id: "p4",                brand: "Tee",                name: "Matcha Latte",                price: "€4,50",                rating: 4,
+                reviewCount: "45",                imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg?_wi=2"},
+              {
+                id: "p5",                brand: "Frühstück",                name: "Croissant",                price: "€2,50",                rating: 5,
+                reviewCount: "67",                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissant-flowers-plate_23-2149660920.jpg?_wi=2"},
+              {
+                id: "p6",                brand: "Dessert",                name: "Frucht-Törtchen",                price: "€3,50",                rating: 5,
+                reviewCount: "33",                imageSrc: "http://img.b2bpic.net/free-photo/cake-donut-bakery-sweets-dessert-break-time_53876-16168.jpg?_wi=2"},
+            ]}
+            title="Unsere Spezialitäten"
+            description="Genießen Sie unsere handverlesene Auswahl an Kaffee, Tee und hausgemachten Backwaren."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Navigation",                items: [
+                  { label: "Startseite", href: "/" },
+                  { label: "Über uns", href: "/#about" },
+                  { label: "Spezialitäten", href: "/specialties" },
+                ],
+              },
+              {
+                title: "Rechtliches",                items: [
+                  { label: "Impressum", href: "#" },
+                  { label: "Datenschutz", href: "#" },
+                  { label: "Cookies", href: "#" },
+                ],
+              },
+            ]}
+            logoText="Cafe Lunette"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}