108 lines
5.6 KiB
Plaintext
108 lines
5.6 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@ViewData["Title"] - Plus Health Tech | Interoperable Clinical Decision Support & Patient Management</title>
|
|
<!-- Tailwind CSS CDN -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
brand: {
|
|
DEFAULT: '#1c8098',
|
|
dark: '#145f72',
|
|
light: '#e6f2f5',
|
|
accent: '#0ea5e9',
|
|
vet: '#0d9488'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<!-- FontAwesome for Icons -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<link rel="icon" type="image/x-icon" href="~/img/favicon.ico">
|
|
<script defer src="https://analytics.rokoh.com/script.js" data-website-id="1abdd171-c4c5-4785-9029-32407da60056"></script>
|
|
</head>
|
|
<body class="bg-slate-50 text-slate-800 font-sans antialiased selection:bg-brand-light selection:text-brand-dark">
|
|
|
|
<!-- Header / Navigation -->
|
|
<header class="sticky top-0 z-50 bg-white/90 backdrop-blur-md border-b border-slate-100 shadow-xs">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between">
|
|
<!-- Logo -->
|
|
<a href="#" class="flex items-center gap-3">
|
|
<img src="https://www.plushealthtech.com/img/plushealthtech-logo.png" alt="Plus Health Tech Logo" class="h-10 w-auto object-contain">
|
|
</a>
|
|
|
|
<!-- Desktop Nav Links -->
|
|
<nav class="hidden md:flex items-center gap-8 font-medium text-sm text-slate-600">
|
|
<a href="#solutions" class="hover:text-brand transition-colors">Solutions</a>
|
|
<a href="#interoperability" class="hover:text-brand transition-colors">Interoperability</a>
|
|
<a href="#veterinary" class="hover:text-brand transition-colors">Veterinary Tech</a>
|
|
<a href="#about" class="hover:text-brand transition-colors">About Us</a>
|
|
<a href="https://blog.plushealthtech.com" class="hover:text-brand transition-colors">Blog</a>
|
|
</nav>
|
|
|
|
<!-- Action Buttons -->
|
|
<div class="hidden md:flex items-center gap-4">
|
|
<a href="#contact" class="text-sm font-semibold text-slate-700 hover:text-brand px-4 py-2">Sign In</a>
|
|
<a href="#contact" class="bg-[#1c8098] hover:bg-[#145f72] text-white text-sm font-semibold px-5 py-2.5 rounded-xl shadow-sm transition-all shadow-brand/20">
|
|
Request Demo
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Mobile Menu Toggle -->
|
|
<button class="md:hidden text-slate-600 focus:outline-none">
|
|
<i class="fa-solid fa-bars text-xl"></i>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
@RenderBody()
|
|
|
|
<!-- Footer -->
|
|
<footer id="contact" class="bg-slate-950 text-slate-400 py-16 border-t border-slate-900">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-4 gap-10">
|
|
<div class="space-y-4">
|
|
<img src="~/img/plushealthtech-logo.png" alt="Plus Health Tech" class="h-8 w-auto brightness-200">
|
|
<p class="text-xs text-slate-500">
|
|
Interoperable Clinical Decision Support, Patient Management, and Veterinary Software Solutions.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="text-white text-sm font-semibold mb-4">Solutions</h5>
|
|
<ul class="space-y-2 text-xs">
|
|
<li><a href="#" class="hover:text-white transition-colors">Clinical Decision Support</a></li>
|
|
<li><a href="#" class="hover:text-white transition-colors">Patient Management</a></li>
|
|
<li><a href="#" class="v-tech hover:text-white transition-colors">Veterinarian Tech</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h5 class="text-white text-sm font-semibold mb-4">Company</h5>
|
|
<ul class="space-y-2 text-xs">
|
|
<li><a href="#" class="hover:text-white transition-colors">About Us</a></li>
|
|
<li><a href="#" class="hover:text-white transition-colors">Careers</a></li>
|
|
<li><a href="#" class="hover:text-white transition-colors">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h5 class="text-white text-sm font-semibold mb-4">Connect</h5>
|
|
<p class="text-xs text-slate-500 mb-4">Subscribe to our technical updates and newsletter.</p>
|
|
<div class="flex gap-2">
|
|
<input type="email" placeholder="Enter email" class="bg-slate-900 border border-slate-800 text-xs px-3 py-2 rounded-lg text-white focus:outline-none focus:border-brand w-full">
|
|
<button class="bg-[#1c8098] hover:bg-[#145f72] text-white text-xs px-4 py-2 rounded-lg font-semibold transition-colors">Join</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-12 pt-8 border-t border-slate-900 text-center text-xs text-slate-600">
|
|
© @DateTime.Now.Year Plus Health Tech. All rights reserved.
|
|
</div>
|
|
</footer>
|
|
|
|
@await RenderSectionAsync("Scripts", required: false)
|
|
</body>
|
|
</html> |