logo-card.tsx

import { Section } from '@/components/section'
import { Image } from '@/components/image'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Label } from '@/components/label'
import { Button } from '@/components/button'
import arrowRightIcon from '@iconify/icons-heroicons/arrow-right'
import blogData from '@/../_data/_blog.json'
import type { BlogPost } from '@/utils/filter-posts'

export default function LogoCard() {
  const posts = blogData as BlogPost[]
  const latest = [...posts].sort((a, b) =>
    (b.metadata.date || '').localeCompare(a.metadata.date || '')
  )[0]
  const title = latest?.metadata.title || 'Founder Notes'
  const description = latest?.metadata.description || ''
  const href = latest?.url || '#favorite-articles'
  const image = latest?.metadata.featuredImage || '/banner.jpg'
  const imageWidth = latest?.metadata.featuredImageWidth