fix: resolve #6 - Доработай

app/globals.css

@@ -1,8 +1,8 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
+  --background: #0a0a0a;
-  --foreground: #171717;
+  --foreground: #ededed;
 }
 
 @theme inline {
@@ -12,15 +12,17 @@
   --font-mono: var(--font-geist-mono);
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
   background: var(--background);
   color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
+}
+
+@keyframes float {
+  0%, 100% { transform: translateY(0px); }
+  50% { transform: translateY(-10px); }
+}
+
+.animate-float {
+  animation: float 3s ease-in-out infinite;
 }

app/layout.tsx

@@ -13,8 +13,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
+  title: "AI News Hub - Превращаем новости в рабочие мануалы",
-  description: "Generated by create next app",
+  description: "Подписка на AI-новости и аналитику для разработчиков. Конвертируем любую новость в протестированный мануал для вас и вашего код-ассистента.",
 };
 
 export default function RootLayout({

app/page.tsx

@@ -1,63 +1,96 @@
-import Image from "next/image";
-
 export default function Home() {
   return (
-    <div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900">
-      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
+      <nav className="border-b border-white/10 backdrop-blur-sm">
-        <Image
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          className="dark:invert"
+          <div className="flex justify-between items-center py-4">
-          src="/next.svg"
+            <div className="flex items-center space-x-2">
-          alt="Next.js logo"
+              <div className="w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg"></div>
-          width={100}
+              <span className="text-white font-bold text-xl">AI News Hub</span>
-          height={20}
+            </div>
-          priority
+            <button className="bg-white text-slate-900 px-6 py-2 rounded-full font-semibold hover:bg-gray-100 transition-colors">
-        />
+              Получить доступ
-        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
+            </button>
-          <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
+          </div>
-            To get started, edit the page.tsx file.
+        </div>
+      </nav>
+
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
+        <div className="text-center mb-20">
+          <div className="inline-flex items-center px-4 py-2 bg-purple-500/20 rounded-full text-purple-300 text-sm font-medium mb-6">
+            🚀 Для разработчиков, которые хотят быть на шаг впереди
+          </div>
+          
+          <h1 className="text-5xl md:text-7xl font-bold text-white mb-6 leading-tight">
+            Превращаем{' '}
+            <span className="bg-gradient-to-r from-blue-400 to-purple-600 bg-clip-text text-transparent">
+              новости
+            </span>{' '}
+            в рабочие мануалы
           </h1>
-          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
+          
-            Looking for a starting point or more instructions? Head over to{" "}
+          <p className="text-xl text-gray-300 mb-8 max-w-3xl mx-auto leading-relaxed">
-            <a
+            Получайте AI-новости и аналитику, которые сразу можно протестировать. 
-              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+            Не просто читайте — погружайтесь в код вместе с вашим AI-ассистентом!
-              className="font-medium text-zinc-950 dark:text-zinc-50"
+          </p>
-            >
+          
-              Templates
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
-            </a>{" "}
+            <button className="bg-gradient-to-r from-blue-500 to-purple-600 text-white px-8 py-4 rounded-full font-semibold text-lg hover:shadow-2xl hover:shadow-purple-500/25 transition-all">
-            or the{" "}
+              🎯 Начать бесплатно
-            <a
+            </button>
-              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+            <button className="border border-white/20 text-white px-8 py-4 rounded-full font-semibold text-lg hover:bg-white/10 transition-colors">
-              className="font-medium text-zinc-950 dark:text-zinc-50"
+              📖 Узнать больше
-            >
+            </button>
-              Learning
+          </div>
-            </a>{" "}
+        </div>
-            center.
+
+        <div className="grid md:grid-cols-3 gap-8 mb-20">
+          <div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-colors">
+            <div className="w-12 h-12 bg-blue-500/20 rounded-lg flex items-center justify-center mb-4">
+              🔄
+            </div>
+            <h3 className="text-xl font-semibold text-white mb-3">Конвертация в реальном времени</h3>
+            <p className="text-gray-400">
+              Любая новость мгновенно превращается в рабочий мануал с готовым кодом
             </p>
           </div>
-        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
+          
-          <a
+          <div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-colors">
-            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
+            <div className="w-12 h-12 bg-purple-500/20 rounded-lg flex items-center justify-center mb-4">
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+              🤖
-            target="_blank"
+            </div>
-            rel="noopener noreferrer"
+            <h3 className="text-xl font-semibold text-white mb-3">Тестирование AI-ассистентом</h3>
-          >
+            <p className="text-gray-400">
-            <Image
+              Ваш код-помощник может сразу протестировать и применить полученные знания
-              className="dark:invert"
+            </p>
-              src="/vercel.svg"
+          </div>
-              alt="Vercel logomark"
+          
-              width={16}
+          <div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-colors">
-              height={16}
+            <div className="w-12 h-12 bg-green-500/20 rounded-lg flex items-center justify-center mb-4">
-            />
+              ⚡
-            Deploy Now
+            </div>
-          </a>
+            <h3 className="text-xl font-semibold text-white mb-3">Утренний ритм</h3>
-          <a
+            <p className="text-gray-400">
-            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
+              Зашли с утра — не просто почитали, а сразу пощупали новый код!
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+            </p>
-            target="_blank"
+          </div>
-            rel="noopener noreferrer"
+        </div>
-          >
+
-            Documentation
+        <div className="text-center bg-gradient-to-r from-blue-500/20 to-purple-500/20 rounded-3xl p-12 border border-white/10">
-          </a>
+          <h2 className="text-3xl font-bold text-white mb-4">
+            Готовы изменить подход к новостям?
+          </h2>
+          <p className="text-gray-300 mb-8 max-w-2xl mx-auto">
+            Присоединяйтесь к разработчикам, которые не просто следят за AI-трендами, 
+            а сразу их внедряют
+          </p>
+          <div className="flex items-center justify-center space-x-4">
+            <div className="text-3xl font-bold text-white">₽999</div>
+            <div className="text-gray-400">/месяц</div>
+          </div>
+          <button className="mt-6 bg-white text-slate-900 px-8 py-3 rounded-full font-semibold hover:bg-gray-100 transition-colors">
+            Получить 7 дней бесплатно
+          </button>
         </div>
       </main>
     </div>