| 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> |
| ) |
| } |
