diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index a956306..386067e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import { MapPin, Users } from "lucide-react";
 
@@ -24,7 +24,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Home", id: "/" },
         { name: "Services", id: "/services" },
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index b0c41c0..15fef39 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 
 export default function LandingPage() {
@@ -23,7 +23,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Home", id: "/" },
         { name: "Services", id: "/services" },
diff --git a/src/app/how-it-works/page.tsx b/src/app/how-it-works/page.tsx
index aff6050..516b0a1 100644
--- a/src/app/how-it-works/page.tsx
+++ b/src/app/how-it-works/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Zap, FileCheck, CheckCircle2, Wrench } from "lucide-react";
@@ -23,7 +23,7 @@ export default function HowItWorksPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarStyleApple
+            <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "/" },
               { name: "Services", id: "/services" },
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 66a1a1a..751206e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,11 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Award, CheckCircle, Heart, ShieldCheck } from "lucide-react";
 
@@ -27,7 +27,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Home", id: "/" },
         { name: "Services", id: "/services" },
@@ -52,8 +52,7 @@ export default function LandingPage() {
         { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/removing-interlock-device-from-car-conso-1774639658277-e5a00ffe.png", imageAlt: "Efficient device removal process" },
         { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXyOrSaZWfuzAUSsqC1adzoZvF/bright-and-clean-workshop-space-modern-f-1774639652470-f0dc2695.png?_wi=1", imageAlt: "Clean and professional facilities" },
       ]}
-      buttons={[{ text: "Call Now to Schedule", href: "tel:+15550102030" }]
-      }
+      buttons={[{ text: "Call Now to Schedule", href: "tel:+15550102030" }]}
     />
   </div>
 
@@ -91,19 +90,18 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our ignition interlock installation, calibration, and compliance services in Colorado."
+      <FaqSplitText
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Detailed answers to common questions about our ignition interlock installation, calibration, and Colorado state compliance."
       faqsAnimation="blur-reveal"
-      textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        { id: "f1", title: "What exactly is an ignition interlock device (IID)?", content: "An Ignition Interlock Device is a breath alcohol monitoring system installed in your vehicle. It prevents the engine from starting if alcohol is detected in your breath sample, ensuring full compliance with state requirements during your restricted driving period." },
-        { id: "f2", title: "How often do I need to visit for calibration and data downloads?", content: "Standard Colorado regulations typically require IID monitoring visits every 30 to 60 days. During these appointments, our certified technicians download data from the device to confirm compliance with your program and ensure the hardware is functioning optimally." },
-        { id: "f3", title: "Can I get a same-day installation appointment?", content: "We strive to accommodate your schedule whenever possible. Depending on our current service volume and your vehicle model, same-day appointments are often available at our Longmont facility. We recommend calling us early in the morning to check our real-time availability." },
-        { id: "f4", title: "Is the device complicated or difficult to operate?", content: "Not at all. We provide comprehensive hands-on training during your installation appointment to ensure you feel confident and comfortable. Our team demonstrates how to perform the breath tests correctly and explains all audio and visual alerts clearly, so you'll be well-prepared for everyday use." },
-        { id: "f5", title: "What happens if I fail a breath test while driving?", content: "The device is designed to detect alcohol and record all attempts. If a breath test is failed, it will log the event, preventing the vehicle from starting and potentially alerting state monitoring authorities. We strongly advise strictly avoiding all alcohol use when operating a vehicle equipped with an IID to maintain your program status." },
-        { id: "f6", title: "Will the installation cause any permanent damage to my car?", content: "Absolutely not. Our professional technicians are experts in modern automotive electronics. We use non-invasive, industry-standard installation techniques that maintain the integrity of your vehicle's ignition and electrical systems, ensuring everything functions exactly as the manufacturer intended." }
+        { id: "f1", title: "What exactly is an ignition interlock device (IID)?", content: "An Ignition Interlock Device is a breath alcohol monitoring system installed in your vehicle. It prevents the engine from starting if alcohol is detected in your breath sample, ensuring full compliance with state requirements during your restricted driving period. Our team ensures the device is calibrated to meet strict Colorado safety standards at every visit." },
+        { id: "f2", title: "How often do I need to visit for calibration and data downloads?", content: "Standard Colorado regulations typically require IID monitoring visits every 30 to 60 days. During these appointments, our certified technicians download data from the device to confirm compliance with your program and ensure the hardware is functioning optimally, ensuring your driving privileges remain uninterrupted and your records stay accurate." },
+        { id: "f3", title: "Can I get a same-day installation appointment?", content: "We strive to accommodate your schedule whenever possible. Depending on our current service volume and your vehicle model, same-day appointments are often available at our Longmont facility. We recommend calling us early in the morning so we can prioritize your installation and get you back on the road safely and compliant as soon as possible." },
+        { id: "f4", title: "Is the device complicated or difficult to operate?", content: "Not at all. We provide comprehensive hands-on training during your installation appointment to ensure you feel confident and comfortable. Our team demonstrates how to perform the breath tests correctly and explains all audio and visual alerts clearly, so you'll be well-prepared for everyday use. We take the time to answer every question you have." },
+        { id: "f5", title: "What happens if I fail a breath test while driving?", content: "The device is designed to detect alcohol and record all attempts. If a breath test is failed, it will log the event, preventing the vehicle from starting and potentially alerting state monitoring authorities. We strongly advise strictly avoiding all alcohol use when operating a vehicle equipped with an IID to maintain your program status and complete your restricted driving requirements without issue." },
+        { id: "f6", title: "Will the installation cause any permanent damage to my car?", content: "Absolutely not. Our professional technicians are experts in modern automotive electronics. We use non-invasive, industry-standard installation techniques that maintain the integrity of your vehicle's ignition and electrical systems, ensuring everything functions exactly as the manufacturer intended while remaining fully compliant with state interlock program regulations." }
       ]}
     />
   </div>
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 34f9847..c89ce81 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 
@@ -22,7 +22,7 @@ export default function ServicesPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarStyleApple
+            <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "/" },
               { name: "Services", id: "/services" },