Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Handwerk",
-          id: "#about",
-        },
+          name: "Handwerk",          id: "#about"},
         {
-          name: "Produkte",
-          id: "#produkte",
-        },
+          name: "Produkte",          id: "/schmiedekurs"},
         {
-          name: "Kontakt",
-          id: "#kontakt",
-        },
+          name: "Kontakt",          id: "#kontakt"},
       ]}
       brandName="MG-SCHMIEDE"
     />
@@ -54,101 +46,55 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroSplitTestimonial
       background={{
-        variant: "glowing-orb",
-      }}
+        variant: "glowing-orb"}}
       title="MG-SCHMIEDE: Meisterhaftes Metallhandwerk aus Bayern."
       description="Wo glühender Stahl auf höchste Präzision trifft. Roland schmiedet Damastmesser und Kunstwerke für die Ewigkeit."
       testimonials={[
         {
-          name: "Friedrich Metzger",
-          handle: "@kunde",
-          testimonial: "Nach meinem 2-Tageskurs bin ich begeistert. Roland ist nicht nur ein versierter Schmied, sondern auch ein Material-Experte.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707070.jpg?_wi=1",
-          imageAlt: "blacksmith forge workshop dark mode",
-        },
+          name: "Friedrich Metzger",          handle: "@kunde",          testimonial: "Nach meinem 2-Tageskurs bin ich begeistert. Roland ist nicht nur ein versierter Schmied, sondern auch ein Material-Experte.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707070.jpg?_wi=1",          imageAlt: "blacksmith forge workshop dark mode"},
         {
-          name: "Jochen Köhn",
-          handle: "@kunde",
-          testimonial: "Wir haben geschmiedete Gardinenstangen und einen Korkenzieher mit Drachenkopf bestellt. Absolut meisterhaft.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg?_wi=1",
-          imageAlt: "blacksmith forge workshop dark mode",
-        },
+          name: "Jochen Köhn",          handle: "@kunde",          testimonial: "Wir haben geschmiedete Gardinenstangen und einen Korkenzieher mit Drachenkopf bestellt. Absolut meisterhaft.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg?_wi=1",          imageAlt: "blacksmith forge workshop dark mode"},
         {
-          name: "Locke Tiger",
-          handle: "@kunde",
-          testimonial: "Absolut meisterhafte Arbeit! Das Messer ist ein Unikat, die Klinge ist perfekt geschärft.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepper-knife-cutting-board-with-vegetables-basket-garlic-crusher-bordo-surface_141793-10120.jpg?_wi=1",
-          imageAlt: "blacksmith forge workshop dark mode",
-        },
+          name: "Locke Tiger",          handle: "@kunde",          testimonial: "Absolut meisterhafte Arbeit! Das Messer ist ein Unikat, die Klinge ist perfekt geschärft.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepper-knife-cutting-board-with-vegetables-basket-garlic-crusher-bordo-surface_141793-10120.jpg?_wi=1",          imageAlt: "blacksmith forge workshop dark mode"},
         {
-          name: "Sarah K.",
-          handle: "@feinschmecker",
-          testimonial: "Ein Handwerk, das man fühlen kann. Das Messer begleitet mich jeden Tag beim Kochen.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-timber-tools_23-2148643217.jpg?_wi=1",
-          imageAlt: "blacksmith forge workshop dark mode",
-        },
+          name: "Sarah K.",          handle: "@feinschmecker",          testimonial: "Ein Handwerk, das man fühlen kann. Das Messer begleitet mich jeden Tag beim Kochen.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-timber-tools_23-2148643217.jpg?_wi=1",          imageAlt: "blacksmith forge workshop dark mode"},
         {
-          name: "Markus S.",
-          handle: "@sammler",
-          testimonial: "Es ist eine Freude, dass es noch so schöne, handgemachte Dinge gibt. Einfach klasse.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151143251.jpg?_wi=1",
-          imageAlt: "blacksmith forge workshop dark mode",
-        },
+          name: "Markus S.",          handle: "@sammler",          testimonial: "Es ist eine Freude, dass es noch so schöne, handgemachte Dinge gibt. Einfach klasse.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151143251.jpg?_wi=1",          imageAlt: "blacksmith forge workshop dark mode"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-scandinavian-female-viking-person_23-2151707070.jpg?_wi=2"
       imageAlt="Glühender Stahl im Forge-Workshop"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
-          alt: "Kunde 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",          alt: "Kunde 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
-          alt: "Kunde 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",          alt: "Kunde 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-13402.jpg",
-          alt: "Kunde 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-13402.jpg",          alt: "Kunde 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg",
-          alt: "Kunde 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg",          alt: "Kunde 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-slightly-smiling-elder_23-2148036814.jpg",
-          alt: "Kunde 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-slightly-smiling-elder_23-2148036814.jpg",          alt: "Kunde 5"},
       ]}
       avatarText="Über 100 zufriedene Kunden"
       marqueeItems={[
         {
-          type: "text",
-          text: "Handgeschmiedet in Kissing",
+          type: "text",          text: "Handgeschmiedet in Kissing"},
+        {
+          type: "text-icon",          text: "Hochwertiger Damast",          icon: Diamond,
         },
         {
-          type: "text-icon",
-          text: "Hochwertiger Damast",
-          icon: Diamond,
+          type: "text",          text: "Meisterhafte Qualität"},
+        {
+          type: "text-icon",          text: "Individuelle Anfertigung",          icon: Wrench,
         },
         {
-          type: "text",
-          text: "Meisterhafte Qualität",
-        },
-        {
-          type: "text-icon",
-          text: "Individuelle Anfertigung",
-          icon: Wrench,
-        },
-        {
-          type: "text",
-          text: "Regionale Handwerkskunst",
-        },
+          type: "text",          text: "Regionale Handwerkskunst"},
       ]}
     />
   </div>
@@ -171,59 +117,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          brand: "MG-Schmiede",
-          name: "Damast-Kochmesser",
-          price: "450 €",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepper-knife-cutting-board-with-vegetables-basket-garlic-crusher-bordo-surface_141793-10120.jpg?_wi=2",
-        },
+          id: "p1",          brand: "MG-Schmiede",          name: "Damast-Kochmesser",          price: "450 €",          rating: 5,
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepper-knife-cutting-board-with-vegetables-basket-garlic-crusher-bordo-surface_141793-10120.jpg?_wi=2"},
         {
-          id: "p2",
-          brand: "MG-Schmiede",
-          name: "Kaminbesteck \"Drache\"",
-          price: "890 €",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-timber-tools_23-2148643217.jpg?_wi=2",
-        },
+          id: "p2",          brand: "MG-Schmiede",          name: "Kaminbesteck \"Drache\"",          price: "890 €",          rating: 5,
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-timber-tools_23-2148643217.jpg?_wi=2"},
         {
-          id: "p3",
-          brand: "MG-Schmiede",
-          name: "Damaszener Flaschenöffner",
-          price: "95 €",
-          rating: 5,
-          reviewCount: "21",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151143251.jpg?_wi=2",
-        },
+          id: "p3",          brand: "MG-Schmiede",          name: "Damaszener Flaschenöffner",          price: "95 €",          rating: 5,
+          reviewCount: "21",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151143251.jpg?_wi=2"},
         {
-          id: "p4",
-          brand: "MG-Schmiede",
-          name: "Jagdmesser \"Tradition\"",
-          price: "380 €",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/antique-illustration-grammar-ornament-by-owen-jones_53876-74626.jpg",
-        },
+          id: "p4",          brand: "MG-Schmiede",          name: "Jagdmesser \"Tradition\"",          price: "380 €",          rating: 5,
+          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/antique-illustration-grammar-ornament-by-owen-jones_53876-74626.jpg"},
         {
-          id: "p5",
-          brand: "MG-Schmiede",
-          name: "Klingen-Unikat \"Sonderedition\"",
-          price: "650 €",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-small-sharp-knife-with-black-handle-black-background_181624-19641.jpg",
-        },
+          id: "p5",          brand: "MG-Schmiede",          name: "Klingen-Unikat \"Sonderedition\"",          price: "650 €",          rating: 5,
+          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-small-sharp-knife-with-black-handle-black-background_181624-19641.jpg"},
         {
-          id: "p6",
-          brand: "MG-Schmiede",
-          name: "Gartentor-Beschlag \"Schmiedeeisen\"",
-          price: "520 €",
-          rating: 5,
-          reviewCount: "7",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-wall-with-metal-rods_23-2148722029.jpg",
-        },
+          id: "p6",          brand: "MG-Schmiede",          name: "Gartentor-Beschlag \"Schmiedeeisen\"",          price: "520 €",          rating: 5,
+          reviewCount: "7",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-wall-with-metal-rods_23-2148722029.jpg"},
       ]}
       title="Meisterwerke für den Alltag"
       description="Exklusive Damastmesser und handgeschmiedete Kunstobjekte."
@@ -237,22 +147,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          title: "Zufriedene Kunden",
-          value: "100+",
-          icon: Users,
+          id: "m1",          title: "Zufriedene Kunden",          value: "100+",          icon: Users,
         },
         {
-          id: "m2",
-          title: "Stunden am Amboss",
-          value: "10.000+",
-          icon: Wrench,
+          id: "m2",          title: "Stunden am Amboss",          value: "10.000+",          icon: Wrench,
         },
         {
-          id: "m3",
-          title: "Schmiedekurse",
-          value: "50+",
-          icon: Award,
+          id: "m3",          title: "Schmiedekurse",          value: "50+",          icon: Award,
         },
       ]}
       title="Handwerk in Zahlen"
@@ -268,45 +169,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Friedrich Metzger",
-          role: "Beruf: Koch",
-          company: "Metzger Catering",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-old-man-dressed-suit-pulling-his-jacket-against-dark-background_613910-17568.jpg",
-        },
+          id: "t1",          name: "Friedrich Metzger",          role: "Beruf: Koch",          company: "Metzger Catering",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-old-man-dressed-suit-pulling-his-jacket-against-dark-background_613910-17568.jpg"},
         {
-          id: "t2",
-          name: "Jochen Köhn",
-          role: "Local Guide",
-          company: "Köhn GmbH",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-cooks-seafood-healthy-vegetarian-food-holds-crayfish-wears-white-cook-uniform_273609-43359.jpg",
-        },
+          id: "t2",          name: "Jochen Köhn",          role: "Local Guide",          company: "Köhn GmbH",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-cooks-seafood-healthy-vegetarian-food-holds-crayfish-wears-white-cook-uniform_273609-43359.jpg"},
         {
-          id: "t3",
-          name: "Locke Tiger",
-          role: "Local Guide",
-          company: "Freizeit",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-studio-portrait-redhead-bearded-male-dressed-leather-jacket-dark-grey-vignette-background_613910-221.jpg",
-        },
+          id: "t3",          name: "Locke Tiger",          role: "Local Guide",          company: "Freizeit",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-studio-portrait-redhead-bearded-male-dressed-leather-jacket-dark-grey-vignette-background_613910-221.jpg"},
         {
-          id: "t4",
-          name: "Sarah K.",
-          role: "Kundin",
-          company: "Privat",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg",
-        },
+          id: "t4",          name: "Sarah K.",          role: "Kundin",          company: "Privat",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg"},
         {
-          id: "t5",
-          name: "Markus S.",
-          role: "Sammler",
-          company: "Privat",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-elderly-man-with-book_23-2148036692.jpg",
-        },
+          id: "t5",          name: "Markus S.",          role: "Sammler",          company: "Privat",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-elderly-man-with-book_23-2148036692.jpg"},
       ]}
       title="Stimmen unserer Kunden"
       description="Was Kenner über die Schmiedekunst von Roland sagen."
@@ -317,12 +193,11 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "downward-rays-static",
-      }}
+        variant: "downward-rays-static"}}
       tag="Kontakt"
       title="Bereit für Ihr Unikat?"
       description="Besuchen Sie uns in Kissing oder rufen Sie an unter 08233 849140. Wir beraten Sie gern zu Ihrem Wunschobjekt."
-      imageSrc="http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch-workshop_107420-65295.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch-workshop_107420-65295.jpg?_wi=1"
       imageAlt="Blick in die MG-Schmiede"
       mediaAnimation="slide-up"
     />
@@ -333,46 +208,29 @@ export default function LandingPage() {
       logoText="MG-SCHMIEDE"
       columns={[
         {
-          title: "Kontakt",
-          items: [
+          title: "Kontakt",          items: [
             {
-              label: "Augsburger Str. 15, Kissing",
-              href: "#",
-            },
+              label: "Augsburger Str. 15, Kissing",              href: "#"},
             {
-              label: "08233 849140",
-              href: "tel:+498233849140",
-            },
+              label: "08233 849140",              href: "tel:+498233849140"},
             {
-              label: "info@mg-schmiede.de",
-              href: "mailto:info@mg-schmiede.de",
-            },
+              label: "info@mg-schmiede.de",              href: "mailto:info@mg-schmiede.de"},
           ],
         },
         {
-          title: "Öffnungszeiten",
-          items: [
+          title: "Öffnungszeiten",          items: [
             {
-              label: "Nach Vereinbarung",
-              href: "#",
-            },
+              label: "Nach Vereinbarung",              href: "#"},
             {
-              label: "Besuch im Shop",
-              href: "#",
-            },
+              label: "Besuch im Shop",              href: "#"},
           ],
         },
         {
-          title: "Rechtliches",
-          items: [
+          title: "Rechtliches",          items: [
             {
-              label: "Datenschutz",
-              href: "#",
-            },
+              label: "Datenschutz",              href: "#"},
             {
-              label: "Impressum",
-              href: "#",
-            },
+              label: "Impressum",              href: "#"},
           ],
         },
       ]}
@@ -382,4 +240,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/schmiedekurs/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function SchmiedekursPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Handwerk", id: "/#about" },
+                { name: "Produkte", id: "/schmiedekurs" },
+                { name: "Kontakt", id: "/#kontakt" },
+            ]}
+            brandName="MG-SCHMIEDE"
+        />
+        <div id="produkte" data-section="produkte">
+            <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+                {
+                    id: "s1",                    brand: "MG-Schmiede",                    name: "Basis-Kurs: Metallhandwerk",                    price: "250 €",                    rating: 5,
+                    reviewCount: "30",                    imageSrc: "http://img.b2bpic.net/free-photo/glassblower-student-tries-make-flower-out-glass_1153-3497.jpg?_wi=2"},
+                {
+                    id: "s2",                    brand: "MG-Schmiede",                    name: "Advanced: Damast-Schmieden",                    price: "550 €",                    rating: 5,
+                    reviewCount: "20",                    imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch-workshop_107420-65295.jpg?_wi=2"}
+            ]}
+            title="Unsere Schmiedekurse"
+            description="Lernen Sie die Kunst des Metalls direkt am Amboss. Unter Anleitung von Roland verwandeln Sie glühenden Stahl in Ihre eigenen Kreationen."
+            />
+        </div>
+        <FooterBaseCard
+            logoText="MG-SCHMIEDE"
+            columns={[
+                { title: "Kontakt", items: [{ label: "Augsburger Str. 15, Kissing", href: "#" }, { label: "08233 849140", href: "tel:+498233849140" }] },
+                { title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] }
+            ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}