Merge version_2 into main

Merge version_2 into main

src/app/contact/page.tsx

@@ -9,37 +9,34 @@ 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" },
+      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: "#" },
       ],
@@ -48,14 +45,14 @@ export default function ContactPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="circleGradient"
+      background="aurora"
       cardStyle="glass-elevated"
-      primaryButtonStyle="shadow"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
@@ -63,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>
 
@@ -73,35 +70,17 @@ export default function ContactPage() {
           sideDescription="Everything you need to know about Report Desk implementation and operation."
           faqs={[
             {
-              id: "faq-1",
-              title: "Do field staff need to download an app?",
-              content: "No. Report Desk is web-based and mobile-responsive. Field operators simply scan a QR code with any smartphone browser. No installation, no onboarding friction.",
-            },
+              id: "faq-1",              title: "Do field staff need to download an app?",              content: "No. Report Desk is web-based and mobile-responsive. Field operators simply scan a QR code with any smartphone browser. No installation, no onboarding friction."},
             {
-              id: "faq-2",
-              title: "What machines does Report Desk support?",
-              content: "Report Desk works with any equipment: coin-operated washers/dryers, vending machines, ATMs, or custom machinery. You control the data fields and workflows.",
-            },
+              id: "faq-2",              title: "What machines does Report Desk support?",              content: "Report Desk works with any equipment: coin-operated washers/dryers, vending machines, ATMs, or custom machinery. You control the data fields and workflows."},
             {
-              id: "faq-3",
-              title: "How long does implementation take?",
-              content: "Typical deployment: 2–4 weeks. We handle QR code generation, integration setup, and team training. Your technicians can start reporting in days.",
-            },
+              id: "faq-3",              title: "How long does implementation take?",              content: "Typical deployment: 2–4 weeks. We handle QR code generation, integration setup, and team training. Your technicians can start reporting in days."},
             {
-              id: "faq-4",
-              title: "Does Report Desk integrate with our existing tools?",
-              content: "Yes. We support Zapier, API connections, and CSV exports. Connect to Connecteam, Slack, email, or custom systems. Your data flows where it needs to go.",
-            },
+              id: "faq-4",              title: "Does Report Desk integrate with our existing tools?",              content: "Yes. We support Zapier, API connections, and CSV exports. Connect to Connecteam, Slack, email, or custom systems. Your data flows where it needs to go."},
             {
-              id: "faq-5",
-              title: "What if connectivity is poor in the field?",
-              content: "Report Desk works offline. Reports are cached locally and synced automatically when connectivity returns. No data is lost.",
-            },
+              id: "faq-5",              title: "What if connectivity is poor in the field?",              content: "Report Desk works offline. Reports are cached locally and synced automatically when connectivity returns. No data is lost."},
             {
-              id: "faq-6",
-              title: "How secure is maintenance data?",
-              content: "Industry-standard encryption (TLS 1.3). SOC 2 Type II compliant. Role-based access control. Your data never leaves secure servers.",
-            },
+              id: "faq-6",              title: "How secure is maintenance data?",              content: "Industry-standard encryption (TLS 1.3). SOC 2 Type II compliant. Role-based access control. Your data never leaves secure servers."},
           ]}
           textPosition="left"
           useInvertedBackground={false}
@@ -115,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: "circleGradient" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your work email"
           buttonText="Start Free Pilot"
@@ -132,4 +111,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/features/page.tsx

@@ -10,37 +10,34 @@ 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: "#" },
       ],
@@ -49,14 +46,14 @@ export default function FeaturesPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="circleGradient"
+      background="aurora"
       cardStyle="glass-elevated"
-      primaryButtonStyle="shadow"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
@@ -64,7 +61,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>
 
@@ -75,29 +72,11 @@ 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}
@@ -115,24 +94,16 @@ 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"
@@ -151,4 +122,4 @@ export default function FeaturesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,42 +1,31 @@
 import type { Metadata } from "next";
-import { Public_Sans } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const publicSans = Public_Sans({
-  variable: "--font-public-sans",
-  subsets: ["latin"],
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",  subsets: ["latin"],
+});
+
+const inter = Inter({
+  variable: "--font-inter",  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,
@@ -52,7 +41,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${publicSans.variable} antialiased`}>
+        <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
           <Tag />
           {children}
         
@@ -1426,4 +1415,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -15,37 +15,34 @@ 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" },
+      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: "#" },
       ],
@@ -54,14 +51,14 @@ export default function HomePage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="circleGradient"
+      background="aurora"
       cardStyle="glass-elevated"
-      primaryButtonStyle="shadow"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
@@ -69,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>
 
@@ -79,13 +76,13 @@ 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: "circleGradient" }}
+          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"
           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"
@@ -99,37 +96,13 @@ export default function HomePage() {
           tag="Core Features"
           features={[
             {
-              id: "qr-scanning",
-              title: "Instant QR Code Reporting",
-              description: "Operators scan machine QR codes with any smartphone. No app installation. Problem logged in seconds.",
-              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=1",
-              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. Problem logged in seconds.",              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=1",              imageAlt: "QR Code Scanning Interface"},
             {
-              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: "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?_wi=1",              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",
-            },
+              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"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -147,24 +120,16 @@ export default function HomePage() {
           useInvertedBackground={true}
           bulletPoints={[
             {
-              title: "Designed for Zero Friction",
-              description: "No app downloads. No training required. Field staff adopt instantly because it works like they already think.",
-              icon: Zap,
+              title: "Designed for Zero Friction",              description: "No app downloads. No training required. Field staff adopt instantly because it works like they already think.",              icon: Zap,
             },
             {
-              title: "Enterprise-Grade Reliability",
-              description: "Built for mission-critical operations. 99.9% uptime. Works offline. Syncs automatically when connected.",
-              icon: Shield,
+              title: "Enterprise-Grade Reliability",              description: "Built for mission-critical operations. 99.9% uptime. Works offline. Syncs automatically when connected.",              icon: Shield,
             },
             {
-              title: "Integration Ready",
-              description: "Connect to Zapier, Connecteam, and your existing tools. Your data flows where it needs to go.",
-              icon: Workflow,
+              title: "Integration Ready",              description: "Connect to Zapier, Connecteam, and your existing tools. Your data flows where it needs to go.",              icon: Workflow,
             },
             {
-              title: "ROI in Weeks",
-              description: "Reduce mean time to repair (MTTR). Minimize silent failures. Protect revenue. See payback fast.",
-              icon: TrendingUp,
+              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"
@@ -182,39 +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}
         />
@@ -231,33 +165,13 @@ export default function HomePage() {
           animationType="slide-up"
           products={[
             {
-              id: "step-1",
-              name: "1. Scan & Report",
-              price: "Field Staff",
-              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=2",
-              imageAlt: "QR Code Scanning",
-            },
+              id: "step-1",              name: "1. Scan & Report",              price: "Field Staff",              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=2",              imageAlt: "QR Code Scanning"},
             {
-              id: "step-2",
-              name: "2. Instant Notification",
-              price: "Ops Managers",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=2",
-              imageAlt: "Real-Time Alerts",
-            },
+              id: "step-2",              name: "2. Instant Notification",              price: "Ops Managers",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=2",              imageAlt: "Real-Time Alerts"},
             {
-              id: "step-3",
-              name: "3. Dispatch & Track",
-              price: "Technicians",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-field-maintenance-technician-using-a-m-1772557689967-7f7819ba.png",
-              imageAlt: "Field Dispatch",
-            },
+              id: "step-3",              name: "3. Dispatch & Track",              price: "Technicians",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-field-maintenance-technician-using-a-m-1772557689967-7f7819ba.png",              imageAlt: "Field Dispatch"},
             {
-              id: "step-4",
-              name: "4. Log & Optimize",
-              price: "All Users",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-parts-inventory-management-in-1772557691291-3d075487.png",
-              imageAlt: "Historical Analysis",
-            },
+              id: "step-4",              name: "4. Log & Optimize",              price: "All Users",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-parts-inventory-management-in-1772557691291-3d075487.png",              imageAlt: "Historical Analysis"},
           ]}
         />
       </div>
@@ -269,21 +183,13 @@ export default function HomePage() {
           author="Sarah Mitchell, Operations Director at LaundroChain"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-an-operations-m-1772557688837-93ca015e.png",
-              alt: "Sarah Mitchell",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-an-operations-m-1772557688837-93ca015e.png",              alt: "Sarah Mitchell"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-maintenance-t-1772557689510-56e43c1d.png",
-              alt: "Team Member 2",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-maintenance-t-1772557689510-56e43c1d.png",              alt: "Team Member 2"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-business-owne-1772557690072-f310a14a.png",
-              alt: "Team Member 3",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-business-owne-1772557690072-f310a14a.png",              alt: "Team Member 3"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-fleet-supervi-1772557689241-e298a522.png",
-              alt: "Team Member 4",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-fleet-supervi-1772557689241-e298a522.png",              alt: "Team Member 4"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -296,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: "circleGradient" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your work email"
           buttonText="Start Free Pilot"
@@ -313,4 +219,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -10,37 +10,34 @@ 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" },
+      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: "#" },
       ],
@@ -49,14 +46,14 @@ export default function PricingPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="circleGradient"
+      background="aurora"
       cardStyle="glass-elevated"
-      primaryButtonStyle="shadow"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
@@ -64,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>
 
@@ -78,48 +75,19 @@ export default function PricingPage() {
           animationType="slide-up"
           plans={[
             {
-              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: "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",
-              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: "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",
-              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",
-              ],
+              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"],
             },
           ]}
         />
@@ -133,23 +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}
         />
@@ -164,4 +117,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-public-sans), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }

src/app/styles/variables.css

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