Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -8,8 +8,8 @@ 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() {
   return (
@@ -29,14 +29,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 +40,14 @@ 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="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"
-      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", href: "#contact" }]}
     />
   </div>
 
@@ -117,113 +56,77 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      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="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."
+      description="Transparent flat-fee pricing that is significantly lower than traditional attorneys. All services are remote and secure."
+      features={[
+        { title: "Family Law", description: "Uncontested Divorce, Custody, Support starting at $250.", imageSrc: "https://img.b2bpic.net/free-vector/family-law-concept_23-2148590039.jpg" },
+        { title: "Eviction Services", description: "Notices, Complaints, Summons for residential needs starting at $199.", imageSrc: "https://img.b2bpic.net/free-vector/eviction-notice-concept_23-2148542329.jpg" },
+        { title: "Estate Planning", description: "Wills, Power of Attorney, Healthcare Directives starting at $125.", imageSrc: "https://img.b2bpic.net/free-vector/estate-planning-checklist_1284-42661.jpg" },
+        { title: "Mortgage & Real Estate", description: "Mortgage docs, notes, and real estate prep starting at $150.", imageSrc: "https://img.b2bpic.net/free-vector/real-estate-document-folder_23-2148558435.jpg" }
+      ]}
     />
   </div>
 
   <div id="how-it-works" data-section="how-it-works">
-      <FeatureCardSeven
+    <TimelineProcessFlow
+      title="How Does It Work?"
+      description="Our 5-step process is designed for your remote convenience and peace of mind."
       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. Initial Request: Reach out to us via call, text, or email.", media: "📁", reverse: false },
+        { content: "2. Secure Upload: Use our encrypted portal for documents.", media: "🔒", reverse: true },
+        { content: "3. Preparation: We draft documents based on your input.", media: "✍️", reverse: false },
+        { content: "4. Review: You review all drafts carefully for accuracy.", media: "✅", reverse: true },
+        { content: "5. Finalization: We provide guidance for your final steps.", 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="Security & Accessibility"
       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."]}
+        "We prioritize your privacy with end-to-end encrypted file transfers and secure data handling systems.",        "Our services are committed to ADA compliance to ensure accessibility for all clients in Florida. We know life happens—we're here to make it easier."
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
+      title="Frequently Asked Questions"
+      description="Your common questions, answered clearly."
+      faqsAnimation="blur-reveal"
+      faqs={[
+        { id: "1", title: "Are you a law firm?", content: "No. We provide document preparation services, not legal advice or representation." },
+        { id: "2", title: "Is your pricing transparent?", content: "Yes, all our services are flat-fee with no hidden costs." },
+        { id: "3", title: "How do I submit info?", content: "Through our secure, encrypted digital portal from the comfort of your home." },
+        { id: "4", title: "What if I need help?", content: "We are always available via phone or Zoom for direct support." }
+      ]}
+      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="Ready to get started? Our team is ready to help you navigate your legal paperwork with confidence and efficiency."
+      buttons={[{ text: "Contact Us" }]}
+      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 All Rights Reserved. Serving Florida.", href: "#" }}
+      rightLink={{ text: "Disclaimer: Not an Attorney", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}