import type { Metadata } from 'next'
import Script from 'next/script'
import { SITE_URL } from '@/lib/seo'

export const metadata: Metadata = {
  title: 'About | Pounce',
  description: 'What Pounce is building: domain intelligence, verified listings, and monetization workflows for serious operators.',
  alternates: { canonical: `${SITE_URL}/about` },
  openGraph: {
    title: 'About | Pounce',
    description: 'Domain intelligence, verified inventory, and operator-grade workflows.',
    url: `${SITE_URL}/about`,
    type: 'website',
  },
}

export default function AboutLayout({ children }: { children: React.ReactNode }) {
  const schema = {
    '@context': 'https://schema.org',
    '@graph': [
      {
        '@type': 'BreadcrumbList',
        itemListElement: [
          { '@type': 'ListItem', position: 1, name: 'Home', item: SITE_URL },
          { '@type': 'ListItem', position: 2, name: 'About', item: `${SITE_URL}/about` },
        ],
      },
      {
        '@type': 'WebPage',
        name: 'About Pounce',
        description: 'Pounce builds domain intelligence and verified workflows for operators.',
        url: `${SITE_URL}/about`,
        isPartOf: { '@type': 'WebSite', name: 'Pounce', url: SITE_URL },
      },
    ],
  }

  return (
    <>
      <Script id="about-schema" type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }} />
      {children}
    </>
  )
}

