177 lines
7.5 KiB
TypeScript
177 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="MotionPhysio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "plain"}}
|
|
logoText="Restore Your Motion."
|
|
description="Experience professional physiotherapy integrated with advanced motion analytics and recovery science. Get back to the life you love, faster."
|
|
buttons={[
|
|
{
|
|
text: "Book Session", href: "#contact"},
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-chemist-checking-bottle-pills-chemistry-tools-working-late-medical-researching_482257-541.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
imageAlt="physiotherapy 3d human motion"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Evidence-Based Rehabilitation"
|
|
description="We combine human-centric care with data-driven diagnostics. Our clinicians utilize the latest in movement science to ensure your recovery is not just fast, but sustainable."
|
|
metrics={[
|
|
{
|
|
value: "10k+", title: "Successful recoveries"},
|
|
{
|
|
value: "20+", title: "Expert clinicians"},
|
|
{
|
|
value: "98%", title: "Patient satisfaction"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/doctor-using-machine-treat-knee-joints-patient_169016-41398.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
imageAlt="physiotherapist clinic patient treatment"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Motion Analysis", description: "State-of-the-art camera tracking to visualize joint stress.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-smoke-made-particles-black_1048-11996.jpg", imageAlt: "Motion tracking"},
|
|
{
|
|
id: 2,
|
|
title: "Targeted Mobility", description: "Custom exercise plans engineered for your biomechanics.", imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-technology-background-with-glitch-effect-male-medical-figure_1048-10651.jpg", imageAlt: "Mobility exercises"},
|
|
{
|
|
id: 3,
|
|
title: "Neural Integration", description: "Reconnecting mind and muscle for complete recovery.", imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg", imageAlt: "Neural integration"},
|
|
]}
|
|
title="Clinical Excellence"
|
|
description="Our integrated approach to physiotherapy focuses on precision and personalized care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Results You Can Feel"
|
|
tag="Impact Driven"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "45%", description: "Reduction in chronic pain time"},
|
|
{
|
|
id: "m2", value: "60%", description: "Faster recovery cycle"},
|
|
{
|
|
id: "m3", value: "95%", description: "Return to active lifestyle"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah J.", role: "Marathon Runner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg"},
|
|
{
|
|
id: "t2", name: "Mark D.", role: "Tennis Pro", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg"},
|
|
{
|
|
id: "t3", name: "Elena R.", role: "Office Professional", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-doing-gym-ball-workout-gym_23-2149230436.jpg"},
|
|
{
|
|
id: "t4", name: "David K.", role: "Weekend Warrior", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg"},
|
|
{
|
|
id: "t5", name: "Linda M.", role: "Retired Educator", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-taking-break-from-working-out-beach_23-2148694905.jpg"},
|
|
]}
|
|
title="Patient Success Stories"
|
|
description="Hear from those who trusted us with their movement and recovery journey."
|
|
className="lazy-load-section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get Started"
|
|
title="Begin Your Recovery"
|
|
description="Book your initial consultation with our motion specialists and take the first step towards pain-free movement."
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821273.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
onSubmit={(email) => console.log("Form submitted: ", email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="MotionPhysio"
|
|
leftLink={{ text: "Privacy", href: "/privacy" }}
|
|
rightLink={{ text: "Contact", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|