Modern Digital Agency Flagship Landing Page

<section className="relative pt-32 pb-20 text-center px-4 max-w-5xl mx-auto">
  <div className="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-zinc-100 border border-zinc-200 text-xs font-semibold text-zinc-800 mb-6">
    <span>✦</span> 100% Turnkey Frontend Kit
  </div>
  <h1 className="text-5xl sm:text-7xl font-bold tracking-tight text-zinc-950 mb-6">
    Build websites that close clients effortlessly.
  </h1>
  <p className="text-lg text-zinc-600 max-w-2xl mx-auto mb-8 leading-relaxed">
    Complete monochromatic layouts, ready-to-paste AI section prompts, and native frontend kits.
  </p>
  <div className="flex items-center justify-center gap-3">
    <button className="px-6 py-3 rounded-full bg-zinc-950 text-white font-bold text-sm hover:bg-zinc-800 transition-all">
      Get Started Free
    </button>
    <button className="px-6 py-3 rounded-full bg-zinc-100 text-zinc-800 font-bold text-sm hover:bg-zinc-200 transition-all">
      View Live Demo
    </button>
  </div>
</section>

<div className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl mx-auto px-4">
  <div className="p-6 rounded-3xl bg-white border border-zinc-200 shadow-sm">
    <h3 className="font-bold text-lg text-zinc-950">Starter</h3>
    <div className="text-3xl font-extrabold mt-2 mb-4">₹0<span className="text-xs text-zinc-500 font-normal">/mo</span></div>
    <ul className="space-y-2 text-xs text-zinc-600 mb-6">
      <li>✓ 1 Active Workspace</li>
      <li>✓ Unlimited Invoicing</li>
    </ul>
    <button className="w-full py-2.5 rounded-xl bg-zinc-100 font-bold text-xs hover:bg-zinc-200">Start Free</button>
  </div>
</div>