234 lines
12 KiB
TypeScript
234 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
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';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmall"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="glass"
|
||
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: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Inspired Brew"
|
||
button={{ text: "Book Now" }}
|
||
/>
|
||
</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", 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"},
|
||
]}
|
||
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">
|
||
<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 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: "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."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardTwo
|
||
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"},
|
||
{
|
||
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">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
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"
|
||
description="Real transformation stories from our community."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
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."},
|
||
{
|
||
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."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Your Recovery Starts Here"
|
||
description="Pain shouldn't control your life. Let's build a plan to get you moving again."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||
]}
|
||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||
useInvertedBackground={true}
|
||
imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="Inspired Brew"
|
||
copyrightText="© 2026 Inspired Brew — Designed to inspire movement."
|
||
columns={[
|
||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|