This commit is contained in:
@@ -16,39 +16,58 @@
|
||||
<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">
|
||||
<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="/ClinicalDecisionSupport" class="hover:text-brand transition-colors">CDS</a>
|
||||
<a href="/PatientManagement" class="hover:text-brand transition-colors">Patient Management</a>
|
||||
<a href="/Veterinary" class="hover:text-brand transition-colors">Veterinary</a>
|
||||
<a href="/About" class="hover:text-brand transition-colors">About</a>
|
||||
<a href="/Careers" class="hover:text-brand transition-colors">Careers</a>
|
||||
<a href="/Contact" class="hover:text-brand transition-colors">Contact</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">
|
||||
<a href="/SignIn" class="text-sm font-semibold text-slate-700 hover:text-brand px-4 py-2">Sign In</a>
|
||||
<a href="/RequestDemo" 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">
|
||||
<button id="mobile-menu-toggle" class="md:hidden text-slate-600 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
|
||||
<i class="fa-solid fa-bars text-xl"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu -->
|
||||
<div id="mobile-menu" class="hidden md:hidden border-t border-slate-100 bg-white px-4 sm:px-6 pt-2 pb-6">
|
||||
<nav class="flex flex-col font-medium text-sm text-slate-600">
|
||||
<a href="/ClinicalDecisionSupport" class="py-2 hover:text-brand transition-colors">CDS</a>
|
||||
<a href="/PatientManagement" class="py-2 hover:text-brand transition-colors">Patient Management</a>
|
||||
<a href="/Veterinary" class="py-2 hover:text-brand transition-colors">Veterinary</a>
|
||||
<a href="/About" class="py-2 hover:text-brand transition-colors">About</a>
|
||||
<a href="/Careers" class="py-2 hover:text-brand transition-colors">Careers</a>
|
||||
<a href="/Contact" class="py-2 hover:text-brand transition-colors">Contact</a>
|
||||
<a href="https://blog.plushealthtech.com" class="py-2 hover:text-brand transition-colors">Blog</a>
|
||||
</nav>
|
||||
<div class="mt-4 flex flex-col gap-2">
|
||||
<a href="/SignIn" class="text-sm font-semibold text-slate-700 hover:text-brand px-4 py-2.5 text-center border border-slate-200 rounded-xl transition-colors">Sign In</a>
|
||||
<a href="/RequestDemo" class="bg-[#1c8098] hover:bg-[#145f72] text-white text-sm font-semibold px-5 py-2.5 rounded-xl text-center shadow-sm shadow-brand/20 transition-colors">Request Demo</a>
|
||||
</div>
|
||||
</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">
|
||||
<footer 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-5 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">
|
||||
@@ -58,17 +77,24 @@
|
||||
<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>
|
||||
<li><a href="/ClinicalDecisionSupport" class="hover:text-white transition-colors">Clinical Decision Support</a></li>
|
||||
<li><a href="/PatientManagement" class="hover:text-white transition-colors">Patient Management</a></li>
|
||||
<li><a href="/Veterinary" class="hover:text-white transition-colors">Veterinarian Solutions</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>
|
||||
<li><a href="/About" class="hover:text-white transition-colors">About Us</a></li>
|
||||
<li><a href="/Careers" class="hover:text-white transition-colors">Careers</a></li>
|
||||
<li><a href="/Contact" class="hover:text-white transition-colors">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="text-white text-sm font-semibold mb-4">Legal</h5>
|
||||
<ul class="space-y-2 text-xs">
|
||||
<li><a href="/Privacy" class="hover:text-white transition-colors">Privacy Policy</a></li>
|
||||
<li><a href="/Terms" class="hover:text-white transition-colors">Terms & Conditions</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
@@ -85,6 +111,35 @@
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
var toggle = document.getElementById('mobile-menu-toggle');
|
||||
var menu = document.getElementById('mobile-menu');
|
||||
if (!toggle || !menu) return;
|
||||
var icon = toggle.querySelector('i');
|
||||
|
||||
function setIcon(open) {
|
||||
icon.classList.toggle('fa-bars', !open);
|
||||
icon.classList.toggle('fa-xmark', open);
|
||||
}
|
||||
|
||||
toggle.addEventListener('click', function () {
|
||||
var open = menu.classList.toggle('hidden') === false;
|
||||
setIcon(open);
|
||||
toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
|
||||
});
|
||||
|
||||
// Close the menu when a link is tapped
|
||||
menu.querySelectorAll('a').forEach(function (link) {
|
||||
link.addEventListener('click', function () {
|
||||
menu.classList.add('hidden');
|
||||
setIcon(false);
|
||||
toggle.setAttribute('aria-expanded', 'false');
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
@await RenderSectionAsync("Scripts", required: false)
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user