src/app/page.tsx

@@ -17,12 +17,12 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumLargeSizeLargeTitles"
+        contentWidth="medium"
+        sizing="medium"
         background="circleGradient"
-        cardStyle="solid"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
         headingFontWeight="normal"
     >
       <ReactLenis root>
@@ -33,7 +33,7 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Features", id: "features" },
         { name: "Testimonials", id: "testimonials" },
-        { name: "Pricing", href: "/pricing" },
+        { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="SublimeSites"
@@ -60,9 +60,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Built for Growth"
       metrics={[
-        { icon: Rocket, label: "Projects Launched", value: "150+" },
-        { icon: Users, label: "Happy Clients", value: "120+" },
-        { icon: TrendingUp, label: "Revenue Growth", value: "40%" },
+        { icon: Rocket, label: "Projects Launched", value: "150+", id: "1" },
+        { icon: Users, label: "Happy Clients", value: "120+", id: "2" },
+        { icon: TrendingUp, label: "Revenue Growth", value: "40%", id: "3" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -115,7 +115,7 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        { title: "SublimeSites", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
+        { title: "SublimeSites", items: [{ label: "About Us", href: "/about-us" }, { label: "Services", href: "/#features" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "/" }, { label: "Terms of Service", href: "/" }] },
       ]}
       logoText="SublimeSites"
@@ -125,4 +125,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -6,15 +6,24 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 
 export default function PricingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <NavbarStyleFullscreen
         navItems={[
-          { name: "Home", id: "home" },
-          { name: "About", id: "about" },
-          { name: "Features", id: "features" },
-          { name: "Testimonials", id: "testimonials" },
-          { name: "Pricing", href: "/pricing" },
-          { name: "Contact", id: "contact" },
+          { name: "Home", id: "/" },
+          { name: "About", id: "/about-us" },
+          { name: "Pricing", id: "/pricing" },
+          { name: "Contact", id: "/contact" },
         ]}
         brandName="SublimeSites"
       />
@@ -22,6 +31,8 @@ export default function PricingPage() {
         title="Transparent Pricing"
         description="Choose the plan that fits your business goals."
         animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
         plans={[
           { id: "starter", badge: "Essential", price: "$999", subtitle: "Best for individuals", features: ["Basic Web Design", "Mobile Responsive", "SEO Setup"], buttons: [{ text: "Get Started", href: "#contact" }] },
           { id: "pro", badge: "Professional", price: "$1999", subtitle: "Best for businesses", features: ["Everything in Starter", "CMS Integration", "Custom Analytics", "Priority Support"], buttons: [{ text: "Contact Sales", href: "#contact" }] }