import type { Metadata } from 'next'
import { Space_Grotesk, Inter } from 'next/font/google'
import './globals.css'

const spaceGrotesk = Space_Grotesk({
  weight: ['600', '700'],
  subsets: ['latin'],
  variable: '--font-space-grotesk',
})

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

export const metadata: Metadata = {
  title: 'GeekBrain.io - Venture Capital for Technical Founders',
  description: 'GeekBrain.io is a venture capital fund backing technical founders building transformative technologies.',
  keywords: ['venture capital', 'VC fund', 'technical founders', 'startup funding', 'GeekBrain'],
  openGraph: {
    title: 'GeekBrain.io',
    description: 'Backing the builders of tomorrow',
    type: 'website',
    locale: 'en_US',
    siteName: 'GeekBrain.io',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'GeekBrain.io',
    description: 'Backing the builders of tomorrow',
  },
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en" className={`${spaceGrotesk.variable} ${inter.variable}`}>
      <body className="font-sans antialiased">
        {children}
      </body>
    </html>
  )
}
