Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -72,6 +72,7 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="split"
+      useInvertedBackground={false}
       title="Meet John, Your Specialist"
       description="John brings over a decade of plumbing excellence to your home, combining technical mastery with an artisan’s eye for detail."
       bulletPoints={[
@@ -103,6 +104,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
+      useInvertedBackground={false}
       metrics={[
         { id: "m1", value: "13+", title: "Years Experience", description: "Deep industry expertise.", icon: Award },
         { id: "m2", value: "5.0", title: "Star Rating", description: "Across verified platforms.", icon: Star },
@@ -133,6 +135,8 @@ export default function LandingPage() {
       title="Need Urgent Help? Call Now."
       description="For immediate assistance or emergencies, call us directly."
       buttonText="Call (555) 123-4567"
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
       onSubmit={(email) => console.log("Consultation for: ", email)}
     />
   </div>