Update src/app/pricing/page.tsx

src/app/pricing/page.tsx

@@ -2,23 +2,23 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
 
 export default function PricingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
       defaultTextAnimation="reveal-blur"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="floatingGradient"
-      cardStyle="solid"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="gradient-bordered"
       primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -26,10 +26,10 @@ export default function PricingPage() {
             brandName="Trade Snooper"
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Features", id: "#features" },
-              { name: "Pricing", id: "#pricing" },
-              { name: "Testimonials", id: "#testimonials" },
-              { name: "FAQ", id: "#faq" },
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
               { name: "Contact", id: "/contact" },
               { name: "Privacy Policy", id: "/privacy-policy" },
               { name: "Terms of Service", id: "/terms-of-service" }
@@ -37,7 +37,7 @@ export default function PricingPage() {
           />
         </div>
 
-        <div id="pricing" data-section="pricing">
+        <div id="pricing-section" data-section="pricing-section">
           <PricingCardTwo
             title="Flexible Pricing for Every Trader"
             description="Choose a plan that fits your trading style and goals. Unlock premium features and advanced insights."
@@ -57,48 +57,7 @@ export default function PricingPage() {
             ]}
             animationType="slide-up"
             useInvertedBackground={true}
-          />
-        </div>
-
-        <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoSrc="http://img.b2bpic.net/free-vector/gradient-technology-logo-collection_23-2148162307.jpg"
-            logoAlt="Trade Snooper Logo"
-            logoText="Trade Snooper"
-            columns={[
-              {
-                title: "Platform",                items: [
-                  { label: "Features", href: "/#features" },
-                  { label: "Pricing", href: "/#pricing" },
-                  { label: "Markets", href: "#" },
-                  { label: "AI Analytics", href: "#" }
-                ]
-              },
-              {
-                title: "Company",                items: [
-                  { label: "About Us", href: "/#about" },
-                  { label: "Careers", href: "#" },
-                  { label: "Blog", href: "#" },
-                  { label: "Partners", href: "/#social-proof" }
-                ]
-              },
-              {
-                title: "Support",                items: [
-                  { label: "FAQ", href: "/#faq" },
-                  { label: "Contact Us", href: "/contact" },
-                  { label: "Help Center", href: "#" },
-                  { label: "Community", href: "#" }
-                ]
-              },
-              {
-                title: "Legal",                items: [
-                  { label: "Privacy Policy", href: "/privacy-policy" },
-                  { label: "Terms of Service", href: "/terms-of-service" },
-                  { label: "Disclaimer", href: "#" }
-                ]
-              }
-            ]}
-            copyrightText="© 2024 Trade Snooper. All rights reserved."
+            textboxLayout="default"
           />
         </div>
       </ReactLenis>