Update src/app/page.tsx

src/app/contact/page.tsx

@@ -9,18 +9,18 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Features", id: "/features" },
+    { name: "Features", id: "features" },
     { name: "How It Works", id: "product" },
-    { name: "Pricing", id: "/pricing" },
+    { name: "Pricing", id: "pricing" },
     { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "/contact" },
+    { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
     {
       title: "Product",      items: [
-        { label: "Features", href: "/features" },
-        { label: "Pricing", href: "/pricing" },
+        { label: "Features", href: "features" },
+        { label: "Pricing", href: "pricing" },
         { label: "Security", href: "#" },
         { label: "Integrations", href: "#" },
       ],
@@ -30,13 +30,13 @@ export default function ContactPage() {
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Blog", href: "#" },
-        { label: "Support", href: "/contact" },
+        { label: "Support", href: "contact" },
       ],
     },
     {
       title: "Company",      items: [
         { label: "About Us", href: "#" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "contact" },
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
       ],
@@ -45,14 +45,14 @@ export default function ContactPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="expand-hover"
+      defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-elevated"
-      primaryButtonStyle="radial-glow"
+      primaryButtonStyle="shadow"
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
@@ -60,7 +60,7 @@ export default function ContactPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Report Desk"
           navItems={navItems}
-          button={{ text: "Start Your Free Pilot", href: "/contact" }}
+          button={{ text: "Start Your Free Pilot", href: "#contact" }}
         />
       </div>
 
@@ -111,4 +111,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/features/page.tsx

@@ -10,34 +10,37 @@ import { Shield, Workflow, TrendingUp, Zap } from "lucide-react";
 
 export default function FeaturesPage() {
   const navItems = [
-    { name: "Features", id: "/features" },
+    { name: "Features", id: "features" },
     { name: "How It Works", id: "product" },
-    { name: "Pricing", id: "/pricing" },
+    { name: "Pricing", id: "pricing" },
     { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "/contact" },
+    { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Product",      items: [
-        { label: "Features", href: "/features" },
-        { label: "Pricing", href: "/pricing" },
+      title: "Product",
+      items: [
+        { label: "Features", href: "features" },
+        { label: "Pricing", href: "pricing" },
         { label: "Security", href: "#" },
         { label: "Integrations", href: "#" },
       ],
     },
     {
-      title: "Resources",      items: [
+      title: "Resources",
+      items: [
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Blog", href: "#" },
-        { label: "Support", href: "/contact" },
+        { label: "Support", href: "contact" },
       ],
     },
     {
-      title: "Company",      items: [
+      title: "Company",
+      items: [
         { label: "About Us", href: "#" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "contact" },
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
       ],
@@ -46,14 +49,14 @@ export default function FeaturesPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="expand-hover"
+      defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-elevated"
-      primaryButtonStyle="radial-glow"
+      primaryButtonStyle="shadow"
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
@@ -61,7 +64,7 @@ export default function FeaturesPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Report Desk"
           navItems={navItems}
-          button={{ text: "Start Your Free Pilot", href: "/contact" }}
+          button={{ text: "Start Your Free Pilot", href: "#contact" }}
         />
       </div>
 
@@ -72,11 +75,29 @@ export default function FeaturesPage() {
           tag="Full Feature Set"
           features={[
             {
-              id: "qr-scanning",              title: "Instant QR Code Reporting",              description: "Operators scan machine QR codes with any smartphone. No app installation required. Problems are logged in seconds with automatic timestamp and location capture.",              tag: "Zero Friction",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-mobile-phone-screen-showing-a-qr-code--1772557690524-09929a11.png?_wi=3",              imageAlt: "QR Code Scanning Interface"},
+              id: "qr-scanning",
+              title: "Instant QR Code Reporting",
+              description: "Operators scan machine QR codes with any smartphone. No app installation required. Problems are logged in seconds with automatic timestamp and location capture.",
+              tag: "Zero Friction",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-mobile-phone-screen-showing-a-qr-code--1772557690524-09929a11.png?_wi=3",
+              imageAlt: "QR Code Scanning Interface",
+            },
             {
-              id: "real-time-tracking",              title: "Real-Time Equipment Status",              description: "Operations managers see live updates on every machine across all locations. Intelligent alert prioritization. Customizable status dashboards. Multi-location visibility.",              tag: "Live Visibility",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=3",              imageAlt: "Real-Time Dashboard"},
+              id: "real-time-tracking",
+              title: "Real-Time Equipment Status",
+              description: "Operations managers see live updates on every machine across all locations. Intelligent alert prioritization. Customizable status dashboards. Multi-location visibility.",
+              tag: "Live Visibility",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=3",
+              imageAlt: "Real-Time Dashboard",
+            },
             {
-              id: "maintenance-history",              title: "Complete Maintenance History",              description: "Every repair, part replacement, and technician note is automatically attached to the machine profile. Fast diagnostics enabled by historical context. Predictive insights.",              tag: "Full Context",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-maintenance-history-timeline--1772557690909-7c7cf474.png?_wi=2",              imageAlt: "Maintenance History Timeline"},
+              id: "maintenance-history",
+              title: "Complete Maintenance History",
+              description: "Every repair, part replacement, and technician note is automatically attached to the machine profile. Fast diagnostics enabled by historical context. Predictive insights.",
+              tag: "Full Context",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-maintenance-history-timeline--1772557690909-7c7cf474.png?_wi=2",
+              imageAlt: "Maintenance History Timeline",
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -94,16 +115,24 @@ export default function FeaturesPage() {
           useInvertedBackground={true}
           bulletPoints={[
             {
-              title: "Reduces Downtime",              description: "Faster problem reporting and technician dispatch means equipment is back online quicker, protecting revenue.",              icon: TrendingUp,
+              title: "Reduces Downtime",
+              description: "Faster problem reporting and technician dispatch means equipment is back online quicker, protecting revenue.",
+              icon: TrendingUp,
             },
             {
-              title: "Improves Coordination",              description: "Central visibility gives all team members—field staff, managers, and technicians—exactly the information they need.",              icon: Workflow,
+              title: "Improves Coordination",
+              description: "Central visibility gives all team members—field staff, managers, and technicians—exactly the information they need.",
+              icon: Workflow,
             },
             {
-              title: "Enterprise Security",              description: "Built for mission-critical operations with 99.9% uptime, offline capability, and industry-standard encryption.",              icon: Shield,
+              title: "Enterprise Security",
+              description: "Built for mission-critical operations with 99.9% uptime, offline capability, and industry-standard encryption.",
+              icon: Shield,
             },
             {
-              title: "Zero Adoption Friction",              description: "No app downloads. No training required. Field teams start using Report Desk immediately because it matches how they already work.",              icon: Zap,
+              title: "Zero Adoption Friction",
+              description: "No app downloads. No training required. Field teams start using Report Desk immediately because it matches how they already work.",
+              icon: Zap,
             },
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-team-collaboration-interface-showing-o-1772557690395-797f70b5.png?_wi=2"
@@ -122,4 +151,4 @@ export default function FeaturesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,31 +1,42 @@
 import type { Metadata } from "next";
-import { DM_Sans } from "next/font/google";
-import { Inter } from "next/font/google";
+import { Public_Sans } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",  subsets: ["latin"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+const publicSans = Public_Sans({
+  variable: "--font-public-sans",
+  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Report Desk - Machine Issue Tracking & Maintenance Management Platform",  description: "Report Desk is a B2B SaaS platform for equipment operators and maintenance teams. Scan a QR code, track issues, manage inventory—no app installation required. Fast ROI for car washes, laundromats, and vending networks.",  keywords: "machine maintenance tracking, equipment management software, QR code reporting, maintenance management platform, field service software, inventory management, laundromat software, vending machine tracking",  metadataBase: new URL("https://reportdesk.io"),
+  title: "Report Desk - Machine Issue Tracking & Maintenance Management Platform",
+  description: "Report Desk is a B2B SaaS platform for equipment operators and maintenance teams. Scan a QR code, track issues, manage inventory—no app installation required. Fast ROI for car washes, laundromats, and vending networks.",
+  keywords: "machine maintenance tracking, equipment management software, QR code reporting, maintenance management platform, field service software, inventory management, laundromat software, vending machine tracking",
+  metadataBase: new URL("https://reportdesk.io"),
   alternates: {
-    canonical: "https://reportdesk.io"},
+    canonical: "https://reportdesk.io",
+  },
   openGraph: {
-    title: "Report Desk - Centralized Machine Issue Tracking",    description: "Turn silent equipment failures into instant action. Scan QR codes, track maintenance history, manage parts—all from one platform.",    url: "https://reportdesk.io",    siteName: "Report Desk",    type: "website",    images: [
+    title: "Report Desk - Centralized Machine Issue Tracking",
+    description: "Turn silent equipment failures into instant action. Scan QR codes, track maintenance history, manage parts—all from one platform.",
+    url: "https://reportdesk.io",
+    siteName: "Report Desk",
+    type: "website",
+    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-modern-clean-saas-dashboard-interface--1772557690233-9b9ea617.png",        alt: "Report Desk Dashboard"},
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-modern-clean-saas-dashboard-interface--1772557690233-9b9ea617.png",
+        alt: "Report Desk Dashboard",
+      },
     ],
   },
   twitter: {
-    card: "summary_large_image",    title: "Report Desk - Machine Issue Tracking & Maintenance",    description: "Centralized platform for equipment maintenance reporting. QR code scanning. No app required.",    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-modern-clean-saas-dashboard-interface--1772557690233-9b9ea617.png"],
+    card: "summary_large_image",
+    title: "Report Desk - Machine Issue Tracking & Maintenance",
+    description: "Centralized platform for equipment maintenance reporting. QR code scanning. No app required.",
+    images: [
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-modern-clean-saas-dashboard-interface--1772557690233-9b9ea617.png",
+    ],
   },
   robots: {
     index: true,
@@ -41,7 +52,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
+        <body className={`${publicSans.variable} antialiased`}>
           <Tag />
           {children}
         
@@ -1415,4 +1426,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -15,18 +15,18 @@ import { Zap, Shield, Workflow, TrendingUp } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Features", id: "/features" },
+    { name: "Features", id: "features" },
     { name: "How It Works", id: "product" },
-    { name: "Pricing", id: "/pricing" },
+    { name: "Pricing", id: "pricing" },
     { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "/contact" },
+    { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
     {
       title: "Product",      items: [
-        { label: "Features", href: "/features" },
-        { label: "Pricing", href: "/pricing" },
+        { label: "Features", href: "features" },
+        { label: "Pricing", href: "pricing" },
         { label: "Security", href: "#" },
         { label: "Integrations", href: "#" },
       ],
@@ -36,13 +36,13 @@ export default function HomePage() {
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Blog", href: "#" },
-        { label: "Support", href: "/contact" },
+        { label: "Support", href: "contact" },
       ],
     },
     {
       title: "Company",      items: [
         { label: "About Us", href: "#" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "contact" },
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
       ],
@@ -51,14 +51,14 @@ export default function HomePage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="expand-hover"
+      defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-elevated"
-      primaryButtonStyle="radial-glow"
+      primaryButtonStyle="shadow"
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
@@ -66,7 +66,7 @@ export default function HomePage() {
         <NavbarLayoutFloatingOverlay
           brandName="Report Desk"
           navItems={navItems}
-          button={{ text: "Start Your Free Pilot", href: "/contact" }}
+          button={{ text: "Start Your Free Pilot", href: "#contact" }}
         />
       </div>
 
@@ -82,7 +82,7 @@ export default function HomePage() {
           imagePosition="right"
           mediaAnimation="slide-up"
           buttons={[
-            { text: "Start Your Free Pilot", href: "/contact" },
+            { text: "Start Your Free Pilot", href: "#contact" },
             { text: "Watch Demo", href: "#" },
           ]}
           buttonAnimation="slide-up"
@@ -100,7 +100,7 @@ export default function HomePage() {
             {
               id: "real-time-tracking",              title: "Real-Time Equipment Status",              description: "Operations managers see live updates on every machine. Alert prioritization. Status dashboards by location.",              tag: "Live Visibility",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=1",              imageAlt: "Real-Time Dashboard"},
             {
-              id: "maintenance-history",              title: "Complete Maintenance History",              description: "Every repair, part replacement, and technician note attached to the machine. Fast diagnostics. Predictive insights.",              tag: "Full Context",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-maintenance-history-timeline--1772557690909-7c7cf474.png?_wi=1",              imageAlt: "Maintenance History Timeline"},
+              id: "maintenance-history",              title: "Complete Maintenance History",              description: "Every repair, part replacement, and technician note attached to the machine. Fast diagnostics. Predictive insights.",              tag: "Full Context",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-maintenance-history-timeline--1772557690909-7c7cf474.png",              imageAlt: "Maintenance History Timeline"},
             {
               id: "parts-inventory",              title: "Integrated Parts & Inventory",              description: "Track spare parts across locations. Auto-reorder alerts. Reduce downtime. Optimize budget spending.",              tag: "Smart Inventory",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/an-intelligent-inventory-management-syst-1772557691046-5b2f560f.png",              imageAlt: "Parts Inventory Management"},
           ]}
@@ -132,7 +132,7 @@ export default function HomePage() {
               title: "ROI in Weeks",              description: "Reduce mean time to repair (MTTR). Minimize silent failures. Protect revenue. See payback fast.",              icon: TrendingUp,
             },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-team-collaboration-interface-showing-o-1772557690395-797f70b5.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-team-collaboration-interface-showing-o-1772557690395-797f70b5.png"
           imageAlt="Team Collaboration Interface"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -146,9 +146,11 @@ export default function HomePage() {
           tag="Partners & Customers"
           textboxLayout="default"
           useInvertedBackground={false}
+          names={[
+            "Acme Equipment Group",            "TechFlow Operations",            "Innovate Fleet Services",            "CloudOps Solutions",            "FieldPro Mobile",            "MaintIQ Intelligence",            "AssetTrack",            "Workflows Automation"
+          ]}
           logos={[
             "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}
         />
@@ -219,4 +221,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -10,18 +10,18 @@ import { Rocket, Sparkles, Crown } from "lucide-react";
 
 export default function PricingPage() {
   const navItems = [
-    { name: "Features", id: "/features" },
+    { name: "Features", id: "features" },
     { name: "How It Works", id: "product" },
-    { name: "Pricing", id: "/pricing" },
+    { name: "Pricing", id: "pricing" },
     { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "/contact" },
+    { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
     {
       title: "Product",      items: [
-        { label: "Features", href: "/features" },
-        { label: "Pricing", href: "/pricing" },
+        { label: "Features", href: "features" },
+        { label: "Pricing", href: "pricing" },
         { label: "Security", href: "#" },
         { label: "Integrations", href: "#" },
       ],
@@ -31,13 +31,13 @@ export default function PricingPage() {
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Blog", href: "#" },
-        { label: "Support", href: "/contact" },
+        { label: "Support", href: "contact" },
       ],
     },
     {
       title: "Company",      items: [
         { label: "About Us", href: "#" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "contact" },
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
       ],
@@ -46,14 +46,14 @@ export default function PricingPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="expand-hover"
+      defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-elevated"
-      primaryButtonStyle="radial-glow"
+      primaryButtonStyle="shadow"
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
@@ -61,7 +61,7 @@ export default function PricingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Report Desk"
           navItems={navItems}
-          button={{ text: "Start Your Free Pilot", href: "/contact" }}
+          button={{ text: "Start Your Free Pilot", href: "#contact" }}
         />
       </div>
 
@@ -100,9 +100,11 @@ export default function PricingPage() {
           tag="Our Customers"
           textboxLayout="default"
           useInvertedBackground={false}
+          names={[
+            "Acme Equipment Group",            "TechFlow Operations",            "Innovate Fleet Services",            "CloudOps Solutions"
+          ]}
           logos={[
             "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}
         />
@@ -117,4 +119,4 @@ export default function PricingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-public-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-public-sans), sans-serif;
 }

src/app/styles/variables.css

@@ -5,20 +5,20 @@
   /* --background: #f5f5f5;;
   --card: #ffffff;;
   --foreground: #1c1c1c;;
-  --primary-cta: #1f7cff;;
+  --primary-cta: #1c1c1c;;
   --secondary-cta: #ffffff;;
-  --accent: #ff6207;;
-  --background-accent: #e8a8b6;; */
+  --accent: #e63946;;
+  --background-accent: #e8bea8;; */
 
   --background: #f5f5f5;;
   --card: #ffffff;;
   --foreground: #1c1c1c;;
-  --primary-cta: #1f7cff;;
+  --primary-cta: #1c1c1c;;
   --primary-cta-text: #f5f5f5;;
   --secondary-cta: #ffffff;;
   --secondary-cta-text: #1c1c1c;;
-  --accent: #ff6207;;
-  --background-accent: #e8a8b6;;
+  --accent: #e63946;;
+  --background-accent: #e8bea8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);