From 352b2b4eaedc1d18c6ac664ccbde38976c3bd88a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 17:53:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 112 +++++++++++++++++++++++------------------------
 1 file changed, 54 insertions(+), 58 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 541dd27..7f03b8b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
 export default function LandingPage() {
   return (
@@ -31,10 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Treatments", id: "/" },
-        { name: "About", id: "/" },
-        { name: "Testimonials", id: "/" },
-        { name: "Contact", id: "/contact" },
+        { name: "Treatments", id: "treatments" },
+        { name: "About", id: "about" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Forsyth Spinal"
       button={{ text: "Book Now", href: "/contact" }}
@@ -46,8 +46,7 @@ export default function LandingPage() {
       logoText="Advanced Spinal Care"
       description="Real Relief. Proven Results. Personalized treatment plans from board-certified specialists. Most patients see improvement within weeks."
       buttons={[
-        {
-          text: "Schedule Your Consultation",          href: "/contact"},
+        { text: "Schedule Your Consultation", href: "/contact" },
       ]}
       slides={[
         { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-qxnj3xvl.png?_wi=1", imageAlt: "Forsyth Spinal Clinic" },
@@ -61,63 +60,57 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[{ type: "text", content: "Our Mission & Expertise" }]}
+      <MediaAbout
+      title="Our Mission & Expertise"
+      description="Dedicated to providing professional spinal rehabilitation and advanced chiropractic care in the Cumming area. Dr. Shawn Seaney focuses on personalized treatment plans designed for long-term health."
       buttons={[{ text: "Learn More", href: "/about" }]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="treatments" data-section="treatments">
-      <FeatureCardMedia
+      <FeatureCardTwentySeven
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        { id: "f1", title: "Physiological Therapeutics", description: "Board-certified physical healing protocols.", tag: "Core", imageSrc: "http://img.b2bpic.net/free-photo/doctor-helping-patient-rehabilitation_23-2150321564.jpg", imageAlt: "Doctor helping patient during rehabilitation" },
-        { id: "f2", title: "Neurological Care", description: "Specialized training in neurological health.", tag: "Specialty", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-qxnj3xvl.png?_wi=2", imageAlt: "Doctor helping patient during rehabilitation" },
-        { id: "f3", title: "Sacro-Occipital Technique", description: "Precise biomechanical balancing.", tag: "Technique", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-3xvoosu5.jpg?_wi=2", imageAlt: "Doctor helping patient during rehabilitation" }
-      ]}
       title="Core Treatment Focus"
-      description="Evidence-based spinal rehabilitation and neurological care."
+      description="Evidence-based spinal rehabilitation and neurological care designed to address root causes."
+      features={[
+        { id: "f1", title: "Physiological Therapeutics", descriptions: ["Board-certified physical healing protocols."] },
+        { id: "f2", title: "Neurological Care", descriptions: ["Specialized training in neurological health."] },
+        { id: "f3", title: "Sacro-Occipital Technique", descriptions: ["Precise biomechanical balancing."] }
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
+      <TestimonialCardFifteen
+      testimonial="Forsyth Spinal gave me my life back. The entire team is warm, efficient, and truly gifted at what they do. I saw improvement within just two weeks of starting treatment."
+      rating={5}
+      author="Sarah J."
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/front-view-male-physiotherapist-posing-clinic_23-2148789801.jpg", alt: "Sarah J" }]}
+      ratingAnimation="blur-reveal"
+      avatarsAnimation="blur-reveal"
       useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Sarah J.", date: "Jan 2025", title: "Chronic Back Pain Relief", quote: "Forsyth Spinal gave me my life back.", tag: "Back Relief", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-male-physiotherapist-posing-clinic_23-2148789801.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-qxnj3xvl.png?_wi=3", imageAlt: "patient smiling in office" },
-        { id: "2", name: "Michael R.", date: "Feb 2025", title: "Exceptional Care", quote: "Dr. Seaney is truly gifted at what he does.", tag: "Neck Relief", avatarSrc: "http://img.b2bpic.net/free-photo/doctor-helping-patient-rehabilitation_23-2150321565.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-3xvoosu5.jpg?_wi=3", imageAlt: "patient smiling in office" },
-        { id: "3", name: "Emily P.", date: "Mar 2025", title: "Highly Professional", quote: "The entire team is warm and efficient.", tag: "Rehab Success", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-pretty-female-doctor-holding-her-back-with-pain-yellow-wall_179666-28777.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-ki87xfk7.jpg?_wi=2", imageAlt: "patient smiling in office" },
-        { id: "4", name: "David W.", date: "Apr 2025", title: "Improved Mobility", quote: "I saw improvement within two weeks.", tag: "Mobility", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-physiotherapist-massaging-neck_23-2149047547.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-a4j97edw.jpg?_wi=2", imageAlt: "patient smiling in office" },
-        { id: "5", name: "Lisa M.", date: "May 2025", title: "Life Changing", quote: "Better quality of life starts here.", tag: "Life Quality", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-patient_1170-2163.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-1dyzeod7.jpg?_wi=2", imageAlt: "patient smiling in office" }
-      ]}
-      title="Patient Success Stories"
-      description="Empowering our community to live the life they were meant to live."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="scale-rotate"
+      <MetricCardTwo
+      animationType="depth-3d"
       textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "100%", title: "Patient Commitment", description: "Mission-driven care.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-qxnj3xvl.png?_wi=4" },
-        { id: "m2", value: "5x", title: "Board Certified", description: "Expert-level credentials.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-3xvoosu5.jpg?_wi=4" },
-        { id: "m3", value: "20+", title: "Years of Experience", description: "Proven success protocols.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-ki87xfk7.jpg?_wi=3" }
-      ]}
+      gridVariant="bento-grid"
       title="Our Clinical Impact"
-      description="Quantifiable results for every patient."
+      description="Quantifiable success metrics for our comprehensive patient programs."
+      metrics={[
+        { id: "m1", value: "100%", description: "Patient Commitment Level" },
+        { id: "m2", value: "5x", description: "Board Certification Specialty" },
+        { id: "m3", value: "20+", description: "Years Professional Experience" }
+      ]}
     />
   </div>
 
   <div id="socialProof" data-section="socialProof">
       <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
       names={["BlueCross BlueShield", "United Healthcare", "Aetna", "Cigna", "American Specialty Health", "Medicare", "Medicaid"]}
       title="Insurance Providers"
       description="We accept major insurance plans for your convenience."
@@ -125,26 +118,29 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Answers to get you started on your recovery journey."
       faqs={[
         { id: "q1", title: "What insurance do you accept?", content: "We work with major providers like BlueCross, United Healthcare, and Aetna." },
         { id: "q2", title: "How long until I see improvement?", content: "Most patients report measurable improvement within their first few weeks of treatment." },
         { id: "q3", title: "Do I need a referral?", content: "While we accept referrals, you can schedule your initial consultation directly with us." }
       ]}
-      title="Frequently Asked Questions"
-      description="Answers to get you started on your recovery journey."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "canvas-reveal" }}
-      text="Ready to take control of your spinal health? Schedule your free initial consultation with Dr. Seaney today."
-      buttons={[{ text: "Book Now", href: "/contact" }]}
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Ready to take control of your spinal health? Schedule your free initial consultation today."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your concerns..." }}
+      buttonText="Submit Request"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-qxnj3xvl.png?_wi=1"
     />
   </div>
 
@@ -152,9 +148,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Forsyth Spinal"
       columns={[
-        { title: "Navigation", items: [{ label: "Treatments", href: "/" }, { label: "About", href: "/about" }, { label: "Testimonials", href: "/" }] },
+        { title: "Navigation", items: [{ label: "Treatments", href: "#treatments" }, { label: "About", href: "#about" }, { label: "Testimonials", href: "#testimonials" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
-        { title: "Contact", items: [{ label: "Call Us", href: "tel:7708889265" }, { label: "Visit Us", href: "/contact" }] }
+        { title: "Contact", items: [{ label: "Call Us", href: "tel:7708889265" }, { label: "Visit Us", href: "#contact" }] }
       ]}
       copyrightText="© 2025 Forsyth Spinal Rehabilitation"
     />
@@ -162,4 +158,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1