Update src/app/services/page.tsx

Merge version_5 into main

src/app/about/page.tsx

@@ -27,25 +27,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "How It Works",
+          name: "How It Works",          id: "/how-it-works"},
-          id: "/how-it-works",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="Nicks 2 Interlock"
     />
@@ -59,14 +49,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       members={[
         {
-          id: "m1",
+          id: "m1",          name: "Owner Operator",          role: "Direct Access Support",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/professional-owner-operator-portrait-fri-1774639653250-fb822ddf.png?_wi=1"},
-          name: "Owner Operator",
-          role: "Direct Access Support",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/professional-owner-operator-portrait-fri-1774639653250-fb822ddf.png?_wi=1",
-        },
       ]}
       title="Local Service You Can Trust"
-      description="Serving Colorado since 2008 with a dedicated, owner-led business approach."
+      description="Serving Colorado for 16+ Years with a dedicated, owner-led business approach."
     />
   </div>
 
@@ -79,29 +65,21 @@ export default function LandingPage() {
       description="Connecting you with reliable, non-judgmental support services."
       features={[
         {
-          title: "Supportive Environment",
+          title: "Supportive Environment",          description: "We provide a safe space for every client.",          icon: Users,
-          description: "We provide a safe space for every client.",
-          icon: Users,
           mediaItems: [
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/client-being-helped-gentle-professional--1774639652359-aa6ff784.png?_wi=3",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/client-being-helped-gentle-professional--1774639652359-aa6ff784.png?_wi=3"},
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/supportive-environment-calm-atmosphere-p-1774639652859-96ac00f9.png?_wi=3",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/supportive-environment-calm-atmosphere-p-1774639652859-96ac00f9.png?_wi=3"},
-            },
           ],
         },
         {
-          title: "Local Experts",
+          title: "Local Experts",          description: "Decades of industry experience.",          icon: MapPin,
-          description: "Decades of industry experience.",
-          icon: MapPin,
           mediaItems: [
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/beautiful-outdoor-view-of-longmont-color-1774639654787-e8e05126.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/beautiful-outdoor-view-of-longmont-color-1774639654787-e8e05126.png"},
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/professional-owner-operator-portrait-fri-1774639653250-fb822ddf.png?_wi=2",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/professional-owner-operator-portrait-fri-1774639653250-fb822ddf.png?_wi=2"},
-            },
           ],
         },
       ]}
@@ -114,17 +92,11 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "/services"},
-              href: "/services",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
       ]}

src/app/contact/page.tsx

@@ -26,25 +26,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "How It Works",
+          name: "How It Works",          id: "/how-it-works"},
-          id: "/how-it-works",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="Nicks 2 Interlock"
     />
@@ -54,16 +44,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Get in touch"
       title="Need Help? Reach Out Today."
       description="We are ready to guide you through the process with personal, expert service."
       buttons={[
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:+15550102030"},
-          href: "tel:+15550102030",
-        },
       ]}
     />
   </div>
@@ -77,35 +64,19 @@ export default function LandingPage() {
       description="Get in touch today for personalized pricing."
       plans={[
         {
-          id: "q1",
+          id: "q1",          badge: "Standard",          price: "Custom",          subtitle: "Initial Consultation",          features: [
-          badge: "Standard",
+            "Needs assessment",            "Service scheduling"],
-          price: "Custom",
-          subtitle: "Initial Consultation",
-          features: [
-            "Needs assessment",
-            "Service scheduling",
-          ],
           buttons: [
             {
-              text: "Contact",
+              text: "Contact",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          id: "q2",
+          id: "q2",          badge: "Direct",          price: "Call Now",          subtitle: "Speak to Owner",          features: [
-          badge: "Direct",
+            "Direct support",            "Fast response"],
-          price: "Call Now",
-          subtitle: "Speak to Owner",
-          features: [
-            "Direct support",
-            "Fast response",
-          ],
           buttons: [
             {
-              text: "Call",
+              text: "Call",              href: "tel:+15550102030"},
-              href: "tel:+15550102030",
-            },
           ],
         },
       ]}
@@ -118,17 +89,11 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "/services"},
-              href: "/services",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
       ]}

src/app/how-it-works/page.tsx

@@ -26,25 +26,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "How It Works",
+          name: "How It Works",          id: "/how-it-works"},
-          id: "/how-it-works",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="Nicks 2 Interlock"
     />
@@ -58,29 +48,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Step 1: Requirement",          price: "Get Started",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/icon-of-a-legal-document-high-quality-gr-1774639651614-ad88088b.png?_wi=2"},
-          name: "Step 1: Requirement",
-          price: "Get Started",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/icon-of-a-legal-document-high-quality-gr-1774639651614-ad88088b.png?_wi=2",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Step 2: Installation",          price: "Schedule Today",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/installation-toolset-professional-and-cl-1774639654423-df9c56cd.png"},
-          name: "Step 2: Installation",
-          price: "Schedule Today",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/installation-toolset-professional-and-cl-1774639654423-df9c56cd.png",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Step 3: Calibration",          price: "Stay Compliant",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/calibration-gauge-precise-and-technical-1774639653315-52e976f6.png"},
-          name: "Step 3: Calibration",
-          price: "Stay Compliant",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/calibration-gauge-precise-and-technical-1774639653315-52e976f6.png",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Step 4: Final Removal",          price: "Complete Success",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/success-checkmark-sign-professional-grap-1774639655488-fe8de368.jpg"},
-          name: "Step 4: Final Removal",
-          price: "Complete Success",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/success-checkmark-sign-professional-grap-1774639655488-fe8de368.jpg",
-        },
       ]}
       title="Simple 4-Step Process"
       description="We make your requirements clear and easy to follow."
@@ -96,35 +70,19 @@ export default function LandingPage() {
       description="Affordable options tailored to your specific compliance needs."
       plans={[
         {
-          id: "s1",
+          id: "s1",          badge: "Plan A",          price: "$100",          subtitle: "Basic",          features: [
-          badge: "Plan A",
+            "Fast install",            "Regular checkup"],
-          price: "$100",
-          subtitle: "Basic",
-          features: [
-            "Fast install",
-            "Regular checkup",
-          ],
           buttons: [
             {
-              text: "Sign Up",
+              text: "Sign Up",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          id: "s2",
+          id: "s2",          badge: "Plan B",          price: "$200",          subtitle: "Advanced",          features: [
-          badge: "Plan B",
+            "Full documentation",            "Priority support"],
-          price: "$200",
-          subtitle: "Advanced",
-          features: [
-            "Full documentation",
-            "Priority support",
-          ],
           buttons: [
             {
-              text: "Sign Up",
+              text: "Sign Up",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -137,17 +95,11 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "/services"},
-              href: "/services",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
       ]}

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Award, CheckCircle, Clock, Heart, ShieldCheck, ThumbsUp } from "lucide-react";
 
 export default function LandingPage() {
@@ -88,7 +88,7 @@ export default function LandingPage() {
       metrics={[
         {
           icon: CheckCircle,
-          label: "Years of Experience",          value: "2008"},
+          label: "Years of Experience",          value: "16+ Years"},
         {
           icon: Award,
           label: "Dedicated Specialist",          value: "Direct Access"},
@@ -106,6 +106,16 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="social-proof" data-section="social-proof">
+      <SocialProofOne
+      names={["Trusted by Hundreds", "Verified by State", "Certified Partner", "Longmont Community", "Colorado Experts"]}
+      title="Trust Index"
+      description="Real feedback from our satisfied clients in the community."
+      textboxLayout="default"
+      useInvertedBackground={true}
+    />
+  </div>
+
   <div id="faq" data-section="faq">
       <FaqSplitText
       useInvertedBackground={false}
@@ -125,7 +135,7 @@ export default function LandingPage() {
       sideDescription="We're here to make this process as simple as possible. Reach out anytime. If your question isn't answered here, please contact our team directly for assistance."
       buttons={[
         {
-            text: "Contact Us",            href: "/contact"
+            text: "Get Free Consultation",            href: "/contact"
         }
       ]}
       faqsAnimation="slide-up"
@@ -162,34 +172,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Service Plans"
-      description="Clear, transparent pricing for your interlock needs."
-      plans={[
-        {
-          id: "p1",          badge: "Essential",          price: "$150",          subtitle: "Monthly calibration",          features: [
-            "Full support",            "Device monitoring"],
-          buttons: [
-            {
-              text: "Select",              href: "#"},
-          ],
-        },
-        {
-          id: "p2",          badge: "Premium",          price: "$250",          subtitle: "Full service suite",          features: [
-            "All services included",            "Priority access"],
-          buttons: [
-            {
-              text: "Select",              href: "#"},
-          ],
-        },
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[

src/app/services/page.tsx

@@ -27,25 +27,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "How It Works",
+          name: "How It Works",          id: "/how-it-works"},
-          id: "/how-it-works",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="Nicks 2 Interlock"
     />
@@ -58,34 +48,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",
+          id: "s1",          label: "Installation",          title: "Fast Installation",          items: [
-          label: "Installation",
+            "Certified technicians",            "Accurate setup",            "Guidance provided"],
-          title: "Fast Installation",
-          items: [
-            "Certified technicians",
-            "Accurate setup",
-            "Guidance provided",
-          ],
         },
         {
-          id: "s2",
+          id: "s2",          label: "Maintenance",          title: "Regular Calibration",          items: [
-          label: "Maintenance",
+            "Required maintenance",            "Quick appointments",            "Compliance focused"],
-          title: "Regular Calibration",
-          items: [
-            "Required maintenance",
-            "Quick appointments",
-            "Compliance focused",
-          ],
         },
         {
-          id: "s3",
+          id: "s3",          label: "Removal",          title: "Safe Removal",          items: [
-          label: "Removal",
+            "State compliance checked",            "Smooth process",            "Documentation help"],
-          title: "Safe Removal",
-          items: [
-            "State compliance checked",
-            "Smooth process",
-            "Documentation help",
-          ],
         },
       ]}
       title="Professional Interlock Services"
@@ -102,29 +74,21 @@ export default function LandingPage() {
       description="We go beyond just installation to ensure your total peace of mind."
       features={[
         {
-          title: "Compliance Review",
+          title: "Compliance Review",          description: "We verify all documentation.",          icon: FileText,
-          description: "We verify all documentation.",
-          icon: FileText,
           mediaItems: [
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/icon-of-a-legal-document-high-quality-gr-1774639651614-ad88088b.png?_wi=1",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/icon-of-a-legal-document-high-quality-gr-1774639651614-ad88088b.png?_wi=1"},
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/detailed-technical-manual-on-a-clipboard-1774639652630-8adf3acc.png?_wi=2",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/detailed-technical-manual-on-a-clipboard-1774639652630-8adf3acc.png?_wi=2"},
-            },
           ],
         },
         {
-          title: "Emergency Support",
+          title: "Emergency Support",          description: "Quick assistance whenever you need it.",          icon: Phone,
-          description: "Quick assistance whenever you need it.",
-          icon: Phone,
           mediaItems: [
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/bright-and-clean-workshop-space-modern-f-1774639652470-f0dc2695.png?_wi=2",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/bright-and-clean-workshop-space-modern-f-1774639652470-f0dc2695.png?_wi=2"},
-            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/detail-shot-of-diagnostic-tool-plugged-i-1774639652644-abb41512.png?_wi=2",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/detail-shot-of-diagnostic-tool-plugged-i-1774639652644-abb41512.png?_wi=2"},
-            },
           ],
         },
       ]}
@@ -137,17 +101,11 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "/services"},
-              href: "/services",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #f5faff;
-  --card: #ffffff;
+  --card: #f1f8ff;
-  --foreground: #1a1a1a;
+  --foreground: #001122;
-  --primary-cta: #2c2c2c;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
+  --accent: #a8cce8;
-  --background-accent: #e8e6e1;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);