From d05f58d33af11fb738c06467deb557f323e02605 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 18:26:25 +0000
Subject: [PATCH] Update src/app/pricing/page.tsx

---
 src/app/pricing/page.tsx | 43 ++++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index b97bada..811f438 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="circleGradient"
-      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -69,26 +69,24 @@ export default function PricingPage() {
         <PricingCardOne
           title="Transparent, Scalable Pricing"
           description="No hidden fees. Pay for what you use. Grow without friction. All plans include 24/7 support and uptime guarantees."
+          tag="Pricing Plans"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
           plans={[
             {
-              id: "starter",              tag: "Starter",              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: "Growth",              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: "Enterprise",              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"],
             },
           ]}
@@ -99,12 +97,19 @@ export default function PricingPage() {
         <SocialProofOne
           title="Trusted by Leading Operations Teams"
           description="Industry-leading equipment operators and maintenance networks use Report Desk to manage thousands of machines."
+          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"]}
+            {
+              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"},
+          ]}
           speed={40}
           showCard={true}
         />