Add src/app/product-detail/page.tsx

src/app/product-detail/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ButtonTextStagger from "@/components/button/ButtonTextStagger/ButtonTextStagger";
+
+export default function ProductDetailPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay
+        brandName="Webild"
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Shop", id: "/shop" },
+        ]}
+      />
+      <div className="pt-32 pb-20 container mx-auto px-6">
+        <div className="grid md:grid-cols-2 gap-12 items-center">
+          <img 
+            src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp" 
+            alt="Product" 
+            className="w-full rounded-3xl"
+          />
+          <div>
+            <h1 className="text-5xl font-bold mb-4">Premium Agency Bundle</h1>
+            <p className="text-xl text-muted-foreground mb-6">Get everything you need to start your agency right.</p>
+            <p className="text-3xl font-bold mb-8">$199</p>
+            <ButtonTextStagger 
+              text="Add to Cart"
+              className="bg-primary-cta text-white"
+            />
+          </div>
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}