Merge version_1 into main #1
243
src/app/page.tsx
243
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/logo-template-with-ear_1057-2653.jpg"
|
||||
brandName="MediProfile"
|
||||
@@ -63,44 +51,23 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Your Health, Unified and Accessible"
|
||||
description="Securely manage all your medical records, prescriptions, and test results in one intuitive patient portal. Empowering you with control over your health journey."
|
||||
tag="Seamless Patient Care"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employees-closeup-young-nurse-service_1301-3095.jpg",
|
||||
imageAlt: "Healthcare professionals collaborating on patient data dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employees-closeup-young-nurse-service_1301-3095.jpg", imageAlt: "Healthcare professionals collaborating on patient data dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg",
|
||||
imageAlt: "Patient viewing medical profile on a tablet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-work-office-using-printer_23-2149457023.jpg",
|
||||
imageAlt: "Medical team in a doctor's office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-doing-checkup-visit-with-female-wheelchair-user-talking-about-physical-disability-healthcare-diagnosis-consulting-woman-with-impairment-medical-appointment_482257-50450.jpg",
|
||||
imageAlt: "African american doctor health specialist and assistant using laptop, discussing talking, treatment and diagnosis, in hospital room with sick patient laying in bed with iv drip attached.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-doctors-cooperating-while-analyzing-xray-medical-clinic_637285-11158.jpg",
|
||||
imageAlt: "Medical team in a doctor's office",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg", imageAlt: "Patient viewing medical profile on a tablet"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -120,17 +87,11 @@ export default function LandingPage() {
|
||||
buttonAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Data Security",
|
||||
description: "Your medical information is protected with industry-leading encryption and privacy protocols.",
|
||||
},
|
||||
title: "Data Security", description: "Your medical information is protected with industry-leading encryption and privacy protocols."},
|
||||
{
|
||||
title: "Anytime, Anywhere Access",
|
||||
description: "Access your health records on any device, ensuring you're always informed.",
|
||||
},
|
||||
title: "Anytime, Anywhere Access", description: "Access your health records on any device, ensuring you're always informed."},
|
||||
{
|
||||
title: "User-Friendly Interface",
|
||||
description: "An intuitive design makes managing your health simple and stress-free.",
|
||||
},
|
||||
title: "User-Friendly Interface", description: "An intuitive design makes managing your health simple and stress-free."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-general-practitioner-explaining-preventative-medicine-risk-factors_482257-126397.jpg"
|
||||
imageAlt="Abstract illustration of data security and privacy in a digital health platform"
|
||||
@@ -148,25 +109,13 @@ export default function LandingPage() {
|
||||
buttonAnimation="blur-reveal"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "medicines",
|
||||
title: "Medicine Management",
|
||||
content: "Keep track of all your prescribed medications, dosages, and refill schedules in one place.",
|
||||
},
|
||||
id: "medicines", title: "Medicine Management", content: "Keep track of all your prescribed medications, dosages, and refill schedules in one place."},
|
||||
{
|
||||
id: "tests",
|
||||
title: "Test Results Overview",
|
||||
content: "Access and understand your lab results and diagnostic reports with clear explanations.",
|
||||
},
|
||||
id: "tests", title: "Test Results Overview", content: "Access and understand your lab results and diagnostic reports with clear explanations."},
|
||||
{
|
||||
id: "scans",
|
||||
title: "Imaging Scans Gallery",
|
||||
content: "View and store your X-rays, MRIs, and other imaging scans securely.",
|
||||
},
|
||||
id: "scans", title: "Imaging Scans Gallery", content: "View and store your X-rays, MRIs, and other imaging scans securely."},
|
||||
{
|
||||
id: "prescriptions",
|
||||
title: "Digital Prescriptions",
|
||||
content: "Receive and manage your prescriptions digitally, ensuring seamless coordination with your pharmacy.",
|
||||
},
|
||||
id: "prescriptions", title: "Digital Prescriptions", content: "Receive and manage your prescriptions digitally, ensuring seamless coordination with your pharmacy."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/health-care-infographic-elements_1268-253.jpg"
|
||||
imageAlt="Infographic showing various medical data points like medication, tests, scans, and prescriptions on a digital interface"
|
||||
@@ -182,31 +131,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "patients-served",
|
||||
value: "100k+",
|
||||
title: "Patients Served",
|
||||
items: [
|
||||
"Across diverse communities",
|
||||
"Improving health outcomes",
|
||||
],
|
||||
id: "patients-served", value: "100k+", title: "Patients Served", items: [
|
||||
"Across diverse communities", "Improving health outcomes"],
|
||||
},
|
||||
{
|
||||
id: "data-secured",
|
||||
value: "99.9%",
|
||||
title: "Data Secured",
|
||||
items: [
|
||||
"Advanced encryption",
|
||||
"GDPR compliant",
|
||||
],
|
||||
id: "data-secured", value: "99.9%", title: "Data Secured", items: [
|
||||
"Advanced encryption", "GDPR compliant"],
|
||||
},
|
||||
{
|
||||
id: "prescriptions-managed",
|
||||
value: "1M+",
|
||||
title: "Prescriptions Managed",
|
||||
items: [
|
||||
"Seamless pharmacy integration",
|
||||
"Reduced medication errors",
|
||||
],
|
||||
id: "prescriptions-managed", value: "1M+", title: "Prescriptions Managed", items: [
|
||||
"Seamless pharmacy integration", "Reduced medication errors"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Healthcare"
|
||||
@@ -224,59 +158,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Caregiver",
|
||||
company: "Private User",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Caregiver", company: "Private User", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Chronic Patient",
|
||||
company: "Private User",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-business-man-talking-phone-outside_1262-3453.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Chronic Patient", company: "Private User", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-business-man-talking-phone-outside_1262-3453.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "New Parent",
|
||||
company: "Private User",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-tablet-lockers-background_23-2147605011.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "New Parent", company: "Private User", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-tablet-lockers-background_23-2147605011.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Fitness Enthusiast",
|
||||
company: "Private User",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-man-looking-side-laughing_409827-432.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Fitness Enthusiast", company: "Private User", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-man-looking-side-laughing_409827-432.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Tech Professional",
|
||||
company: "Private User",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-doctor-physician-appointment-looking-happy-confident-wearing-white-coat-ste_1258-120098.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Tech Professional", company: "Private User", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-doctor-physician-appointment-looking-happy-confident-wearing-white-coat-ste_1258-120098.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "User Satisfaction",
|
||||
},
|
||||
value: "98%", label: "User Satisfaction"},
|
||||
{
|
||||
value: "100k+",
|
||||
label: "Active Users",
|
||||
},
|
||||
value: "100k+", label: "Active Users"},
|
||||
]}
|
||||
title="What Our Patients Say"
|
||||
description="Hear from individuals who have transformed their healthcare experience with MediProfile's intuitive and secure platform."
|
||||
@@ -291,25 +194,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How secure is my medical data on MediProfile?",
|
||||
content: "Your data is secured with advanced encryption technologies and strict privacy policies, fully compliant with healthcare regulations like HIPAA and GDPR.",
|
||||
},
|
||||
id: "1", title: "How secure is my medical data on MediProfile?", content: "Your data is secured with advanced encryption technologies and strict privacy policies, fully compliant with healthcare regulations like HIPAA and GDPR."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I share my records with my doctor?",
|
||||
content: "Yes, MediProfile allows you to securely share specific parts of your medical profile with your healthcare providers, giving you full control over who sees your information.",
|
||||
},
|
||||
id: "2", title: "Can I share my records with my doctor?", content: "Yes, MediProfile allows you to securely share specific parts of your medical profile with your healthcare providers, giving you full control over who sees your information."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What types of medical records can I upload?",
|
||||
content: "You can upload and manage various records, including prescriptions, lab test results, imaging reports (X-rays, MRIs), vaccination records, and physician notes.",
|
||||
},
|
||||
id: "3", title: "What types of medical records can I upload?", content: "You can upload and manage various records, including prescriptions, lab test results, imaging reports (X-rays, MRIs), vaccination records, and physician notes."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is MediProfile accessible on mobile devices?",
|
||||
content: "Absolutely! Our platform is fully responsive and optimized for mobile use, allowing you to access your health information conveniently from your smartphone or tablet.",
|
||||
},
|
||||
id: "4", title: "Is MediProfile accessible on mobile devices?", content: "Absolutely! Our platform is fully responsive and optimized for mobile use, allowing you to access your health information conveniently from your smartphone or tablet."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about MediProfile, patient data, and platform usage."
|
||||
@@ -323,14 +214,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to take control of your health data? Get in touch with us today and start your journey to better health management."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,54 +230,33 @@ export default function LandingPage() {
|
||||
logoText="MediProfile"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Security", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user