<div class="space-y-8">
  <h1 class="text-3xl font-bold">Cities</h1>

  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
    <% @cities.each do |city| %>
      <div class="card bg-base-200">
        <div class="card-body">
          <h2 class="card-title"><%= city.name %></h2>
          <p>Latitude: <%= city.latitude %></p>
          <p>Longitude: <%= city.longitude %></p>
          <div class="card-actions justify-end">
            <%= link_to "View Weather Art", city_path(city), class: "btn btn-primary" %>
          </div>
        </div>
      </div>
    <% end %>
  </div>
</div>