Add src/app/shop/page.tsx

src/app/shop/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "Book", id: "/booking" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="GG Goldhair"
+        />
+        <div className="pt-32 pb-20">
+            <ProductCardOne
+              title="Our Premium Shop"
+              description="Browse our professional line of hair care essentials."
+              products={[
+                { id: "p1", name: "Gold Hydrate Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg" },
+                { id: "p2", name: "Revive Mask", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg" },
+                { id: "p3", name: "Style Guard Spray", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg" },
+              ]}
+              gridVariant="three-columns-all-equal-width"
+              animationType="slide-up"
+            />
+        </div>
+        <FooterCard logoText="GG Goldhair" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}