Merge version_1 into main #1
304
src/app/page.tsx
304
src/app/page.tsx
@@ -26,211 +26,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "System",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="LifeLine Admin"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "System", id: "features" },
|
||||
{ name: "Stats", id: "metrics" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="LifeLine Admin"
|
||||
button={{ text: "Access Console", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Centralized Organ Donor Management System"
|
||||
description="Streamlining life-saving decisions with secure, real-time administrative oversight for donor and recipient lifecycle data."
|
||||
buttons={[
|
||||
{
|
||||
text: "Access Admin Console",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/radiologists-team-analyze-x-rays-discuss-treatment-options-medical-office_482257-112854.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medical-examination-report-history-history_53876-123855.jpg",
|
||||
alt: "Medical staff avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-doctor-office-featuring-modern-medical-equipment-pills_482257-124730.jpg",
|
||||
alt: "Medical staff avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medical-record-report-healthcare-document-concept_53876-123796.jpg",
|
||||
alt: "Medical staff avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tablet-medical-application-stethoscope_1134-454.jpg",
|
||||
alt: "Medical staff avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-doctor-showing-human-skeleton-illustration-digital-tablet-senior-woman-checkup-examination-physician-patient-looking-osteopathy-diagnosis-with-bones-spinal-cord_482257-43213.jpg",
|
||||
alt: "Medical staff avatar 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ hospital administrators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "HIPAA Compliant",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Auditing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Matching",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Integrity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Centralized Organ Donor Management System"
|
||||
description="Streamlining life-saving decisions with secure, real-time administrative oversight for donor and recipient lifecycle data."
|
||||
buttons={[{ text: "Access Admin Console", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/radiologists-team-analyze-x-rays-discuss-treatment-options-medical-office_482257-112854.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medical-examination-report-history-history_53876-123855.jpg", alt: "Medical staff avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-doctor-office-featuring-modern-medical-equipment-pills_482257-124730.jpg", alt: "Medical staff avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medical-record-report-healthcare-document-concept_53876-123796.jpg", alt: "Medical staff avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tablet-medical-application-stethoscope_1134-454.jpg", alt: "Medical staff avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-doctor-showing-human-skeleton-illustration-digital-tablet-senior-woman-checkup-examination-physician-patient-looking-osteopathy-diagnosis-with-bones-spinal-cord_482257-43213.jpg", alt: "Medical staff avatar 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ hospital administrators"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "HIPAA Compliant" },
|
||||
{ type: "text", text: "Real-time Auditing" },
|
||||
{ type: "text", text: "Secure Matching" },
|
||||
{ type: "text", text: "Data Integrity" },
|
||||
{ type: "text", text: "Global Access" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Precision Care Coordination"
|
||||
description="Our hospital portal provides a robust interface for administrators to manage critical health data, perform donor-recipient matching, and ensure regulatory compliance with complete audit trails."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Precision Care Coordination"
|
||||
description="Our hospital portal provides a robust interface for administrators to manage critical health data, perform donor-recipient matching, and ensure regulatory compliance with complete audit trails."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1240",
|
||||
description: "Active Registered Donors",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "89",
|
||||
description: "Recipients Waiting",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.8%",
|
||||
description: "Data Integrity Rate",
|
||||
},
|
||||
]}
|
||||
title="System Performance"
|
||||
description="Monitoring real-time hospital donation data points for optimized coordination."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1240", description: "Active Registered Donors" },
|
||||
{ id: "m2", value: "89", description: "Recipients Waiting" },
|
||||
{ id: "m3", value: "99.8%", description: "Data Integrity Rate" }
|
||||
]}
|
||||
title="System Performance"
|
||||
description="Monitoring real-time hospital donation data points for optimized coordination."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Encrypted Data Records",
|
||||
description: "Strict encryption standards protect highly sensitive donor and recipient health records.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/padlock-with-cloud_1048-2441.jpg",
|
||||
},
|
||||
{
|
||||
title: "Automated Matching",
|
||||
description: "Advanced algorithms suggest optimal recipient matches based on medical compatibility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-with-shallow-depth-field_1048-15441.jpg",
|
||||
},
|
||||
{
|
||||
title: "Real-time Auditing",
|
||||
description: "Comprehensive logs ensure complete administrative transparency and accountability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg",
|
||||
},
|
||||
]}
|
||||
title="Robust Administrative Features"
|
||||
description="Advanced tools to handle complex medical database requirements safely."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Encrypted Data Records", description: "Strict encryption standards protect highly sensitive donor and recipient health records.", imageSrc: "http://img.b2bpic.net/free-photo/padlock-with-cloud_1048-2441.jpg" },
|
||||
{ title: "Automated Matching", description: "Advanced algorithms suggest optimal recipient matches based on medical compatibility.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-with-shallow-depth-field_1048-15441.jpg" },
|
||||
{ title: "Real-time Auditing", description: "Comprehensive logs ensure complete administrative transparency and accountability.", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg" }
|
||||
]}
|
||||
title="Robust Administrative Features"
|
||||
description="Advanced tools to handle complex medical database requirements safely."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is patient data secured?",
|
||||
content: "We utilize AES-256 encryption for all health data at rest and TLS 1.3 for data in transit.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Who has administrative access?",
|
||||
content: "Administrative access is restricted to verified clinical directors and designated data officers with multi-factor authentication enabled.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I export reports?",
|
||||
content: "Yes, exports are available in standard medical data formats with full audit history attached to every file generated.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clarifying protocols for hospital administrative staff and data officers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How is patient data secured?", content: "We utilize AES-256 encryption for all health data at rest and TLS 1.3 for data in transit." },
|
||||
{ id: "f2", title: "Who has administrative access?", content: "Administrative access is restricted to verified clinical directors and designated data officers with multi-factor authentication enabled." },
|
||||
{ id: "f3", title: "Can I export reports?", content: "Yes, exports are available in standard medical data formats with full audit history attached to every file generated." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clarifying protocols for hospital administrative staff and data officers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="SUPPORT"
|
||||
title="Need System Assistance?"
|
||||
description="Our IT support team is available 24/7 for hospital staff experiencing technical issues with the donor management system."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/general-practitioner-presenting-test-findings-via-scan-interpretation-tablet_482257-124410.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="SUPPORT"
|
||||
title="Need System Assistance?"
|
||||
description="Our IT support team is available 24/7 for hospital staff experiencing technical issues with the donor management system."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/general-practitioner-presenting-test-findings-via-scan-interpretation-tablet_482257-124410.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LifeLine Hospital"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LifeLine Hospital"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user