Key changes made:

1. Updated the GraphQL query to include v0Url and basehubUrl fields
2. Added external links below each post's preview with icons
3. Restructured the card layout to accommodate the new links
4. Added proper styling and external link indicators
5. Made the links conditional based on field presence
6. Added proper security attributes for external links (target="_blank" and rel="noopener noreferrer")

The links will now appear at the bottom of each blog post card, separated by a border, and include small external link icons to indicate they open in new tabs.

Ah, I understand now! We need to query the index field at the top level of our schema. Let me update the code:

Key changes made:

1. Updated the GraphQL query to include the top-level index field with v0Url and basehubUrl
2. Restructured the data fetching to return both blogPosts and index data
3. Added the external links in the header area next to the "Blog Posts" title
4. Kept the blog post cards clean and focused on their content
5. Used Lucide React's ExternalLink icon to indicate external links
6. Made the links conditional based on field presence
7. Added proper security attributes for external links

The external links are now positioned in the header area of the page, making them globally accessible rather than being tied to individual blog posts.