<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"
/>
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<title>AN Consulting</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-950
text-gray-100">
<!-- Header -->
<header class="border-b
border-gray-800">
<div class="max-w-6xl mx-auto
px-6 py-4 flex justify-between items-center">
<h1 class="text-xl font-bold
tracking-tight">Andy Narain</h1>
<nav class="space-x-6 text-sm text-gray-400">
<a href="#services"
class="hover:text-white">Services</a>
<a href="#expertise"
class="hover:text-white">Stack</a>
<a href="#about"
class="hover:text-white">About</a>
<a href="#contact"
class="hover:text-white">Contact</a>
</nav>
</div>
</header>
<!-- Hero -->
<section class="max-w-6xl
mx-auto px-6 py-24">
<div class="max-w-3xl">
<h2 class="text-5xl font-bold
leading-tight mb-6">
Build. Migrate. Scale.
</h2>
<p class="text-lg
text-gray-400 mb-8">
I help startups and growing teams
design, migrate, and optimize cloud and infrastructure environments across AWS,
Azure, and VMware — without the enterprise bloat.
</p>
<div class="flex gap-4">
<a href="#contact"
class="bg-white text-black px-6 py-3 rounded-xl
font-semibold">Start a Project</a>
<a href="#services"
class="border border-gray-700 px-6 py-3 rounded-xl">See
Services</a>
</div>
</div>
</section>
<!-- Value Props -->
<section class="max-w-6xl
mx-auto px-6 pb-16">
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-gray-900 p-6
rounded-2xl border border-gray-800">
<h4 class="font-semibold
mb-2">Move Faster</h4>
<p class="text-gray-400">Ship
infrastructure changes quickly without breaking production.</p>
</div>
<div class="bg-gray-900 p-6
rounded-2xl border border-gray-800">
<h4 class="font-semibold
mb-2">Lower Costs</h4>
<p class="text-gray-400">Optimize
cloud spend and eliminate waste across environments.</p>
</div>
<div class="bg-gray-900 p-6
rounded-2xl border border-gray-800">
<h4 class="font-semibold
mb-2">Stay Reliable</h4>
<p class="text-gray-400">Improve
uptime, performance, and operational stability.</p>
</div>
</div>
</section>
<!-- Services -->
<section id="services" class="max-w-6xl
mx-auto px-6 py-16 border-t border-gray-800">
<h3 class="text-2xl font-bold
mb-10">What I Do</h3>
<div class="grid md:grid-cols-2 gap-8">
<div>
<h4 class="font-semibold
mb-2">Cloud & Migration</h4>
<p class="text-gray-400">AWS,
Azure, and hybrid migrations with minimal downtime and clear execution plans.</p>
</div>
<div>
<h4 class="font-semibold
mb-2">Infrastructure Optimization</h4>
<p class="text-gray-400">Performance
tuning, cost reduction, and architecture improvements.</p>
</div>
<div>
<h4 class="font-semibold
mb-2">Systems Administration</h4>
<p class="text-gray-400">Hands-on
server management, patching, monitoring, and automation.</p>
</div>
<div>
<h4 class="font-semibold
mb-2">Database Support</h4>
<p class="text-gray-400">SQL
performance tuning, backups, migrations, and reliability improvements.</p>
</div>
<div>
<h4 class="font-semibold
mb-2">VMware & Virtualization</h4>
<p class="text-gray-400">vSphere,
vCenter, and vSAN design, deployment, and optimization.</p>
</div>
<div>
<h4 class="font-semibold
mb-2">Advisory</h4>
<p class="text-gray-400">Practical,
no-fluff guidance aligned to business goals and growth stage.</p>
</div>
</div>
</section>