Add src/app/shop/page.tsx

src/app/shop/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingOverlay
+        brandName="Webild"
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Shop", id: "/shop" },
+        ]}
+      />
+      <div className="pt-32 pb-20">
+        <ProductCardThree
+          title="Our Products"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          products={[
+            { id: "1", name: "Premium Agency Bundle", price: "$199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp" },
+            { id: "2", name: "Design System Kit", price: "$99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp" },
+            { id: "3", name: "SEO Growth Course", price: "$49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp" },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}