Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -10,8 +10,10 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
+import BlurBottomBackground from '@/components/background/BlurBottomBackground';
 
 export default function LandingPage() {
+  const handleCall = () => window.location.href = "tel:7542544054";
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -29,26 +31,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Services", id: "#services" },
-        { name: "How It Works", id: "#how-it-works" },
-        { name: "FAQ", id: "#faq" },
-        { name: "Contact", id: "#contact" },
+        { name: "Services", id: "services" },
+        { name: "How It Works", id: "how-it-works" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Integrity Doc Prep"
     />
   </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      title="Convenient • Remote • Flat-Fee Pricing"
-      description="Professional document preparation for South Florida individuals and families. We offer a transparent, stress-free alternative to traditional legal services, helping you manage life's transitions with dignity."
-      background={{ variant: "plain" }}
-      imageSrc="https://img.b2bpic.net/free-vector/abstract-business-document-concept_114360-6395.jpg"
-      imageAlt="Document preparation concept"
-      testimonials={[]}
-      mediaAnimation="blur-reveal"
-      buttons={[{ text: "View Services", href: "#services" }, { text: "Contact Us", href: "#contact" }]}
-    />
+  <div id="hero" data-section="hero" className="relative">
+      <BlurBottomBackground className="absolute inset-0 opacity-40 blur-3xl pointer-events-none" />
+      <div className="absolute inset-0 z-0">
+        <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/uploaded-1778793435307-c918cxmh.jpg" alt="Background" className="w-full h-full object-cover blur-2xl" />
+      </div>
+      <div className="relative z-10">
+        <HeroSplitTestimonial
+          title="“The Only Help You Need to Move Forward”"
+          description="Professional document preparation for South Florida individuals and families. We offer a transparent, stress-free alternative to traditional legal services, helping you manage life's transitions with dignity and peace of mind."
+          background={{ variant: "plain" }}
+          testimonials={[]}
+          mediaAnimation="blur-reveal"
+          buttons={[{ text: "View Services", href: "#services" }, { text: "Contact Us", onClick: handleCall }]}
+        />
+      </div>
   </div>
 
   <div id="services" data-section="services">
@@ -56,13 +62,13 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      title="Compassionate Support, Affordable Care"
-      description="We believe quality assistance shouldn't be cost-prohibitive. Our flat-fee pricing is designed to keep our services accessible, helping you navigate your documentation with complete peace of mind."
+      title="Here for You, Every Step of the Way"
+      description="We pride ourselves on offering a personal, welcoming experience. We handle the paperwork so you can focus on what truly matters—your family and your future."
       features={[
-        { title: "Family Transitions", description: "Thoughtful assistance for uncontested divorce, custody, and support arrangements, starting at $250.", imageSrc: "https://img.b2bpic.net/free-vector/family-law-concept_23-2148590039.jpg" },
-        { title: "Residential Stability", description: "Clear, reliable guidance for eviction notices and filings, starting at $199.", imageSrc: "https://img.b2bpic.net/free-vector/eviction-notice-concept_23-2148542329.jpg" },
-        { title: "Estate & Future Planning", description: "Gentle, supportive preparation for wills, power of attorney, and healthcare directives, starting at $125.", imageSrc: "https://img.b2bpic.net/free-vector/estate-planning-checklist_1284-42661.jpg" },
-        { title: "Real Estate Documentation", description: "Precise preparation for mortgage and property-related documents, starting at $150.", imageSrc: "https://img.b2bpic.net/free-vector/real-estate-document-folder_23-2148558435.jpg" }
+        { title: "Family Transitions", description: "Thoughtful assistance for uncontested divorce, custody, and support arrangements, starting at $250.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/uploaded-1778793505589-3wnhixdu.jpg", buttons: [{ text: "Get in Touch", onClick: handleCall }] },
+        { title: "Residential Stability", description: "Clear, reliable guidance for eviction notices and filings, starting at $199.", imageSrc: "https://img.b2bpic.net/free-vector/eviction-notice-concept_23-2148542329.jpg", buttons: [{ text: "Get in Touch", onClick: handleCall }] },
+        { title: "Estate & Future Planning", description: "Gentle, supportive preparation for wills, power of attorney, and healthcare directives, starting at $125.", imageSrc: "https://img.b2bpic.net/free-vector/estate-planning-checklist_1284-42661.jpg", buttons: [{ text: "Get in Touch", onClick: handleCall }] },
+        { title: "Real Estate Documentation", description: "Precise preparation for mortgage and property-related documents, starting at $150.", imageSrc: "https://img.b2bpic.net/free-vector/real-estate-document-folder_23-2148558435.jpg", buttons: [{ text: "Get in Touch", onClick: handleCall }] }
       ]}
     />
   </div>
@@ -74,11 +80,11 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       items={[
-        { content: "1. A Warm Welcome: Simply reach out, and we'll listen to your needs.", media: "📁", reverse: false },
-        { content: "2. Secure & Private: Upload your documents through our encrypted, protected portal.", media: "🔒", reverse: true },
-        { content: "3. Careful Preparation: We draft your documents with accuracy and attention to detail.", media: "✍️", reverse: false },
-        { content: "4. Review Together: You review every detail with confidence before finalizing.", media: "✅", reverse: true },
-        { content: "5. Confident Next Steps: We’ll provide clear guidance for your final actions.", media: "🚀", reverse: false }
+        { content: "1. Reach Out Anytime: Call, text, email, or fill out the contact form to get started.", media: "📁", reverse: false },
+        { content: "2. Send Your Information Securely: Upload your documents safely and privately from anywhere in Florida.", media: "🔒", reverse: true },
+        { content: "3. We Prepare Everything Carefully: Your documents are prepared professionally with attention to detail and care.", media: "✍️", reverse: false },
+        { content: "4. Review Everything With Confidence: Review everything before signing or filing.", media: "✅", reverse: true },
+        { content: "5. Move Forward With Peace of Mind: Clear next-step guidance and support throughout the process.", media: "🚀", reverse: false }
       ]}
     />
   </div>
@@ -114,7 +120,7 @@ export default function LandingPage() {
       <ContactText
       background={{ variant: "gradient-bars" }}
       text="If you're ready to take the next step, we're here to walk alongside you. Please reach out, and let us help you handle your paperwork with confidence and peace of mind."
-      buttons={[{ text: "Get in Touch" }]}
+      buttons={[{ text: "Get in Touch", onClick: handleCall }]}
       useInvertedBackground={false}
     />
   </div>
@@ -129,4 +135,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}