diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 30c34c4..a85f439 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import { Instagram, Facebook, Linkedin } from "lucide-react";
 
@@ -22,42 +22,45 @@ export default function ProductsPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "About", id: "/" },
-                        { name: "Services", id: "/" },
-                        { name: "Destinations", id: "/" },
-                        { name: "Products", id: "/products" },
-                        { name: "Reviews", id: "/" },
-                        { name: "Contact", id: "/" },
-                    ]}
-                    brandName="Luxuria"
-                    button={{ text: "Get Started", href: "#" }}
-                />
-                <ProductCardOne
-                    title="Exclusive Collections"
-                    description="Discover our handpicked luxury travel essentials."
-                    textboxLayout="default"
-                    gridVariant="four-items-2x2-equal-grid"
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    products={[
-                        { id: "p1", name: "Signature Travel Kit", price: "$499", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp" },
-                        { id: "p2", name: "Premium Luggage Set", price: "$1,299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp" },
-                        { id: "p3", name: "Travel Journal", price: "$99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp" },
-                        { id: "p4", name: "Luxury Tech Accessory", price: "$249", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp" }
-                    ]}
-                />
-                <FooterCard
-                    logoText="Luxuria"
-                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
-                    columns={[]}
-                    socialLinks={[
-                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-                    ]}
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={[
+                            { name: "About", id: "/" },
+                            { name: "Services", id: "/" },
+                            { name: "Destinations", id: "/" },
+                            { name: "Products", id: "/products" },
+                            { name: "Reviews", id: "/" },
+                            { name: "Contact", id: "/" },
+                        ]}
+                        brandName="Luxuria"
+                        button={{ text: "Get Started", href: "#" }}
+                    />
+                </div>
+                <div id="products" data-section="products">
+                    <ProductCardOne
+                        title="Exclusive Collections"
+                        description="Discover our handpicked luxury travel essentials."
+                        textboxLayout="default"
+                        gridVariant="four-items-2x2-equal-grid"
+                        animationType="slide-up"
+                        useInvertedBackground={false}
+                        products={[
+                            { id: "p1", name: "Signature Travel Kit", price: "$499", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp" },
+                            { id: "p2", name: "Premium Luggage Set", price: "$1,299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp" },
+                            { id: "p3", name: "Travel Journal", price: "$99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp" },
+                            { id: "p4", name: "Luxury Tech Accessory", price: "$249", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp" }
+                        ]}
+                    />
+                </div>
+                <div id="footer" data-section="footer">
+                    <FooterBaseReveal
+                        logoText="Luxuria"
+                        copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
+                        columns={[
+                            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }] }
+                        ]}
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );