File size: 1,707 Bytes
42501f7
 
 
3ba9c0c
42501f7
 
052672d
c69ef3e
 
3ba9c0c
 
f80b091
 
97e41aa
 
f80b091
 
 
04735a9
 
 
f80b091
42501f7
3ba9c0c
 
f80b091
 
 
 
42501f7
3ba9c0c
 
f80b091
3ba9c0c
 
009c95b
 
f80b091
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39c238d
4af6326
1f931d5
 
f80b091
 
 
 
 
 
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
64
65
66
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: '/landing4.png',
    shortcut: '/landing4.png',
    apple: '/landing4.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(props: RootLayoutProps) {
  const { children } = props;
  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 p-4 h-[calc(100vh-64px)] bg-background overflow-hidden relative w-screen">
              {children}
            </main>
          </div>
          <TailwindIndicator />
        </Providers>
      </body>
    </html>
  );
}