Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
@@ -118,7 +118,7 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardOne
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
@@ -142,40 +142,33 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
+      <TestimonialCardSix
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          name: "John Doe",          role: "Entrepreneur",          testimonial: "Excellent service and quick response.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg"},
-        {
-          id: "t2",          name: "Jane Smith",          role: "Homeowner",          testimonial: "Very professional and caring team.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg"},
-        {
-          id: "t3",          name: "Robert Brown",          role: "Parent",          testimonial: "Found the perfect policy fast.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg"},
-        {
-          id: "t4",          name: "Alice Wilson",          role: "Driver",          testimonial: "Smooth process for our car insurance.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg"},
-        {
-          id: "t5",          name: "David Clark",          role: "Business Owner",          testimonial: "Always helpful when I have questions.",          imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg"},
-      ]}
       title="Client Success Stories"
       description="What our local clients say about our agency services."
+      testimonials={[
+        { id: "t1", name: "John Doe", handle: "@jdoe", testimonial: "Excellent service and quick response." },
+        { id: "t2", name: "Jane Smith", handle: "@jsmith", testimonial: "Very professional and caring team." },
+        { id: "t3", name: "Robert Brown", handle: "@rbrown", testimonial: "Found the perfect policy fast." },
+        { id: "t4", name: "Alice Wilson", handle: "@awilson", testimonial: "Smooth process for our car insurance." },
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
+      <FaqBase
+      title="Frequently Asked Questions"
+      description="Everything you need to know about our services."
+      faqsAnimation="blur-reveal"
+      textboxLayout="default"
+      useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "How does independent agency differ?",          content: "We offer quotes from multiple carriers to save you time and money."},
-        {
-          id: "2",          title: "Is my insurance bundleable?",          content: "Absolutely, bundling auto and home usually yields significant savings."},
-        {
-          id: "3",          title: "How do I file a claim?",          content: "Contact our office directly or use the portal provided at policy start."},
+        { id: "1", title: "How does independent agency differ?", content: "We offer quotes from multiple carriers to save you time and money." },
+        { id: "2", title: "Is my insurance bundleable?", content: "Absolutely, bundling auto and home usually yields significant savings." },
+        { id: "3", title: "How do I file a claim?", content: "Contact our office directly or use the portal provided at policy start." },
       ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
     />
   </div>
 
@@ -191,17 +184,13 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
+      <ContactSplit
       tag="Get in touch"
       title="Ready for a review?"
       description="Call or visit our local office to discuss your coverage needs."
-      buttons={[
-        {
-          text: "Contact Us",          href: "tel:5550123"},
-      ]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
+      mediaPosition="right"
     />
   </div>
 
@@ -217,4 +206,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}