Notes

/* eslint-disable react-refresh/only-export-components */
import {
doc1,
doc2,
doc3,
polygon1,
polygon3,
service1,
ellipse1,
vector1,
dp1,
dp2,
dp3,
plus,
star,
union1,
union2,
union3,
union4,
mission,
vision,
values,
why1,
why2,
why3,
why4,
women3,
women4,
meditatingWomen1,
} from "@/assets/images";

export const homeData = {
heroSection: {
heading: "Your Health, Our Priority - Trusted Care for Every Stage of Life",
description: "Expert Care, Anytime, Anywhere. Your Journey to Better Health Starts Here.",
btnText: "Book Now",
btnAction: "/contact",
},
howDroitWorks: {
heading: "How Droit consultation works?",
description: "Droit Care offers comprehensive medical services tailored to our community's diverse needs.",
btnText: "Know More",
btnAction: "/contact",
},
droitCardData: [
{
title: "Book consultation",
description: "Schedule a consultation with our expert healthcare providers for personalized medical advice and treatment options.",
icon: union1,
},
{
title: "Select a Package",
description: "Choose from our tailored healthcare packages designed to meet your specific needs and ensure comprehensive care.",
icon: union2,
},
{
title: "Get Nurse Home Visits",
description: "Enjoy professional healthcare at home with our qualified nurses providing personalized medical assessments and care.",
icon: union3,
},
{
title: "Get Nurse Home Visits",
description: "Enjoy professional healthcare at home with our qualified nurses providing personalized medical assessments and care.",
icon: union4,
},
],
ourMissionData: [
{
title: "Our Mission",
description:
"Our mission is to provide compassionate, patient-centered healthcare and empower optimal health through innovative treatments and personalized care.",
icon: mission,
},
{
title: "OUR VISION",
description:
"We envision a world where everyone has access to exceptional healthcare services, promoting healthier communities and enhancing the quality of life for all.",
icon: vision,
},
{
title: "OUR VALUES",
description:
"Our values at Droit Care drive our unwavering commitment to exceptional healthcare: compassion, integrity, innovation, and excellence.",
icon: values,
},
],
ourSpecialityData: [
{
title: "Dermatology",
description:
"Comprehensive skin care services including treatments for acne, eczema, psoriasis, and skin cancer screenings. Our dermatologists use advanced techniques to ensure healthy, glowing skin.",
img: service1,
url: "/contact",
},
{
title: "Maternity Care",
description:
"We provide exceptional maternity care, including prenatal, labor and delivery, and postpartum support, ensuring the health and well-being of both mother and baby.",
img: service1,
url: "/contact",
},
{
title: "Critical Care",
description:
"Offering 24/7 intensive care for critically ill patients. Our multidisciplinary team of specialists is equipped with the latest technology to provide life-saving treatments and continuous monitoring.",
img: service1,
url: "/contact",
},
],

whyDroitData: {
data: [
{
title: "Expert Team",
description: "Our healthcare professionals are leaders in their fields, committed to providing top-notch care.",
img: why1,
},
{
title: "Patient-Centered Approach",
description: "We prioritize your needs and preferences, ensuring personalized treatment plans",
img: why2,
},
{
title: "State-of-the-Art Facilities",
description: "Our modern facilities are equipped with cutting-edge technology to deliver the best possible care.",
img: why3,
},
{
title: "Comprehensive Services",
description: "We offer comprehensive healthcare services, from routine check-ups to specialized treatments.",
img: why4,
},
],
img: {
1: women3,
2: women4,
3: meditatingWomen1,
},
},
};

export const HeroSectionImage = () => (
<div className="relative py-16 w-full">
<img src={polygon3} className="absolute top-0 right-28 h-10 w-10" alt="shape" />
<img src={polygon3} className="absolute -top-4 -right-7 h-28 w-28" alt="shape" />
<img src={ellipse1} className="absolute -top-12 right-16 h-4 w-4" alt="shape" />
<div className="w-full h-96 rounded-[26px] bg-[#393E56] relative">
<img src={polygon1} className="absolute top-6 left-4 h-10 w-10" alt="shape" />
<img src={doc1} className="absolute bottom-0 left-0 z-20" alt="doctor 1" />
<img src={doc2} className="absolute bottom-0 left-28 z-10" alt="doctor 2" />
<img src={doc3} className="absolute bottom-0 right-0 z-0" alt="doctor 3" />
<img src={vector1} className="absolute bottom-0 top-36 right-0 z-0 w-96" alt="doctor 3" />
<div className="absolute w-full h-20 rounded-full -bottom-10 z-40 bg-[#ffffffbe] flex items-center justify-between px-4 py-2 gap-2">
<div className="flex flex-col items-start justify-center gap-0">
<h4 className="text-base text-[#000A2D] font-bold tracking-widest">Satisfied Customer</h4>
<div className="flex items-center justify-start gap-1">
<div className="flex items-center justify-start gap-1">
{[...Array(5)].map((_, index) => (
<img key={index} src={star} className="h-6 w-3" alt="star svg" />
))}
</div>
<p>4.9/5 Review</p>
</div>
</div>
<div className="flex flex-1 items-center justify-between">
<div className="flex">
{[dp1, dp2, dp3].map((dp, index) => (
<div key={index} className={`p-[1px] ${index !== 0 ? "-ml-6" : ""} bg-white rounded-full`}>
<img src={dp} className="h-12 w-12" alt={`dp ${index + 1}`} />
</div>
))}
</div>
<h5 className="text-3xl font-extrabold">180</h5>
<div className="blue-gradient p-2 rounded-full">
<img src={plus} className="h-4 w-4" alt="plus icon" />
</div>
</div>
</div>
</div>
</div>
);