Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -8,10 +8,11 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 
 export default function LandingPage() {
+  const handleCall = () => window.location.href = "tel:7542544054";
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -29,14 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Services",          id: "#services"},
-        {
-          name: "How It Works",          id: "#how-it-works"},
-        {
-          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"
     />
@@ -44,71 +41,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      title="Affordable Remote Document Preparation Services for South Florida Families & Individuals"
-      description="Proudly serving individuals and families across the heart of South Florida with affordable, remote document preparation services delivered with integrity, compassion, and genuine personal support."
-      testimonials={[
-        {
-          name: "Client A",          handle: "@integrity",          testimonial: "Ashley made the process so simple and stress-free. I felt supported the entire way.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-coffee-notebook-keyboard_9975-133111.jpg"},
-        {
-          name: "Client B",          handle: "@integrity",          testimonial: "Compassionate, professional, and affordable. Highly recommend their services.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-leaves-laptop_23-2148210367.jpg"},
-        {
-          name: "Client C",          handle: "@integrity",          testimonial: "Clear communication and fast turnaround. Everything was handled perfectly.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-clipboard-table_23-2147962671.jpg"},
-        {
-          name: "Client D",          handle: "@integrity",          testimonial: "Finally found help that wasn't intimidating or overpriced. Truly grateful.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-notebook_23-2148196602.jpg"},
-        {
-          name: "Client E",          handle: "@integrity",          testimonial: "Simple process, great guidance, and super responsive.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-divorce-agreement-with-pen_23-2148558462.jpg"},
-      ]}
-      buttons={[
-        {
-          text: "Get Started",          href: "#contact"},
-        {
-          text: "View Services",          href: "#services"},
-      ]}
+      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"
-      imageSrc="http://img.b2bpic.net/free-photo/work-space-with-laptop-coffee-stationery-white-table-top-view-flat-lay_501050-576.jpg"
-      imageAlt="clean office desk flat lay"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/golden-rings-divorce-online_23-2148558435.jpg",          alt: "Client A"},
-        {
-          src: "http://img.b2bpic.net/free-photo/polocies-compliance-operation-method-system_53876-121481.jpg",          alt: "Client B"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-man-breaking-divorce-decree_23-2148542329.jpg",          alt: "Client C"},
-        {
-          src: "http://img.b2bpic.net/free-vector/set-business-strategy-with-technology-documents-information_24877-53518.jpg",          alt: "Client D"},
-        {
-          src: "http://img.b2bpic.net/free-vector/divorce-illustration-concept_23-2148590039.jpg",          alt: "Client E"},
-      ]}
-      avatarText="Trusted by hundreds of families"
-      marqueeItems={[
-        {
-          type: "text",          text: "Florida-Wide"},
-        {
-          type: "text",          text: "Remote Service"},
-        {
-          type: "text",          text: "Flat-Fee Pricing"},
-        {
-          type: "text",          text: "Client Focused"},
-        {
-          type: "text",          text: "Secure & Private"},
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Why Integrity Doc Prep?"
-      description={[
-        "Life’s important paperwork often comes during stressful, emotional moments. Whether navigating divorce, custody, estate planning, or housing, we make the process clear, easy, and less intimidating.",        "You are never just another file. Our service is built around clear communication, deep compassion, and dependable support tailored to your unique needs."]}
+      buttons={[{ text: "View Services", href: "#services" }, { text: "Contact Us", onClick: handleCall }]}
     />
   </div>
 
@@ -117,113 +56,77 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      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 Law",          description: "Uncontested Divorce, Custody, Child Support starting at $250.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-intellectual-property-day_23-2151325855.jpg"},
-        {
-          title: "Eviction Services",          description: "Notices, Complaints, Summons for residential evictions starting at $199.",          imageSrc: "http://img.b2bpic.net/free-vector/business-hands-with-office-objects-vector-illustration-white_1284-42661.jpg"},
-        {
-          title: "Estate Planning",          description: "Last Wills, Power of Attorney, Healthcare Directives starting at $125.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-with-family-figure-clouds_23-2148488190.jpg"},
-        {
-          title: "Real Estate",          description: "Mortgage docs, promissory notes, real estate preparation starting at $150.",          imageSrc: "http://img.b2bpic.net/free-photo/hand-filling-document-closeup_1150-14905.jpg"},
+        { 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", 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 }] }
       ]}
-      title="Core Services & Pricing"
-      description="Convenient, remote, flat-fee solutions across Florida."
-    />
-  </div>
-
-  <div id="why-choose-us" data-section="why-choose-us">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={true}
-      names={[
-        "Affordable Alternative",        "Stress-Free Process",        "Judgment-Free Support",        "Designed for Navigation",        "Remote Convenience"]}
-      title="Why Clients Choose Us"
-      description="We are committed to making your document journey as simple and supportive as possible."
     />
   </div>
 
   <div id="how-it-works" data-section="how-it-works">
-      <FeatureCardSeven
+    <TimelineProcessFlow
+      title="A Gentle, Simple Path Forward"
+      description="We’ve refined our process to be as straightforward and supportive as possible, allowing you to manage your affairs from the safety and comfort of your home."
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "1. Contact Us",          description: "Reach out via call, text, or email.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacks-papers-documents_23-2151118270.jpg"},
-        {
-          title: "2. Securely Upload",          description: "Submit documents via our encrypted portal.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-notepad-house-shaped-wood-blocks-sale-written-notebook-lupa-black_140725-145677.jpg"},
-        {
-          title: "3. We Prepare",          description: "Documents created based on your provided info.",          imageSrc: "http://img.b2bpic.net/free-photo/property-release-form-assets-concept_53876-125124.jpg"},
-        {
-          title: "4. Review",          description: "Review your drafts for approval.",          imageSrc: "http://img.b2bpic.net/free-photo/hand-filling-document-closeup_1150-14904.jpg"},
-        {
-          title: "5. Finalize",          description: "Guidance provided for next steps.",          imageSrc: "http://img.b2bpic.net/free-photo/lease-renting-contract-residential-tenant-concept_53876-123695.jpg"},
+      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 }
       ]}
-      title="How Does It Work?"
-      description="5 Simple steps to get your paperwork handled."
     />
   </div>
 
   <div id="trust" data-section="trust">
       <TextSplitAbout
       useInvertedBackground={true}
-      title="Your Information Matters!"
+      title="Your Privacy, Our Priority"
       description={[
-        "We use secure digital tools, professional business systems, and private communication channels to keep your documents protected.",        "Whether via secure upload, electronic signature, or private consultation, your privacy is our priority."]}
+        "Your trust is our greatest asset. We handle every detail with the utmost care, ensuring your sensitive information is protected by modern, end-to-end encryption standards.",        "Our services are fully ADA compliant, reflecting our commitment to serving all members of the Florida community with dignity, respect, and accessibility."
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
+      title="We're Here to Help"
+      description="If you have questions, we hope these answers provide clarity and reassurance."
+      faqsAnimation="blur-reveal"
+      faqs={[
+        { id: "1", title: "Is this legal advice?", content: "We focus exclusively on professional document preparation. We do not provide legal advice or attorney representation, allowing us to keep services affordable for you." },
+        { id: "2", title: "Is the pricing fixed?", content: "Yes, we pride ourselves on transparent, flat-fee pricing so you can plan your budget without any surprise costs." },
+        { id: "3", title: "Is my information safe?", content: "Absolutely. Your data is managed via secure, encrypted digital channels designed to keep your personal information private at all times." },
+        { id: "4", title: "How is the support provided?", content: "While our services are remote for your convenience, we are always available via phone or video call to offer a personal, helping hand whenever you need it." }
+      ]}
+      imageSrc="https://img.b2bpic.net/free-vector/faq-concept-illustration_114360-5233.jpg"
       textboxLayout="split"
       useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",          title: "Are you a law firm?",          content: "No. Integrity Doc Prep, LLC is not a law firm and does not provide legal advice or representation."},
-        {
-          id: "2",          title: "Do I need to visit an office?",          content: "No, services are fully remote for your convenience."},
-        {
-          id: "3",          title: "How long does it take?",          content: "Most services are completed within 5 business days."},
-        {
-          id: "4",          title: "Can I talk to a real person?",          content: "Yes, we encourage direct communication via phone, text, or Zoom."},
-        {
-          id: "5",          title: "How do I pay?",          content: "We accept secure online payments for all service bundles."},
-      ]}
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Clear answers to your most common questions."
-      faqsAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-vector/secure-folder-background-design_1223-128.jpg"
-      imageAlt="secure digital document upload icon"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      text="Ready to get started? We are here to help you navigate your paperwork with confidence."
-      buttons={[
-        {
-          text: "Contact Ashley"},
-        {
-          text: "Schedule Zoom"},
-      ]}
+      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", onClick: handleCall }]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Integrity Doc Prep"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Disclaimer: Not an Attorney",        href: "#"}}
+      leftLink={{ text: "© 2025 Serving the Florida Community with Care", href: "#" }}
+      rightLink={{ text: "Disclaimer: Not an Attorney", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}