File size: 1,995 Bytes
d988ae4
 
 
3bbb98d
d988ae4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3bbb98d
 
 
 
 
 
 
d988ae4
3bbb98d
 
 
 
 
d988ae4
 
 
 
 
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
67
68
69
70
71
72
import '@/styles/globals.css';
import type { Metadata } from 'next';
import { ToastProvider } from '@/components/ui/Toast';
import AdminAccessGate from '@/components/AdminAccessGate';

export const metadata: Metadata = {
  title: 'Clipboard Online',
  description: 'Real-time clipboard sharing for text and files across all your devices',
  keywords: [
    'clipboard',
    'online',
    'sharing',
    'real-time',
    'sync',
    'files',
    'text',
    'collaboration',
    'copy paste online',
    'universal clipboard',
    'cloud clipboard',
    'shared clipboard',
    'remote clipboard',
    'device sync',
    'cross-device copy',
    'file transfer tool',
    'text synchronization',
    'productivity tool',
    'multi-device clipboard',
    'web clipboard',
    'secure clipboard sharing',
    'instant clipboard',
    'digital clipboard',
    'data transfer',
    'seamless sharing',
    'clipboard manager',
    'online copy paste',
    'pasteboard online',
  ],
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <head>
        <link rel="icon" href="/favicon.ico" />
        <meta name="theme-color" content="#121212" />
      </head>
      <body>
        <ToastProvider>
          <AdminAccessGate>
            <div className="relative">
              {/* Decorative elements */}
              <div className="fixed inset-0 z-[-1] overflow-hidden">
                <div className="absolute -top-[10%] -left-[10%] w-[40%] h-[40%] bg-gradient-radial from-primary/5 to-transparent opacity-30 blur-3xl" />
                <div className="absolute -bottom-[10%] -right-[10%] w-[40%] h-[40%] bg-gradient-radial from-secondary/5 to-transparent opacity-30 blur-3xl" />
              </div>

              <main className="flex flex-col min-h-screen">
                {children}
              </main>
            </div>
          </AdminAccessGate>
        </ToastProvider>
      </body>
    </html>
  );
}