import type { Metadata, Viewport } from 'next'
import SoundProvider from '@/components/SoundProvider'
import './globals.css'

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
  maximumScale: 1,
  userScalable: false,
  themeColor: '#000000',
}

export const metadata: Metadata = {
  metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || 'https://primeonsol.com'),
  title: 'ENTER YOUR PRIME',
  description: 'The dark aura isn\'t anger. It\'s the absence of doubt. Transform into your PRIME state — where past results improve your edge.',
  keywords: ['PRIME', 'dark aura', 'transformation', 'mindset', 'resilience', 'avatar', 'AI', 'noir aesthetic', 'self improvement'],
  authors: [{ name: 'PRIME' }],
  icons: {
    icon: '/images/primepfp.jpg',
    apple: '/images/primepfp.jpg',
  },
  openGraph: {
    title: 'ENTER YOUR PRIME',
    description: 'The dark aura isn\'t anger. It\'s the absence of doubt. Transform into your PRIME state.',
    url: 'https://primeonsol.com',
    siteName: 'PRIME',
    images: [
      {
        url: 'https://primeonsol.com/images/primebanner.jpg',
        width: 1200,
        height: 630,
        alt: 'ENTER YOUR PRIME',
      },
    ],
    locale: 'en_US',
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'ENTER YOUR PRIME',
    description: 'The dark aura isn\'t anger. It\'s the absence of doubt. Transform into your PRIME state.',
    creator: '@inmyprime_sol',
    images: ['https://primeonsol.com/images/primebanner.jpg'],
  },
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
    },
  },
  manifest: '/manifest.json',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body>
        <SoundProvider>
          {children}
        </SoundProvider>
      </body>
    </html>
  )
}
