diff --git a/src/app/product-detail/page.tsx b/src/app/product-detail/page.tsx
new file mode 100644
index 0000000..d34eb50
--- /dev/null
+++ b/src/app/product-detail/page.tsx
@@ -0,0 +1,153 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { Eye, Paintbrush, Gem } from "lucide-react";
+
+export default function ProductDetailPage() {
+  const navItems = [
+    {
+      name: "Kollektion",      id: "/product-detail"},
+    {
+      name: "Markenstory",      id: "/#about"},
+    {
+      name: "Anprobe",      id: "/#tryon"},
+    {
+      name: "Termin",      id: "/#contact"},
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="fluid"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            logoSrc="http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-blond-woman-model-with-fresh-daily-makeup-with-purple-lips-color-clean-healthy-skin-glasses-black-white_158538-10438.jpg"
+            logoAlt="Opulent Optics Logo"
+            brandName="Opulent Optics"
+            button={{
+              text: "Showroom",              href: "#contact"}}
+          />
+        </div>
+
+        <div id="product-viewer" data-section="product-viewer">
+          <HeroSplitDualMedia
+            background={{ variant: "radial-gradient" }}
+            tag="Exklusive Edition"
+            title="Zenith: Zeitlose Eleganz"
+            description="Erleben Sie die Zenith-Kollektion in atemberaubender 3D-Präsentation. Zoomen Sie, drehen Sie und wählen Sie aus einer Vielzahl von Farben und Materialien. Handgefertigt aus feinstem japanischem Titan und poliertem italienischem Acetat, bietet Zenith unvergleichlichen Stil und Komfort. Preis: €1,899."
+            buttons={[
+              {
+                text: "Zum Warenkorb hinzufügen (€1,899)",                onClick: () => alert('Produkt zum Warenkorb hinzugefügt!'),
+              },
+              {
+                text: "Showroom Termin buchen",                href: "#contact"},
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670770.jpg", imageAlt: "Zenith glasses in emerald" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670729.jpg", imageAlt: "Zenith glasses in gold" },
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Luxusbewertung"
+          />
+        </div>
+
+        <div id="material-details" data-section="material-details">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              {
+                icon: Eye,
+                title: "3D Viewer & Zoom",                description: "Interaktive 3D-Ansicht mit detailliertem Zoom, um jedes Detail der Fassung zu erkunden."},
+              {
+                icon: Paintbrush,
+                title: "Farb- und Oberflächenauswahl",                description: "Personalisieren Sie Ihre Brille mit verschiedenen Farboptionen und Materialoberflächen wie matt, glänzend oder gebürstet."},
+              {
+                icon: Gem,
+                title: "Premium Materialien",                description: "Gefertigt aus ultraleichtem Titan und handpoliertem Acetat für höchsten Tragekomfort und Langlebigkeit."},
+            ]}
+            title="Die Details machen den Unterschied"
+            description="Entdecken Sie die präzise Ingenieurskunst und die hochwertigen Materialien, die jede Opulent Optics Brille zu einem Meisterwerk machen."
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Termin"
+            title="Exklusiven Showroom-Termin buchen"
+            description="Erleben Sie die Zenith-Kollektion und weitere Modelle persönlich. Unsere Stylisten beraten Sie gerne."
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-smart-businesswoman-thinking_23-2148452670.jpg"
+            imageAlt="Luxury eyewear showroom interior"
+            mediaAnimation="opacity"
+            mediaPosition="left"
+            inputPlaceholder="Ihre E-Mail-Adresse"
+            buttonText="Termin anfragen"
+            termsText="Mit dem Absenden stimmen Sie unseren Datenschutzbestimmungen zu."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/optic-glasses-table_140725-7411.jpg"
+            imageAlt="Luxury eyewear showroom interior with elegant display"
+            logoText="Opulent Optics"
+            columns={[
+              {
+                title: "Kollektionen",                items: [
+                  {
+                    label: "Alle Modelle",                    href: "/product-detail"},
+                ],
+              },
+              {
+                title: "Über uns",                items: [
+                  {
+                    label: "Markenstory",                    href: "/#about"},
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  {
+                    label: "FAQ",                    href: "/#"},
+                  {
+                    label: "Kontakt",                    href: "#contact"},
+                ],
+              },
+              {
+                title: "Rechtliches",                items: [
+                  {
+                    label: "Datenschutz",                    href: "/#"},
+                  {
+                    label: "Impressum",                    href: "/#"},
+                  {
+                    label: "AGB",                    href: "/#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Opulent Optics. Alle Rechte vorbehalten."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}