108 lines
7.0 KiB
Plaintext
108 lines
7.0 KiB
Plaintext
@page
|
|
@model VeterinaryModel
|
|
@{
|
|
ViewData["Title"] = "Veterinarian Solutions";
|
|
}
|
|
|
|
<!-- Hero Section -->
|
|
<section class="relative overflow-hidden pt-16 pb-20 lg:pt-24 lg:pb-24 bg-gradient-to-b from-white via-slate-50 to-teal-50">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
|
<div class="max-w-3xl mx-auto space-y-4 text-center">
|
|
<span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-teal-50 text-brand-vet text-xs font-bold uppercase tracking-wider">
|
|
<i class="fa-solid fa-paw"></i> Animal Clinic Platform
|
|
</span>
|
|
<h1 class="text-4xl sm:text-5xl font-extrabold text-slate-900 tracking-tight leading-tight">
|
|
Purpose-built software <span class="text-brand-vet">for animal clinics</span>
|
|
</h1>
|
|
<p class="text-lg text-slate-600">
|
|
One connected platform for veterinary teams — EHR records, imaging, and diagnostic decision tools shaped around the species you care for, every day.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">
|
|
<a href="/RequestDemo" class="w-full sm:w-auto bg-brand-vet hover:bg-teal-700 text-white font-semibold px-8 py-4 rounded-xl shadow-lg shadow-brand-vet/25 transition-all text-center">
|
|
Request a demo <i class="fa-solid fa-arrow-right ml-2"></i>
|
|
</a>
|
|
<a href="/ClinicalDecisionSupport" class="w-full sm:w-auto bg-white hover:bg-slate-50 text-slate-700 font-semibold px-8 py-4 rounded-xl border border-slate-200 transition-all text-center">
|
|
Explore Clinical Decision Support
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section id="features" class="py-24 bg-white">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="text-center max-w-3xl mx-auto space-y-4 mb-16">
|
|
<h2 class="text-xs font-bold tracking-widest text-brand-vet uppercase">Veterinarian Solutions</h2>
|
|
<h3 class="text-3xl font-extrabold text-slate-900 tracking-tight">Everything an animal clinic needs, in one connected platform</h3>
|
|
<p class="text-slate-600">From the front desk to the imaging suite — purpose-built tools that keep practice operations, clinical records, and diagnostic guidance moving as one.</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
|
<!-- Card 1 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-xl transition-all group">
|
|
<div class="w-14 h-14 rounded-xl bg-teal-50 text-brand-vet flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand-vet group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-user-group"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">Practice & Client Management</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
Scheduling, check-in, and owner communication built for the pace of a busy veterinary practice — so appointments flow smoothly and clients stay informed between visits.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 2 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-xl transition-all group">
|
|
<div class="w-14 h-14 rounded-xl bg-teal-50 text-brand-vet flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand-vet group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-file-medical"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">EHR Records & Imaging</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
A complete medical home for every patient — history, labs, radiographs, and ultrasound organized in one chart and ready the moment you open a case.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 3 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-xl transition-all group">
|
|
<div class="w-14 h-14 rounded-xl bg-teal-50 text-brand-vet flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand-vet group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-paw"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">Species-Tailored Decision Tools</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
Diagnostic guidance tuned to the species and conditions you see — reference ranges, dosing checks, and interpretations built for animal patients, not adapted from human workflows.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 4 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-xl transition-all group">
|
|
<div class="w-14 h-14 rounded-xl bg-teal-50 text-brand-vet flex items-center justify-center text-xl font-bold mb-6 group-hover:bg-brand-vet group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-circle-nodes"></i>
|
|
</div>
|
|
<h4 class="text-xl font-bold text-slate-900 mb-3">Interoperability With Hospital Systems</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
Connects to the hospital systems you already run through FHIR® and HL7v2 — no rip-and-replace, no parallel records, no data silos.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Section -->
|
|
<section class="py-24 bg-slate-50">
|
|
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="bg-gradient-to-br from-brand-vet to-teal-700 text-white rounded-2xl p-10 sm:p-14 shadow-xl shadow-brand-vet/20 text-center space-y-4">
|
|
<h2 class="text-3xl font-extrabold tracking-tight">See veterinary solutions working in your practice</h2>
|
|
<p class="text-teal-50 max-w-2xl mx-auto">
|
|
Book a walkthrough with our team and watch the full clinic workflow — records, imaging, and diagnostic guidance — run the way your practice actually operates.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2">
|
|
<a href="/RequestDemo" class="w-full sm:w-auto bg-white text-brand-vet hover:bg-teal-50 font-semibold px-8 py-4 rounded-xl shadow-md transition-all text-center">
|
|
Request a demo <i class="fa-solid fa-arrow-right ml-2"></i>
|
|
</a>
|
|
<a href="/ClinicalDecisionSupport" class="w-full sm:w-auto text-white font-semibold px-8 py-4 rounded-xl border border-white/40 hover:bg-white/10 transition-all text-center">
|
|
Explore Clinical Decision Support
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|