<section class="py-16">
  <div class="container mx-auto px-4">
    <% if (block.props?.title) { %>
    <h2 class="text-3xl font-bold text-gray-900 text-center mb-12"><%= block.props.title %></h2>
    <% } %>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
      <% const features = block.props?.items || []; %>
      <% for (const feature of features) { %>
      <div class="bg-white rounded-lg p-6 shadow-sm border border-gray-200">
        <% if (feature.icon) { %>
        <div class="text-blue-600 text-3xl mb-4"><%= feature.icon %></div>
        <% } %>
        <h3 class="text-xl font-semibold text-gray-900 mb-2"><%= feature.title || 'Feature' %></h3>
        <p class="text-gray-600"><%= feature.description || '' %></p>
      </div>
      <% } %>
    </div>
  </div>
</section>
