Update src/app/how-it-works/page.tsx

src/app/how-it-works/page.tsx

@@ -9,7 +9,6 @@ import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwen
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { CheckCircle, AlertTriangle } from "lucide-react";
 
 export default function HowItWorksPage() {
   return (
@@ -42,6 +41,7 @@ export default function HowItWorksPage() {
             <HeroOverlayTestimonial
               title="A Clear Process for a Difficult Transition"
               description="Navigating senior transitions doesn't have to feel overwhelming. Our structured approach brings clarity to every step."
+              testimonials={[]}
             />
         </div>
 
@@ -49,6 +49,9 @@ export default function HowItWorksPage() {
             <SplitAbout
               title="You Don’t Have to Figure This Out Alone"
               description="We translate the complexity of aging transitions into a manageable, step-by-step roadmap tailored specifically to your family's needs."
+              bulletPoints={[]}
+              textboxLayout="split"
+              useInvertedBackground={false}
             />
         </div>
 
@@ -58,12 +61,13 @@ export default function HowItWorksPage() {
               animationType="slide-up"
               textboxLayout="split"
               gridVariant="two-columns-alternating-heights"
+              description="Five clear steps to guide your transition."
               features={[
-                { title: "We Listen & Assess", description: "Understanding your family's unique dynamics and goals.", imageSrc: "", titleIconSrc: "" },
-                { title: "We Create a Personalized Transition Plan", description: "Developing a structured path that keeps everyone informed.", imageSrc: "", titleIconSrc: "" },
-                { title: "We Coordinate the Transition", description: "Managing the logistical details from start to finish.", imageSrc: "", titleIconSrc: "" },
-                { title: "We Support the Next Housing Decision", description: "Helping you find the right fit with confidence.", imageSrc: "", titleIconSrc: "" },
-                { title: "We Help You Move Forward", description: "Ensuring stability and comfort for the road ahead.", imageSrc: "", titleIconSrc: "" }
+                { title: "We Listen & Assess", description: "Understanding your family's unique dynamics and goals.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" },
+                { title: "We Create a Personalized Transition Plan", description: "Developing a structured path that keeps everyone informed.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" },
+                { title: "We Coordinate the Transition", description: "Managing the logistical details from start to finish.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" },
+                { title: "We Support the Next Housing Decision", description: "Helping you find the right fit with confidence.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" },
+                { title: "We Help You Move Forward", description: "Ensuring stability and comfort for the road ahead.", imageSrc: "/placeholder.png", titleIconSrc: "", buttonText: "Learn More" }
               ]}
             />
         </div>
@@ -72,14 +76,19 @@ export default function HowItWorksPage() {
             <SplitAbout
               title="What Families Often Feel Before They Reach Out"
               description="Overwhelmed by decisions, stressed by family disagreements, or unsure of where to start—you aren't the first, and we can help."
+              bulletPoints={[]}
+              textboxLayout="split"
+              useInvertedBackground={false}
             />
         </div>
 
         <div id="faq" data-section="faq">
             <FaqDouble
               title="Mini FAQ"
+              description="Answers to common questions about our process."
               faqsAnimation="slide-up"
               textboxLayout="default"
+              useInvertedBackground={false}
               faqs={[
                 { id: "q1", title: "How do we get started?", content: "Simply reach out through our contact form and we will schedule an initial call." },
                 { id: "q2", title: "Can you mediate family discussions?", content: "Yes, we specialize in helping families reach consensus during transition periods." }
@@ -92,6 +101,7 @@ export default function HowItWorksPage() {
               text="Take the first step toward a clearer transition."
               buttons={[{ text: "Schedule Your Free Consultation", href: "/contact" }]}
               background={{ variant: "sparkles-gradient" }}
+              useInvertedBackground={false}
             />
         </div>