Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Products", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="SecureChoice Agency"
     />
@@ -51,34 +46,19 @@ export default function LandingPage() {
       title="Your Trusted Independent Insurance Partner"
       description="Providing personalized insurance solutions tailored to protect your home, business, and family. We work for you, not the insurance company."
       testimonials={[
-        {
-          name: "Sarah Miller",          handle: "@smiller",          testimonial: "SecureChoice found me better coverage for half the price. Highly recommend!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
-        {
-          name: "Johnathan D.",          handle: "@johndoe",          testimonial: "They made the complicated insurance process seamless.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg"},
-        {
-          name: "Maria Garcia",          handle: "@mgarcia",          testimonial: "Personalized service that actually cares about my family.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
-        {
-          name: "Kevin Peterson",          handle: "@kpeterson",          testimonial: "Saved me significantly on my commercial liability policy.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg"},
-        {
-          name: "Alice Thompson",          handle: "@alicet",          testimonial: "Friendly experts who truly understand local needs.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg"},
+        { name: "Sarah Miller", handle: "@smiller", testimonial: "SecureChoice found me better coverage for half the price. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
+        { name: "Johnathan D.", handle: "@johndoe", testimonial: "They made the complicated insurance process seamless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg" },
+        { name: "Maria Garcia", handle: "@mgarcia", testimonial: "Personalized service that actually cares about my family.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
+        { name: "Kevin Peterson", handle: "@kpeterson", testimonial: "Saved me significantly on my commercial liability policy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg" },
+        { name: "Alice Thompson", handle: "@alicet", testimonial: "Friendly experts who truly understand local needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-mature-man-his-financial-advisor-shaking-hands-after-meeting-office_637285-1192.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",          alt: "Client 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg",          alt: "Client 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg",          alt: "Client 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-older-business-woman-posing-diner_23-2148661162.jpg",          alt: "Client 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",          alt: "Client 5"},
+        { src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-smiley-older-business-woman-posing-diner_23-2148661162.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg", alt: "Client 5" },
       ]}
       avatarText="Trusted by over 500+ local families"
     />
@@ -88,10 +68,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="Decades of Local Experience"
-      buttons={[
-        {
-          text: "Learn About Our Mission",          href: "#"},
-      ]}
+      buttons={[{ text: "Learn About Our Mission", href: "#" }]}
     />
   </div>
 
@@ -100,16 +77,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          tag: "Home",          title: "Homeowners Insurance",          subtitle: "Protection for your biggest asset",          description: "Comprehensive coverage for your residence and belongings.",          imageSrc: "http://img.b2bpic.net/free-photo/business-grass-communication-profession-idyllic_1134-1134.jpg"},
-        {
-          tag: "Auto",          title: "Auto Insurance",          subtitle: "Coverage for every mile",          description: "Reliable vehicle protection for your daily commute and beyond.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-smartphone-use-car-insurance-application-online-after-his-broken-car-insurance-concept_493343-30005.jpg"},
-        {
-          tag: "Life",          title: "Life Insurance",          subtitle: "Security for your loved ones",          description: "Customizable life insurance plans to ensure family future.",          imageSrc: "http://img.b2bpic.net/free-photo/yellow-umbrella-casting-shadow_53876-74755.jpg"},
-        {
-          tag: "Commercial",          title: "Business Insurance",          subtitle: "Scale with confidence",          description: "Tailored liability and property protection for your enterprise.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-family-figure-concept_23-2148488290.jpg"},
-        {
-          tag: "Umbrella",          title: "Umbrella Policy",          subtitle: "Extra peace of mind",          description: "Additional liability coverage for major life events.",          imageSrc: "http://img.b2bpic.net/free-photo/protection-concept-with-umbrella_23-2149277073.jpg"},
+        { tag: "Home", title: "Homeowners Insurance", subtitle: "Protection for your biggest asset", description: "Comprehensive coverage for your residence and belongings.", imageSrc: "http://img.b2bpic.net/free-photo/business-grass-communication-profession-idyllic_1134-1134.jpg" },
+        { tag: "Auto", title: "Auto Insurance", subtitle: "Coverage for every mile", description: "Reliable vehicle protection for your daily commute and beyond.", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-smartphone-use-car-insurance-application-online-after-his-broken-car-insurance-concept_493343-30005.jpg" },
+        { tag: "Life", title: "Life Insurance", subtitle: "Security for your loved ones", description: "Customizable life insurance plans to ensure family future.", imageSrc: "http://img.b2bpic.net/free-photo/yellow-umbrella-casting-shadow_53876-74755.jpg" },
+        { tag: "Commercial", title: "Business Insurance", subtitle: "Scale with confidence", description: "Tailored liability and property protection for your enterprise.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-family-figure-concept_23-2148488290.jpg" },
+        { tag: "Umbrella", title: "Umbrella Policy", subtitle: "Extra peace of mind", description: "Additional liability coverage for major life events.", imageSrc: "http://img.b2bpic.net/free-photo/protection-concept-with-umbrella_23-2149277073.jpg" },
       ]}
       title="Comprehensive Coverage Options"
       description="We specialize in finding the right protection for every stage of your life."
@@ -123,18 +95,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",          name: "Umbrella Liability",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-pen_23-2149191373.jpg"},
-        {
-          id: "p2",          name: "Commercial Liability",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/paper-mortgage-request-table_23-2147764189.jpg"},
-        {
-          id: "p3",          name: "Health Insurance",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartphone-money-graphs-charts-workplace-office-business-concept_1150-2266.jpg"},
-        {
-          id: "p4",          name: "Property Insurance",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/handicapped-young-woman-office-listening_23-2148497270.jpg"},
-        {
-          id: "p5",          name: "Renters Insurance",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/insurance-policy-agreement-terms-document-concept_53876-134017.jpg"},
-        {
-          id: "p6",          name: "Disability Policy",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/mortgage-loan-request-modification-document-concept_53876-132731.jpg"},
+        { id: "p1", name: "Umbrella Liability", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-pen_23-2149191373.jpg" },
+        { id: "p2", name: "Commercial Liability", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/paper-mortgage-request-table_23-2147764189.jpg" },
+        { id: "p3", name: "Health Insurance", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartphone-money-graphs-charts-workplace-office-business-concept_1150-2266.jpg" },
+        { id: "p4", name: "Property Insurance", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/handicapped-young-woman-office-listening_23-2148497270.jpg" },
+        { id: "p5", name: "Renters Insurance", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/insurance-policy-agreement-terms-document-concept_53876-134017.jpg" },
+        { id: "p6", name: "Disability Policy", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/mortgage-loan-request-modification-document-concept_53876-132731.jpg" },
       ]}
       title="Our Insurance Portfolio"
       description="Detailed coverage solutions for various professional and personal needs."
@@ -176,31 +142,30 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Carrier 1",        "Carrier 2",        "Carrier 3",        "Carrier 4",        "Carrier 5",        "Carrier 6",        "Carrier 7"]}
+      names={["Carrier 1", "Carrier 2", "Carrier 3", "Carrier 4", "Carrier 5", "Carrier 6", "Carrier 7"]}
       title="Trusted Partners"
       description="We partner with leading insurance providers to bring you the best coverage."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      tag="Get in touch"
+      <ContactSplitForm
       title="Ready for a review?"
       description="Call or visit our local office to discuss your coverage needs."
-      background={{ variant: "plain" }}
-      useInvertedBackground={true}
+      inputs={[
+          { name: "name", type: "text", placeholder: "Full Name", required: true },
+          { name: "email", type: "email", placeholder: "Email Address", required: true },
+      ]}
       mediaPosition="right"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="SecureChoice Agency"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>