103 lines
6.5 KiB
Plaintext
103 lines
6.5 KiB
Plaintext
@page
|
|
@model CareersModel
|
|
@{
|
|
ViewData["Title"] = "Careers";
|
|
}
|
|
|
|
<!-- 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-brand-light/30">
|
|
<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-brand-light text-brand text-xs font-bold uppercase tracking-wider">
|
|
<i class="fa-solid fa-briefcase"></i> Careers at Plus Health Tech
|
|
</span>
|
|
<h1 class="text-4xl sm:text-5xl font-extrabold text-slate-900 tracking-tight leading-tight">
|
|
Build the future of <span class="text-brand">interoperable clinical software</span>
|
|
</h1>
|
|
<p class="text-lg text-slate-600">
|
|
We're a small, product-focused team building decision support, patient management, and veterinary platforms that keep the systems where care happens connected. If that's the kind of work you want to do, we'd love to hear from you.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Why Join Us -->
|
|
<section id="why-join-us" 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 uppercase">Why Join Us</h2>
|
|
<h3 class="text-3xl font-extrabold text-slate-900 tracking-tight">Do work that matters, on a team that ships</h3>
|
|
<p class="text-slate-600">We build software that sits at the point of care, so the bar for quality is high — and the payoff is seeing it used every day. Here's what working with us looks like.</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
|
|
<!-- Card 1 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl transition-all group">
|
|
<div class="w-12 h-12 rounded-xl bg-brand-light text-brand flex items-center justify-center text-lg mb-5 group-hover:bg-brand group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-bullseye"></i>
|
|
</div>
|
|
<h4 class="text-lg font-bold text-slate-900 mb-2">Mission-driven work</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
The software we build touches real care, every day. You'll see the line between a well-placed piece of code and better decisions at the point of care.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 2 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl transition-all group">
|
|
<div class="w-12 h-12 rounded-xl bg-brand-light text-brand flex items-center justify-center text-lg mb-5 group-hover:bg-brand group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-user-doctor"></i>
|
|
</div>
|
|
<h4 class="text-lg font-bold text-slate-900 mb-2">Clinical + technical collaboration</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
We build alongside clinicians and veterinarians, not just for them — so the tools we ship respect how care actually works on a busy day.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 3 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl transition-all group">
|
|
<div class="w-12 h-12 rounded-xl bg-brand-light text-brand flex items-center justify-center text-lg mb-5 group-hover:bg-brand group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-code"></i>
|
|
</div>
|
|
<h4 class="text-lg font-bold text-slate-900 mb-2">Modern .NET stack</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
A current, well-supported stack — .NET 10, Razor Pages, and Tailwind CSS — so your energy goes into the product, not into fighting the tooling.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Card 4 -->
|
|
<div class="bg-slate-50 p-8 rounded-2xl border border-slate-100 shadow-sm hover:shadow-xl transition-all group">
|
|
<div class="w-12 h-12 rounded-xl bg-brand-light text-brand flex items-center justify-center text-lg mb-5 group-hover:bg-brand group-hover:text-white transition-colors">
|
|
<i class="fa-solid fa-house-laptop"></i>
|
|
</div>
|
|
<h4 class="text-lg font-bold text-slate-900 mb-2">Ways of working that fit life</h4>
|
|
<p class="text-slate-600 text-sm leading-relaxed">
|
|
We're pragmatic about how and where work happens, and we keep the process lean so the team can stay focused on shipping quality software.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- How to Apply -->
|
|
<section id="how-to-apply" 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 to-brand-dark text-white rounded-2xl p-10 sm:p-14 shadow-xl shadow-brand/20 text-center space-y-5">
|
|
<span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/10 text-white text-xs font-bold uppercase tracking-wider">
|
|
<i class="fa-solid fa-envelope-open-text"></i> How to Apply
|
|
</span>
|
|
<h2 class="text-3xl font-extrabold tracking-tight">We're not running a public job board right now</h2>
|
|
<p class="text-slate-100 max-w-2xl mx-auto">
|
|
Tell us about yourself via the Contact page and we'll be in touch. Whether you have a role in mind or just want to introduce yourself, we read every note.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2">
|
|
<a href="/Contact" class="w-full sm:w-auto bg-white text-brand hover:bg-slate-100 font-semibold px-8 py-4 rounded-xl shadow-md transition-all text-center">
|
|
Tell us about yourself <i class="fa-solid fa-arrow-right ml-2"></i>
|
|
</a>
|
|
<a href="/About" 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">
|
|
Learn about us
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|