import React from 'react'; import { Button } from '@/components/ui/button'; import { Container } from '@/components/ui/container'; import { Badge } from '@/components/ui/badge'; import { ArrowRight, Activity, Users, ShieldCheck, Heart } from 'lucide-react'; import { Card } from '@/components/ui/card'; export default function Hero() { return (

{/* Ambient Background Elements */}

✨ Now powering 2,000+ care networks in 2026

Care coordination,
simplified by design.

AetherHealth bridges the gap between providers, patients, and payers with a unified clinical OS that eliminates friction and restores the joy of care.

{[1, 2, 3, 4].map((i) => ( User

))}

Trusted by 14k+ clinicians worldwide

{/* Live Visual Dashboard Area */}

{/* Main Visual Card */}

Care Coordination Map

Real-time patient flow status

Live

{[ { name: 'Sarah Jenkins', status: 'Recovery', icon: Heart, color: 'text-red-500', progress: 85 }, { name: 'Michael Chen', status: 'Triage', icon: Activity, color: 'text-blue-500', progress: 30 }, { name: 'Elena Rodriguez', status: 'Discharged', icon: ShieldCheck, color: 'text-green-500', progress: 100 }, ].map((patient, i) => (

{patient.name} {patient.status}

))}

{/* Sub Card 1: Metrics */}

Network Load

42%

↓ 12% from last week

{/* Sub Card 2: Activity */}

Avg. Response

14min

Optimal performance

{/* Decorative Ring */}

); }

Care coordination, simplified by design.

Care Coordination Map

Care coordination,
simplified by design.

Healthcare SaaS Hero Section