<section className="py-24 bg-white">
  <div className="max-w-6xl mx-auto px-6">
    <div className="grid grid-cols-2 gap-12 items-center">
      <div>
        <span className="chip">{{ badge }}</span>
        <h1 className="display text-5xl mt-4">
          {{ title }}
        </h1>
        <p className="text-neutral-600 mt-4 leading-relaxed">
          {{ description }}
        </p>
        <div className="flex gap-3 mt-6">
          <a href="{{ cta_url }}"
             className="btn-primary">
            {{ cta_label }}
          </a>
        </div>
      </div>
      <img src="{{ image }}"
           alt=""
           className="rounded-2xl shadow-xl" />
    </div>
  </div>
</section>