Update src/app/page.tsx
This commit is contained in:
337
src/app/page.tsx
337
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
@@ -32,130 +32,30 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Approach",
|
||||
id: "features",
|
||||
},
|
||||
name: "Approach", id: "features"},
|
||||
{
|
||||
name: "Consultations",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Consultations", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OsteoHealing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<HeroBillboardGallery
|
||||
title="Heal Naturally Move Freely Feel Better"
|
||||
description="Evidence-based osteopathic care tailored to your body's unique needs. Experience lasting relief through whole-person treatment."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Finally found relief from chronic pain after years of discomfort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-ready-get-ct-scan_23-2149341520.jpg?_wi=1",
|
||||
imageAlt: "osteopathic treatment relaxing clinical",
|
||||
},
|
||||
{
|
||||
name: "Michael D.",
|
||||
handle: "@miked",
|
||||
testimonial: "Expert, compassionate, and truly holistic care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-doctor-medical-shirt-yellow-wall_179666-23349.jpg?_wi=1",
|
||||
imageAlt: "osteopathic treatment relaxing clinical",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Professional approach that restored my movement perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-practicing-yoga-position-nature_7502-9887.jpg?_wi=1",
|
||||
imageAlt: "osteopathic treatment relaxing clinical",
|
||||
},
|
||||
{
|
||||
name: "James T.",
|
||||
handle: "@jamest",
|
||||
testimonial: "Exceptional knowledge and very gentle treatment style.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-sports-uniform-stretching-floor_23-2147839296.jpg?_wi=1",
|
||||
imageAlt: "osteopathic treatment relaxing clinical",
|
||||
},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "The best decision for my long-term health recovery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-office-stretching-work-day_23-2150468517.jpg?_wi=1",
|
||||
imageAlt: "osteopathic treatment relaxing clinical",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-ready-get-ct-scan_23-2149341520.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-young-woman-talking-nurse_23-2149341522.jpg",
|
||||
alt: "Full shot young woman talking to nurse",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-osteopathic-therapist-checking-female-patient-s-shoulder_23-2148846588.jpg",
|
||||
alt: "Front view of osteopathic therapist checking female patient's shoulder",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rear-view-patient-physiotherapist-s-consulted-by-professional-doctor_1098-18682.jpg",
|
||||
alt: "Rear view of patient at the physiotherapist's consulted by professional doctor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-patient-physiotherapy_23-2149047500.jpg",
|
||||
alt: "Medium shot patient in physiotherapy",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-waving-phone_23-2149177985.jpg",
|
||||
alt: "Full shot man waving at phone",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Evidence-Based",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Whole-Person Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Non-Invasive",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobility Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinical Excellence",
|
||||
},
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[{ text: "Book Your Consultation", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-ready-get-ct-scan_23-2149341520.jpg?_wi=1", imageAlt: "osteopathic treatment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-doctor-medical-shirt-yellow-wall_179666-23349.jpg?_wi=1", imageAlt: "osteopathic treatment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-practicing-yoga-position-nature_7502-9887.jpg?_wi=1", imageAlt: "osteopathic treatment" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,32 +74,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Whole-Body Healing",
|
||||
descriptions: [
|
||||
"Treating the source, not just symptoms.",
|
||||
"Personalized care plans for your unique needs.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-practicing-yoga-position-nature_7502-9887.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Whole-Body Healing", descriptions: [
|
||||
"Treating the source, not just symptoms.", "Personalized care plans for your unique needs."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-practicing-yoga-position-nature_7502-9887.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Injury Recovery",
|
||||
descriptions: [
|
||||
"Expert support for sports-related injuries.",
|
||||
"Safe, non-invasive techniques for mobility.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-sports-uniform-stretching-floor_23-2147839296.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Injury Recovery", descriptions: [
|
||||
"Expert support for sports-related injuries.", "Safe, non-invasive techniques for mobility."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-sports-uniform-stretching-floor_23-2147839296.jpg?_wi=2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Postural Correction",
|
||||
descriptions: [
|
||||
"Relieving strain from sedentary work.",
|
||||
"Long-term solutions for back and neck health.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-office-stretching-work-day_23-2150468517.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Postural Correction", descriptions: [
|
||||
"Relieving strain from sedentary work.", "Long-term solutions for back and neck health."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-office-stretching-work-day_23-2150468517.jpg?_wi=2"},
|
||||
]}
|
||||
title="Why Choose Osteopathy"
|
||||
description="A comprehensive approach to your health and movement."
|
||||
@@ -213,56 +98,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "initial",
|
||||
title: "Initial Assessment",
|
||||
price: "$120",
|
||||
period: "Session",
|
||||
features: [
|
||||
"Full health review",
|
||||
"Biomechanical screening",
|
||||
"Initial treatment plan",
|
||||
],
|
||||
id: "initial", title: "Initial Assessment", price: "$120", period: "Session", features: [
|
||||
"Full health review", "Biomechanical screening", "Initial treatment plan"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-doctor-medical-shirt-yellow-wall_179666-23349.jpg?_wi=2",
|
||||
imageAlt: "osteopathic practitioner portrait professional",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-doctor-medical-shirt-yellow-wall_179666-23349.jpg?_wi=2", imageAlt: "osteopathic practitioner portrait professional"},
|
||||
{
|
||||
id: "follow",
|
||||
title: "Follow-up Treatment",
|
||||
price: "$90",
|
||||
period: "Session",
|
||||
features: [
|
||||
"Targeted manual therapy",
|
||||
"Progress review",
|
||||
"Maintenance exercises",
|
||||
],
|
||||
id: "follow", title: "Follow-up Treatment", price: "$90", period: "Session", features: [
|
||||
"Targeted manual therapy", "Progress review", "Maintenance exercises"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-ready-get-ct-scan_23-2149341520.jpg?_wi=3",
|
||||
imageAlt: "osteopathic practitioner portrait professional",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-ready-get-ct-scan_23-2149341520.jpg?_wi=3", imageAlt: "osteopathic practitioner portrait professional"},
|
||||
{
|
||||
id: "package",
|
||||
title: "Wellness Package",
|
||||
price: "$400",
|
||||
period: "5 Sessions",
|
||||
features: [
|
||||
"Comprehensive care",
|
||||
"Priority scheduling",
|
||||
"Tailored home program",
|
||||
],
|
||||
id: "package", title: "Wellness Package", price: "$400", period: "5 Sessions", features: [
|
||||
"Comprehensive care", "Priority scheduling", "Tailored home program"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-practicing-yoga-position-nature_7502-9887.jpg?_wi=3",
|
||||
imageAlt: "osteopathic practitioner portrait professional",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-practicing-yoga-position-nature_7502-9887.jpg?_wi=3", imageAlt: "osteopathic practitioner portrait professional"},
|
||||
]}
|
||||
title="Consultation Plans"
|
||||
description="Transparent care options for your wellness journey."
|
||||
@@ -276,26 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Patient Satisfaction",
|
||||
description: "Reported improvement in mobility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-nurse-helping-woman_23-2148973480.jpg",
|
||||
},
|
||||
id: "m1", value: "98%", title: "Patient Satisfaction", description: "Reported improvement in mobility.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-nurse-helping-woman_23-2148973480.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Expertise in whole-body health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-hospital-template-design_23-2149634136.jpg",
|
||||
},
|
||||
id: "m2", value: "15+", title: "Years Experience", description: "Expertise in whole-body health.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-hospital-template-design_23-2149634136.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2000+",
|
||||
title: "Lives Improved",
|
||||
description: "Patients feeling better naturally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-121342.jpg",
|
||||
},
|
||||
id: "m3", value: "2000+", title: "Lives Improved", description: "Patients feeling better naturally.", imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-121342.jpg"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Dedicated to helping our patients feel their best every day."
|
||||
@@ -310,23 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Elena Rivers",
|
||||
role: "Senior Osteopath",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-clinic-practicing-medicine_23-2149868897.jpg",
|
||||
},
|
||||
id: "t1", name: "Dr. Elena Rivers", role: "Senior Osteopath", imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-clinic-practicing-medicine_23-2149868897.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. Mark Thorne",
|
||||
role: "Sports Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-doctor-nursing-home_637285-11403.jpg",
|
||||
},
|
||||
id: "t2", name: "Dr. Mark Thorne", role: "Sports Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-doctor-nursing-home_637285-11403.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dr. Sarah Chen",
|
||||
role: "Rehab Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-their-shift_23-2151442122.jpg",
|
||||
},
|
||||
id: "t3", name: "Dr. Sarah Chen", role: "Rehab Expert", imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-their-shift_23-2151442122.jpg"},
|
||||
]}
|
||||
title="Meet Your Practitioner"
|
||||
description="Qualified, caring, and dedicated to your healing."
|
||||
@@ -339,45 +164,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
title: "Amazing Results",
|
||||
quote: "I feel like myself again thanks to Elena.",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blissful-woman-with-wavy-hairs-summer-outfit-sitting-near-pool-vacation-travel-mood-bright-colors-trendy-accesorises_273443-5106.jpg",
|
||||
},
|
||||
id: "ts1", title: "Amazing Results", quote: "I feel like myself again thanks to Elena.", name: "Sarah J.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/blissful-woman-with-wavy-hairs-summer-outfit-sitting-near-pool-vacation-travel-mood-bright-colors-trendy-accesorises_273443-5106.jpg"},
|
||||
{
|
||||
id: "ts2",
|
||||
title: "Back on the Field",
|
||||
quote: "My recovery was faster than expected.",
|
||||
name: "Mark L.",
|
||||
role: "Athlete",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-holding-paper-yes-mark-her-thumb-up-blue-wall_141793-27100.jpg",
|
||||
},
|
||||
id: "ts2", title: "Back on the Field", quote: "My recovery was faster than expected.", name: "Mark L.", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-holding-paper-yes-mark-her-thumb-up-blue-wall_141793-27100.jpg"},
|
||||
{
|
||||
id: "ts3",
|
||||
title: "Highly Recommend",
|
||||
quote: "Truly a holistic and thoughtful experience.",
|
||||
name: "Linda M.",
|
||||
role: "Retired",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-holding-hands-side-view_23-2149854619.jpg",
|
||||
},
|
||||
id: "ts3", title: "Highly Recommend", quote: "Truly a holistic and thoughtful experience.", name: "Linda M.", role: "Retired", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-holding-hands-side-view_23-2149854619.jpg"},
|
||||
{
|
||||
id: "ts4",
|
||||
title: "Postural Change",
|
||||
quote: "My chronic desk pain is finally gone.",
|
||||
name: "Tom B.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/time-relax-office_329181-14517.jpg",
|
||||
},
|
||||
id: "ts4", title: "Postural Change", quote: "My chronic desk pain is finally gone.", name: "Tom B.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/time-relax-office_329181-14517.jpg"},
|
||||
{
|
||||
id: "ts5",
|
||||
title: "Empowered Again",
|
||||
quote: "A life-changing approach to mobility.",
|
||||
name: "Anna P.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-out-gym_23-2148197812.jpg",
|
||||
},
|
||||
id: "ts5", title: "Empowered Again", quote: "A life-changing approach to mobility.", name: "Anna P.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-out-gym_23-2148197812.jpg"},
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Hear how others found lasting relief and freedom."
|
||||
@@ -387,16 +182,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to reclaim your movement? Book your initial consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -405,33 +193,16 @@ export default function LandingPage() {
|
||||
logoText="OsteoHealing"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user