I'll help you create an Astro site that fetches and displays locations from Sanity.io. Here's a complete implementation:

To use this code:

1. First, install the required dependencies:

2. Replace 'your-project-id' in sanity.ts with your actual Sanity project ID.
3. Add the location schema to your Sanity studio by importing and adding it to your schema types.
4. Create some location documents in your Sanity studio.

The site will display a responsive grid of location cards, each showing:

• Location name
• Full address
• A link to view the location on Google Maps (if coordinates are provided)

The layout is responsive and will adjust from 1 column on mobile to 3 columns on larger screens. Each location card has a clean, modern design with a white background and subtle shadow.

Let me know if you need help with any specific part of the implementation!

I'll update the Astro site to use those specific location fields:

I've updated the code to:

1. Simplify the Sanity query to fetch only the required fields: name, address, neighborhood, and url
2. Update the location schema to match these fields

3. Redesign the location cards to display:

   • Location name
   • Address
   • Neighborhood
   • A "Visit Website" link with an external link icon (if URL is provided)

To use this code:

1. Install the dependencies if you haven't already:

2. Replace 'your-project-id' in sanity.ts with your actual Sanity project ID
3. Add the location schema to your Sanity studio
4. Create some location documents in your Sanity studio with the new field structure

The site maintains its responsive design but now focuses on the specific fields you requested. Each location card has a clean layout with proper spacing and typography hierarchy to make the information easy to read.

Let me know if you need any clarification or adjustments to the implementation!