src/app/cart/page.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function CartPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleApple
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Shop", id: "/shop" },
+        ]}
+        brandName="LuxeShop"
+      />
+      <main className="container py-20">
+        <h1 className="text-4xl font-bold mb-8">Your Shopping Cart</h1>
+        <p>Your cart is currently empty.</p>
+      </main>
+    </ThemeProvider>
+  );
+}

src/app/checkout/page.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function CheckoutPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleApple
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Shop", id: "/shop" },
+        ]}
+        brandName="LuxeShop"
+      />
+      <main className="container py-20">
+        <h1 className="text-4xl font-bold mb-8">Checkout</h1>
+        <p>Complete your purchase details here.</p>
+      </main>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -230,4 +230,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/shop/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleApple
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Shop", id: "/shop" },
+          { name: "About", id: "/#about" },
+          { name: "Contact", id: "/#contact" },
+        ]}
+        brandName="LuxeShop"
+      />
+      <main className="py-20">
+        <ProductCatalog 
+          layout="page"
+          products={[
+            { id: "p1", name: "Classic Watch", price: "$450", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg?_wi=1" },
+            { id: "p2", name: "Leather Tote", price: "$320", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/view-women-bag-stuff_93675-131548.jpg" }
+          ]}
+        />
+      </main>
+      <FooterSimple columns={[]} logoText="LuxeShop" />
+    </ThemeProvider>
+  );
+}