168 lines
8.8 KiB
TypeScript
168 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Dr. Ahsan Khalid"
|
|
button={{
|
|
text: "Book Appointment", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
title="Physiotherapy That Listens."
|
|
description="We specialize in personalized recovery plans built on clear communication, ensuring you feel heard, understood, and fully supported throughout your journey to health."
|
|
buttons={[
|
|
{
|
|
text: "Book Appointment", href: "#contact"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/nurse-taking-notes-about-patient-s-pain_23-2149341492.jpg?_wi=1", imageAlt: "Clinic consultation"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-physiotherapist-helping-patient_23-2149178054.jpg?_wi=1", imageAlt: "Manual therapy session"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/doctor-assists-patient-with-core-exercise-mat-rehab-center-core-exercise_169016-70922.jpg?_wi=1", imageAlt: "Rehabilitative movement"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-measuring-blood-pressure-senior-patient-nursing-home_637285-11342.jpg?_wi=1", imageAlt: "Doctor communication"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/office-arrangement-with-partitions_52683-99758.jpg?_wi=1", imageAlt: "Clinic environment"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-hands-pocket-looking-camera_23-2148285727.jpg?_wi=1", imageAlt: "Physiotherapist portrait"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Manual Therapy", description: "Hands-on treatment techniques to alleviate pain and restore joint and soft tissue mobility.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-physiotherapist-helping-patient_23-2149178054.jpg?_wi=2", imageAlt: "Manual therapy"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-assists-patient-with-core-exercise-mat-rehab-center-core-exercise_169016-70922.jpg?_wi=2", imageAlt: "Rehab movement"}
|
|
},
|
|
{
|
|
title: "Sports Rehabilitation", description: "Personalized programs designed to accelerate recovery from sports-related injuries and prevent future damage.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/office-arrangement-with-partitions_52683-99758.jpg?_wi=2", imageAlt: "Clinic equipment"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nurse-taking-notes-about-patient-s-pain_23-2149341492.jpg?_wi=2", imageAlt: "Clinic consultation"}
|
|
},
|
|
{
|
|
title: "Personalized Recovery", description: "Tailored exercise plans that consider your unique physical needs, lifestyle, and recovery goals.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-hands-pocket-looking-camera_23-2148285727.jpg?_wi=2", imageAlt: "Professional consultation"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-measuring-blood-pressure-senior-patient-nursing-home_637285-11342.jpg?_wi=2", imageAlt: "Patient discussion"}
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Our Specialized Care"
|
|
description="Comprehensive physiotherapy services designed to get you moving again with confidence and clarity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Meet Dr. Ahsan Khalid"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/portrait-male-health-worker_23-2148980804.jpg", alt: "Dr. Ahsan Khalid"},
|
|
{
|
|
type: "text", content: "Your partner in recovery and clarity."},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Life-changing experience", quote: "Dr. Ahsan Khalid is hands down the best physio in town. He explains everything so clearly and actually listens to your concerns.", name: "Sarah Ahmed", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-bite-tongue-white-wall_141793-27086.jpg"},
|
|
{
|
|
id: "2", title: "Highly recommended", quote: "I felt unheard at other medical offices, but here, I finally felt understood and had a clear path to recovery.", name: "Omar Khan", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg"},
|
|
{
|
|
id: "3", title: "Clear communication", quote: "The manual therapy and the way Dr. Ahsan explains the process is incredible. I feel so much better now.", name: "Fatima Zahra", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
|
{
|
|
id: "4", title: "Finally relief", quote: "I struggled for years until I met Dr. Ahsan. His patient-centric approach makes all the difference.", name: "Bilal Sheikh", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/rehabilitation-specialist-doing-treatment-suspension-straps-patient_169016-40781.jpg"},
|
|
{
|
|
id: "5", title: "Expert care", quote: "If you are looking for clarity and effective rehabilitation, this is the place to be.", name: "Zainab Ali", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-patient_23-2149941524.jpg"},
|
|
]}
|
|
title="Patient Success Stories"
|
|
description="Why our patients consider us the premier choice for physiotherapy in the region."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Book Your Visit"
|
|
title="Start Your Recovery Today"
|
|
description="Ready to feel heard and healed? Schedule your appointment with Dr. Ahsan Khalid and take the first step towards recovery."
|
|
buttons={[
|
|
{
|
|
text: "Book Appointment", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Dr. Ahsan Khalid Physiotherapy"
|
|
copyrightText="© 2025 Dr. Ahsan Khalid. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|