diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index e830705..19f2cbe 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -10,9 +10,9 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 export default function ContactPage() {
   const navItems = [
     { name: "Features", id: "/features" },
-    { name: "How It Works", id: "/" },
+    { name: "How It Works", id: "product" },
     { name: "Pricing", id: "/pricing" },
-    { name: "FAQ", id: "/contact" },
+    { name: "FAQ", id: "faq" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -45,16 +45,16 @@ export default function ContactPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
       background="aurora"
-      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -94,7 +94,7 @@ export default function ContactPage() {
           tag="Get Started"
           title="Start Your Free Pilot Today"
           description="No credit card required. See Report Desk transform your operations in 2 weeks. Schedule a brief demo with our team."
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your work email"
           buttonText="Start Free Pilot"
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 97506b2..7e9e2c0 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -11,9 +11,9 @@ import { Shield, Workflow, TrendingUp, Zap } from "lucide-react";
 export default function FeaturesPage() {
   const navItems = [
     { name: "Features", id: "/features" },
-    { name: "How It Works", id: "/" },
+    { name: "How It Works", id: "product" },
     { name: "Pricing", id: "/pricing" },
-    { name: "FAQ", id: "/contact" },
+    { name: "FAQ", id: "faq" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -46,16 +46,16 @@ export default function FeaturesPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
       background="aurora"
-      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
diff --git a/src/app/page.tsx b/src/app/page.tsx
index af27b1f..ca7661e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,9 +16,9 @@ import { Zap, Shield, Workflow, TrendingUp } from "lucide-react";
 export default function HomePage() {
   const navItems = [
     { name: "Features", id: "/features" },
-    { name: "How It Works", id: "/" },
+    { name: "How It Works", id: "product" },
     { name: "Pricing", id: "/pricing" },
-    { name: "FAQ", id: "/contact" },
+    { name: "FAQ", id: "faq" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -51,16 +51,16 @@ export default function HomePage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
       background="aurora"
-      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -76,7 +76,7 @@ export default function HomePage() {
           description="Report Desk turns silent equipment failures into instant action. Scan a QR code, log a problem, and connect your entire operation—from field staff to maintenance history to parts inventory—in one centralized platform."
           tag="No App Required"
           tagIcon={Zap}
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-modern-clean-saas-dashboard-interface--1772557690233-9b9ea617.png"
           imageAlt="Report Desk Dashboard Interface"
           imagePosition="right"
@@ -147,23 +147,8 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           logos={[
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-large-eq-1772557688616-0148851e.png",              alt: "Acme Equipment Group"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-technolo-1772557688817-0b9ef049.png",              alt: "TechFlow Operations"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-innovat-1772557689587-cb86315e.png",              alt: "Innovate Fleet Services"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-cloud-op-1772557688873-d070161a.png",              alt: "CloudOps Solutions"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-field-se-1772557688762-3d46bc2b.png",              alt: "FieldPro Mobile"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-maintena-1772557689785-4d979a48.png",              alt: "MaintIQ Intelligence"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-asset-t-1772557688555-775d15fd.png",              alt: "AssetTrack"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-workflow-1772557688889-2aa4bc65.png",              alt: "Workflows Automation"},
-          ]}
+            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-large-eq-1772557688616-0148851e.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-technolo-1772557688817-0b9ef049.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-innovat-1772557689587-cb86315e.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-cloud-op-1772557688873-d070161a.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-field-se-1772557688762-3d46bc2b.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-maintena-1772557689785-4d979a48.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-asset-t-1772557688555-775d15fd.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-workflow-1772557688889-2aa4bc65.png"]}
+          names={[]}
           speed={40}
           showCard={true}
         />
@@ -217,7 +202,7 @@ export default function HomePage() {
           tag="Get Started"
           title="Start Your Free Pilot Today"
           description="No credit card required. See Report Desk transform your operations in 2 weeks. Schedule a brief demo with our team."
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your work email"
           buttonText="Start Free Pilot"
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 1933b6f..c982779 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -11,9 +11,9 @@ import { Rocket, Sparkles, Crown } from "lucide-react";
 export default function PricingPage() {
   const navItems = [
     { name: "Features", id: "/features" },
-    { name: "How It Works", id: "/" },
+    { name: "How It Works", id: "product" },
     { name: "Pricing", id: "/pricing" },
-    { name: "FAQ", id: "/contact" },
+    { name: "FAQ", id: "faq" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -46,16 +46,16 @@ export default function PricingPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
       background="aurora"
-      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -75,21 +75,18 @@ export default function PricingPage() {
           animationType="slide-up"
           plans={[
             {
-              id: "starter",              tag: "Quick Start",              tagIcon: Rocket,
-              price: "$500",              period: "/mo",              description: "For teams managing 10–50 machines",              button: { text: "Start Free Pilot", href: "/contact" },
-              featuresTitle: "What's Included:",              features: [
+              id: "starter",              badge: "Quick Start",              badgeIcon: Rocket,
+              price: "$500/mo",              subtitle: "For teams managing 10–50 machines",              features: [
                 "Up to 50 machines tracked",                "Unlimited QR code reports",                "Basic maintenance history",                "Single location support",                "Email support"],
             },
             {
-              id: "growth",              tag: "Most Popular",              tagIcon: Sparkles,
-              price: "$2,500",              period: "/mo",              description: "For growing multi-location operations",              button: { text: "Start Free Pilot", href: "/contact" },
-              featuresTitle: "What's Included:",              features: [
+              id: "growth",              badge: "Most Popular",              badgeIcon: Sparkles,
+              price: "$2,500/mo",              subtitle: "For growing multi-location operations",              features: [
                 "Up to 500 machines tracked",                "Real-time dashboards",                "Parts inventory management",                "Multi-location coordination",                "Zapier & API integration",                "Priority support"],
             },
             {
-              id: "enterprise",              tag: "Maximum Scale",              tagIcon: Crown,
-              price: "Custom",              period: "",              description: "For large enterprise networks",              button: { text: "Contact Sales", href: "/contact" },
-              featuresTitle: "What's Included:",              features: [
+              id: "enterprise",              badge: "Maximum Scale",              badgeIcon: Crown,
+              price: "Custom",              subtitle: "For large enterprise networks",              features: [
                 "Unlimited machines",                "Advanced analytics & reporting",                "Custom integrations",                "Dedicated account manager",                "SLA & compliance options",                "24/7 support"],
             },
           ]}
@@ -104,15 +101,8 @@ export default function PricingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           logos={[
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-large-eq-1772557688616-0148851e.png",              alt: "Acme Equipment Group"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-technolo-1772557688817-0b9ef049.png",              alt: "TechFlow Operations"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-innovat-1772557689587-cb86315e.png",              alt: "Innovate Fleet Services"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-cloud-op-1772557688873-d070161a.png",              alt: "CloudOps Solutions"},
-          ]}
+            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-large-eq-1772557688616-0148851e.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-technolo-1772557688817-0b9ef049.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-innovat-1772557689587-cb86315e.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-cloud-op-1772557688873-d070161a.png"]}
+          names={[]}
           speed={40}
           showCard={true}
         />
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 717d62c..3c90414 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -5,20 +5,20 @@
   /* --background: #f5f5f5;;
   --card: #ffffff;;
   --foreground: #1c1c1c;;
-  --primary-cta: #0F3DFF;;
+  --primary-cta: #1f7cff;;
   --secondary-cta: #ffffff;;
-  --accent: #FF6D3A;;
-  --background-accent: #E8F0FF;; */
+  --accent: #ff6207;;
+  --background-accent: #e8a8b6;; */
 
   --background: #f5f5f5;;
   --card: #ffffff;;
   --foreground: #1c1c1c;;
-  --primary-cta: #0F3DFF;;
+  --primary-cta: #1f7cff;;
   --primary-cta-text: #f5f5f5;;
   --secondary-cta: #ffffff;;
   --secondary-cta-text: #1c1c1c;;
-  --accent: #FF6D3A;;
-  --background-accent: #E8F0FF;;
+  --accent: #ff6207;;
+  --background-accent: #e8a8b6;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);