263 lines
16 KiB
TypeScript
263 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import { Activity, Building, Car, Eye, Heart } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmall"
|
||
background="aurora"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Services", id: "#features"},
|
||
{
|
||
name: "Team", id: "#team"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="HospitalCare"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
imagePosition="right"
|
||
title="Your Health, Our Priority: Compassionate Care You Can Trust"
|
||
description="At HospitalCare, we are dedicated to providing exceptional medical services with a focus on patient well-being and advanced treatment. Experience a facility where every patient receives personalized attention and the highest standard of care."
|
||
kpis={[
|
||
{
|
||
value: "5.0", label: "Google Rating"},
|
||
{
|
||
value: "1,600+", label: "Satisfied Patients"},
|
||
{
|
||
value: "24/7", label: "Emergency Care"},
|
||
]}
|
||
enableKpiAnimation={false}
|
||
buttons={[
|
||
{
|
||
text: "Book an Appointment", href: "#contact"},
|
||
{
|
||
text: "Our Services", href: "#features"},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/nurses-smiling-together-hospital_23-2150780422.jpg", alt: "Dr. Sarah Johnson"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/senior-medical-practitioner-thinking-office_23-2147896181.jpg", alt: "Dr. Michael Lee"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-virus-uniform-color-emotions-covid-19-health_179666-24261.jpg", alt: "Nurse Emily Davis"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg", alt: "Dr. Jessica Chen"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-doctor-hospital_268835-942.jpg", alt: "Dr. Alex Sharma"},
|
||
]}
|
||
avatarText="Trusted by patients and families"
|
||
imageSrc="http://img.b2bpic.net/free-photo/blurred-background-receptionist-working_1203-994.jpg"
|
||
imageAlt="modern hospital reception area bright"
|
||
mediaAnimation="slide-up"
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon", text: "24/7 Emergency Care", icon: Car,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Expert Medical Staff", icon: Activity,
|
||
},
|
||
{
|
||
type: "text-icon", text: "State-of-the-Art Facilities", icon: Building,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Personalized Patient Care", icon: Heart,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Advanced Treatment Options", icon: Eye,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={true}
|
||
tag="About Us"
|
||
tagIcon={Activity}
|
||
title="Leading the Way in Healthcare Excellence"
|
||
description="HospitalCare is renowned for its state-of-the-art facilities and a team of highly skilled, compassionate medical professionals. We are committed to delivering comprehensive health services tailored to your needs, ensuring optimal patient outcomes."
|
||
subdescription="Our hospital prides itself on providing good service and having all facilities available in one place, creating a seamless and supportive environment for recovery and health maintenance."
|
||
icon={Activity}
|
||
imageSrc="http://img.b2bpic.net/free-photo/offsetting-tape-airport_1127-377.jpg"
|
||
imageAlt="modern hospital interior clean hall"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwelve
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1", label: "Comprehensive Care", title: "Advanced Medical & Surgical Solutions", items: [
|
||
"Specialized surgical units", "Cutting-edge diagnostic imaging", "Personalized treatment plans"],
|
||
},
|
||
{
|
||
id: "f2", label: "Urgent Services", title: "24/7 Emergency & Critical Care", items: [
|
||
"Rapid response emergency team", "Intensive care units (ICU)", "Trauma and acute care services"],
|
||
},
|
||
{
|
||
id: "f3", label: "Wellness & Prevention", title: "Holistic Health & Family Medicine", items: [
|
||
"Routine check-ups and screenings", "Maternity and pediatric care", "Health education and lifestyle programs"],
|
||
},
|
||
]}
|
||
title="Our State-of-the-Art Healthcare Services"
|
||
description="We offer a wide range of medical services, ensuring that all your health needs are met under one roof. Our commitment is to provide accessible, high-quality care with the latest technology."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardTwo
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "5.0", description: "5-Star Rating (1,600+ Reviews)"},
|
||
{
|
||
id: "m2", value: "99%", description: "Patient Satisfaction Rate Annually"},
|
||
{
|
||
id: "m3", value: "20+", description: "Years of Dedicated Community Service"},
|
||
]}
|
||
title="Our Impact in Numbers"
|
||
description="We are proud of the trust our community places in us, reflected in our consistent high ratings and the many lives we've touched with our care."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
team={[
|
||
{
|
||
id: "t1", name: "Dr. Alistair Vance", role: "Chief of Surgery", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-doctor-with-medical-expertise-feeling-confident-about-health-care-system-cabinet-physician-waiting-start-checkup-visit-consultation-appointments-with-patient_482257-47405.jpg", imageAlt: "experienced chief surgeon portrait"},
|
||
{
|
||
id: "t2", name: "Dr. Elena Petrova", role: "Head Pediatrician", imageSrc: "http://img.b2bpic.net/free-photo/teacher-helping-student-put-medical-mask_23-2148925445.jpg", imageAlt: "compassionate pediatrician smiling"},
|
||
{
|
||
id: "t3", name: "Dr. Marcus Thorne", role: "Lead Cardiologist", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-doctor-looking-camera_23-2147896230.jpg", imageAlt: "leading cardiologist professional"},
|
||
{
|
||
id: "t4", name: "Nurse Sarah Jenkins", role: "Head Nurse", imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-clinic-practicing-medicine_23-2149868897.jpg", imageAlt: "head nurse smiling caring"},
|
||
]}
|
||
title="Meet Our Dedicated Team of Experts"
|
||
description="Our staff and doctors are not only highly skilled but also embody a good behavior and honest, hard-working spirit, ensuring every patient feels valued and cared for."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Johnson", date: "March 2023", title: "Exceptional Staff and Care", quote: "The staff here are incredibly nice, and the doctors show excellent behavior. Everyone is honest and hard-working, making my experience fantastic from start to finish. Highly recommend!", tag: "Patient Review", avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-husband-wife-talking-with-their-doctor-abut-their-medical-test-results-his-office_637285-1497.jpg", avatarAlt: "smiling patient woman portrait", imageSrc: "http://img.b2bpic.net/free-photo/disappointed-young-couple-hospital-waiting-area-from-doctor-unfavorable-bad-news-coronavirus-outbreak_482257-8562.jpg", imageAlt: "hospital room bright comfortable"},
|
||
{
|
||
id: "2", name: "Michael Chen", date: "February 2024", title: "Good Service & Top-Notch Facility", quote: "I received excellent service, and the facilities are truly good and top-notch. Everything is clean, modern, and efficient. A truly positive experience.", tag: "Patient Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-adult-male-ready-exercise_23-2148531061.jpg", avatarAlt: "happy male patient portrait", imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-patient-chatting-medium-shot_23-2149351660.jpg", imageAlt: "modern clinic waiting area"},
|
||
{
|
||
id: "3", name: "Emily Rodriguez", date: "January 2023", title: "Convenient All-in-One Facilities", quote: "It’s so convenient to have all medical facilities available in one place. From diagnostics to treatment, everything was seamless. Very impressed by the comprehensive service!", tag: "Patient Review", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-beautiful-young-vlogger-content-maker-recording-video-about-makeup_1258-281790.jpg", avatarAlt: "female patient positive review", imageSrc: "http://img.b2bpic.net/free-photo/african-american-specialist-examining-injury-little-kid-cabinet-general-practitioner-doing-consultation-small-girl-with-fractured-arm-pain-giving-assistance-medical-support_482257-41825.jpg", imageAlt: "children's hospital play area"},
|
||
{
|
||
id: "4", name: "David Kim", date: "August 2023", title: "Compassionate & Professional Team", quote: "The entire team, especially the nice staff and doctors, displayed remarkable professionalism and compassionate behavior. They made a difficult time much easier with their genuine care.", tag: "Patient Review", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-posing-indoors-front-view_23-2149883560.jpg", avatarAlt: "elderly man content portrait", imageSrc: "http://img.b2bpic.net/free-photo/blurred-bikes_1203-367.jpg", imageAlt: "physical therapy session hospital"},
|
||
{
|
||
id: "5", name: "Jessica White", date: "April 2024", title: "Truly Patient-Centered Approach", quote: "From the moment I walked in, I felt truly cared for. The doctors exhibited excellent behavior by listening attentively, and the nurses were incredibly nice and supportive. This is healthcare at its best.", tag: "Patient Review", avatarSrc: "http://img.b2bpic.net/free-photo/doctor-consulting-patient-smiles_23-2148485973.jpg", avatarAlt: "young female patient positive", imageSrc: "http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg", imageAlt: "clean hospital corridor bright"},
|
||
{
|
||
id: "6", name: "Robert Brown", date: "November 2023", title: "Outstanding Care & Expertise", quote: "HospitalCare stands out with its outstanding service and facility. The doctors are honest and hard-working, and the efficiency of the staff is simply remarkable. Highly recommended!", tag: "Patient Review", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-holding-direction-mark-young-female-doctor-wearing-uniform-fith-stethoscope-isolated-orange-background_141793-135637.jpg", avatarAlt: "male patient looking confident", imageSrc: "http://img.b2bpic.net/free-photo/female-agent-manager-meeting-with-couple-young-mature-customers-presenting-content-tablet_74855-15146.jpg", imageAlt: "doctor consulting couple family"},
|
||
]}
|
||
title="What Our Patients Say"
|
||
description="Hear directly from those who have experienced our commitment to excellence and compassionate care. Your trust is our greatest reward."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "What are your visiting hours?", content: "Visiting hours vary by department. Please check with the specific ward for detailed information or call our main reception."},
|
||
{
|
||
id: "q2", title: "Do you accept my insurance plan?", content: "We accept a wide range of insurance plans. Please contact our billing department or check our website's insurance section for a comprehensive list and verification."},
|
||
{
|
||
id: "q3", title: "How can I schedule an appointment?", content: "Appointments can be scheduled by calling our central appointment desk, through our patient portal online, or by visiting the relevant department directly."},
|
||
{
|
||
id: "q4", title: "What emergency services do you provide?", content: "Our emergency department operates 24/7 and provides immediate care for a wide range of medical emergencies, including trauma, cardiac events, and acute illnesses."},
|
||
]}
|
||
sideTitle="Frequently Asked Questions"
|
||
sideDescription="Find quick answers to the most common questions about our hospital services, appointments, and patient care."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
tag="Get in Touch"
|
||
title="Need Medical Assistance? Contact Us Today!"
|
||
description="Our dedicated team is ready to assist you at: 2-Tha-08, Vigyan Nagar Main Rd, opposite Govt. Girls Senior Secondary School, Vigyan Nagar, Kota, Rajasthan 324005. Reach out to us for appointments, inquiries, or emergency support."
|
||
buttons={[
|
||
{
|
||
text: "Call Now: 098283 45522", href: "tel:09828345522"},
|
||
{
|
||
text: "Send a Message", href: "mailto:info@hospitalcare.com"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoSrc="http://img.b2bpic.net/free-photo/top-view-world-tourism-day-safety-measures-logos_23-2148608832.jpg"
|
||
logoAlt="modern medical cross logo"
|
||
logoText="HospitalCare"
|
||
leftLink={{
|
||
text: "Privacy Policy", href: "#"}}
|
||
rightLink={{
|
||
text: "Terms of Service", href: "#"}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |