135 lines
7.1 KiB
TypeScript
135 lines
7.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import { Clock, Mountain, Bed, Stethoscope, HeartPulse } from "lucide-react";
|
|
|
|
export default function ClinicPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "amenities" },
|
|
{ name: "Opening Hours", id: "metrics" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Dirghayu Clinic"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Dirghayu Clinic & Medicare Center"
|
|
description="Providing compassionate and professional healthcare for your family in the heart of our community."
|
|
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/medical-stethoscope-doctor-s-desk_23-2149021957.jpg", imageAlt: "Healthcare facility" },
|
|
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/doctor-holding-stethoscope-clinic_1308-41006.jpg", imageAlt: "Doctor care" },
|
|
{ id: "3", imageSrc: "https://img.b2bpic.net/free-photo/modern-clinic-reception-waiting-area_23-2148766127.jpg", imageAlt: "Waiting room" },
|
|
{ id: "4", imageSrc: "https://img.b2bpic.net/free-photo/view-young-doctor-clinic_23-2148818451.jpg", imageAlt: "Professional staff" },
|
|
{ id: "5", imageSrc: "https://img.b2bpic.net/free-photo/medical-equipment-clinic_23-2148971556.jpg", imageAlt: "Medical facility" },
|
|
{ id: "6", imageSrc: "https://img.b2bpic.net/free-photo/smiling-doctor-white-coat_144627-46328.jpg", imageAlt: "Compassionate care" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Our Mission of Care"
|
|
description="At Dirghayu Clinic & Medicare Center, we are dedicated to providing accessible and high-quality medical services. Our team of experienced professionals focuses on preventative care, accurate diagnosis, and personalized treatment plans for every patient."
|
|
bulletPoints={[
|
|
{ title: "Expert Care", description: "Highly trained specialists", icon: Stethoscope },
|
|
{ title: "Patient Focused", description: "Compassion at our core", icon: HeartPulse },
|
|
{ title: "Advanced Tech", description: "Modern medical facilities", icon: Mountain },
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/doctor-talking-to-patient-clinic_23-2148419615.jpg"
|
|
imageAlt="About Dirghayu Clinic"
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Our Services"
|
|
description="Comprehensive medical care designed for your well-being."
|
|
features={[
|
|
{
|
|
title: "General Medicine", description: "Expert consultation and preventative health checkups for all ages.", media: { imageSrc: "https://img.b2bpic.net/free-photo/physician-examining-patient-clinic_23-2148560032.jpg" },
|
|
items: [{ icon: HeartPulse, text: "Annual Health Checkups" }, { icon: Stethoscope, text: "Diagnosis & Treatment" }],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Specialist Care", description: "Dedicated clinics for chronic conditions and specialist care services.", media: { imageSrc: "https://img.b2bpic.net/free-photo/doctor-working-with-medical-data_23-2148818451.jpg" },
|
|
items: [{ icon: Clock, text: "Personalized Plans" }, { icon: Bed, text: "Ongoing Monitoring" }],
|
|
reverse: true
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Opening Hours"
|
|
description="Available when you need us most."
|
|
metrics={[
|
|
{ id: "1", value: "Mon-Fri", title: "Working Week", description: "9:00 AM - 8:00 PM", imageSrc: "https://img.b2bpic.net/free-photo/clock-office-desk_23-2148281358.jpg" },
|
|
{ id: "2", value: "Sat-Sun", title: "Weekend Hours", description: "10:00 AM - 4:00 PM", imageSrc: "https://img.b2bpic.net/free-photo/calendar-schedule_23-2148281362.jpg" },
|
|
{ id: "3", value: "24/7", title: "Emergency", description: "Always available for urgent cases", imageSrc: "https://img.b2bpic.net/free-photo/hospital-emergency-sign_23-2149156557.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Contact"
|
|
title="Get in Touch"
|
|
description="Need an appointment or have questions? Our team is here to help."
|
|
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
logoText="Dirghayu Clinic"
|
|
imageSrc="https://img.b2bpic.net/free-photo/medical-stethoscope-doctor-s-desk_23-2149021957.jpg"
|
|
columns={[
|
|
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#amenities" }] },
|
|
{ title: "Help", items: [{ label: "Contact", href: "#contact" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |