Update src/app/page.tsx

Merge version_3 into main
2026-05-13 21:29:04 +00:00 · 2026-05-13 21:28:04 +00:00 · 2026-05-13 21:27:32 +00:00
1 changed files with 116 additions and 111 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ 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,125 +28,129 @@ export default function LandingPage() {
        headingFontWeight="normal"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Services", id: "features" },
-        { name: "About", id: "about" },
-        { name: "FAQ", id: "faq" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Inspired Brew"
-      button={{ text: "Book Now", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "features" },
+              { name: "About", id: "about" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Inspired Brew"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>

-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={true}
-      background={{ 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: "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" },
-      ]}
-      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"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            useInvertedBackground={true}
+            background={{ 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: "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" },
+            ]}
+            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"
+          />
+        </div>

-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        { 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" },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { 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" },
+            ]}
+          />
+        </div>

-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      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: "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" },
-      ]}
-      title="Healing Designed Around You"
-      description="Comprehensive physical therapy solutions to restore your movement."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            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: "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" },
+            ]}
+            title="Healing Designed Around You"
+            description="Comprehensive physical therapy solutions to restore your movement."
+          />
+        </div>

-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      metrics={[{ id: "m1", value: "500+", description: "Patients Helped" }, { id: "m2", value: "15", description: "Years Experience" }]}
-      title="Proven Results"
-      description="Trusted by hundreds of families."
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            metrics={[{ id: "m1", value: "500+", description: "Patients Helped" }, { id: "m2", value: "15", description: "Years Experience" }]}
+            title="Proven Results"
+            description="Trusted by hundreds of families."
+            useInvertedBackground={false}
+          />
+        </div>

-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Sarah J.", handle: "@patient", testimonial: "The best care I have ever received!", rating: 5 }
-      ]}
-      showRating={true}
-      title="Patient Success Stories"
-      description="Hear from our satisfied patients about their recovery journeys."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah J.", handle: "@patient", testimonial: "The best care I have ever received!", rating: 5 }
+            ]}
+            showRating={true}
+            title="Patient Success Stories"
+            description="Hear from our satisfied patients about their recovery journeys."
+          />
+        </div>

-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        { 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." }
-      ]}
-      title="Common Questions"
-      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="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { 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." }
+            ]}
+            title="Common Questions"
+            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">
-      <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}
-      imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=2"
-      buttonText="Book Evaluation"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <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}
+            imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=2"
+            buttonText="Book Evaluation"
+          />
+        </div>

-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoText="Inspired Brew"
-      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 id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Inspired Brew"
+            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>
  );
-}
+}
Author	SHA1	Message	Date
bender	c2c68266c4	Update src/app/page.tsx	2026-05-13 21:29:04 +00:00
bender	a1971703f1	Merge version_3 into main Merge version_3 into main	2026-05-13 21:28:04 +00:00
bender	979e181568	Merge version_3 into main Merge version_3 into main	2026-05-13 21:27:32 +00:00