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 ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterCard from '@/components/sections/footer/FooterCard';
+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 (
@@ -30,77 +31,30 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
             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"},
-        {
-          name: "Contact",          id: "contact"},
             ]}
             brandName="Inspired Brew"
-      button={{ text: "Book Now" }}
+            button={{ text: "Book Now", href: "#contact" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
           <HeroSplitTestimonial
             useInvertedBackground={true}
-      background={{
+            background={{ variant: "rotated-rays-static-grid" }}
-        variant: "rotated-rays-static-grid"}}
             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."
             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: "Sarah J.",          handle: "@patient",          testimonial: "They made me feel like family from day one.",          rating: 5,
+              { 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" },
-          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",          imageAlt: "luxury physical therapy studio interior"},
-        {
-          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"},
             ]}
+            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"
             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>
 
@@ -108,12 +62,9 @@ export default function LandingPage() {
           <InlineImageSplitTextAbout
             useInvertedBackground={false}
             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>
@@ -124,15 +75,11 @@ export default function LandingPage() {
             textboxLayout="split"
             useInvertedBackground={true}
             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"},
-        {
-          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"},
             ]}
             title="Healing Designed Around You"
-      description="Comprehensive physical therapy and movement-based solutions to restore confidence."
+            description="Comprehensive physical therapy solutions to restore your movement."
           />
         </div>
 
@@ -141,17 +88,10 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="split"
             gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+            metrics={[{ id: "m1", value: "500+", description: "Patients Helped" }, { id: "m2", value: "15", description: "Years Experience" }]}
-      metrics={[
-        {
-          id: "m1",          value: "500+",          description: "Patients Helped"},
-        {
-          id: "m2",          value: "15",          description: "Years Experience"},
-        {
-          id: "m3",          value: "4.9",          description: "Average Rating"},
-      ]}
             title="Proven Results"
-      description="Trusted by hundreds of families in our community."
+            description="Trusted by hundreds of families."
+            useInvertedBackground={false}
           />
         </div>
 
@@ -161,71 +101,55 @@ export default function LandingPage() {
             textboxLayout="split"
             useInvertedBackground={true}
             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"},
-        {
-          id: "2",          name: "Mark R.",          handle: "@athlete",          testimonial: "Professional, knowledgeable, and incredibly encouraging.",          rating: 5,
-          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"},
-        {
-          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"
+            title="Patient Success Stories"
-      description="Real transformation stories from our community."
+            description="Hear from our satisfied patients about their recovery journeys."
           />
         </div>
 
         <div id="faq" data-section="faq">
-      <FaqBase
+          <FaqSplitMedia
             textboxLayout="split"
             useInvertedBackground={false}
             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."},
-        {
-          id: "q3",          title: "How many sessions will I need?",          content: "This depends on your specific goals and progress."},
-        {
-          id: "q4",          title: "What should I wear?",          content: "Comfortable, athletic clothing is best."},
             ]}
             title="Common Questions"
-      description="Information to help you feel prepared for your journey."
+            description="Answers to frequently asked questions about our services."
             faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg"
           />
         </div>
 
         <div id="contact" data-section="contact">
-      <ContactCTA
+          <ContactSplit
+            tag="Book Now"
+            title="Ready to Start Your Journey?"
+            description="Let's schedule your evaluation and get you back to the life you love."
+            background={{ variant: "rotated-rays-static" }}
             useInvertedBackground={true}
-      background={{
+            imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=2"
-        variant: "plain"}}
+            buttonText="Book Evaluation"
-      tag="Get Started"
-      title="Your Recovery Starts Here"
-      description="Pain shouldn't control your life. Let's build a plan."
-      buttons={[
-        {
-          text: "Schedule Your Visit"},
-        {
-          text: "Contact Us"},
-      ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-      <FooterCard
+          <FooterLogoEmphasis
             logoText="Inspired Brew"
-      copyrightText="© 2026 Inspired Brew — Designed to inspire movement."
+            columns={[
+              { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
+              { items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
+              { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
+            ]}
           />
         </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-inter), 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-libre-baskerville), serif;
+  font-family: undefined;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F7F4EE;
+  --background: #FDFBF7;
-  --card: #FFFFFF;
+  --card: #F4EDE6;
-  --foreground: #173A35;
+  --foreground: #1A2E2C;
   --primary-cta: #173A35;
   --primary-cta-text: #F7F4EE;
-  --secondary-cta: #D8C9B6;
+  --secondary-cta: #E6DCD1;
   --secondary-cta-text: #173A35;
-  --accent: #C9A86A;
+  --accent: #C4A67B;
-  --background-accent: #A8B7A1;
+  --background-accent: #D1C6BB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);