import { Metadata } from 'next'

import { SITE_URL } from '@/lib/seo'

const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || SITE_URL

export const metadata: Metadata = {
  title: 'TLD Pricing — Compare 886+ Domain Extensions',
  description: 'Compare domain registration prices across 886+ TLDs. Find the cheapest registrars for .com, .io, .ai, .dev and more. Updated daily with real pricing data.',
  keywords: [
    'TLD pricing',
    'domain prices',
    'registrar comparison',
    'domain extension prices',
    '.com price',
    '.io price',
    '.ai price',
    '.dev price',
    'cheapest domain registrar',
    'domain cost comparison',
  ],
  openGraph: {
    title: 'TLD Pricing — Compare 886+ Domain Extensions',
    description: 'Find the cheapest registrar for any domain extension. Compare prices across 886+ TLDs.',
    url: `${siteUrl}/tld-pricing`,
    type: 'website',
    images: [
      {
        url: `${siteUrl}/og-tld-pricing.png`,
        width: 1200,
        height: 630,
        alt: 'TLD Pricing Comparison - pounce',
      },
    ],
  },
  twitter: {
    card: 'summary_large_image',
    title: 'TLD Pricing — Compare 886+ TLDs',
    description: 'Find the cheapest registrar for any domain extension.',
  },
  alternates: {
    canonical: `${siteUrl}/tld-pricing`,
  },
}

export default function TldPricingLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <>
      {children}
    </>
  )
}

