<div class="hidden items-center lg:flex xl:gap-x-1">
<div class="nav-item">
<button type="button" aria-haspopup="true" aria-expanded="false"
class="inline-flex items-center gap-x-1 whitespace-nowrap rounded-full px-2 py-1.5 font-display text-sm font-semibold transition text-neutral-950 hover:bg-neutral-950/5 xl:px-3 "
_="on click
if my @aria-expanded is 'true'
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
call me.blur()
else
set my @aria-expanded to 'true'
add .nav-open to closest .nav-item
end
end
on click from elsewhere
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end
on keydown[key is 'Escape'] from window
if document.activeElement.closest('.nav-item') is (closest .nav-item)
call document.activeElement.blur()
end
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end">
Services
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"
class="nav-chevron h-4 w-4 text-neutral-400 transition-transform duration-150">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
clip-rule="evenodd" />
</svg>
<div class="nav-panel absolute inset-x-0 top-full z-50 pt-4">
<div
class="max-h-[calc(100vh-10rem)] overflow-y-auto rounded-3xl bg-white p-8 shadow-xl ring-1 ring-neutral-950/10">
<div class="grid grid-cols-3 gap-x-8">
<div class="">
<p
class="font-display text-xs font-semibold uppercase tracking-widest text-neutral-950">
Advise</p>
<p class="mt-1 text-sm text-neutral-500">Plan the right AI investment</p>
<ul class="mt-4 space-y-1">
<li>
<a href='https://winder.ai/services/ai-consulting-development/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="mb-1 inline-flex items-center whitespace-nowrap rounded-full bg-neutral-950 px-2 py-px text-[0.6rem] font-semibold uppercase tracking-widest text-white">Start
here</span>
<span
class="block font-display text-sm font-semibold text-neutral-950">AI Consulting & Development</span>
<span class="block text-sm text-neutral-500">Strategy to production, led by senior engineers.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/ai-readiness-assessment/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">AI Readiness Assessment</span>
<span class="block text-sm text-neutral-500">Seven-pillar scorecard and prioritised roadmap.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/data-strategy-consulting/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">Data Strategy Consulting</span>
<span class="block text-sm text-neutral-500">Five-pillar audit and a 12-month data roadmap.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/ai-governance-consulting/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">AI Governance Consulting</span>
<span class="block text-sm text-neutral-500">EU AI Act, NIST AI RMF and ISO 42001 alignment.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/pricing/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">Pricing</span>
<span class="block text-sm text-neutral-500">Day rates, engagement models and typical budgets.</span>
</a>
</li>
</ul>
</div>
<div class="border-l border-neutral-100 pl-8">
<p
class="font-display text-xs font-semibold uppercase tracking-widest text-neutral-950">
Build</p>
<p class="mt-1 text-sm text-neutral-500">Ship production AI systems</p>
<ul class="mt-4 space-y-1">
<li>
<a href='https://winder.ai/services/ai-product-development/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">AI Product Development</span>
<span class="block text-sm text-neutral-500">AI features in your product, shipped end to end.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/reinforcement-learning-consulting-development/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">Reinforcement Learning</span>
<span class="block text-sm text-neutral-500">Optimisation and control from the O'Reilly authors.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/llm-consulting-development/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">LLM Development</span>
<span class="block text-sm text-neutral-500">RAG, fine-tuning and private LLM deployment.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/ai-agent-development/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">AI Agent Development</span>
<span class="block text-sm text-neutral-500">Autonomous and multi-agent systems, in production.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/generative-ai-consulting-development/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">Generative AI</span>
<span class="block text-sm text-neutral-500">Production GenAI: text, image, audio and code.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/custom-ai-development/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">Custom AI Development</span>
<span class="block text-sm text-neutral-500">Bespoke AI when off-the-shelf doesn't fit.</span>
</a>
</li>
</ul>
</div>
<div class="border-l border-neutral-100 pl-8">
<p
class="font-display text-xs font-semibold uppercase tracking-widest text-neutral-950">
Operate</p>
<p class="mt-1 text-sm text-neutral-500">Integrate, automate and run</p>
<ul class="mt-4 space-y-1">
<li>
<a href='https://winder.ai/services/mlops-consulting-development/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">MLOps Consulting</span>
<span class="block text-sm text-neutral-500">Train, deploy and monitor models at scale.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/ai-integration-implementation/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">AI Integration & Implementation</span>
<span class="block text-sm text-neutral-500">Fit AI into your stack: SSO, audit, observability.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/ai-business-automation/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">AI Business Automation</span>
<span class="block text-sm text-neutral-500">Managed automation for back-office workflows.</span>
</a>
</li>
<li>
<a href='https://winder.ai/services/data-science-consulting/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span
class="block font-display text-sm font-semibold text-neutral-950">Data Science Consulting</span>
<span class="block text-sm text-neutral-500">Forecasting, anomaly detection and analytics.</span>
</a>
</li>
</ul>
</div>
</div>
<div
class="mt-6 flex items-center justify-between gap-x-6 border-t border-neutral-100 pt-6">
<p class="text-sm text-neutral-500">Not sure where to start? Most engagements begin
with a short scoping call.</p>
<a href='https://winder.ai/about/contact/'
class="inline-flex shrink-0 rounded-full bg-neutral-950 px-4 py-1.5 text-sm font-semibold text-white transition hover:bg-neutral-800">Book
a call</a>
</div>
</div>
</div>
</div>
<div class="nav-item relative">
<button type="button" aria-haspopup="true" aria-expanded="false"
class="inline-flex items-center gap-x-1 whitespace-nowrap rounded-full px-2 py-1.5 font-display text-sm font-semibold transition text-neutral-950 hover:bg-neutral-950/5 xl:px-3 "
_="on click
if my @aria-expanded is 'true'
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
call me.blur()
else
set my @aria-expanded to 'true'
add .nav-open to closest .nav-item
end
end
on click from elsewhere
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end
on keydown[key is 'Escape'] from window
if document.activeElement.closest('.nav-item') is (closest .nav-item)
call document.activeElement.blur()
end
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end">
Solutions
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"
class="nav-chevron h-4 w-4 text-neutral-400 transition-transform duration-150">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
clip-rule="evenodd" />
</svg>
<div class="nav-panel absolute left-1/2 top-full z-50 -ml-48 w-96 pt-4">
<div class="rounded-3xl bg-white p-6 shadow-xl ring-1 ring-neutral-950/10">
<p class="text-sm text-neutral-500">Packaged systems that solve one business problem.</p>
<ul class="mt-4 space-y-1">
<li>
<a href='https://winder.ai/solutions/ai-document-processing/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span class="block font-display text-sm font-semibold text-neutral-950">AI Document Processing</span>
<span class="block text-sm text-neutral-500">Turn documents into structured, usable data.</span>
</a>
</li>
<li>
<a href='https://winder.ai/solutions/ai-workflow-automation/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span class="block font-display text-sm font-semibold text-neutral-950">AI Workflow Automation</span>
<span class="block text-sm text-neutral-500">Automate multi-step business processes end to end.</span>
</a>
</li>
<li>
<a href='https://winder.ai/solutions/conversational-ai/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span class="block font-display text-sm font-semibold text-neutral-950">Conversational AI</span>
<span class="block text-sm text-neutral-500">Chat and voice assistants grounded in your data.</span>
</a>
</li>
<li>
<a href='https://winder.ai/solutions/ai-pricing-optimisation/'
class="-mx-3 block rounded-xl px-3 py-2 transition hover:bg-neutral-50">
<span class="block font-display text-sm font-semibold text-neutral-950">AI Pricing Optimisation</span>
<span class="block text-sm text-neutral-500">Dynamic pricing and AI revenue management.</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="nav-item relative">
<button type="button" aria-haspopup="true" aria-expanded="false"
class="inline-flex items-center gap-x-1 whitespace-nowrap rounded-full px-2 py-1.5 font-display text-sm font-semibold transition text-neutral-950 hover:bg-neutral-950/5 xl:px-3 bg-neutral-950/5"
_="on click
if my @aria-expanded is 'true'
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
call me.blur()
else
set my @aria-expanded to 'true'
add .nav-open to closest .nav-item
end
end
on click from elsewhere
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end
on keydown[key is 'Escape'] from window
if document.activeElement.closest('.nav-item') is (closest .nav-item)
call document.activeElement.blur()
end
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end">
Industries
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"
class="nav-chevron h-4 w-4 text-neutral-400 transition-transform duration-150">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
clip-rule="evenodd" />
</svg>
<div class="nav-panel absolute left-1/2 top-full z-50 -ml-32 w-64 pt-4">
<div class="rounded-3xl bg-white p-6 shadow-xl ring-1 ring-neutral-950/10">
<ul class="space-y-1">
<li>
<a href='https://winder.ai/industries/ai-consulting-legal/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Legal</a>
</li>
<li>
<a href='https://winder.ai/industries/finance/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Finance</a>
</li>
<li>
<a href='https://winder.ai/industries/healthcare/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Healthcare</a>
</li>
<li>
<a href='https://winder.ai/industries/ai-consulting-venture-capital/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Venture Capital</a>
</li>
<li>
<a href='https://winder.ai/industries/manufacturing/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Manufacturing</a>
</li>
<div class="mt-3 border-t border-neutral-100 pt-3">
<a href='https://winder.ai/industries/'
class="-mx-3 block rounded-xl px-3 py-2 text-sm font-semibold text-neutral-500 transition hover:bg-neutral-50 hover:text-neutral-950">All industries →</a>
</div>
</div>
</div>
</div>
<div class="nav-item relative">
<button type="button" aria-haspopup="true" aria-expanded="false"
class="inline-flex items-center gap-x-1 whitespace-nowrap rounded-full px-2 py-1.5 font-display text-sm font-semibold transition text-neutral-950 hover:bg-neutral-950/5 xl:px-3 "
_="on click
if my @aria-expanded is 'true'
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
call me.blur()
else
set my @aria-expanded to 'true'
add .nav-open to closest .nav-item
end
end
on click from elsewhere
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end
on keydown[key is 'Escape'] from window
if document.activeElement.closest('.nav-item') is (closest .nav-item)
call document.activeElement.blur()
end
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end">
Resources
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"
class="nav-chevron h-4 w-4 text-neutral-400 transition-transform duration-150">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
clip-rule="evenodd" />
</svg>
<div class="nav-panel absolute left-1/2 top-full z-50 -ml-28 w-56 pt-4">
<div class="rounded-3xl bg-white p-6 shadow-xl ring-1 ring-neutral-950/10">
<ul class="space-y-1">
<li>
<a href='https://winder.ai/tags/case-study/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Case Studies</a>
</li>
<li>
<a href='https://winder.ai/blog/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Blog</a>
</li>
<li>
<a href='https://winder.ai/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Events</a>
</li>
</div>
</div>
</div>
<div class="nav-item relative">
<button type="button" aria-haspopup="true" aria-expanded="false"
class="inline-flex items-center gap-x-1 whitespace-nowrap rounded-full px-2 py-1.5 font-display text-sm font-semibold transition text-neutral-950 hover:bg-neutral-950/5 xl:px-3 "
_="on click
if my @aria-expanded is 'true'
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
call me.blur()
else
set my @aria-expanded to 'true'
add .nav-open to closest .nav-item
end
end
on click from elsewhere
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end
on keydown[key is 'Escape'] from window
if document.activeElement.closest('.nav-item') is (closest .nav-item)
call document.activeElement.blur()
end
set my @aria-expanded to 'false'
remove .nav-open from closest .nav-item
end">
About
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"
class="nav-chevron h-4 w-4 text-neutral-400 transition-transform duration-150">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
clip-rule="evenodd" />
</svg>
<div class="nav-panel absolute left-1/2 top-full z-50 -ml-28 w-56 pt-4">
<div class="rounded-3xl bg-white p-6 shadow-xl ring-1 ring-neutral-950/10">
<ul class="space-y-1">
<li>
<a href='https://winder.ai/about/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">About Us</a>
</li>
<li>
<a href='https://winder.ai/about/team/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Our Team</a>
</li>
<li>
<a href='https://winder.ai/about/contact/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Contact</a>
</li>
<li>
<a href='https://winder.ai/ask-phil/'
class="-mx-3 block rounded-xl px-3 py-2 font-display text-sm font-semibold text-neutral-950 transition hover:bg-neutral-50">Ask AI Phil</a>
</li>
</div>
</div>
</div>
</div>
<div class="flex shrink-0 items-center gap-x-4 sm:gap-x-6">
<a class="inline-flex rounded-full bg-neutral-950 px-3 py-1.5 text-sm font-semibold text-white transition hover:bg-neutral-800 sm:px-4"
href='https://winder.ai/about/contact/'>
<span>Contact<span class="hidden sm:inline"> Us</span></span>
</a>
<button _="on click send show_menu to #mobile" type="button"
class="group -m-2.5 rounded-full p-2.5 transition hover:bg-neutral-950/10 lg:hidden"
aria-label="Open navigation"><svg viewBox="0 0 24 24" aria-hidden="true"
class="h-6 w-6 fill-neutral-950 group-hover:fill-neutral-700">
<path d="M2 6h20v2H2zM2 16h20v2H2z"></path>
</svg>
</button>
</div>
</div>
</div>
</div>