| Server IP : 139.59.63.204 / Your IP : 216.73.217.62 Web Server : Apache/2.4.58 (Ubuntu) System : Linux ubuntu-s-1vcpu-1gb-blr1-01 6.8.0-110-generic #110-Ubuntu SMP PREEMPT_DYNAMIC Thu Mar 19 15:09:20 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/efbtechnology.com/demo/ |
Upload File : |
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NovaCare Health System | Professional Medical Excellence</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Plus Jakarta Sans', sans-serif; }
.shimmer {
background: linear-gradient(90deg, #f0f4f8 25%, #e2e8f0 50%, #f0f4f8 75%);
background-size: 200% 100%;
animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
</style>
<link rel="stylesheet" href="/index.css">
<script type="importmap">
{
"imports": {
"@google/genai": "https://esm.sh/@google/genai@^1.35.0"
}
}
</script>
<script type="module" crossorigin src="/assets/main-Ckg3au68.js"></script>
<link rel="stylesheet" crossorigin href="/assets/main-C6G_3qQV.css">
</head>
<body class="bg-slate-50 text-slate-900">
<!-- Navigation -->
<nav class="sticky top-0 z-50 bg-white/80 backdrop-blur-md border-b border-slate-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16">
<div class="flex items-center gap-2">
<div class="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
<svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.5" d="M12 4v16m8-8H4" /></svg>
</div>
<span class="text-xl font-bold text-slate-900 tracking-tight">AMN Hospital</span>
</div>
<div class="hidden md:flex items-center gap-8">
<a href="#services" class="text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors">Services</a>
<a href="#stats" class="text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors">Performance</a>
<a href="#reviews" class="text-sm font-medium text-slate-600 hover:text-blue-600 transition-colors">Reviews</a>
<a href="#booking" class="px-5 py-2.5 bg-blue-600 text-white text-sm font-semibold rounded-full hover:bg-blue-700 transition-all shadow-md hover:shadow-lg">
Book Appointment
</a>
</div>
</div>
</div>
</nav>
<!-- Hero -->
<header class="relative bg-blue-50 overflow-hidden pt-16 pb-24 lg:pt-32 lg:pb-40">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div>
<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-100 text-blue-700 text-sm font-semibold mb-6">
Next-Gen Medical Excellence
</div>
<h1 class="text-5xl lg:text-7xl font-extrabold text-slate-900 leading-[1.1] mb-6">
Modern Care for <span class="text-blue-600 font-black">Every Beat</span> of Your Life.
</h1>
<p class="text-lg text-slate-600 mb-10 max-w-xl leading-relaxed">
AMN Hospital combines world-class medical expertise with AI-powered diagnostics to provide you with the most seamless healthcare experience.
</p>
<div class="flex flex-col sm:flex-row gap-4">
<a href="#booking" class="px-8 py-4 bg-blue-600 text-white font-bold rounded-2xl hover:bg-blue-700 transition-all shadow-xl shadow-blue-200 text-center">
Book a Consultation
</a>
<a href="#services" class="px-8 py-4 bg-white text-slate-700 font-bold rounded-2xl border border-slate-200 hover:border-blue-300 transition-all text-center">
Explore Departments
</a>
</div>
</div>
<div class="relative">
<img src="/assets/img1-QjshGaeq.webp" alt="Hospital interior" class="rounded-[2rem] shadow-2xl w-full h-auto object-cover" />
<div class="absolute -bottom-6 -left-6 bg-white p-6 rounded-2xl shadow-xl hidden md:block max-w-xs border border-slate-100">
<div class="flex items-center gap-4 mb-3">
<div class="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center text-green-600">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
</div>
<p class="font-bold text-slate-900">Emergency Support</p>
</div>
<p class="text-xs text-slate-600">24/7 Rapid response team ready for immediate intervention.</p>
</div>
</div>
</div>
</div>
</header>
<!-- Services -->
<section id="services" class="py-24 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<span class="text-blue-600 font-semibold text-sm tracking-widest uppercase">Expertise</span>
<h2 class="text-4xl font-bold text-slate-900 mt-2">Specialized Medical Units</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8" id="services-grid">
<div class="group p-8 rounded-[2rem] border border-slate-100 bg-slate-50 hover:bg-white hover:shadow-2xl transition-all">
<div class="w-14 h-14 bg-red-50 text-red-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokelinecap="round" strokelinejoin="round" strokewidth="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
</div>
<h3 class="text-xl font-bold text-slate-900 mb-3">Cardiology</h3>
<p class="text-sm text-slate-500 mb-6">Expert specialized care using state-of-the-art diagnostic equipment.</p>
<a href="#booking" class="text-blue-600 text-sm font-bold flex items-center gap-2">Book Now <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M14 5l7 7m0 0l-7 7m7-7H3" strokewidth="2"></path></svg></a>
</div>
<div class="group p-8 rounded-[2rem] border border-slate-100 bg-slate-50 hover:bg-white hover:shadow-2xl transition-all">
<div class="w-14 h-14 bg-purple-50 text-purple-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokelinecap="round" strokelinejoin="round" strokewidth="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg>
</div>
<h3 class="text-xl font-bold text-slate-900 mb-3">Neurology</h3>
<p class="text-sm text-slate-500 mb-6">Expert specialized care using state-of-the-art diagnostic equipment.</p>
<a href="#booking" class="text-blue-600 text-sm font-bold flex items-center gap-2">Book Now <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M14 5l7 7m0 0l-7 7m7-7H3" strokewidth="2"></path></svg></a>
</div>
<div class="group p-8 rounded-[2rem] border border-slate-100 bg-slate-50 hover:bg-white hover:shadow-2xl transition-all">
<div class="w-14 h-14 bg-yellow-50 text-yellow-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokelinecap="round" strokelinejoin="round" strokewidth="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
</div>
<h3 class="text-xl font-bold text-slate-900 mb-3">Pediatrics</h3>
<p class="text-sm text-slate-500 mb-6">Expert specialized care using state-of-the-art diagnostic equipment.</p>
<a href="#booking" class="text-blue-600 text-sm font-bold flex items-center gap-2">Book Now <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M14 5l7 7m0 0l-7 7m7-7H3" strokewidth="2"></path></svg></a>
</div>
<div class="group p-8 rounded-[2rem] border border-slate-100 bg-slate-50 hover:bg-white hover:shadow-2xl transition-all">
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokelinecap="round" strokelinejoin="round" strokewidth="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
</div>
<h3 class="text-xl font-bold text-slate-900 mb-3">Emergency</h3>
<p class="text-sm text-slate-500 mb-6">Expert specialized care using state-of-the-art diagnostic equipment.</p>
<a href="#booking" class="text-blue-600 text-sm font-bold flex items-center gap-2">Book Now <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M14 5l7 7m0 0l-7 7m7-7H3" strokewidth="2"></path></svg></a>
</div>
</div>
</div>
</section>
<!-- Stats -->
<section id="stats" class="py-24 bg-slate-900 text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
<div>
<h2 class="text-4xl font-bold mb-6">Driven by Clinical Excellence</h2>
<p class="text-slate-400 mb-8">We utilize real-time patient analytics to maintain a 98% patient satisfaction rate and industry-leading recovery times.</p>
<div class="grid grid-cols-2 gap-8">
<div>
<p class="text-3xl font-black text-blue-400">500+</p>
<p class="text-sm text-slate-500 font-medium">Expert Clinicians</p>
</div>
<div>
<p class="text-3xl font-black text-blue-400">12m</p>
<p class="text-sm text-slate-500 font-medium">Avg. ER Wait</p>
</div>
</div>
</div>
<div class="bg-white/5 p-4 rounded-3xl border border-white/10" id="stats-chart">
<div id="svg-chart-container" class="w-full">
<iframe width="545" height="315" src="https://www.youtube.com/embed/7apjhhiyNlg?si=Tngt-wFvNB3J2XzH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- Appointment Booking -->
<section id="booking" class="py-24 bg-white scroll-mt-16">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-4xl font-bold text-slate-900">Smart Appointment System</h2>
<p class="text-slate-600 mt-4">Describe your symptoms and our AI will suggest the right department.</p>
</div>
<form id="appointment-form" class="bg-slate-50 p-8 rounded-3xl border border-slate-200 shadow-xl">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="md:col-span-2">
<label class="block text-sm font-bold text-slate-700 mb-2">Symptoms & Concerns</label>
<textarea id="symptoms-input" required rows="3" class="w-full px-4 py-3 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 outline-none transition-all" placeholder="Tell us how you're feeling..."></textarea>
<div id="ai-loading" class="hidden items-center gap-2 text-blue-600 text-xs mt-2 animate-pulse">
<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
AI Health Assist is analyzing your symptoms...
</div>
<div id="ai-suggestion" class="hidden p-4 bg-blue-50 border border-blue-100 rounded-xl mt-3 flex items-start gap-4">
<div class="p-2 bg-blue-600 rounded-lg text-white"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.5" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg></div>
<div>
<p id="suggestion-text" class="text-sm text-blue-900 mb-1 font-medium"></p>
<span id="urgency-badge" class="px-2 py-0.5 rounded text-[10px] font-bold uppercase tracking-wider"></span>
</div>
</div>
</div>
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">Patient Name</label>
<input type="text" required class="w-full px-4 py-3 rounded-xl border border-slate-200 outline-none" placeholder="John Doe">
</div>
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">Department</label>
<select id="department-select" class="w-full px-4 py-3 rounded-xl border border-slate-200 outline-none bg-white">
<!-- Populated by JS -->
</select>
</div>
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">Date</label>
<input type="date" required class="w-full px-4 py-3 rounded-xl border border-slate-200 outline-none">
</div>
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">Time</label>
<input type="time" required class="w-full px-4 py-3 rounded-xl border border-slate-200 outline-none">
</div>
</div>
<button type="submit" id="submit-btn" class="w-full mt-8 py-4 bg-blue-600 text-white font-black rounded-xl hover:bg-blue-700 transition-all shadow-lg flex items-center justify-center gap-2">
Confirm Booking
</button>
</form>
</div>
</section>
<!-- Reviews -->
<section id="reviews" class="py-24 bg-slate-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-bold text-slate-900 mb-12 text-center">Patient Experiences</h2>
<div id="reviews-grid" class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white p-8 rounded-3xl border border-slate-100 shadow-sm hover:shadow-md transition-all">
<div class="flex text-yellow-400 mb-4">★★★★★</div>
<p class="text-slate-700 mb-6 italic">"Exceptional cardiology department. The staff was incredibly attentive."</p>
<div class="flex items-center gap-3 border-t border-slate-50 pt-4">
<div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center font-bold text-blue-600">J</div>
<div>
<p class="text-sm font-bold text-slate-900">John Anderson</p>
<p class="text-xs text-slate-400">Cardiology Patient</p>
</div>
</div>
</div>
<div class="bg-white p-8 rounded-3xl border border-slate-100 shadow-sm hover:shadow-md transition-all">
<div class="flex text-yellow-400 mb-4">★★★★★</div>
<p class="text-slate-700 mb-6 italic">"Highly professional neurology team. They helped me find answers."</p>
<div class="flex items-center gap-3 border-t border-slate-50 pt-4">
<div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center font-bold text-blue-600">M</div>
<div>
<p class="text-sm font-bold text-slate-900">Maria Rodriguez</p>
<p class="text-xs text-slate-400">Neurology Patient</p>
</div>
</div>
</div>
<div class="bg-white p-8 rounded-3xl border border-slate-100 shadow-sm hover:shadow-md transition-all">
<div class="flex text-yellow-400 mb-4">★★★★☆</div>
<p class="text-slate-700 mb-6 italic">"The pediatrics wing is so child-friendly. My daughter felt safe."</p>
<div class="flex items-center gap-3 border-t border-slate-50 pt-4">
<div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center font-bold text-blue-600">S</div>
<div>
<p class="text-sm font-bold text-slate-900">Sam Lewis</p>
<p class="text-xs text-slate-400">Pediatrics Patient</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-slate-900 text-slate-400 py-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-12 border-b border-slate-800 pb-12">
<div class="col-span-2">
<div class="flex items-center gap-2 mb-6">
<div class="w-6 h-6 bg-blue-500 rounded flex items-center justify-center">
<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.5" d="M12 4v16m8-8H4" /></svg>
</div>
<span class="text-lg font-bold text-white">AMN Hospital</span>
</div>
<p class="max-w-sm">A global leader in integrated healthcare systems, delivering patient-first solutions for over 25 years.</p>
</div>
<div>
<h4 class="text-white font-bold mb-6">Contact</h4>
<p class="text-sm">123 Health Ave, Medical District<br>+1 (555) 000-0000</p>
</div>
<div>
<h4 class="text-white font-bold mb-6">Connect</h4>
<div class="flex gap-4">
<a href="#" class="hover:text-blue-400 transition-colors">Twitter</a>
<a href="#" class="hover:text-blue-400 transition-colors">LinkedIn</a>
</div>
</div>
</div>
<p class="mt-8 text-center text-xs">© 2024 NovaCare Health System. All rights reserved.</p>
</div>
</footer>
</body>
</html>