Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -29,20 +29,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Info",
-          id: "#info",
-        },
-        {
-          name: "Kontakt",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Info", id: "#info" },
+        { name: "Kontakt", id: "#contact" },
       ]}
       brandName="RiesenWasserRutsche Grömitz"
+      button={{ text: "Tickets", href: "#ecommerce" }}
     />
   </div>
 
@@ -50,12 +42,7 @@ export default function LandingPage() {
       <HeroLogo
       logoText="RiesenWasserRutsche Grömitz"
       description="Seit 2010 in Grömitz die besondere Attraktion. Die Rutsche ist ab sofort wieder geöffnet. Täglich von 11:00 - 18:00 Uhr."
-      buttons={[
-        {
-          text: "Jetzt besuchen",
-          href: "#info",
-        },
-      ]}
+      buttons={[{ text: "Jetzt besuchen", href: "#info" }]}
       imageSrc="http://img.b2bpic.net/free-photo/two-female-tourists-hold-map-find-places_1150-5739.jpg"
       imageAlt="Giant water slide in Grömitz"
     />
@@ -81,80 +68,33 @@ export default function LandingPage() {
       title="Die Attraktion im Überblick"
       description="Erfahren Sie, warum unsere Rutsche ein Highlight für jeden Strandbesuch in Grömitz ist."
       metrics={[
-        {
-          id: "m1",
-          value: "2010",
-          title: "Eröffnung",
-          description: "Seit über einem Jahrzehnt Rutschvergnügen.",
-          icon: Calendar,
-        },
-        {
-          id: "m2",
-          value: "7h",
-          title: "Tägliche Öffnungszeit",
-          description: "Von 11:00 bis 18:00 Uhr für Sie da.",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Spaßfaktor",
-          description: "Garantiert bei jedem Sonnenschein.",
-          icon: Sun,
-        },
-        {
-          id: "m4",
-          value: "Top",
-          title: "Lage",
-          description: "Direkt am schönen Grömitzer Strand.",
-          icon: MapPin,
-        },
-        {
-          id: "m5",
-          value: "Alle",
-          title: "Altersgruppen",
-          description: "Spaß für Groß und Klein.",
-          icon: Users,
-        },
+        { id: "m1", value: "2010", title: "Eröffnung", description: "Seit über einem Jahrzehnt Rutschvergnügen.", icon: Calendar },
+        { id: "m2", value: "7h", title: "Tägliche Öffnungszeit", description: "Von 11:00 bis 18:00 Uhr für Sie da.", icon: Clock },
+        { id: "m3", value: "100%", title: "Spaßfaktor", description: "Garantiert bei jedem Sonnenschein.", icon: Sun },
+        { id: "m4", value: "Top", title: "Lage", description: "Direkt am schönen Grömitzer Strand.", icon: MapPin },
+        { id: "m5", value: "Alle", title: "Altersgruppen", description: "Spaß für Groß und Klein.", icon: Users },
       ]}
     />
   </div>
 
   <div id="ecommerce" data-section="ecommerce">
-      <ProductCart />
+      <ProductCart isOpen={false} onClose={() => {}} items={[]} total="0,00 €" buttons={[]} />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Kontakt"
       title="Haben Sie Fragen?"
       description="Besuchen Sie uns am Strand von Grömitz. Wir sind täglich von 11 bis 18 Uhr für Sie da."
-      buttons={[
-        {
-          text: "Anfahrt planen",
-          href: "https://maps.google.com",
-        },
-      ]}
+      buttons={[{ text: "Anfahrt planen", href: "https://maps.google.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
-      columns={[
-        {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Impressum",
-              href: "/impressum",
-            },
-          ],
-        },
-      ]}
+      columns={[{ title: "Rechtliches", items: [{ label: "Impressum", href: "/impressum" }] }]}
       logoText="RiesenWasserRutsche Grömitz"
       copyrightText="© 2023 Marko Becker"
     />