4 Commits

Author SHA1 Message Date
9d653f24c5 Merge version_4 into main
Merge version_4 into main
2026-05-13 21:29:07 +00:00
c2c68266c4 Update src/app/page.tsx 2026-05-13 21:29:04 +00:00
a1971703f1 Merge version_3 into main
Merge version_3 into main
2026-05-13 21:28:04 +00:00
979e181568 Merge version_3 into main
Merge version_3 into main
2026-05-13 21:27:32 +00:00

View File

@@ -11,6 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import ButtonExpandHover from '@/components/button/ButtonExpandHover';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -27,125 +28,129 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <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: "Services", id: "features" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
brandName="Inspired Brew" brandName="Inspired Brew"
button={{ text: "Book Now", href: "#contact" }} button={{ text: "Book Now", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={true} useInvertedBackground={true}
background={{ variant: "rotated-rays-static-grid" }} background={{ 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: "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: "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" }]} 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" imageSrc="http://img.b2bpic.net/free-photo/male-journalist-doing-his-job_23-2149029363.jpg?_wi=2"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </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: "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: "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.", 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: "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" title="Healing Designed Around You"
description="Comprehensive physical therapy solutions to restore your movement." description="Comprehensive physical therapy solutions to restore your movement."
/> />
</div> </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"
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" }]}
title="Proven Results" title="Proven Results"
description="Trusted by hundreds of families." description="Trusted by hundreds of families."
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </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: "The best care I have ever received!", rating: 5 }
]} ]}
showRating={true} showRating={true}
title="Patient Success Stories" title="Patient Success Stories"
description="Hear from our satisfied patients about their recovery journeys." description="Hear from our satisfied patients about their recovery journeys."
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <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" title="Common Questions"
description="Answers to frequently asked questions about our services." description="Answers to frequently asked questions about our services."
faqsAnimation="slide-up" faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg" imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
tag="Book Now" tag="Book Now"
title="Ready to Start Your Journey?" title="Ready to Start Your Journey?"
description="Let's schedule your evaluation and get you back to the life you love." description="Let's schedule your evaluation and get you back to the life you love."
background={{ variant: "rotated-rays-static" }} background={{ variant: "rotated-rays-static" }}
useInvertedBackground={true} useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=2"
buttonText="Book Evaluation" buttonText="Book Evaluation"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
logoText="Inspired Brew" logoText="Inspired Brew"
columns={[ columns={[
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] }, { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
{ items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] }, { items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
{ items: [{ label: "Contact", href: "#contact" }, { 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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }