Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -21,52 +21,82 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumSmall"
         sizing="largeSmallSizeMediumTitles"
-        background="noise"
-        cardStyle="glass-depth"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Сервер", id: "about" },
-        { name: "Статистика", id: "metrics" },
-        { name: "Возможности", id: "features" },
-        { name: "Блог", id: "spotlight" },
-        { name: "Подключение", id: "faq" },
+        {
+          name: "Home",          id: "hero"},
+        {
+          name: "Survival 2",          id: "about"},
+        {
+          name: "Features",          id: "features"},
+        {
+          name: "Join",          id: "contact"},
       ]}
       brandName="gamepe.ru"
       button={{
-        text: "ПОДКЛЮЧИТЬСЯ", href: "#contact"
+        text: "ПОДКЛЮЧИТЬСЯ",        href: "#"
       }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{ variant: "downward-rays-animated" }}
-      title="ВЫЖИВИ В КОШМАРЕ"
-      description="Добро пожаловать на Survival 2. Мир пропитан мраком, а каждый вздох — это борьба за жизнь. Сможешь ли ты пережить ужасы, которые ждут тебя?"
+      background={{
+        variant: "canvas-reveal"}}
+      title="ВЫЖИВИ ИЛИ СТАНЬ ТЕНЬЮ"
+      description="Погрузитесь в Survival 2 на gamepe.ru. Атмосфера настоящего хоррора, где каждый шаг может стать последним. Адреналин, который вы заслужили."
       buttons={[
-        { text: "СКОПИРОВАТЬ IP: gamepe.ru", href: "#" },
+        {
+          text: "СКОПИРОВАТЬ IP: gamepe.ru",          href: "#"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/horror-forest-with-fog_23-2151542368.jpg"
-      imageAlt="Dark Survival Horror Environment"
+      imageSrc="http://img.b2bpic.net/free-photo/forest-photography_395237-128.jpg"
+      imageAlt="Dark Survival Horror Minecraft"
       mediaAnimation="blur-reveal"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153696.jpg",          alt: "Player 1"},
+        {
+          src: "http://img.b2bpic.net/free-photo/fern-plants-growing-tropical-forest_23-2147831037.jpg",          alt: "Player 2"},
+        {
+          src: "http://img.b2bpic.net/free-photo/forest-tall-trees-autumn_250224-71.jpg",          alt: "Player 3"},
+        {
+          src: "http://img.b2bpic.net/free-photo/car-empty-road-dark-atmosphere_23-2150914368.jpg",          alt: "Player 4"},
+        {
+          src: "http://img.b2bpic.net/free-photo/dark-eerie-forest-with-sunlight-hitting-leaves-mystical-forest-background_181624-60943.jpg",          alt: "Player 5"},
+      ]}
+      avatarText="Уже с нами"
+      marqueeItems={[
+        {
+          type: "text",          text: "Survival 2.0"},
+        {
+          type: "text",          text: "Hardcore Mode"},
+        {
+          type: "text",          text: "Custom Bosses"},
+        {
+          type: "text",          text: "Horror Events"},
+        {
+          type: "text",          text: "Active Community"},
+      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="О режиме"
-      title="Survival 2: Эволюция Страха"
-      description="Survival 2 — это переосмысление классического выживания, созданное в коллаборации с dimkaHORROR. Мы добавили атмосферу безысходности, уникальные механики и боссов, которые не дадут тебе расслабиться."
-      subdescription="Сервер, где ужас — это не просто слово, а стиль игры."
+      useInvertedBackground={false}
+      tag="Лора сервера"
+      title="Survival 2: Мир Тьмы"
+      description="Survival 2 — это не просто выживание. Это испытание вашей стойкости перед лицом первобытного ужаса. Мир был изменен, и теперь только самые смелые смогут раскрыть секреты этой земли."
+      subdescription="Мы создали сервер, который переосмысливает классический Minecraft, наполняя его скримерами, уникальными боссами и густой атмосферой безысходности."
       icon={Skull}
-      imageSrc="http://img.b2bpic.net/free-photo/dark-castle-ruins-foggy-night_23-2150914368.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15601.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -75,93 +105,131 @@ export default function LandingPage() {
       <MetricCardThree
       animationType="depth-3d"
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       metrics={[
-        { id: "1", icon: Users, title: "Игроков в аду", value: "1,248" },
-        { id: "2", icon: CalendarDays, title: "Дней во тьме", value: "482" },
-        { id: "3", icon: Star, title: "Побед над кошмаром", value: "92,305" },
+        {
+          id: "1",          icon: Users,
+          title: "Игроков онлайн",          value: "1,024"},
+        {
+          id: "2",          icon: CalendarDays,
+          title: "Дней выжило",          value: "342"},
+        {
+          id: "3",          icon: Star,
+          title: "Монстров убито",          value: "89,123"},
       ]}
-      title="Статистика нашего проклятия"
-      description="Данные с глубокого дна сервера."
+      title="Статистика Ужаса"
+      description="Живые данные нашего проклятого мира."
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureBorderGlow
-      animationType="blur-reveal"
+      animationType="scale-rotate"
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       features={[
-        { icon: Skull, title: "Кошмарные существа", description: "Боссы с уникальным AI и поведением." },
-        { icon: Moon, title: "Смертельная ночь", description: "После заката мир становится крайне враждебным." },
-        { icon: FileText, title: "Архивы dimkaHORROR", description: "Сюжетные квесты и мрачные записки." },
-        { icon: Target, title: "PvE Вызов", description: "Сражения в подземельях с высоким риском." },
-        { icon: Gift, title: "Проклятый лут", description: "Артефакты, обладающие темной силой." },
-        { icon: Target, title: "Хардкор-ивенты", description: "Регулярные события для проверки психики." },
+        {
+          icon: Skull,
+          title: "Кастомные монстры",          description: "Существа, которые охотятся по своим правилам."},
+        {
+          icon: Moon,
+          title: "Хоррор ночи",          description: "С заходом солнца мир вокруг меняется."},
+        {
+          icon: FileText,
+          title: "Сезонные ивенты",          description: "Каждые пару месяцев новая угроза."},
+        {
+          icon: Target,
+          title: "PvE Боссы",          description: "Эпические битвы в темных подземельях."},
+        {
+          icon: Gift,
+          title: "Уникальный лут",          description: "Артефакты, дающие сомнительную силу."},
+        {
+          icon: Target,
+          title: "Вызовы dimkaHORROR",          description: "Специальные задачи для смельчаков."},
       ]}
-      title="Функции сервера"
-      description="Почему стоит играть именно на Survival 2?"
+      title="Чем вы будете пожертвовать?"
+      description="Уникальные механики, созданные для проверки вашего рассудка."
     />
   </div>
 
   <div id="spotlight" data-section="spotlight">
       <TestimonialCardTwelve
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/dark-atmospheric-room_23-2151153696.jpg" },
-        { id: "2", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/spooky-halloween-environment_23-2149424978.jpg" },
-        { id: "3", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/dark-creepy-forest-path_181624-60943.jpg" },
+        {
+          id: "1",          name: "dimkaHORROR",          imageSrc: "http://img.b2bpic.net/free-photo/hooded-thief-walking-dark-city-generated-by-ai_188544-33493.jpg"},
+        {
+          id: "2",          name: "dimkaHORROR",          imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg"},
+        {
+          id: "3",          name: "dimkaHORROR",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-scary-character-posing_23-2150701010.jpg"},
+        {
+          id: "4",          name: "dimkaHORROR",          imageSrc: "http://img.b2bpic.net/free-photo/teenager-guy-sits-room-bed-uses-laptop_169016-18359.jpg"},
+        {
+          id: "5",          name: "dimkaHORROR",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teenager-shooting-with-projector_23-2149424978.jpg"},
       ]}
-      cardTitle="Блог dimkaHORROR"
-      cardTag="События"
+      cardTitle="Слово от dimkaHORROR"
+      cardTag="Авторское мнение"
       cardAnimation="blur-reveal"
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitText
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       faqs={[
-        { id: "1", title: "Как подключиться?", content: "Скачай клиент 1.20.x, впиши IP: gamepe.ru в список серверов и начни игру." },
-        { id: "2", title: "Есть ли донат?", content: "Весь донат идет на поддержку сервера и создание новых хоррор-механик." },
-        { id: "3", title: "Можно ли играть с друзьями?", content: "Да, но выживать вдвоем не всегда безопаснее." },
+        {
+          id: "1",          title: "Шаг 1: Клиент",          content: "Скачайте версию 1.20.x с нашего сайта."},
+        {
+          id: "2",          title: "Шаг 2: Сервер",          content: "Добавьте gamepe.ru в список серверов."},
+        {
+          id: "3",          title: "Шаг 3: Выживание",          content: "Заходите и начинайте свой путь в тьму."},
       ]}
-      sideTitle="Инструкция"
-      sideDescription="Подготовка к выживанию."
+      sideTitle="Терминал входа"
+      sideDescription="Следуйте инструкциям, чтобы не сгинуть в пустоте."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={true}
-      background={{ variant: "rotated-rays-animated" }}
-      text="Готов встретиться со своим страхом?"
+      useInvertedBackground={false}
+      background={{
+        variant: "rotated-rays-animated"}}
+      text="Готовы рискнуть? Подключитесь сейчас."
       buttons={[
-        { text: "ПРИСОЕДИНИТЬСЯ К GAMEPE.RU", href: "#" },
+        {
+          text: "ПРИСОЕДИНИТЬСЯ",          href: "#"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/dark-misty-night-road_23-2150914368.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/aokigahara-forest-dark-style_23-2151542368.jpg"
       logoText="GAMEPE.RU"
       columns={[
         {
-          title: "Сервер", items: [
-            { label: "Статус", href: "#" },
-            { label: "Магазин", href: "#" },
-          ]
+          title: "Ресурсы",          items: [
+            {
+              label: "Личный кабинет",              href: "#"},
+            {
+              label: "Магазин",              href: "#"},
+            {
+              label: "Форум",              href: "#"},
+          ],
         },
         {
-          title: "Сеть", items: [
-            { label: "Discord", href: "#" },
-            { label: "VK", href: "#" },
-          ]
-        }
+          title: "Сообщество",          items: [
+            {
+              label: "Discord",              href: "#"},
+            {
+              label: "VK",              href: "#"},
+            {
+              label: "YouTube",              href: "#"},
+          ],
+        },
       ]}
-      copyrightText="© 2025 | Survival 2 | dimkaHORROR"
+      copyrightText="© 2025 | GAMEPE.RU | Survival Horror Server"
     />
   </div>
       </ReactLenis>