File size: 1,484 Bytes
42501f7
 
 
3ba9c0c
42501f7
 
052672d
 
 
3ba9c0c
 
42501f7
 
 
 
 
 
 
 
 
 
 
 
3ba9c0c
 
42501f7
 
 
 
 
3ba9c0c
 
42501f7
3ba9c0c
 
 
42501f7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3ba9c0c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import { Toaster } from 'react-hot-toast';
import { GeistSans } from 'geist/font/sans';
import { GeistMono } from 'geist/font/mono';

import '@/app/globals.css';
import { cn } from '@/lib/utils';
import { TailwindIndicator } from '@/components/TailwindIndicator';
import { Providers } from '@/components/Providers';
import { Header } from '@/components/Header';

export const metadata = {
	metadataBase: new URL(`https://${process.env.VERCEL_URL}`),
	title: {
		default: 'Vision Agent',
		template: `%s - Vision Agent`,
	},
	description: 'By Landing AI',
	icons: {
		icon: '/landing.png',
		shortcut: '/landing.png',
		apple: '/landing.png',
	},
};

export const viewport = {
	themeColor: [
		{ media: '(prefers-color-scheme: light)', color: 'white' },
		{ media: '(prefers-color-scheme: dark)', color: 'black' },
	],
};

interface RootLayoutProps {
	children: React.ReactNode;
}

export default function RootLayout({ children }: RootLayoutProps) {
	return (
		<html lang="en" suppressHydrationWarning>
			<body
				className={cn(
					'font-sans antialiased',
					GeistSans.variable,
					GeistMono.variable,
				)}
			>
				<Toaster />
				<Providers
					attribute="class"
					defaultTheme="system"
					enableSystem
					disableTransitionOnChange
				>
					<div className="flex flex-col min-h-screen">
						<Header />
						<main className="flex flex-col flex-1 bg-muted/50">{children}</main>
					</div>
					<TailwindIndicator />
				</Providers>
			</body>
		</html>
	);
}