import { Inter } from 'next/font/google';
import './globals.css';
import { Metadata } from 'next';
import ClientWrapper from './ClientWrapper';

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

export const metadata: Metadata = {
	title: 'Trust Luxury Transportation – Premium Chauffeur & Luxury Car Services',
	description:
		'Trust Luxury Transportation offers professional luxury chauffeur and premium ground transportation services across Washington D.C., Maryland, and Virginia with a modern fleet, trained chauffeurs, and 24/7 availability.',
	keywords: [
		'luxury transportation',
		'chauffeur service Washington DC',
		'premium car service',
		'airport transfers',
		'corporate transportation',
		'point-to-point transfers',
		'hotel transfers',
		'executive transportation',
	],
	openGraph: {
		title: 'Trust Luxury Transportation – Premium Chauffeur & Luxury Car Services',
		description:
			'Experience refined and reliable luxury ground transportation in Washington D.C., Maryland, and Virginia with professionally trained chauffeurs and a modern fleet.',
		url: 'https://trustluxurytransportation.com/',
		siteName: 'Trust Luxury Transportation',
		images: [
			{
				url: 'https://trustluxurytransportation.com/default/logo.png',
				width: 1200,
				height: 630,
				alt: 'Trust Luxury Transportation Logo',
			},
		],
		type: 'website',
	},
};

const RootLayout = ({ children }: { children: React.ReactNode }) => {
	return (
		<html lang="en">
			<body className={`antialiased ${inter.variable}`}>
				<ClientWrapper>{children}</ClientWrapper>
			</body>
		</html>
	);
};

export default RootLayout;