Add src/app/cart/page.tsx

src/app/cart/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+
+export default function CartPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="hover-bubble"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="rounded"
+            contentWidth="small"
+            sizing="largeSmallSizeLargeTitles"
+            background="aurora"
+            cardStyle="gradient-bordered"
+            primaryButtonStyle="double-inset"
+            secondaryButtonStyle="solid"
+            headingFontWeight="extrabold"
+        >
+            <NavbarStyleCentered
+                brandName="Luminé Skincare"
+                navItems={[
+                    { name: "Products", id: "/" },
+                    { name: "About", id: "/" },
+                    { name: "Benefits", id: "/" },
+                    { name: "Cart", id: "/cart" },
+                    { name: "Checkout", id: "/checkout" }
+                ]}
+            />
+            <main className="container mx-auto py-20">
+                <h1 className="text-4xl font-bold mb-8">Your Shopping Cart</h1>
+                <div className="grid gap-8">
+                    <div className="p-8 bg-card rounded-lg border">Your cart is currently empty.</div>
+                </div>
+            </main>
+        </ThemeProvider>
+    );
+}