diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 4c894d5..6612c4b 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -3,12 +3,12 @@
 import { Suspense, useCallback } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
 import ProductCart from "@/components/ecommerce/cart/ProductCart";
 import { useProductCatalog } from "@/hooks/useProductCatalog";
 import { useCart } from "@/hooks/useCart";
 import { useCheckout } from "@/hooks/useCheckout";
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; // Updated import
 
 function ShopPageContent() {
     const {
@@ -46,14 +46,14 @@ function ShopPageContent() {
     if (isLoading) {
         return (
             <ThemeProvider
-                defaultButtonVariant="directional-hover"
-                defaultTextAnimation="reveal-blur"
-                borderRadius="pill"
+                defaultButtonVariant="hover-magnetic"
+                defaultTextAnimation="entrance-slide"
+                borderRadius="rounded"
                 contentWidth="medium"
-                sizing="mediumLarge"
-                background="aurora"
-                cardStyle="glass-elevated"
-                primaryButtonStyle="radial-glow"
+                sizing="medium"
+                background="none"
+                cardStyle="solid"
+                primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
                 headingFontWeight="bold"
             >
@@ -78,13 +78,23 @@ function ShopPageContent() {
                     </main>
                 </div>
                 <div id="footer" data-section="footer">
-                    <FooterLogoReveal
-                        logoText="Glow Theory"
-                        leftLink={{ text: "Customer Support", href: "/#contact-support" }}
-                        rightLink={{ text: "Privacy Policy", href: "/privacy" }}
+                    <FooterBaseReveal
+                        columns={[
+                            {
+                                title: "Support",                                items: [{ label: "Customer Support", href: "/#contact-support" }]
+                            },
+                            {
+                                title: "Company",                                items: [{ label: "Privacy Policy", href: "/privacy" }]
+                            },
+                            {
+                                title: "Resources",                                items: [{ label: "Home", href: "/" }]
+                            }
+                        ]}
+                        copyrightText={`© ${new Date().getFullYear()} Glow Theory`}
                         className="bg-[--background] text-[--foreground] py-6 px-4"
                         linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
-                        logoClassName="text-2xl font-bold tracking-tight"
+                        columnTitleClassName="font-bold text-lg mb-2"
+                        columnItemClassName="text-md"
                     />
                 </div>
             </ThemeProvider>
@@ -93,14 +103,14 @@ function ShopPageContent() {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="directional-hover"
-            defaultTextAnimation="reveal-blur"
-            borderRadius="pill"
+            defaultButtonVariant="hover-magnetic"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
             contentWidth="medium"
-            sizing="mediumLarge"
-            background="aurora"
-            cardStyle="glass-elevated"
-            primaryButtonStyle="radial-glow"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"
             headingFontWeight="bold"
         >
@@ -146,13 +156,23 @@ function ShopPageContent() {
                 />
             </div>
             <div id="footer" data-section="footer">
-                <FooterLogoReveal
-                    logoText="Glow Theory"
-                    leftLink={{ text: "Customer Support", href: "/#contact-support" }}
-                    rightLink={{ text: "Privacy Policy", href: "/privacy" }}
+                <FooterBaseReveal
+                    columns={[
+                        {
+                            title: "Support",                            items: [{ label: "Customer Support", href: "/#contact-support" }]
+                        },
+                        {
+                            title: "Company",                            items: [{ label: "Privacy Policy", href: "/privacy" }]
+                        },
+                        {
+                            title: "Resources",                            items: [{ label: "Home", href: "/" }]
+                        }
+                    ]}
+                    copyrightText={`© ${new Date().getFullYear()} Glow Theory`}
                     className="bg-[--background] text-[--foreground] py-6 px-4"
                     linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
-                    logoClassName="text-2xl font-bold tracking-tight"
+                    columnTitleClassName="font-bold text-lg mb-2"
+                    columnItemClassName="text-md"
                 />
             </div>
         </ThemeProvider>
@@ -165,4 +185,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
\ No newline at end of file
+}