Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,15 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ButtonExpandHover from '@/components/button/ButtonExpandHover';
 
 export default function LandingPage() {
   return (
@@ -27,206 +28,128 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+          <NavbarLayoutFloatingInline
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+              { name: "Services", id: "features" },
-        {
+              { name: "About", id: "about" },
-          name: "Services",          id: "features"},
+              { name: "FAQ", id: "faq" },
-        {
+              { name: "Contact", id: "contact" },
-          name: "About",          id: "about"},
+            ]}
-        {
+            brandName="Inspired Brew"
-          name: "Contact",          id: "contact"},
+            button={{ text: "Book Now", href: "#contact" }}
-      ]}
+          />
-      brandName="Inspired Brew"
+        </div>
-      button={{ text: "Book Now" }}
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
+          <HeroSplitTestimonial
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      background={{
+            background={{ variant: "rotated-rays-static-grid" }}
-        variant: "rotated-rays-static-grid"}}
+            title="Move Better. Feel Stronger. Live Inspired."
-      title="Move Better. Feel Stronger. Live Inspired."
+            description="Personalized physical therapy and recovery care designed to restore confidence, reduce pain, and help you return to the life you love."
-      description="Personalized physical therapy and recovery care designed to restore confidence, reduce pain, and help you return to the life you love."
+            testimonials={[
-      testimonials={[
+              { name: "Sarah J.", handle: "@patient", testimonial: "They made me feel like family from day one.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-journalist-doing-his-job_23-2149029363.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior" },
-        {
+              { name: "Mark R.", handle: "@athlete", testimonial: "Professional, knowledgeable, and incredibly encouraging.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior" },
-          name: "Sarah J.",          handle: "@patient",          testimonial: "They made me feel like family from day one.",          rating: 5,
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/male-journalist-doing-his-job_23-2149029363.jpg?_wi=1",          imageAlt: "luxury physical therapy studio interior"},
+            buttons={[{ text: "Book Your Evaluation", href: "#contact" }, { text: "Call Now" }]}
-        {
+            imageSrc="http://img.b2bpic.net/free-photo/male-journalist-doing-his-job_23-2149029363.jpg?_wi=2"
-          name: "Mark R.",          handle: "@athlete",          testimonial: "Professional, knowledgeable, and incredibly encouraging.",          rating: 5,
+            mediaAnimation="slide-up"
-          imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=1",          imageAlt: "luxury physical therapy studio interior"},
+          />
-        {
+        </div>
-          name: "Emily D.",          handle: "@patient",          testimonial: "I could barely get out of bed before treatment. Now I’m living normally again.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227854.jpg?_wi=1",          imageAlt: "luxury physical therapy studio interior"},
-        {
-          name: "David K.",          handle: "@patient",          testimonial: "Their approach to recovery changed my outlook on life.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-doing-workout-exercises_23-2150470970.jpg?_wi=1",          imageAlt: "luxury physical therapy studio interior"},
-        {
-          name: "Linda P.",          handle: "@patient",          testimonial: "Best care I have ever received for my chronic pain.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071441.jpg?_wi=1",          imageAlt: "luxury physical therapy studio interior"},
-      ]}
-      buttons={[
-        {
-          text: "Book Your Evaluation"},
-        {
-          text: "Call Now"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/male-journalist-doing-his-job_23-2149029363.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-having-coffee-bathroom_23-2148147482.jpg",          alt: "Clinic patient"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautician-woman-clinic-with-tablet_23-2148878884.jpg",          alt: "Clinic staff"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-working-from-home-online-shopping-laptop-using-her-computer_1258-205003.jpg",          alt: "Patient home care"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-arms-crossed-office_23-2148180659.jpg",          alt: "Smiling patient"},
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-getting-support-her-wrist-rehabilitation-center_23-2150356721.jpg",          alt: "Rehab professional"},
-      ]}
-      avatarText="Trusted by 500+ happy clients"
-      marqueeItems={[
-        {
-          type: "text",          text: "Orthopedic Care"},
-        {
-          type: "text",          text: "Sports Rehab"},
-        {
-          type: "text",          text: "Injury Prevention"},
-        {
-          type: "text",          text: "Post-Op Recovery"},
-        {
-          type: "text",          text: "Functional Movement"},
-      ]}
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+          <InlineImageSplitTextAbout
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      heading={[
+            heading={[
-        {
+              { type: "text", content: "Care That Feels " },
-          type: "text",          content: "Care That Feels "},
+              { type: "image", src: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg", alt: "Care" },
-        {
+              { type: "text", content: " Different" },
-          type: "image",          src: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg",          alt: "Care"},
+            ]}
-        {
+          />
-          type: "text",          content: " Different"},
+        </div>
-      ]}
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardMedia
+          <FeatureCardMedia
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split"
+            textboxLayout="split"
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      features={[
+            features={[
-        {
+              { id: "f1", title: "Orthopedic Rehabilitation", description: "Recover from injuries, surgery, and chronic pain.", tag: "Care", imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227854.jpg?_wi=2" },
-          id: "f1",          title: "Orthopedic Rehabilitation",          description: "Recover from injuries, surgery, and chronic pain with targeted treatment.",          tag: "Care",          imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227854.jpg?_wi=2"},
+              { id: "f2", title: "Sports Performance", description: "Return stronger, faster, and more confident.", tag: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-doing-workout-exercises_23-2150470970.jpg?_wi=2" },
-        {
+            ]}
-          id: "f2",          title: "Sports Performance",          description: "Helping athletes safely return stronger, faster, and more confident.",          tag: "Performance",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-doing-workout-exercises_23-2150470970.jpg?_wi=2"},
+            title="Healing Designed Around You"
-        {
+            description="Comprehensive physical therapy solutions to restore your movement."
-          id: "f3",          title: "Post-Surgical Therapy",          description: "Guided rehabilitation designed to restore mobility and strength.",          tag: "Recovery",          imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071441.jpg?_wi=2"},
+          />
-      ]}
+        </div>
-      title="Healing Designed Around You"
-      description="Comprehensive physical therapy and movement-based solutions to restore confidence."
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+        <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+          <MetricCardTwo
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split"
+            textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+            gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+            metrics={[{ id: "m1", value: "500+", description: "Patients Helped" }, { id: "m2", value: "15", description: "Years Experience" }]}
-      metrics={[
+            title="Proven Results"
-        {
+            description="Trusted by hundreds of families."
-          id: "m1",          value: "500+",          description: "Patients Helped"},
+            useInvertedBackground={false}
-        {
+          />
-          id: "m2",          value: "15",          description: "Years Experience"},
+        </div>
-        {
-          id: "m3",          value: "4.9",          description: "Average Rating"},
-      ]}
-      title="Proven Results"
-      description="Trusted by hundreds of families in our community."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+          <TestimonialCardThirteen
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split"
+            textboxLayout="split"
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      testimonials={[
+            testimonials={[
-        {
+              { id: "1", name: "Sarah J.", handle: "@patient", testimonial: "The best care I have ever received!", rating: 5 }
-          id: "1",          name: "Sarah J.",          handle: "@patient",          testimonial: "They made me feel like family from day one.",          rating: 5,
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-rose-valentines-day_23-2148383153.jpg"},
+            showRating={true}
-        {
+            title="Patient Success Stories"
-          id: "2",          name: "Mark R.",          handle: "@athlete",          testimonial: "Professional, knowledgeable, and incredibly encouraging.",          rating: 5,
+            description="Hear from our satisfied patients about their recovery journeys."
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-age-activity-healthy-lifestyle-wellbeing-attractive-sporty-man-retirement-sitting-gym-with-his-cute-young-woman-instructor-who-is-holding-pen-clipboard-making-plan-training_343059-4791.jpg"},
+          />
-        {
+        </div>
-          id: "3",          name: "Emily D.",          handle: "@patient",          testimonial: "I could barely get out of bed before treatment. Now I’m living normally again.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-taking-care-himself_23-2149288091.jpg"},
-        {
-          id: "4",          name: "David K.",          handle: "@patient",          testimonial: "They gave me confidence in my body again.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-rehabilitation-center-getting-treatment_23-2150356697.jpg"},
-        {
-          id: "5",          name: "Linda P.",          handle: "@patient",          testimonial: "The entire team genuinely cares about your success.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-doing-family-therapy_23-2149305190.jpg"},
-      ]}
-      showRating={true}
-      title="Patients Feel Cared For"
-      description="Real transformation stories from our community."
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="faq" data-section="faq">
-      <FaqBase
+          <FaqSplitMedia
-      textboxLayout="split"
+            textboxLayout="split"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      faqs={[
+            faqs={[
-        {
+              { id: "q1", title: "Does insurance cover treatment?", content: "Yes, we work with many major insurance providers." },
-          id: "q1",          title: "Does insurance cover treatment?",          content: "Yes, we work with many major insurance providers."},
+              { id: "q2", title: "Do I need a referral?", content: "In many cases, no. Our team can guide you." }
-        {
+            ]}
-          id: "q2",          title: "Do I need a referral?",          content: "In many cases, no. Our team can guide you."},
+            title="Common Questions"
-        {
+            description="Answers to frequently asked questions about our services."
-          id: "q3",          title: "How many sessions will I need?",          content: "This depends on your specific goals and progress."},
+            faqsAnimation="slide-up"
-        {
+            imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg"
-          id: "q4",          title: "What should I wear?",          content: "Comfortable, athletic clothing is best."},
+          />
-      ]}
+        </div>
-      title="Common Questions"
-      description="Information to help you feel prepared for your journey."
-      faqsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactSplitForm
+          <ContactSplit
-      title="Your Recovery Starts Here"
+            tag="Book Now"
-      description="Pain shouldn't control your life. Let's build a plan to get you moving again."
+            title="Ready to Start Your Journey?"
-      inputs={[
+            description="Let's schedule your evaluation and get you back to the life you love."
-          { name: "name", type: "text", placeholder: "Full Name", required: true },
+            background={{ variant: "rotated-rays-static" }}
-          { name: "email", type: "email", placeholder: "Email Address", required: true }
+            useInvertedBackground={true}
-      ]}
+            imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=2"
-      textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
+            buttonText="Book Evaluation"
-      useInvertedBackground={true}
+          />
-      imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=2"
+        </div>
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterBase
+          <FooterLogoEmphasis
-      logoText="Inspired Brew"
+            logoText="Inspired Brew"
-      copyrightText="© 2026 Inspired Brew — Designed to inspire movement."
+            columns={[
-      columns={[
+              { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
-          { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+              { items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
-          { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] }
+              { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
-      ]}
+            ]}
-    />
+          />
-  </div>
+        </div>
+
+        <div className="fixed bottom-6 right-6 z-50">
+          <ButtonExpandHover text="Book Evaluation" href="#contact" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-cormorant), sans-serif;
+  font-family: undefined;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-cormorant), serif;
+  font-family: undefined;
 }

src/app/styles/variables.css

@@ -13,11 +13,11 @@
   --background: #FDFBF7;
   --card: #F4EDE6;
   --foreground: #1A2E2C;
-  --primary-cta: #8B6E4E;
+  --primary-cta: #173A35;
   --primary-cta-text: #F7F4EE;
   --secondary-cta: #E6DCD1;
   --secondary-cta-text: #173A35;
-  --accent: #A89A8A;
+  --accent: #C4A67B;
   --background-accent: #D1C6BB;
 
   /* text sizing - set by ThemeProvider */