Merge version_1 into main #2
348
src/app/page.tsx
348
src/app/page.tsx
@@ -16,265 +16,111 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="HealthSecure"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HealthSecure"
|
||||
button={{ text: "Login", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlayTestimonial
|
||||
title="Digital Health, Secured."
|
||||
description="Revolutionizing patient care with secure data management, virtual ICU visits, and smart health monitoring."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Dr. Smith",
|
||||
handle: "@medcare",
|
||||
testimonial: "The virtual ICU system saved countless families stress during recovery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/x-ray-with-neon-colors_23-2151521372.jpg?_wi=1",
|
||||
imageAlt: "healthcare tech dashboard interface",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@patient",
|
||||
testimonial: "The immunization recorder is a life-saver for my children's health.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physician-entering-video-call-with-specialist-discuss-diagnostic-report_482257-124859.jpg?_wi=1",
|
||||
imageAlt: "healthcare tech dashboard interface",
|
||||
},
|
||||
{
|
||||
name: "Mark L.",
|
||||
handle: "@devtech",
|
||||
testimonial: "Top-tier security for sensitive medical patient data.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medic-expert-uses-thermometer-find-right-diagnostic-symptoms_482257-122834.jpg?_wi=1",
|
||||
imageAlt: "healthcare tech dashboard interface",
|
||||
},
|
||||
{
|
||||
name: "Emily D.",
|
||||
handle: "@user",
|
||||
testimonial: "Vitals tracking helped me predict health issues early on.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163407.jpg?_wi=1",
|
||||
imageAlt: "healthcare tech dashboard interface",
|
||||
},
|
||||
{
|
||||
name: "Clinic Admin",
|
||||
handle: "@hosp",
|
||||
testimonial: "A complete solution for modern digital health challenges.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-asking-general-practitioner-about-disease-prevention-new-treatment_482257-122784.jpg?_wi=1",
|
||||
imageAlt: "healthcare tech dashboard interface",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/x-ray-with-neon-colors_23-2151521372.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/radiologists-team-analyze-x-rays-discuss-treatment-options-medical-office_482257-112854.jpg",
|
||||
alt: "Doctor specialist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126618.jpg",
|
||||
alt: "Patient senior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg",
|
||||
alt: "Medic expert",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthcare-professionals-review-mri-scan-test-results-neurology-x-rays_482257-123104.jpg",
|
||||
alt: "Healthcare professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nurse-writing-patient-details-symptoms-files-help-doctor_482257-122774.jpg",
|
||||
alt: "Nurse professional",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlayTestimonial
|
||||
title="Digital Health, Secured."
|
||||
description="Revolutionizing patient care with secure data management, virtual ICU visits, and smart health monitoring."
|
||||
testimonials={[
|
||||
{ name: "Dr. Smith", handle: "@medcare", testimonial: "The virtual ICU system saved countless families stress during recovery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/x-ray-with-neon-colors_23-2151521372.jpg", imageAlt: "healthcare tech dashboard interface" },
|
||||
{ name: "Sarah J.", handle: "@patient", testimonial: "The immunization recorder is a life-saver for my children's health.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/physician-entering-video-call-with-specialist-discuss-diagnostic-report_482257-124859.jpg", imageAlt: "healthcare tech dashboard interface" },
|
||||
{ name: "Mark L.", handle: "@devtech", testimonial: "Top-tier security for sensitive medical patient data.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medic-expert-uses-thermometer-find-right-diagnostic-symptoms_482257-122834.jpg", imageAlt: "healthcare tech dashboard interface" },
|
||||
{ name: "Emily D.", handle: "@user", testimonial: "Vitals tracking helped me predict health issues early on.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163407.jpg", imageAlt: "healthcare tech dashboard interface" },
|
||||
{ name: "Clinic Admin", handle: "@hosp", testimonial: "A complete solution for modern digital health challenges.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/old-woman-asking-general-practitioner-about-disease-prevention-new-treatment_482257-122784.jpg", imageAlt: "healthcare tech dashboard interface" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/x-ray-with-neon-colors_23-2151521372.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/radiologists-team-analyze-x-rays-discuss-treatment-options-medical-office_482257-112854.jpg", alt: "Doctor specialist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126618.jpg", alt: "Patient senior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg", alt: "Medic expert" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/healthcare-professionals-review-mri-scan-test-results-neurology-x-rays_482257-123104.jpg", alt: "Healthcare professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/nurse-writing-patient-details-symptoms-files-help-doctor_482257-122774.jpg", alt: "Nurse professional" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/old-woman-asking-general-practitioner-about-disease-prevention-new-treatment_482257-122784.jpg",
|
||||
alt: "Health Tech",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/old-woman-asking-general-practitioner-about-disease-prevention-new-treatment_482257-122784.jpg", alt: "Health Tech" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Virtual ICU Visit",
|
||||
description: "Reduce isolation with high-quality virtual connectivity in ICU settings.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physician-entering-video-call-with-specialist-discuss-diagnostic-report_482257-124859.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/telemedicine-consultation-covid-pandemic-night-woman-sitting-front-laptop-kitchen-sick-lady-discussing-virtual-consultation-about-symptoms-holding-bottle-pills_482257-14600.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/x-ray-with-neon-colors_23-2151521372.jpg?_wi=3",
|
||||
imageAlt: "virtual hospital ICU visit",
|
||||
},
|
||||
{
|
||||
title: "Data Security",
|
||||
description: "Safeguard sensitive patient biological data with industry-leading encryption.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medic-expert-uses-thermometer-find-right-diagnostic-symptoms_482257-122834.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-person-typing-digital-laptop_482257-90444.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163407.jpg?_wi=2",
|
||||
imageAlt: "virtual hospital ICU visit",
|
||||
},
|
||||
{
|
||||
title: "Vitals Tracker",
|
||||
description: "Predict and prevent lifestyle diseases by tracking your health trends.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-asking-general-practitioner-about-disease-prevention-new-treatment_482257-122784.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-smartphone_23-2148285851.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hospital-staff-examine-cardiovascular-x-ray-results-discuss-treatment-option_482257-123158.jpg?_wi=1",
|
||||
imageAlt: "virtual hospital ICU visit",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Core Health Solutions"
|
||||
description="Innovative platforms for every aspect of modern digital healthcare."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Virtual ICU Visit", description: "Reduce isolation with high-quality virtual connectivity in ICU settings.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/physician-entering-video-call-with-specialist-discuss-diagnostic-report_482257-124859.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/telemedicine-consultation-covid-pandemic-night-woman-sitting-front-laptop-kitchen-sick-lady-discussing-virtual-consultation-about-symptoms-holding-bottle-pills_482257-14600.jpg" } },
|
||||
{ title: "Data Security", description: "Safeguard sensitive patient biological data with industry-leading encryption.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medic-expert-uses-thermometer-find-right-diagnostic-symptoms_482257-122834.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/black-person-typing-digital-laptop_482257-90444.jpg" } },
|
||||
{ title: "Vitals Tracker", description: "Predict and prevent lifestyle diseases by tracking your health trends.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/old-woman-asking-general-practitioner-about-disease-prevention-new-treatment_482257-122784.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-smartphone_23-2148285851.jpg" } }
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Core Health Solutions"
|
||||
description="Innovative platforms for every aspect of modern digital healthcare."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Subscription Plans"
|
||||
description="Choose the right plan to manage your digital health ecosystem."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
description: "Core features for individual health management.",
|
||||
button: {
|
||||
text: "Start Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Virtual ICU Access",
|
||||
"Basic Vitals Monitoring",
|
||||
"Email Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Enterprise",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
description: "Advanced tools for clinic operations and patient care.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
featuresTitle: "Everything in Essential plus:",
|
||||
features: [
|
||||
"Dedicated Account Manager",
|
||||
"Advanced Encryption",
|
||||
"API Access",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Subscription Plans"
|
||||
description="Choose the right plan to manage your digital health ecosystem."
|
||||
plans={[
|
||||
{ id: "basic", tag: "Essential", price: "$99", period: "/mo", description: "Core features for individual health management.", button: { text: "Start Now" }, featuresTitle: "Included", features: ["Virtual ICU Access", "Basic Vitals Monitoring", "Email Support"] },
|
||||
{ id: "pro", tag: "Enterprise", price: "$299", period: "/mo", description: "Advanced tools for clinic operations and patient care.", button: { text: "Go Pro" }, featuresTitle: "Everything in Essential plus:", features: ["Dedicated Account Manager", "Advanced Encryption", "API Access", "Priority Support"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Secure Your Health Data"
|
||||
description="Sign up for early access to our patient management platform."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Get Started"
|
||||
title="Secure Your Health Data"
|
||||
description="Sign up for early access to our patient management platform."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hospital-staff-examine-cardiovascular-x-ray-results-discuss-treatment-option_482257-123158.jpg?_wi=2"
|
||||
logoText="HealthSecure"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hospital-staff-examine-cardiovascular-x-ray-results-discuss-treatment-option_482257-123158.jpg"
|
||||
logoText="HealthSecure"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user