Update src/app/cart/page.tsx

src/app/cart/page.tsx

@@ -1,7 +1,6 @@
 'use client';
-import { ThemeProvider } from 'next-themes';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TextBox from '@/components/Textbox';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
@@ -15,7 +14,6 @@ export default function CartPage() {
 
   return (
     <ThemeProvider
-      attribute="class"
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
@@ -27,51 +25,20 @@ export default function CartPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
+      <div id="nav" data-section="nav">
         <NavbarStyleCentered navItems={navItems} brandName="Webild" logoSrc="https://via.placeholder.com/40" />
-      <main className="flex min-h-screen flex-col items-center justify-between p-4 md:p-8">
-        <section id="cart" data-section="cart" className="w-full max-w-4xl py-12">
-          <TextBox
-            title="Your Shopping Cart"
-            description="Review your items before proceeding to checkout. You can modify quantities or remove items here."
-            textboxLayout="default"
-            buttons={[
-              {
-                text: "Proceed to Checkout",                href: "/checkout"
-              },
-            ]}
-          >
-            <div className="mt-8 space-y-4">
-              <div className="flex items-center justify-between p-4 border rounded-lg shadow-sm">
-                <div>
-                  <h3 className="font-semibold">Product A</h3>
-                  <p className="text-sm text-gray-500">Quantity: 1</p>
       </div>
-                <p className="font-medium">$99.00</p>
-              </div>
-              <div className="flex items-center justify-between p-4 border rounded-lg shadow-sm">
-                <div>
-                  <h3 className="font-semibold">Product B</h3>
-                  <p className="text-sm text-gray-500">Quantity: 2</p>
-                </div>
-                <p className="font-medium">$150.00</p>
-              </div>
-              <div className="flex items-center justify-between p-4 border-t-2 mt-6 pt-6 font-bold text-lg">
-                <span>Total:</span>
-                <span>$249.00</span>
-              </div>
-            </div>
-          </TextBox>
-        </section>
-
-        <section id="trust-signals-cart" data-section="trust-signals-cart" className="w-full max-w-4xl py-12">
+      <main className="flex min-h-screen flex-col items-center justify-between p-24">
+        <div id="social-proof-section" data-section="social-proof-section">
           <SocialProofOne
-            title="Secure & Trusted Shopping"
-            description="Shop with confidence knowing your data is protected."
-            names={['Stripe', 'PayPal', 'Shopify', 'McAfee Secure']}
-            textboxLayout='default'
+            title="Your Shopping Cart"
+            description="Review your items before checkout."
+            names={['Item 1', 'Item 2', 'Item 3']}
+            textboxLayout="default"
             showCard={true}
+            useInvertedBackground={false}
           />
-        </section>
+        </div>
       </main>
       <FooterBaseReveal
         logoText="Webild"