bender/0c374352-9a46-494c-a258-06cfd52e65eb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781419852705 into main

Browse Source 
Merge version_2_1781419852705 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-06-14 06:52:22 +00:00
parent 5edcc37f16 8b04b90d45
commit 0cfb5f9c52
9 changed files with 232 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
src/pages/HomePage.tsx
View File

@@ -1,154 +1,36 @@
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FeaturesBento from '@/components/sections/features/FeaturesBento';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import { Lock, Shield, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import DevicesSection from './HomePage/sections/Devices';
import SpecsSection from './HomePage/sections/Specs';
import SafetySection from './HomePage/sections/Safety';
import OutcomesSection from './HomePage/sections/Outcomes';
import TeamSection from './HomePage/sections/Team';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlayMarquee
tag="Advanced Medical Solutions"
title="Empowering Care Through Innovation"
description="Revolutionizing medical diagnostics with our high-precision tablet platforms designed for clinical excellence."
primaryButton={{
text: "Explore Devices", href: "#devices"}}
secondaryButton={{
text: "Safety Data", href: "#safety"}}
items={[
{ text: "ISO Certified", icon: Shield },
{ text: "Real-time Analytics", icon: Zap },
{ text: "Secure Data", icon: Lock },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-119088.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="devices" data-section="devices">
<SectionErrorBoundary name="devices">
<FeaturesBento
tag="Core Technology"
title="Platform Capabilities"
description="Our ecosystem delivers unprecedented reliability and performance for the healthcare industry."
features={[
{
title: "Clinical Data", description: "Seamless integration with hospital EMR systems for real-time monitoring.", bentoComponent: "animated-bar-chart"
},
{
title: "Patient Care", description: "Optimized workflows to reduce administrative burden on caregivers.", bentoComponent: "checklist-timeline", heading: "Implementation", subheading: "Phase-by-phase rollout", checklistItems: [
{ label: "Device Setup", detail: "Configuring network" },
{ label: "Security Sync", detail: "HIPAA compliance" },
{ label: "Team Training", detail: "Staff onboarding" },
],
completedLabel: "Active"
},
{
title: "Secure Access", description: "Multi-factor authentication protecting patient records.", bentoComponent: "orbiting-icons", centerIcon: "Lock", orbitIcons: ["Shield", "Key", "Fingerprint", "User"]
},
]}
/>
</SectionErrorBoundary>
</div>
<DevicesSection />
<div id="specs" data-section="specs">
<SectionErrorBoundary name="specs">
<FeaturesImageBento
tag="Technical Data"
title="Hardware Specifications"
description="Engineered for durability, high visibility, and exceptional battery life."
items={[
{ title: "High Resolution", description: "Crystal clear imaging.", imageSrc: "http://img.b2bpic.net/free-photo/computer-display-with-copy-space-available-hospital-cabinet-doctor-holding-x-ray-desktop-with-replaceable-green-screen-medical-clinic-while-doctor-is-checking-patient-radiography-diagno_482257-2973.jpg" },
{ title: "Long Battery", description: "36-hour operational capacity.", imageSrc: "http://img.b2bpic.net/free-photo/crop-surgeon-showing-tablet_23-2147896853.jpg" },
{ title: "Ergonomic Design", description: "Lightweight for mobility.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-holding-blank-tablet_23-2148757399.jpg" },
{ title: "Waterproof", description: "IP68 rated construction.", imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-presents-cardiology-disease-diagnosis-home-visit_482257-100080.jpg" },
{ title: "Cloud Sync", description: "Instant data transfer.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-asking-medic-about-advice-copy-space-display_482257-119008.jpg" },
{ title: "Secure CPU", description: "Encrypted processing power.", imageSrc: "http://img.b2bpic.net/free-photo/frame-pills-with-tablet_23-2148533093.jpg" },
{ title: "Backlit Screen", description: "Readable in low light.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-holding-device-with-black-screen_482257-120343.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<SpecsSection />
<div id="safety" data-section="safety">
<SectionErrorBoundary name="safety">
<MetricsMediaCards
tag="Compliance"
title="Safety Standards"
description="Our devices exceed stringent international medical standards."
metrics={[
{ value: "99.9%", title: "Uptime Reliability", description: "Continuous service delivery.", imageSrc: "http://img.b2bpic.net/free-photo/healthcare-experts-discuss-recovery-strategies-treatment-center_482257-123173.jpg" },
{ value: "0", title: "Security Breaches", description: "Zero incident rate annually.", imageSrc: "http://img.b2bpic.net/free-photo/medical-record-report-healthcare-document-concept_53876-123796.jpg" },
{ value: "15min", title: "Deployment Time", description: "Rapid integration ready.", imageSrc: "http://img.b2bpic.net/free-photo/manager-wearing-face-mask-covid19-explaining-financial-graph-african-employee-multiethnic-team-working-company-with-new-normal-respecting-social-distance-because-global-pandemic-with-cor_482257-9551.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<SafetySection />
<div id="outcomes" data-section="outcomes">
<SectionErrorBoundary name="outcomes">
<TestimonialColumnMarqueeCards
tag="Trusted Clinical Partners"
title="Proven Performance"
description="Leading hospitals rely on our platforms for daily operations."
testimonials={[
{ name: "Dr. Sarah Miller", role: "Chief Medical Officer", quote: "The platform transformed our daily patient management workflow.", imageSrc: "http://img.b2bpic.net/free-photo/online-medical-help-remote-appointment-smiling-beautiful-woman-doctor-showing-digital-tablet-screen-demonstrating-website-logo-standing-white-background_1258-300236.jpg" },
{ name: "David Chen", role: "IT Director", quote: "Seamless integration and rock-solid security features.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-doctor-white-coat-showing-thumbs-up-standing-white-backg_1258-127418.jpg" },
{ name: "Dr. Elena Rossi", role: "Head of Neurology", quote: "High precision diagnostics right at the bedside.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-medical-mask-checking-her-notes_23-2148947570.jpg" },
{ name: "Mark Wilson", role: "Nursing Lead", quote: "Finally, a device that actually makes my shift easier.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309928.jpg" },
{ name: "Dr. Joy Okafor", role: "Clinical Researcher", quote: "The data accuracy is simply unmatched in the market.", imageSrc: "http://img.b2bpic.net/free-photo/medical-team-doctor-s-office_23-2148168387.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<OutcomesSection />
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamOverlayCards
tag="Our Experts"
title="Medical Innovation Team"
description="Committed to advancing the future of clinical technology."
members={[
{ name: "Dr. Alex Rivers", role: "Chief Innovation Officer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-using-webcam-computer-video-call-with-patient-man-working-as-medic-talking-online-conference-remote-checkup-appointment-working-late-night_482257-30363.jpg" },
{ name: "Jane Doe", role: "Software Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-nurse-looking-camera-while-standing-clinic_637285-5031.jpg" },
{ name: "Robert Smith", role: "Hardware Lead", imageSrc: "http://img.b2bpic.net/free-photo/woman-general-practitioner-uses-device-with-green-screen-check-up-visit_482257-122830.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<TeamSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="FAQs"
title="Common Questions"
description="Answers to your pressing clinical implementation questions."
items={[
{ question: "Is the device HIPAA compliant?", answer: "Yes, full encryption is baked into our hardware layer." },
{ question: "Do you provide API documentation?", answer: "Yes, we offer comprehensive RESTful APIs." },
{ question: "What is the warranty period?", answer: "All units come with a standard 3-year full coverage." },
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Connect With Us"
text="Ready to transform your hospital digital ecosystem?"
primaryButton={{ text: "Schedule Consultation", href: "#" }}
secondaryButton={{ text: "Read Case Studies", href: "#" }}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}
}

21
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,21 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Connect With Us"
text="Ready to transform your hospital digital ecosystem?"
primaryButton={{ text: "Schedule Consultation", href: "#" }}
secondaryButton={{ text: "Read Case Studies", href: "#" }}
/>
</SectionErrorBoundary>
</div>
);
}

36
src/pages/HomePage/sections/Devices.tsx Normal file
View File

@@ -0,0 +1,36 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "devices" section.
import React from 'react';
import FeaturesBento from '@/components/sections/features/FeaturesBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function DevicesSection(): React.JSX.Element {
return (
<div id="devices" data-section="devices">
<SectionErrorBoundary name="devices">
<FeaturesBento
tag="Core Technology"
title="Platform Capabilities"
description="Our ecosystem delivers unprecedented reliability and performance for the healthcare industry."
features={[
{
title: "Clinical Data", description: "Seamless integration with hospital EMR systems for real-time monitoring.", bentoComponent: "animated-bar-chart"
},
{
title: "Patient Care", description: "Optimized workflows to reduce administrative burden on caregivers.", bentoComponent: "checklist-timeline", heading: "Implementation", subheading: "Phase-by-phase rollout", checklistItems: [
{ label: "Device Setup", detail: "Configuring network" },
{ label: "Security Sync", detail: "HIPAA compliance" },
{ label: "Team Training", detail: "Staff onboarding" },
],
completedLabel: "Active"
},
{
title: "Secure Access", description: "Multi-factor authentication protecting patient records.", bentoComponent: "orbiting-icons", centerIcon: "Lock", orbitIcons: ["Shield", "Key", "Fingerprint", "User"]
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

25
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,25 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="FAQs"
title="Common Questions"
description="Answers to your pressing clinical implementation questions."
items={[
{ question: "Is the device HIPAA compliant?", answer: "Yes, full encryption is baked into our hardware layer." },
{ question: "Do you provide API documentation?", answer: "Yes, we offer comprehensive RESTful APIs." },
{ question: "What is the warranty period?", answer: "All units come with a standard 3-year full coverage." },
]}
/>
</SectionErrorBoundary>
</div>
);
}

19
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,19 @@
// Created by add_section_from_catalog (HeroBillboardCarousel).
import React from 'react';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
export default function HeroSection(): React.JSX.Element {
return (
<div data-webild-section="hero" id="hero">
<HeroBillboardCarousel
tag="Advanced Medical Solutions"
description="Revolutionizing medical diagnostics with our high-precision tablet platforms designed for clinical excellence."
title="Empowering Care Through Innovation"
items={[{"imageSrc":"http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-119088.jpg"},{"imageSrc":"https://images.unsplash.com/photo-1576091160550-2173dba999ef?auto=format&fit=crop&q=80&w=2070"},{"imageSrc":"https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=2070"}]}
secondaryButton={{"text":"Safety Data","href":"#safety"}}
primaryButton={{"href":"#devices","text":"Explore Devices"}}
/>
</div>
);
}

27
src/pages/HomePage/sections/Outcomes.tsx Normal file
View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "outcomes" section.
import React from 'react';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function OutcomesSection(): React.JSX.Element {
return (
<div id="outcomes" data-section="outcomes">
<SectionErrorBoundary name="outcomes">
<TestimonialColumnMarqueeCards
tag="Trusted Clinical Partners"
title="Proven Performance"
description="Leading hospitals rely on our platforms for daily operations."
testimonials={[
{ name: "Dr. Sarah Miller", role: "Chief Medical Officer", quote: "The platform transformed our daily patient management workflow.", imageSrc: "http://img.b2bpic.net/free-photo/online-medical-help-remote-appointment-smiling-beautiful-woman-doctor-showing-digital-tablet-screen-demonstrating-website-logo-standing-white-background_1258-300236.jpg" },
{ name: "David Chen", role: "IT Director", quote: "Seamless integration and rock-solid security features.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-doctor-white-coat-showing-thumbs-up-standing-white-backg_1258-127418.jpg" },
{ name: "Dr. Elena Rossi", role: "Head of Neurology", quote: "High precision diagnostics right at the bedside.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-medical-mask-checking-her-notes_23-2148947570.jpg" },
{ name: "Mark Wilson", role: "Nursing Lead", quote: "Finally, a device that actually makes my shift easier.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309928.jpg" },
{ name: "Dr. Joy Okafor", role: "Clinical Researcher", quote: "The data accuracy is simply unmatched in the market.", imageSrc: "http://img.b2bpic.net/free-photo/medical-team-doctor-s-office_23-2148168387.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
);
}

25
src/pages/HomePage/sections/Safety.tsx Normal file
View File

@@ -0,0 +1,25 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "safety" section.
import React from 'react';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function SafetySection(): React.JSX.Element {
return (
<div id="safety" data-section="safety">
<SectionErrorBoundary name="safety">
<MetricsMediaCards
tag="Compliance"
title="Safety Standards"
description="Our devices exceed stringent international medical standards."
metrics={[
{ value: "99.9%", title: "Uptime Reliability", description: "Continuous service delivery.", imageSrc: "http://img.b2bpic.net/free-photo/healthcare-experts-discuss-recovery-strategies-treatment-center_482257-123173.jpg" },
{ value: "0", title: "Security Breaches", description: "Zero incident rate annually.", imageSrc: "http://img.b2bpic.net/free-photo/medical-record-report-healthcare-document-concept_53876-123796.jpg" },
{ value: "15min", title: "Deployment Time", description: "Rapid integration ready.", imageSrc: "http://img.b2bpic.net/free-photo/manager-wearing-face-mask-covid19-explaining-financial-graph-african-employee-multiethnic-team-working-company-with-new-normal-respecting-social-distance-because-global-pandemic-with-cor_482257-9551.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
);
}

29
src/pages/HomePage/sections/Specs.tsx Normal file
View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "specs" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function SpecsSection(): React.JSX.Element {
return (
<div id="specs" data-section="specs">
<SectionErrorBoundary name="specs">
<FeaturesImageBento
tag="Technical Data"
title="Hardware Specifications"
description="Engineered for durability, high visibility, and exceptional battery life."
items={[
{ title: "High Resolution", description: "Crystal clear imaging.", imageSrc: "http://img.b2bpic.net/free-photo/computer-display-with-copy-space-available-hospital-cabinet-doctor-holding-x-ray-desktop-with-replaceable-green-screen-medical-clinic-while-doctor-is-checking-patient-radiography-diagno_482257-2973.jpg" },
{ title: "Long Battery", description: "36-hour operational capacity.", imageSrc: "http://img.b2bpic.net/free-photo/crop-surgeon-showing-tablet_23-2147896853.jpg" },
{ title: "Ergonomic Design", description: "Lightweight for mobility.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-holding-blank-tablet_23-2148757399.jpg" },
{ title: "Waterproof", description: "IP68 rated construction.", imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-presents-cardiology-disease-diagnosis-home-visit_482257-100080.jpg" },
{ title: "Cloud Sync", description: "Instant data transfer.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-asking-medic-about-advice-copy-space-display_482257-119008.jpg" },
{ title: "Secure CPU", description: "Encrypted processing power.", imageSrc: "http://img.b2bpic.net/free-photo/frame-pills-with-tablet_23-2148533093.jpg" },
{ title: "Backlit Screen", description: "Readable in low light.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-holding-device-with-black-screen_482257-120343.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
);
}

25
src/pages/HomePage/sections/Team.tsx Normal file
View File

@@ -0,0 +1,25 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "team" section.
import React from 'react';
import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TeamSection(): React.JSX.Element {
return (
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamOverlayCards
tag="Our Experts"
title="Medical Innovation Team"
description="Committed to advancing the future of clinical technology."
members={[
{ name: "Dr. Alex Rivers", role: "Chief Innovation Officer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-using-webcam-computer-video-call-with-patient-man-working-as-medic-talking-online-conference-remote-checkup-appointment-working-late-night_482257-30363.jpg" },
{ name: "Jane Doe", role: "Software Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-nurse-looking-camera-while-standing-clinic_637285-5031.jpg" },
{ name: "Robert Smith", role: "Hardware Lead", imageSrc: "http://img.b2bpic.net/free-photo/woman-general-practitioner-uses-device-with-green-screen-check-up-visit_482257-122830.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
);
}