Split Content

<section className="py-20">
  <div className="max-w-6xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
    <div>
      <h2 className="text-3xl font-bold mb-4">Section Title</h2>
      <p className="text-muted-foreground mb-6">
        Descriptive paragraph about this feature or concept.
      </p>
      <Button>Learn More</Button>
    </div>
    <div className="relative aspect-[4/3] rounded-lg overflow-hidden">
      <Image src="/images/feature.webp" alt="..." fill className="object-cover" />
    </div>
  </div>
</section>