Voodoo2Docker/deepsite-project-2wvaa
0
1<!DOCTYPE html>2<html lang="ru">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>О нас — Genealogy AI</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">9 10 <script>11 tailwind.config = {12 theme: {13 extend: {14 colors: {15 'paper': '#F5F1E8',16 'paper-light': '#FAF7F0',17 'terracotta': '#C65D3B',18 'terracotta-dark': '#A84B2D',19 'ink': '#2C3E50',20 'ink-light': '#5D6D7E',21 'sepia': '#8B7355'22 },23 fontFamily: {24 'serif': ['Cormorant Garamond', 'serif'],25 'sans': ['Inter', 'sans-serif']26 }27 }28 }29 }30 </script>31 32 <style>33 .textured-paper {34 background-color: #F5F1E8;35 background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");36 }37 .vintage-border { border: 2px solid #8B7355; box-shadow: 4px 4px 0px rgba(139, 115, 85, 0.2); }38 .ornament::before, .ornament::after { content: '❦'; color: #C65D3B; margin: 0 1rem; }39 .ornament { text-align: center; }40 </style>41</head>42<body class="textured-paper text-ink font-sans">43 44 <nav class="sticky top-0 z-50 bg-paper/95 backdrop-blur-sm border-b border-sepia/20">45 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">46 <div class="flex justify-between items-center h-20">47 <a href="index.html" class="flex items-center space-x-2">48 <i data-lucide="scroll-text" class="w-8 h-8 text-terracotta"></i>49 <span class="font-serif text-2xl font-bold text-ink">Genealogy AI</span>50 </a>51 <div class="hidden md:flex space-x-8">52 <a href="index.html" class="text-ink hover:text-terracotta transition">Главная</a>53 <a href="about.html" class="text-terracotta font-medium">О нас</a>54 <a href="pricing.html" class="text-ink hover:text-terracotta transition">Тарифы</a>55 <a href="blog.html" class="text-ink hover:text-terracotta transition">Блог</a>56 </div>57 <a href="app/dashboard.html" class="bg-terracotta text-white px-6 py-2.5 rounded-sm hover:bg-terracotta-dark transition">Войти</a>58 </div>59 </div>60 </nav>61 62 <!-- Hero -->63 <section class="py-20">64 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">65 <div class="grid lg:grid-cols-2 gap-12 items-center">66 <div>67 <h1 class="font-serif text-5xl font-bold text-ink mb-6">Сохраняем память о прошлом для будущего</h1>68 <p class="text-xl text-ink-light mb-6 leading-relaxed">Genealogy AI — это команда профессиональных генеалогов, историков и разработчиков, объединивших традиционные методы исследования с возможностями искусственного интеллекта.</p>69 <p class="text-ink-light">Мы верим, что каждая семья deserves to know their story. Наша миссия — сделать генеалогию доступной, понятной и эмоционально значимой.</p>70 </div>71 <div class="relative">72 <div class="absolute inset-0 bg-terracotta/20 transform -rotate-2 rounded-lg"></div>73 <img src="http://static.photos/office/600x400/101" alt="Наша команда" class="relative rounded-lg vintage-border w-full sepia-[.1]">74 </div>75 </div>76 </div>77 </section>78 79 <!-- Story Section (from Blog) -->80 <section class="py-20 border-b border-sepia/10 bg-paper-light">81 <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">82 <div class="text-center mb-12">83 <span class="inline-block px-4 py-2 bg-terracotta/10 text-terracotta text-sm font-medium rounded-full border border-terracotta/20 mb-6">84 История проекта85 </span>86 <h2 class="font-serif text-4xl font-bold text-ink mb-8 ornament">Не стартап. Личная история.</h2>87 </div>88 89 <div class="prose prose-lg max-w-none text-ink-light leading-relaxed space-y-6">90 <p class="text-xl font-serif text-ink">91 Мы — три коллеги, историки, кандидаты и доктор наук. Делали этот проект для себя, потратив много сил и средств на генеалогические исследования наших собственных семей.92 </p>93 94 <p>95 Каждый из нас прошёл путь от любительского интереса к серьёзной научной работе: месяцы в архивах, сотни отсканированных документов, километры микрофильмов. Мы собрали огромные тома информации о наших предках — от крестьянских ревизских сказок XVIII века до партийных документов советского периода.96 </p>97 98 <div class="bg-white p-8 rounded-lg vintage-border my-8">99 <p class="font-serif text-2xl text-ink italic text-center mb-4">100 "Но оказалось, что толстые и сложные книги тяжело читать, невозможно дарить, сложно рассказывать своим детям."101 </p>102 <p class="text-center text-sm text-ink-light">— Александр, основатель проекта</p>103 </div>104 105 <p>106 Мы поняли, что накопленные знания нуждаются в другой форме. Не в академическом трактате с сносками и приложениями, а в живой, человечной истории, которую интересно читать вечером за чаем, которой можно гордиться перед гостями, которую захочет перечитать внук.107 </p>108 109 <p>110 Так родилась идея семейной газеты — формата, который соединяет научную точность с эмоциональной доступностью. Мы добавили современные технологии (AI для обработки данных, автоматическую вёрстку), но сохранили главное — историческую достоверность и человеческое отношение к каждой семье.111 </p>112 113 <p class="font-medium text-ink">114 Это не массовый продукт и не стартап для быстрого выхода на рынок. Это инструмент, который мы создали для себя и теперь делимся им с теми, кто ценит свою историю.115 </p>116 </div>117 </div>118 </section>119 120 <!-- Values -->121 <section class="py-20 bg-paper border-y border-sepia/10">122 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">123 <h2 class="font-serif text-4xl font-bold text-ink mb-16 text-center ornament">Наши ценности</h2>124 125 <div class="grid md:grid-cols-3 gap-8">126 <div class="text-center p-8">127 <div class="w-16 h-16 bg-terracotta/10 rounded-full flex items-center justify-center mx-auto mb-6">128 <i data-lucide="heart" class="w-8 h-8 text-terracotta"></i>129 </div>130 <h3 class="font-serif text-2xl font-bold text-ink mb-4">Уважение к памяти</h3>131 <p class="text-ink-light">Мы подходим к каждой истории с трепетом и вниманием к деталям, понимая, как много значат эти данные для семьи.</p>132 </div>133 134 <div class="text-center p-8">135 <div class="w-16 h-16 bg-terracotta/10 rounded-full flex items-center justify-center mx-auto mb-6">136 <i data-lucide="shield-check" class="w-8 h-8 text-terracotta"></i>137 </div>138 <h3 class="font-serif text-2xl font-bold text-ink mb-4">Точность данных</h3>139 <p class="text-ink-light">Каждый факт проверяется по нескольким источникам. Мы не придумываем — мы восстанавливаем реальность.</p>140 </div>141 142 <div class="text-center p-8">143 <div class="w-16 h-16 bg-terracotta/10 rounded-full flex items-center justify-center mx-auto mb-6">144 <i data-lucide="sparkles" class="w-8 h-8 text-terracotta"></i>145 </div>146 <h3 class="font-serif text-2xl font-bold text-ink mb-4">Красота подачи</h3>147 <p class="text-ink-light">История deserves beautiful packaging. Мы создаём издания, которыми гордятся и которые передают по наследству.</p>148 </div>149 </div>150 </div>151 </section>152 153 <!-- Team -->154 <section class="py-20">155 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">156 <h2 class="font-serif text-4xl font-bold text-ink mb-16 text-center ornament">Команда</h2>157 158 <div class="grid md:grid-cols-4 gap-8">159 <div class="text-center">160 <img src="http://static.photos/people/300x300/201" alt="Александр" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover border-4 border-terracotta/20 sepia-[.1]">161 <h3 class="font-serif text-xl font-bold text-ink">Александр Петров</h3>162 <p class="text-terracotta text-sm mb-2">Основатель</p>163 <p class="text-ink-light text-sm">Историк, кандидат исторических наук</p>164 </div>165 166 <div class="text-center">167 <img src="http://static.photos/people/300x300/202" alt="Мария" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover border-4 border-terracotta/20 sepia-[.1]">168 <h3 class="font-serif text-xl font-bold text-ink">Мария Иванова</h3>169 <p class="text-terracotta text-sm mb-2">Главный генеалог</p>170 <p class="text-ink-light text-sm">15 лет в архивной работе</p>171 </div>172 173 <div class="text-center">174 <img src="http://static.photos/people/300x300/203" alt="Дмитрий" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover border-4 border-terracotta/20 sepia-[.1]">175 <h3 class="font-serif text-xl font-bold text-ink">Дмитрий Смирнов</h3>176 <p class="text-terracotta text-sm mb-2">Tech Lead</p>177 <p class="text-ink-light text-sm">AI и обработка данных</p>178 </div>179 180 <div class="text-center">181 <img src="http://static.photos/people/300x300/204" alt="Елена" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover border-4 border-terracotta/20 sepia-[.1]">182 <h3 class="font-serif text-xl font-bold text-ink">Елена Козлова</h3>183 <p class="text-terracotta text-sm mb-2">Арт-директор</p>184 <p class="text-ink-light text-sm">Дизайн печатных изданий</p>185 </div>186 </div>187 </div>188 </section>189 190 <!-- Footer -->191 <footer class="bg-ink text-paper/80 py-12 border-t-4 border-terracotta">192 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">193 <div class="grid md:grid-cols-4 gap-8 mb-8">194 <div class="col-span-2">195 <div class="flex items-center space-x-2 mb-4">196 <i data-lucide="scroll-text" class="w-8 h-8 text-terracotta"></i>197 <span class="font-serif text-2xl font-bold text-paper">Genealogy AI</span>198 </div>199 <p class="text-sm text-paper/60 mb-4">Превращаем семейные истории в наследие. AI-исследования, генеалогические древа и семейные газеты.</p>200 <div class="flex space-x-4 items-center">201 <a href="https://vk.com" target="_blank" class="hover:text-terracotta transition text-paper/80 font-medium text-sm">VK</a>202 <a href="https://telegram.org" target="_blank" class="hover:text-terracotta transition"><i data-lucide="send" class="w-5 h-5"></i></a>203 <a href="https://max.com" target="_blank" class="hover:text-terracotta transition text-paper/80 font-medium text-sm">MAX</a>204 </div>205 </div>206 207 <div>208 <h4 class="font-serif text-lg font-bold text-paper mb-4">Правовая информация</h4>209 <ul class="space-y-2 text-sm">210 <li><a href="privacy.html" class="hover:text-terracotta transition">Положение о конфиденциальности</a></li>211 <li><a href="terms.html" class="hover:text-terracotta transition">Пользовательское соглашение</a></li>212 <li><a href="personal-data.html" class="hover:text-terracotta transition">Работа с персональными данными</a></li>213 </ul>214 </div>215 216 <div>217 <h4 class="font-serif text-lg font-bold text-paper mb-4">Контакты</h4>218 <ul class="space-y-2 text-sm">219 <li class="flex items-center"><i data-lucide="mail" class="w-4 h-4 mr-2 text-terracotta"></i> gen@gen.ru</li>220 <li class="flex items-center"><i data-lucide="map-pin" class="w-4 h-4 mr-2 text-terracotta"></i> Москва, Россия</li>221 </ul>222 </div>223 </div>224 225 <div class="border-t border-paper/20 pt-8 flex flex-col md:flex-row justify-between items-center text-sm text-paper/60">226 <p>© 2024 Genealogy AI. Все права защищены.</p>227 </div>228 </div>229 </footer>230 231 <script src="https://unpkg.com/lucide@latest"></script>232 <script>lucide.createIcons();</script>233</body>234</html>