| import type { Metadata } from 'next' | |
| import { Inter } from 'next/font/google' | |
| import './globals.css' | |
| import { Providers } from '@/components/providers' | |
| import { Toaster } from 'react-hot-toast' | |
| import { Analytics } from '@/components/analytics' | |
| const inter = Inter({ subsets: ['latin'] }) | |
| export const metadata: Metadata = { | |
| title: 'BackgroundFX Pro - AI-Powered Background Removal', | |
| description: 'Professional background removal and replacement using advanced AI technology', | |
| keywords: 'background removal, AI, image editing, video editing, photo editor', | |
| authors: [{ name: 'BackgroundFX Pro' }], | |
| openGraph: { | |
| title: 'BackgroundFX Pro', | |
| description: 'Remove and replace backgrounds instantly with AI', | |
| type: 'website', | |
| url: 'https://backgroundfx.pro', | |
| images: ['/og-image.png'], | |
| }, | |
| twitter: { | |
| card: 'summary_large_image', | |
| title: 'BackgroundFX Pro', | |
| description: 'Remove and replace backgrounds instantly with AI', | |
| images: ['/twitter-image.png'], | |
| }, | |
| } | |
| export default function RootLayout({ | |
| children, | |
| }: { | |
| children: React.ReactNode | |
| }) { | |
| return ( | |
| <html lang="en" suppressHydrationWarning> | |
| <body className={inter.className}> | |
| <Providers> | |
| {children} | |
| <Toaster | |
| position="bottom-right" | |
| toastOptions={{ | |
| className: '', | |
| style: { | |
| background: '#18181b', | |
| color: '#fff', | |
| border: '1px solid #27272a', | |
| }, | |
| }} | |
| /> | |
| <Analytics /> | |
| </Providers> | |
| </body> | |
| </html> | |
| ) | |
| } |