All Prompts
All Prompts
Executive Recruiting About Us
UI-компонент 'Executive Recruiting About Us': секция для описания компании, её ценностей и команды. Идеально для сайтов рекрутинговых агентств.
Prompt
<section class="sm:px-6 lg:px-8 sm:mb-24 animate-in delay-1500 max-w-7xl mr-auto mb-16 ml-auto pr-4 pl-4">
<div
class="flex flex-col sm:flex-row sm:items-center gap-4 sm:pt-10 sm:mb-10 border-black/5 border-t mb-8 pt-8 gap-x-4 gap-y-4 items-start justify-between">
<div class="">
<h2 class="text-xl sm:text-2xl font-semibold tracking-tight text-black">
About BoardMatch AI
</h2>
<p class="mt-2 text-sm text-slate-600">
Pioneering the future of executive board placement through innovation and expertise.
</p>
</div>
<div class="inline-flex items-center gap-2 rounded-full border border-blue-500/20 bg-blue-500/10 px-3 py-1">
<span class="relative flex h-2 w-2">
<span class="absolute inline-flex h-full w-full animate-ping rounded-full opacity-75 bg-blue-600"></span>
<span class="relative inline-flex h-2 w-2 rounded-full bg-blue-500"></span>
</span>
<span class="text-xs font-medium tracking-wide uppercase text-blue-600">
Since 2019
</span>
</div>
</div>
<!-- Main About Content -->
<div
class="overflow-hidden sm:rounded-[2.3rem] sm:p-8 lg:p-12 bg-gradient-to-b from-white/[0.03] to-white border-black/10 border rounded-2xl pt-6 pr-6 pb-6 pl-6 relative">
<!-- Background elements -->
<div
class="pointer-events-none absolute inset-0 bg-[linear-gradient(to_right,#80808018_1px,transparent_1px),linear-gradient(to_bottom,#80808018_1px,transparent_1px)] bg-[size:22px_22px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]">
</div>
<div class="pointer-events-none absolute inset-0 -z-10">
<div class="absolute -top-32 left-1/2 -translate-x-1/2 h-80 w-80 rounded-full bg-blue-500/20 blur-[120px]"></div>
<div class="absolute bottom-0 right-0 h-64 w-64 rounded-full bg-blue-400/15 blur-[100px]"></div>
</div>
<div class="relative z-10">
<!-- Mission Statement -->
<div class="max-w-3xl mb-12 sm:mb-16">
<div
class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-[0.7rem] border bg-blue-400/15 text-blue-800 border-blue-600/50 mb-6">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
</svg>
Our Mission
</div>
<h3 class="text-2xl sm:text-3xl lg:text-4xl font-medium tracking-tight text-black mb-6">
Transforming how the world's most impactful organizations
<span class="bg-gradient-to-r bg-clip-text text-transparent from-blue-800 via-blue-500 to-blue-800">
build exceptional boards.
</span>
</h3>
<p class="text-base sm:text-lg font-light leading-relaxed text-slate-600">
We believe that great governance starts with the right people. Our mission is to democratize access to
world-class board talent, making it possible for organizations of all sizes to build diverse, skilled, and
strategically aligned boards that drive meaningful impact.
</p>
</div>
<!-- Story Grid -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 sm:gap-8 mb-12 sm:mb-16">
<!-- Our Story Card -->
<div
class="relative overflow-hidden rounded-xl sm:rounded-2xl border p-6 sm:p-8 hover:border-blue-500/30 transition-all border-blue-600/25 bg-white/60">
<div class="absolute -right-10 -top-10 h-40 w-40 rounded-full bg-blue-500/10 blur-3xl"></div>
<div class="relative">
<div class="flex items-center gap-3 mb-4">
<div
class="flex h-10 w-10 items-center justify-center rounded-full border border-blue-500/20 bg-blue-500/10 text-blue-600 flex-shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 8V4H8m0 0L4 8m4-4v4"></path>
<rect width="16" height="12" x="4" y="8" rx="2"></rect>
<path d="M2 14h2m18 0h2M12 17v3"></path>
</svg>
</div>
<h4 class="text-lg font-semibold tracking-tight text-black">Our Story</h4>
</div>
<p class="text-sm leading-relaxed text-slate-600 mb-4">
BoardMatch AI was founded in 2019 by a team of former executive recruiters and AI researchers who saw a
fundamental gap in how organizations find board talent. Traditional search methods were slow, expensive,
and often limited by personal networks.
</p>
<p class="text-sm leading-relaxed text-slate-600 mb-4">
We set out to change that by combining deep learning algorithms with decades of governance expertise. Our
platform analyzes thousands of executive profiles across 3,200+ attributes to find candidates who don't
just look good on paper—they're genuinely the right strategic fit.
</p>
<p class="text-sm leading-relaxed text-slate-600">
Today, we've helped over 500 organizations—from seed-stage startups to Fortune 500 companies—build boards
that drive real impact. But we're just getting started.
</p>
</div>
</div>
<!-- Values Card -->
<div
class="relative overflow-hidden rounded-xl sm:rounded-2xl border p-6 sm:p-8 hover:border-blue-500/30 transition-all border-blue-600/25 bg-white/60">
<div class="absolute -left-10 -bottom-10 h-40 w-40 rounded-full bg-blue-500/10 blur-3xl"></div>
<div class="relative">
<div class="flex items-center gap-3 mb-4">
<div
class="flex h-10 w-10 items-center justify-center rounded-full border border-blue-500/20 bg-blue-500/10 text-blue-600 flex-shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z">
</path>
</svg>
</div>
<h4 class="text-lg font-semibold tracking-tight text-black">Our Values</h4>
</div>
<div class="space-y-4">
<div class="flex items-start gap-3">
<div class="flex-shrink-0 w-5 h-5 rounded-full bg-blue-500/20 flex items-center justify-center mt-0.5">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
class="text-blue-600">
<path d="M20 6 9 17l-5-5"></path>
</svg>
</div>
<div class="">
<p class="text-sm font-medium text-black">Excellence in Every Match</p>
<p class="text-sm text-slate-500">We don't settle for good enough. Every candidate we present has been
rigorously evaluated.</p>
</div>
</div>
<div class="flex items-start gap-3">
<div class="flex-shrink-0 w-5 h-5 rounded-full bg-blue-500/20 flex items-center justify-center mt-0.5">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
class="text-blue-600">
<path d="M20 6 9 17l-5-5"></path>
</svg>
</div>
<div>
<p class="text-sm font-medium text-black">Diversity as a Strength</p>
<p class="text-sm text-slate-500">We actively promote diverse board composition because diverse
perspectives drive better outcomes.</p>
</div>
</div>
<div class="flex items-start gap-3">
<div class="flex-shrink-0 w-5 h-5 rounded-full bg-blue-500/20 flex items-center justify-center mt-0.5">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
class="text-blue-600">
<path d="M20 6 9 17l-5-5"></path>
</svg>
</div>
<div>
<p class="text-sm font-medium text-black">Trust Through Transparency</p>
<p class="text-sm text-slate-500">We're open about our methodology, pricing, and process. No hidden
agendas.</p>
</div>
</div>
<div class="flex items-start gap-3">
<div class="flex-shrink-0 w-5 h-5 rounded-full bg-blue-500/20 flex items-center justify-center mt-0.5">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
class="text-blue-600">
<path d="M20 6 9 17l-5-5"></path>
</svg>
</div>
<div>
<p class="text-sm font-medium text-black">Human + AI Partnership</p>
<p class="text-sm text-slate-500">Technology amplifies human expertise—it doesn't replace it. Every
match includes expert review.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Stats Section -->
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6 mb-12 sm:mb-16">
<div
class="rounded-xl sm:rounded-2xl border p-4 sm:p-6 text-center hover:border-blue-500/30 transition-all border-blue-600/25 bg-white/40 group">
<div
class="text-2xl sm:text-3xl lg:text-4xl font-semibold tracking-tight text-black group-hover:text-blue-700 transition-colors">
500+</div>
<div class="mt-1 text-xs sm:text-sm text-slate-600">Organizations Served</div>
</div>
<div
class="rounded-xl sm:rounded-2xl border p-4 sm:p-6 text-center hover:border-blue-500/30 transition-all border-blue-600/25 bg-white/40 group">
<div
class="text-2xl sm:text-3xl lg:text-4xl font-semibold tracking-tight text-black group-hover:text-blue-700 transition-colors">
12K+</div>
<div class="mt-1 text-xs sm:text-sm text-slate-600">Executive Profiles</div>
</div>
<div
class="rounded-xl sm:rounded-2xl border p-4 sm:p-6 text-center hover:border-blue-500/30 transition-all border-blue-600/25 bg-white/40 group">
<div
class="text-2xl sm:text-3xl lg:text-4xl font-semibold tracking-tight text-black group-hover:text-blue-700 transition-colors">
45+</div>
<div class="mt-1 text-xs sm:text-sm text-slate-600">Countries Covered</div>
</div>
<div
class="rounded-xl sm:rounded-2xl border p-4 sm:p-6 text-center hover:border-blue-500/30 transition-all border-blue-600/25 bg-white/40 group">
<div
class="text-2xl sm:text-3xl lg:text-4xl font-semibold tracking-tight text-black group-hover:text-blue-700 transition-colors">
96%</div>
<div class="mt-1 text-xs sm:text-sm text-slate-600">Client Satisfaction</div>
</div>
</div>
<!-- Leadership Team -->
<div class="mb-12 sm:mb-16">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-8">
<div class="">
<div
class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-[0.7rem] border bg-blue-400/15 text-blue-800 border-blue-600/50 mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
Leadership
</div>
<h4 class="text-xl sm:text-2xl font-medium tracking-tight text-black">Meet Our Team</h4>
<p class="mt-2 text-sm text-slate-600">The experts driving BoardMatch AI forward</p>
</div>
<button class="inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-[0.7rem] hover:bg-blue-500/15 border-blue-600/40 bg-white/30 text-blue-900">
View full team
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14m-7-7l7 7l-7 7"></path>
</svg>
</button>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6">
<!-- Team Member 1 -->
<div
class="group relative overflow-hidden rounded-xl sm:rounded-2xl border p-5 sm:p-6 hover:border-blue-500/30 hover:shadow-[0_0_32px_rgba(59,130,246,0.15)] transition-all border-black/10 bg-white/60">
<div
class="absolute -right-8 -top-8 h-24 w-24 rounded-full bg-blue-500/10 blur-2xl opacity-0 group-hover:opacity-100 transition-opacity">
</div>
<div class="relative">
<div
class="flex h-16 w-16 sm:h-20 sm:w-20 items-center justify-center rounded-full border border-blue-500/30 bg-gradient-to-br from-blue-500/20 to-blue-400/10 text-xl sm:text-2xl font-semibold text-blue-800 mb-4">
EW
</div>
<h5 class="text-base font-semibold tracking-tight text-black">Elena Washington</h5>
<p class="text-xs text-blue-700 mb-3">Co-Founder & CEO</p>
<p class="text-xs text-slate-600 leading-relaxed">Former McKinsey partner with 15+ years in executive
search. Led board placements for 100+ Fortune 500 companies.</p>
<div class="mt-4 flex items-center gap-2">
<a href="#"
class="flex h-7 w-7 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-500 hover:bg-black/10 hover:text-slate-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2a2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
<rect width="4" height="12" x="2" y="9"></rect>
<circle cx="4" cy="4" r="2"></circle>
</svg>
</a>
<a href="#"
class="flex h-7 w-7 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-500 hover:bg-black/10 hover:text-slate-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6c2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4c-.9-4.2 4-6.6 7-3.8c1.1 0 3-1.2 3-1.2z">
</path>
</svg>
</a>
</div>
</div>
</div>
<!-- Team Member 2 -->
<div
class="group relative overflow-hidden rounded-xl sm:rounded-2xl border p-5 sm:p-6 hover:border-blue-500/30 hover:shadow-[0_0_32px_rgba(59,130,246,0.15)] transition-all border-black/10 bg-white/60">
<div
class="absolute -right-8 -top-8 h-24 w-24 rounded-full bg-blue-500/10 blur-2xl opacity-0 group-hover:opacity-100 transition-opacity">
</div>
<div class="relative">
<div
class="flex h-16 w-16 sm:h-20 sm:w-20 items-center justify-center rounded-full border border-blue-500/30 bg-gradient-to-br from-blue-500/20 to-blue-400/10 text-xl sm:text-2xl font-semibold text-blue-800 mb-4">
RK
</div>
<h5 class="text-base font-semibold tracking-tight text-black">Raj Krishnamurthy</h5>
<p class="text-xs text-blue-700 mb-3">Co-Founder & CTO</p>
<p class="text-xs text-slate-600 leading-relaxed">Ex-Google AI researcher with a PhD from MIT. Built ML
systems processing billions of data points at scale.</p>
<div class="mt-4 flex items-center gap-2">
<a href="#"
class="flex h-7 w-7 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-500 hover:bg-black/10 hover:text-slate-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2a2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
<rect width="4" height="12" x="2" y="9"></rect>
<circle cx="4" cy="4" r="2"></circle>
</svg>
</a>
<a href="#"
class="flex h-7 w-7 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-500 hover:bg-black/10 hover:text-slate-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6c2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4c-.9-4.2 4-6.6 7-3.8c1.1 0 3-1.2 3-1.2z">
</path>
</svg>
</a>
</div>
</div>
</div>
<!-- Team Member 3 -->
<div
class="group relative overflow-hidden rounded-xl sm:rounded-2xl border p-5 sm:p-6 hover:border-blue-500/30 hover:shadow-[0_0_32px_rgba(59,130,246,0.15)] transition-all border-black/10 bg-white/60">
<div
class="absolute -right-8 -top-8 h-24 w-24 rounded-full bg-blue-500/10 blur-2xl opacity-0 group-hover:opacity-100 transition-opacity">
</div>
<div class="relative">
<div
class="flex h-16 w-16 sm:h-20 sm:w-20 items-center justify-center rounded-full border border-blue-500/30 bg-gradient-to-br from-blue-500/20 to-blue-400/10 text-xl sm:text-2xl font-semibold text-blue-800 mb-4">
SC
</div>
<h5 class="text-base font-semibold tracking-tight text-black">Sarah Chen</h5>
<p class="text-xs text-blue-700 mb-3">Chief Governance Officer</p>
<p class="text-xs text-slate-600 leading-relaxed">Former SEC regulator and corporate governance expert.
Advised boards on compliance across 30+ industries.</p>
<div class="mt-4 flex items-center gap-2">
<a href="#"
class="flex h-7 w-7 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-500 hover:bg-black/10 hover:text-slate-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2a2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
<rect width="4" height="12" x="2" y="9"></rect>
<circle cx="4" cy="4" r="2"></circle>
</svg>
</a>
<a href="#"
class="flex h-7 w-7 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-500 hover:bg-black/10 hover:text-slate-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6c2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4c-.9-4.2 4-6.6 7-3.8c1.1 0 3-1.2 3-1.2z">
</path>
</svg>
</a>
</div>
</div>
</div>
<!-- Team Member 4 -->
<div
class="group relative overflow-hidden rounded-xl sm:rounded-2xl border p-5 sm:p-6 hover:border-blue-500/30 hover:shadow-[0_0_32px_rgba(59,130,246,0.15)] transition-all border-black/10 bg-white/60">
<div
class="absolute -right-8 -top-8 h-24 w-24 rounded-full bg-blue-500/10 blur-2xl opacity-0 group-hover:opacity-100 transition-opacity">
</div>
<div class="relative">
<div
class="flex h-16 w-16 sm:h-20 sm:w-20 items-center justify-center rounded-full border border-blue-500/30 bg-gradient-to-br from-blue-500/20 to-blue-400/10 text-xl sm:text-2xl font-semibold text-blue-800 mb-4">
MB
</div>
<h5 class="text-base font-semibold tracking-tight text-black">Marcus Blackwell</h5>
<p class="text-xs text-blue-700 mb-3">VP of Client Success</p>
<p class="text-xs text-slate-600 leading-relaxed">20+ years in executive recruitment. Previously led EMEA
operations at Spencer Stuart focusing on tech boards.</p>
<div class="mt-4 flex items-center gap-2">
<a href="#"
class="flex h-7 w-7 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-500 hover:bg-black/10 hover:text-slate-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2a2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
<rect width="4" height="12" x="2" y="9"></rect>
<circle cx="4" cy="4" r="2"></circle>
</svg>
</a>
<a href="#"
class="flex h-7 w-7 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-500 hover:bg-black/10 hover:text-slate-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path
d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6c2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4c-.9-4.2 4-6.6 7-3.8c1.1 0 3-1.2 3-1.2z">
</path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Investors & Partners -->
<div
class="rounded-xl sm:rounded-2xl border p-6 sm:p-8 border-blue-600/25 bg-gradient-to-br from-blue-500/5 via-transparent to-blue-400/5">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-6">
<div class="">
<div
class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-[0.7rem] border bg-blue-400/15 text-blue-800 border-blue-600/50 mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
</svg>
Backed By
</div>
<h4 class="text-lg font-medium tracking-tight text-black">Trusted by Leading Investors</h4>
</div>
<span class="text-xs text-slate-600">$47M raised to date</span>
</div>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6">
<div
class="flex items-center justify-center h-16 rounded-xl border border-black/5 bg-white/60 text-slate-500">
<div class="text-center">
<div class="text-sm font-semibold text-slate-700">Sequoia</div>
<div class="text-[0.65rem] text-slate-500">Capital</div>
</div>
</div>
<div
class="flex items-center justify-center h-16 rounded-xl border border-black/5 bg-white/60 text-slate-500">
<div class="text-center">
<div class="text-sm font-semibold text-slate-700">Andreessen</div>
<div class="text-[0.65rem] text-slate-500">Horowitz</div>
</div>
</div>
<div
class="flex items-center justify-center h-16 rounded-xl border border-black/5 bg-white/60 text-slate-500">
<div class="text-center">
<div class="text-sm font-semibold text-slate-700">Index</div>
<div class="text-[0.65rem] text-slate-500">Ventures</div>
</div>
</div>
<div
class="flex items-center justify-center h-16 rounded-xl border border-black/5 bg-white/60 text-slate-500">
<div class="text-center">
<div class="text-sm font-semibold text-slate-700">Accel</div>
<div class="text-[0.65rem] text-slate-500">Partners</div>
</div>
</div>
</div>
<div class="mt-6 pt-6 border-t border-black/5">
<div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
<p class="text-sm text-slate-600">
Our investors bring decades of experience building category-defining companies in enterprise software and
HR tech.
</p>
<button class="inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-[0.7rem] hover:bg-blue-500/15 border-blue-600/40 bg-white/30 text-blue-900">
Read our funding story
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14m-7-7l7 7l-7 7"></path>
</svg>
</button>
</div>
</div>
</div>
<!-- Office Locations -->
<div class="mt-8 grid grid-cols-1 sm:grid-cols-3 gap-4">
<div class="rounded-xl border p-4 hover:border-blue-500/30 transition-all border-black/10 bg-white/40">
<div class="flex items-center gap-3 mb-3">
<div
class="flex h-8 w-8 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-600 flex-shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path>
<circle cx="12" cy="10" r="3"></circle>
</svg>
</div>
<div>
<p class="text-sm font-medium text-black">San Francisco</p>
<p class="text-xs text-slate-500">Headquarters</p>
</div>
</div>
<p class="text-xs text-slate-600">535 Mission Street, 14th FloorSan Francisco, CA 94105</p>
</div>
<div class="rounded-xl border p-4 hover:border-blue-500/30 transition-all border-black/10 bg-white/40">
<div class="flex items-center gap-3 mb-3">
<div
class="flex h-8 w-8 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-600 flex-shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path>
<circle cx="12" cy="10" r="3"></circle>
</svg>
</div>
<div>
<p class="text-sm font-medium text-black">London</p>
<p class="text-xs text-slate-500">EMEA Office</p>
</div>
</div>
<p class="text-xs text-slate-600">30 Finsbury SquareLondon, EC2A 1AG, UK</p>
</div>
<div class="rounded-xl border p-4 hover:border-blue-500/30 transition-all border-black/10 bg-white/40">
<div class="flex items-center gap-3 mb-3">
<div
class="flex h-8 w-8 items-center justify-center rounded-full border border-black/10 bg-black/5 text-slate-600 flex-shrink-0">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path>
<circle cx="12" cy="10" r="3"></circle>
</svg>
</div>
<div>
<p class="text-sm font-medium text-black">Singapore</p>
<p class="text-xs text-slate-500">APAC Office</p>
</div>
</div>
<p class="text-xs text-slate-600">1 Raffles Place, #20-61Singapore 048616</p>
</div>
</div>
</div>
</div>
</section>