Update src/app/page.tsx

This commit is contained in:
2026-03-27 22:39:08 +00:00
parent 30221b1ef3
commit e9896bad08

View File

@@ -3,11 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
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">
<NavbarLayoutFloatingOverlay
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
@@ -91,14 +91,17 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqBase
title="Answers to Your Questions"
faqsAnimation="blur-reveal"
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "What is an ignition interlock device?", content: "It is a breath-test device connected to your vehicle's ignition system." },
{ id: "f2", title: "How often do I need calibration?", content: "Regular calibration is required to ensure accuracy." },
{ id: "f3", title: "Do you offer same-day installation?", content: "In many cases, yes. Please contact us to check availability." },
{ id: "f4", title: "Is the device easy to use?", content: "We provide thorough training to ensure you are comfortable using the device." },
]}
sideTitle="Answers to Your Questions"
faqsAnimation="blur-reveal"
/>
</div>