Update src/app/page.tsx

Merge version_2 into main

src/app/admin/page.tsx

@@ -28,13 +28,15 @@ export default function AdminPage() {
           brandName="Pajo's Zapfbar"
           navItems={[
             { name: "Reservieren", id: "/booking" },
+            { name: "Shop", id: "/shop" },
             { name: "Über uns", id: "#about" },
             { name: "Preise", id: "#pricing" },
             { name: "Kontakt", id: "#contact" },
             { name: "Admin", id: "/admin" },
           ]}
           button={{
-            text: "Jetzt buchen",            href: "/booking"}}
+            text: "Jetzt buchen",            href: "/booking"
+          }}
           className="z-50"
         />
       </div>
@@ -53,22 +55,26 @@ export default function AdminPage() {
               id: 1,
               title: "Reservierungen verwalten",              description:
                 "Übersicht aller Reservierungen mit Echtzeit-Updates. Bearbeiten, bestätigen oder stornieren Sie Buchungen mit wenigen Klicks.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=3",              imageAlt: "Reservierungen verwalten"},
+                "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=3",              imageAlt: "Reservierungen verwalten"
+            },
             {
               id: 2,
               title: "Tischplanung",              description:
                 "Visuelle Tischplanung mit automatischer Optimierung. Kombinieren Sie Tische intelligent für größere Gruppen.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=3",              imageAlt: "Tischplanung und Layout"},
+                "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=3",              imageAlt: "Tischplanung und Layout"
+            },
             {
               id: 3,
               title: "Gäste-Management",              description:
                 "Verwalten Sie Gästedaten, Vorlieben und Besuchshistorie. Personalisierte Service-Empfehlungen basierend auf Besuchsmustern.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=5",              imageAlt: "Gäste-Datenbank"},
+                "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=5",              imageAlt: "Gäste-Datenbank"
+            },
             {
               id: 4,
               title: "Benachrichtigungen",              description:
                 "Automatische Benachrichtigungen für neue Reservierungen, Stornierungen und Änderungen. Konfigurierbare Alert-Einstellungen.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=4",              imageAlt: "Benachrichtigungssystem"},
+                "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=4",              imageAlt: "Benachrichtigungssystem"
+            },
           ]}
           buttons={[
             { text: "Admin-Dashboard öffnen", href: "#admin-access" },
@@ -92,19 +98,22 @@ export default function AdminPage() {
               id: "admin-basic",              title: "Basic Admin",              price: "€14",              period: "/Monat",              imageSrc:
                 "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=6",              imageAlt: "Basic Admin Paket",              button: { text: "Auswählen", href: "#contact" },
               features: [
-                "Reservierungsverwaltung",                "Grundlegende Tischplanung",                "E-Mail Benachrichtigungen",                "Bis zu 1 Admin-Benutzer",                "Tägliche Backups"],
+                "Reservierungsverwaltung",                "Grundlegende Tischplanung",                "E-Mail Benachrichtigungen",                "Bis zu 1 Admin-Benutzer",                "Tägliche Backups"
+              ],
             },
             {
               id: "admin-pro",              title: "Pro Admin",              price: "€49",              period: "/Monat",              imageSrc:
                 "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=5",              imageAlt: "Pro Admin Paket",              button: { text: "Auswählen", href: "#contact" },
               features: [
-                "Alles aus Basic Admin",                "SMS Benachrichtigungen",                "Gäste-Management",                "Bis zu 5 Admin-Benutzer",                "Erweiterte Analysen",                "Priorisierter Support"],
+                "Alles aus Basic Admin",                "SMS Benachrichtigungen",                "Gäste-Management",                "Bis zu 5 Admin-Benutzer",                "Erweiterte Analysen",                "Priorisierter Support"
+              ],
             },
             {
               id: "admin-enterprise",              title: "Enterprise Admin",              price: "€149",              period: "/Monat",              imageSrc:
                 "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=4",              imageAlt: "Enterprise Admin Paket",              button: { text: "Kontaktieren Sie uns", href: "#contact" },
               features: [
-                "Alles aus Pro Admin",                "Unbegrenzte Admin-Benutzer",                "API-Zugriff für Integrationen",                "Custom Reports",                "Whitelabel-Optionen",                "24/7 Premium Support"],
+                "Alles aus Pro Admin",                "Unbegrenzte Admin-Benutzer",                "API-Zugriff für Integrationen",                "Custom Reports",                "Whitelabel-Optionen",                "24/7 Premium Support"
+              ],
             },
           ]}
         />
@@ -131,6 +140,7 @@ export default function AdminPage() {
             {
               title: "Produkt",              items: [
                 { label: "Reservieren", href: "/booking" },
+                { label: "Shop", href: "/shop" },
                 { label: "Admin Dashboard", href: "/admin" },
                 { label: "Preise", href: "#pricing" },
                 { label: "Features", href: "#features" },

src/app/booking/page.tsx

@@ -27,13 +27,15 @@ export default function BookingPage() {
           brandName="Pajo's Zapfbar"
           navItems={[
             { name: "Reservieren", id: "/booking" },
+            { name: "Shop", id: "/shop" },
             { name: "Über uns", id: "#about" },
             { name: "Preise", id: "#pricing" },
             { name: "Kontakt", id: "#contact" },
             { name: "Admin", id: "/admin" },
           ]}
           button={{
-            text: "Jetzt buchen",            href: "/booking"}}
+            text: "Jetzt buchen",            href: "/booking"
+          }}
           className="z-50"
         />
       </div>
@@ -54,22 +56,26 @@ export default function BookingPage() {
               name: "Max Müller",              handle: "Regelmäßiger Gast",              testimonial:
                 "Sehr benutzerfreundlich! In weniger als 2 Minuten war meine Reservierung bestätigt.",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg?_wi=2",              imageAlt: "Max Müller"},
+                "http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg?_wi=2",              imageAlt: "Max Müller"
+            },
             {
               name: "Julia Schmidt",              handle: "Event Organisatorin",              testimonial:
                 "Perfekt für größere Gruppen. Die automatische Tischkombination hat uns viel Planungszeit gespart.",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-3394.jpg?_wi=2",              imageAlt: "Julia Schmidt"},
+                "http://img.b2bpic.net/free-photo/mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-3394.jpg?_wi=2",              imageAlt: "Julia Schmidt"
+            },
             {
               name: "Andreas Weber",              handle: "Stammkunde",              testimonial:
                 "Ich schätze die SMS-Bestätigung und die Erinnerung vor meinem Besuch. Nie wieder vergessen!",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg?_wi=2",              imageAlt: "Andreas Weber"},
+                "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg?_wi=2",              imageAlt: "Andreas Weber"
+            },
             {
               name: "Patricia Hoffmann",              handle: "Geschäftsfrau",              testimonial:
                 "Ideal für spontane Geschäftsessen. Die Verfügbarkeit wird in Echtzeit angezeigt.",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134458.jpg?_wi=2",              imageAlt: "Patricia Hoffmann"},
+                "http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134458.jpg?_wi=2",              imageAlt: "Patricia Hoffmann"
+            },
           ]}
           buttons={[
             { text: "Jetzt buchen", href: "#booking" },
@@ -101,6 +107,7 @@ export default function BookingPage() {
             {
               title: "Produkt",              items: [
                 { label: "Reservieren", href: "/booking" },
+                { label: "Shop", href: "/shop" },
                 { label: "Admin Dashboard", href: "/admin" },
                 { label: "Preise", href: "#pricing" },
                 { label: "Features", href: "#features" },

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
-import { Calendar, Zap, DollarSign } from "lucide-react";
+import { Calendar, Zap, DollarSign, ShoppingCart } from "lucide-react";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
 import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
 import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
 
 export default function HomePage() {
   return (
@@ -29,13 +30,15 @@ export default function HomePage() {
           brandName="Pajo's Zapfbar"
           navItems={[
             { name: "Reservieren", id: "/booking" },
+            { name: "Shop", id: "/shop" },
             { name: "Über uns", id: "#about" },
             { name: "Preise", id: "#pricing" },
             { name: "Kontakt", id: "#contact" },
             { name: "Admin", id: "/admin" },
           ]}
           button={{
-            text: "Jetzt buchen",            href: "/booking"}}
+            text: "Jetzt buchen",            href: "/booking"
+          }}
           className="z-50"
         />
       </div>
@@ -48,7 +51,7 @@ export default function HomePage() {
           tag="Online Reservierungssystem"
           tagIcon={Calendar}
           tagAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/close-up-male-s-hand-holding-glass-drinks-using-mobile-phone_23-2147861952.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-male-s-hand-holding-glass-drinks-using-mobile-phone_23-2147861952.jpg?_wi=1"
           imageAlt="Pajo's Zapfbar Reservierungssystem"
           mediaAnimation="slide-up"
           testimonials={[
@@ -56,25 +59,29 @@ export default function HomePage() {
               name: "Marco Pajo",              handle: "Geschäftsführer, Pajo's Zapfbar",              testimonial:
                 "Das Reservierungssystem hat unser Geschäft transformiert. Wir können jetzt viel effizienter planen und unsere Gäste sind zufriedener.",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg?_wi=1",              imageAlt: "Marco Pajo Porträt"},
+                "http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg?_wi=1",              imageAlt: "Marco Pajo Porträt"
+            },
             {
               name: "Sarah Wagner",              handle: "Event Managerin",              testimonial:
                 "Perfekt für große Gruppen! Die automatische Tischkombination spart uns so viel Zeit bei der Planung.",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-3394.jpg?_wi=1",              imageAlt: "Sarah Wagner Porträt"},
+                "http://img.b2bpic.net/free-photo/mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-3394.jpg?_wi=1",              imageAlt: "Sarah Wagner Porträt"
+            },
             {
               name: "Thomas Becker",              handle: "Stammgast",              testimonial:
                 "Ich buche jetzt regelmäßig online. Viel bequemer als anzurufen und ich bekomme sofort eine Bestätigung.",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg?_wi=1",              imageAlt: "Thomas Becker Porträt"},
+                "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg?_wi=1",              imageAlt: "Thomas Becker Porträt"
+            },
             {
               name: "Lisa Meyer",              handle: "Restaurant Manager",              testimonial:
                 "Die Admin-Dashboard ist intuitiv zu bedienen. Alle Reservierungen auf einen Blick - genau das haben wir gebraucht.",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134458.jpg?_wi=1",              imageAlt: "Lisa Meyer Porträt"},
+                "http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134458.jpg?_wi=1",              imageAlt: "Lisa Meyer Porträt"
+            },
           ]}
           buttons={[
-            { text: "Jetzt reservieren", href: "/booking" },
+            { text: "Tisch jetzt buchen", href: "/booking" },
             { text: "Mehr erfahren", href: "#features" },
           ]}
           buttonAnimation="blur-reveal"
@@ -96,22 +103,26 @@ export default function HomePage() {
               id: 1,
               title: "Tischtyp wählen",              description:
                 "Wählen Sie zwischen unserem großzügigen Zapftisch oder einem gemütlichen normalen Tisch. Beide Optionen bieten ein großartiges Erlebnis.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=1",              imageAlt: "Tischtyp Auswahl Interface"},
+                "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=1",              imageAlt: "Tischtyp Auswahl Interface"
+            },
             {
               id: 2,
               title: "Gästezahl eingeben",              description:
                 "Teilen Sie uns mit, wie viele Personen kommen. Unser System findet automatisch die besten verfügbaren Tische für Sie.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=1",              imageAlt: "Gästezahl Eingabe"},
+                "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=1",              imageAlt: "Gästezahl Eingabe"
+            },
             {
               id: 3,
               title: "Zeitpunkt wählen",              description:
                 "Wählen Sie Ihr bevorzugtes Datum und Ihre Uhrzeit. Unser Kalender zeigt Ihnen sofort die Verfügbarkeit.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=2",              imageAlt: "Datum und Uhrzeit Auswahl"},
+                "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=2",              imageAlt: "Datum und Uhrzeit Auswahl"
+            },
             {
               id: 4,
               title: "Bestätigung erhalten",              description:
                 "Nach Ihrer Reservierung erhalten Sie eine sofortige Bestätigung per E-Mail und SMS. Der Admin wird benachrichtigt.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=1",              imageAlt: "Bestätigungsschirm"},
+                "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=1",              imageAlt: "Bestätigungsschirm"
+            },
           ]}
           buttons={[{ text: "Reservieren Sie jetzt", href: "/booking" }]}
           buttonAnimation="blur-reveal"
@@ -133,19 +144,22 @@ export default function HomePage() {
               id: "basic",              title: "Kostenloses System",              price: "€0",              period: "für immer",              imageSrc:
                 "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=3",              imageAlt: "Kostenloses System Plan",              button: { text: "Kostenlos starten", href: "/booking" },
               features: [
-                "Online Tischreservierung",                "Automatische Tischkombination",                "E-Mail Benachrichtigungen",                "Basis Admin-Dashboard",                "Bis zu 50 Reservierungen/Monat"],
+                "Online Tischreservierung",                "Automatische Tischkombination",                "E-Mail Benachrichtigungen",                "Basis Admin-Dashboard",                "Bis zu 50 Reservierungen/Monat"
+              ],
             },
             {
               id: "pro",              title: "Professional",              price: "€29",              period: "/Monat",              imageSrc:
                 "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=2",              imageAlt: "Professional Plan",              button: { text: "Jetzt upgraden", href: "#contact" },
               features: [
-                "Alles aus dem kostenlosen Plan",                "SMS Benachrichtigungen",                "Erweiterte Admin-Funktionen",                "Reservierungshistorie",                "Unbegrenzte Reservierungen",                "E-Mail Support"],
+                "Alles aus dem kostenlosen Plan",                "SMS Benachrichtigungen",                "Erweiterte Admin-Funktionen",                "Reservierungshistorie",                "Unbegrenzte Reservierungen",                "E-Mail Support"
+              ],
             },
             {
               id: "enterprise",              title: "Enterprise",              price: "€99",              period: "/Monat",              imageSrc:
                 "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=2",              imageAlt: "Enterprise Plan",              button: { text: "Kontaktieren Sie uns", href: "#contact" },
               features: [
-                "Alles aus dem Professional Plan",                "Prioritäts-Support",                "API-Zugriff",                "Custom Branding",                "Multiple Benutzer",                "Erweiterte Analysen"],
+                "Alles aus dem Professional Plan",                "Prioritäts-Support",                "API-Zugriff",                "Custom Branding",                "Multiple Benutzer",                "Erweiterte Analysen"
+              ],
             },
           ]}
         />
@@ -172,6 +186,7 @@ export default function HomePage() {
             {
               title: "Produkt",              items: [
                 { label: "Reservieren", href: "/booking" },
+                { label: "Shop", href: "/shop" },
                 { label: "Admin Dashboard", href: "/admin" },
                 { label: "Preise", href: "#pricing" },
                 { label: "Features", href: "#features" },

src/app/shop/page.tsx

@@ -0,0 +1,170 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import Link from "next/link";
+import { ShoppingCart, Zap } from "lucide-react";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Pajo's Zapfbar"
+          navItems={[
+            { name: "Reservieren", id: "/booking" },
+            { name: "Shop", id: "/shop" },
+            { name: "Über uns", id: "#about" },
+            { name: "Preise", id: "#pricing" },
+            { name: "Kontakt", id: "#contact" },
+            { name: "Admin", id: "/admin" },
+          ]}
+          button={{
+            text: "Jetzt buchen",            href: "/booking"
+          }}
+          className="z-50"
+        />
+      </div>
+
+      <div id="shop-hero" data-section="shop-hero">
+        <HeroBillboardTestimonial
+          title="Unser Shop - Premium Produkte von Pajo's Zapfbar"
+          description="Entdecken Sie unsere exklusive Auswahl an hochwertigen Getränken, Spirituosen und Merchandise. Bestellen Sie Ihre Lieblingprodukte online und genießen Sie bequeme Lieferung."
+          background={{ variant: "plain" }}
+          tag="Online Shop"
+          tagIcon={ShoppingCart}
+          tagAnimation="blur-reveal"
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-male-s-hand-holding-glass-drinks-using-mobile-phone_23-2147861952.jpg?_wi=2"
+          imageAlt="Pajo's Zapfbar Shop Produkte"
+          mediaAnimation="slide-up"
+          testimonials={[
+            {
+              name: "Klaus Schneider",              handle: "Regelmäßiger Kunde",              testimonial:
+                "Die Qualität der Produkte ist ausgezeichnet und die Lieferung war schnell. Ich bin sehr zufrieden!",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/portrait-restaurant-waiter-wearing-professional-uniform-apron_482257-95100.jpg?_wi=1",              imageAlt: "Klaus Schneider"
+            },
+            {
+              name: "Petra Müller",              handle: "Geschenkekäuferin",              testimonial:
+                "Perfekt für besondere Anlässe! Die Merchandise-Artikel sind originell und hochwertig verarbeitet.",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-3394.jpg?_wi=1",              imageAlt: "Petra Müller"
+            },
+            {
+              name: "Robert Hoffmann",              handle: "Privatperson",              testimonial:
+                "Große Auswahl, faire Preise und freundlicher Kundenservice. Gerne wieder!",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg?_wi=1",              imageAlt: "Robert Hoffmann"
+            },
+            {
+              name: "Angela Weber",              handle: "Geschäftskundatin",              testimonial:
+                "Ausgezeichnet für Großbestellungen. Der Kundenservice antwortet schnell und hilft zuverlässig.",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134458.jpg?_wi=1",              imageAlt: "Angela Weber"
+            },
+          ]}
+          buttons={[
+            { text: "Zum Shop", href: "#products" },
+            { text: "Zurück zur Startseite", href: "/" },
+          ]}
+          buttonAnimation="blur-reveal"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardOne
+          title="Ausgewählte Produkte"
+          description="Entdecken Sie unsere beliebtesten und neuen Produkte. Hochwertige Qualität zu fairen Preisen."
+          tag="Bestseller & Neuheiten"
+          tagIcon={Zap}
+          tagAnimation="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          products={[
+            {
+              id: "1",              name: "Premium Bier Sortiment",              price: "€24,99",              imageSrc:
+                "http://img.b2bpic.net/free-photo/close-up-male-s-hand-holding-glass-drinks-using-mobile-phone_23-2147861952.jpg?_wi=3",              imageAlt: "Premium Bier Sortiment",              onProductClick: () => console.log("Premium Bier Sortiment clicked"),
+            },
+            {
+              id: "2",              name: "Zapfbar Merchandise Set",              price: "€34,99",              imageSrc:
+                "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42533.jpg?_wi=1",              imageAlt: "Zapfbar Merchandise Set",              onProductClick: () => console.log("Merchandise Set clicked"),
+            },
+            {
+              id: "3",              name: "Exklusive Spirituosen Box",              price: "€89,99",              imageSrc:
+                "http://img.b2bpic.net/free-photo/busy-man-using-telephone-computer-simultaneously_329181-10363.jpg?_wi=1",              imageAlt: "Exklusive Spirituosen Box",              onProductClick: () => console.log("Spirituosen Box clicked"),
+            },
+            {
+              id: "4",              name: "Pajo's Signature Cocktail Set",              price: "€59,99",              imageSrc:
+                "http://img.b2bpic.net/free-vector/school-timetable-template-with-flat-design_23-2147848898.jpg?_wi=1",              imageAlt: "Signature Cocktail Set",              onProductClick: () => console.log("Cocktail Set clicked"),
+            },
+          ]}
+        />
+      </div>
+
+      <div id="shop-contact" data-section="shop-contact">
+        <ContactText
+          text="Haben Sie Fragen zu unseren Produkten oder möchten Sie größere Mengen bestellen? Kontaktieren Sie uns gerne für individuelle Angebote und Beratung."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Kontakt aufnehmen", href: "#footer" },
+            { text: "Zurück zur Startseite", href: "/" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="Pajo's Zapfbar"
+          copyrightText="© 2025 Pajo's Zapfbar. Alle Rechte vorbehalten."
+          columns={[
+            {
+              title: "Produkt",              items: [
+                { label: "Reservieren", href: "/booking" },
+                { label: "Shop", href: "/shop" },
+                { label: "Admin Dashboard", href: "/admin" },
+                { label: "Preise", href: "#pricing" },
+                { label: "Features", href: "#features" },
+              ],
+            },
+            {
+              title: "Unternehmen",              items: [
+                { label: "Über uns", href: "#" },
+                { label: "Kontakt", href: "#contact" },
+                { label: "Impressum", href: "#" },
+                { label: "Datenschutz", href: "#" },
+              ],
+            },
+            {
+              title: "Rechtliches",              items: [
+                { label: "Nutzungsbedingungen", href: "#" },
+                { label: "Datenschutzerklärung", href: "#" },
+                { label: "Impressum", href: "#" },
+                { label: "Kontakt", href: "#contact" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}