🎨 Layout: Глобальные стили, favicon, корневой layout

2026-02-04 05:03:33 +03:00
parent 55cc3c022a
commit 2b611c2abe
3 changed files with 96 additions and 0 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -0,0 +1,52 @@
+import './globals.css';
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+
+const inter = Inter({ subsets: ['latin'] });
+
+export const viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false, // Отключаем зум для mini app
+  themeColor: '#191f23', // Цвет темы Umbrix
+};
+
+export const metadata: Metadata = {
+  title: 'Umbrix VPN',
+  description: 'Быстрый и безопасный VPN сервис',
+  openGraph: {
+    title: 'Umbrix VPN',
+    description: 'Быстрый и безопасный VPN сервис',
+    images: [
+      {
+        url: 'https://bolt.new/static/og_default.png',
+      },
+    ],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'Umbrix VPN',
+    description: 'Быстрый и безопасный VPN сервис',
+    images: [
+      {
+        url: 'https://bolt.new/static/og_default.png',
+      },
+    ],
+  },
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <head>
+        <script src="https://telegram.org/js/telegram-web-app.js" async></script>
+      </head>
+      <body className={inter.className}>{children}</body>
+    </html>
+  );
+}