Update src/app/pricing-highlighted/page.tsx

src/app/pricing-highlighted/page.tsx

@@ -3,9 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
-import { CheckCircle, Menu, X } from "lucide-react";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function PricingHighlightedPage() {
   return (
@@ -22,6 +20,7 @@ export default function PricingHighlightedPage() {
       headingFontWeight="medium"
     >
       <ReactLenis root>
+        <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             brandName="Switzerweb"
             navItems={[
@@ -33,22 +32,12 @@ export default function PricingHighlightedPage() {
               { name: "Pricing", id: "pricing" }
             ]}
             button={{ text: "Démarrer", href: "#contact" }}
-          openIcon={Menu}
-          closeIcon={X}
-        />
-        <div id="pricing-highlighted" className="pt-32 pb-20">
-          <PricingCardOne
-            title="Pricing Plans"
-            description="Premium plans with highlighted features."
-            animationType="depth-3d"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            plans={[
-              { id: "pro", badge: "Highlighted", badgeIcon: CheckCircle, price: "$199", subtitle: "Best value plan", features: ["Everything in standard", "Dedicated support", "Custom analytics", "Unlimited projects"] }
-            ]}
           />
         </div>
-        <FooterBase
+        <div className="pt-32 pb-20">
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
             logoText="Switzerweb"
             copyrightText="© 2026 | Switzerweb"
             columns={[
@@ -56,6 +45,7 @@ export default function PricingHighlightedPage() {
               { title: "Services", items: [{ label: "Dév Web", href: "#" }, { label: "SEO", href: "#" }] },
             ]}
           />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );