Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9d653f24c5 | |||
| c2c68266c4 | |||
| a1971703f1 | |||
| 979e181568 |
227
src/app/page.tsx
227
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user