import type { Metadata } from 'next'
import { Inter, Playfair_Display } from 'next/font/google'
import { Analytics } from '@vercel/analytics/next'
import './globals.css'
import { LayoutWrapper } from '@/components/layout-wrapper'

const inter = Inter({ 
  subsets: ["latin"],
  variable: '--font-inter'
})

const playfair = Playfair_Display({ 
  subsets: ["latin"],
  variable: '--font-playfair'
})

export const metadata: Metadata = {
  title: 'SRE Investors | Colombia Real Estate Due Diligence & Property Verification',
  description: 'Protect your Colombia real estate investment with comprehensive due diligence services. We verify property titles, liens, mortgages, tax records, and legal history before you buy. Bilingual support for foreign buyers and investors.',
  generator: 'v0.app',
  keywords: ['Colombia real estate due diligence', 'property title verification', 'Colombia property investment', 'real estate risk assessment', 'foreign buyer support', 'Colombia legal coordination', 'property title study', 'Medellin real estate'],
  icons: {
    icon: '/favicon.jpg',
    shortcut: '/favicon.ico',
    apple: '/favicon.jpg',
  },
  openGraph: {
    title: 'SRE Investors | Colombia Real Estate Due Diligence & Property Verification',
    description: 'Protect your Colombia real estate investment with comprehensive due diligence. We verify property titles, liens, and legal history before you buy.',
    type: 'website',
  },
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" className={`${inter.variable} ${playfair.variable} bg-background`}>
      <body className="font-sans antialiased">
        <LayoutWrapper>
          {children}
        </LayoutWrapper>
        {process.env.NODE_ENV === 'production' && <Analytics />}
      </body>
    </html>
  )
}
