Update src/app/cart/page.tsx

src/app/cart/page.tsx

@@ -10,8 +10,22 @@ export default function CartPage() {
   const [items, setItems] = useState([{ id: "1", name: "Frietjes", price: "3.00€", quantity: 1, imageSrc: "" }]);
 
   return (
-    <ThemeProvider>
-      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Producten", id: "/products"}]} brandName="Frituur Op Den Hoek" />
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <NavbarStyleFullscreen 
+        navItems={[{name: "Home", id: "/"}, {name: "Producten", id: "/products"}]} 
+        brandName="Frituur Op Den Hoek" 
+      />
       <div className="pt-32 px-4">
         <ProductCart 
           isOpen={isOpen} 
@@ -19,6 +33,7 @@ export default function CartPage() {
           items={items} 
           total="3.00€"
           onRemove={(id) => setItems(items.filter(i => i.id !== id))}
+          buttons={[]}
         />
       </div>
     </ThemeProvider>