Update src/app/styles/variables.css

src/app/page.tsx

@@ -33,33 +33,19 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Турниры",
-          id: "#features",
-        },
+          name: "Турниры",          id: "#features"},
         {
-          name: "Матчи",
-          id: "#features",
-        },
+          name: "Матчи",          id: "#features"},
         {
-          name: "Игроки",
-          id: "#metrics",
-        },
+          name: "Игроки",          id: "#metrics"},
         {
-          name: "Команды",
-          id: "#about",
-        },
+          name: "Команды",          id: "#about"},
         {
-          name: "Новости",
-          id: "#testimonials",
-        },
+          name: "Новости",          id: "#testimonials"},
         {
-          name: "Лиги",
-          id: "#social-proof",
-        },
+          name: "Лиги",          id: "#social-proof"},
         {
-          name: "Войти через Steam",
-          id: "#",
-        },
+          name: "Войти через Steam",          id: "#"},
       ]}
       brandName="Kvadratour CS2"
     />
@@ -68,65 +54,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Kvadratour CS2: Где чемпионы рождаются!"
       description="Погрузитесь в мир киберспорта с Kvadratour CS2. Участвуйте в динамичных турнирах, побеждайте и выигрывайте реальные призы."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-happy-gamer-girl-with-pink-hair-playing-video-games-using-joystick-colorful-studio_149155-5242.jpg",
-          alt: "Игрок 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-happy-gamer-girl-with-pink-hair-playing-video-games-using-joystick-colorful-studio_149155-5242.jpg",          alt: "Игрок 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/friends-looking-together-their-pictures-phone_23-2148529057.jpg",
-          alt: "Игрок 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/friends-looking-together-their-pictures-phone_23-2148529057.jpg",          alt: "Игрок 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/confused-hacker-pointing-screen_482257-77720.jpg",
-          alt: "Игрок 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/confused-hacker-pointing-screen_482257-77720.jpg",          alt: "Игрок 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/hackers-coding-computer-worm-malicious-software-together-discussing-server-breaking-two-young-men-stealing-personal-information-through-phishing-scam-hideout-room-night_482257-75013.jpg",
-          alt: "Игрок 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/hackers-coding-computer-worm-malicious-software-together-discussing-server-breaking-two-young-men-stealing-personal-information-through-phishing-scam-hideout-room-night_482257-75013.jpg",          alt: "Игрок 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/men-cartoon-characters-together_23-2150964478.jpg",
-          alt: "Игрок 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/men-cartoon-characters-together_23-2150964478.jpg",          alt: "Игрок 5"},
       ]}
       avatarText="Присоединяйтесь к тысячам игроков!"
       buttons={[
         {
-          text: "Начни прямо сейчас",
-          href: "#features",
-        },
+          text: "Начни прямо сейчас",          href: "#features"},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Турниры 5x5",
-          icon: Award,
+          type: "text-icon",          text: "Турниры 5x5",          icon: Award,
         },
         {
-          type: "text-icon",
-          text: "Ежедневные матчи",
-          icon: Calendar,
+          type: "text-icon",          text: "Ежедневные матчи",          icon: Calendar,
         },
         {
-          type: "text-icon",
-          text: "Реальные призы",
-          icon: DollarSign,
+          type: "text-icon",          text: "Реальные призы",          icon: DollarSign,
         },
         {
-          type: "text-icon",
-          text: "Сообщество игроков",
-          icon: Users,
+          type: "text-icon",          text: "Сообщество игроков",          icon: Users,
         },
         {
-          type: "text-icon",
-          text: "Честная игра",
-          icon: ShieldCheck,
+          type: "text-icon",          text: "Честная игра",          icon: ShieldCheck,
         },
       ]}
     />
@@ -139,35 +102,17 @@ export default function LandingPage() {
       description="Наша платформа упрощает создание и участие в матчах CS2. Следуйте простым шагам, чтобы начать."
       accordionItems={[
         {
-          id: "step1",
-          title: "Создайте матч",
-          content: "Настройте параметры игры за несколько кликов, выбрав все необходимые опции.",
-        },
+          id: "step1",          title: "Создайте матч",          content: "Настройте параметры игры за несколько кликов, выбрав все необходимые опции."},
         {
-          id: "step2",
-          title: "Пригласите соперника",
-          content: "Подберите друзей или найдите случайных игроков вашего уровня для честного соревнования.",
-        },
+          id: "step2",          title: "Пригласите соперника",          content: "Подберите друзей или найдите случайных игроков вашего уровня для честного соревнования."},
         {
-          id: "step3",
-          title: "Выберите карту",
-          content: "Любая карта из доступных в игре Counter-Strike 2 к вашим услугам.",
-        },
+          id: "step3",          title: "Выберите карту",          content: "Любая карта из доступных в игре Counter-Strike 2 к вашим услугам."},
         {
-          id: "step4",
-          title: "Установите ставку",
-          content: "Играйте на деньги, ценные скины или просто наслаждайтесь честным матчем без привязки к ставкам.",
-        },
+          id: "step4",          title: "Установите ставку",          content: "Играйте на деньги, ценные скины или просто наслаждайтесь честным матчем без привязки к ставкам."},
         {
-          id: "step5",
-          title: "Начните игру",
-          content: "Автоматическое подключение к игровому серверу обеспечивает мгновенный старт без задержек.",
-        },
+          id: "step5",          title: "Начните игру",          content: "Автоматическое подключение к игровому серверу обеспечивает мгновенный старт без задержек."},
         {
-          id: "step6",
-          title: "Получите награду",
-          content: "Выигрыш мгновенно зачисляется на ваш баланс, готовый к выводу или новым ставкам.",
-        },
+          id: "step6",          title: "Получите награду",          content: "Выигрыш мгновенно зачисляется на ваш баланс, готовый к выводу или новым ставкам."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645569.jpg"
       imageAlt="CS2 game setup interface with various options"
@@ -183,24 +128,16 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Laptop,
-          label: "Формат игр",
-          value: "У нас доступны турниры в различных форматах: 1 на 1, 2 на 2 и классические 5 на 5. Выбирайте удобный вам режим!",
-        },
+          label: "Формат игр",          value: "У нас доступны турниры в различных форматах: 1 на 1, 2 на 2 и классические 5 на 5. Выбирайте удобный вам режим!"},
         {
           icon: Trophy,
-          label: "Награды",
-          value: "После победы ваша команда получит денежные средства и красивые медали, которые станут знаком ваших достижений.",
-        },
+          label: "Награды",          value: "После победы ваша команда получит денежные средства и красивые медали, которые станут знаком ваших достижений."},
         {
           icon: User,
-          label: "Личный профиль",
-          value: "Каждый игрок и команда имеют профили с статистикой и достижениями, отражающие их успехи.",
-        },
+          label: "Личный профиль",          value: "Каждый игрок и команда имеют профили с статистикой и достижениями, отражающие их успехи."},
         {
           icon: CreditCard,
-          label: "Финансовые возможности",
-          value: "Пополняйте баланс и выводите средства с помощью банковских карт или криптовалют. Безопасно и удобно!",
-        },
+          label: "Финансовые возможности",          value: "Пополняйте баланс и выводите средства с помощью банковских карт или криптовалют. Безопасно и удобно!"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -213,23 +150,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "online-players",
-          icon: Users,
-          title: "Игроков онлайн",
-          value: "12 456",
-        },
+          id: "online-players",          icon: Users,
+          title: "Игроков онлайн",          value: "12 456"},
         {
-          id: "matches-today",
-          icon: CalendarCheck,
-          title: "Матчей за сегодня",
-          value: "890",
-        },
+          id: "matches-today",          icon: CalendarCheck,
+          title: "Матчей за сегодня",          value: "890"},
         {
-          id: "total-prizes",
-          icon: DollarSign,
-          title: "Общая сумма призов",
-          value: "$2 500 000+",
-        },
+          id: "total-prizes",          icon: DollarSign,
+          title: "Общая сумма призов",          value: "$2 500 000+"},
       ]}
       title="Статистика платформы в реальном времени"
       description="Kvadratour CS2 в цифрах: присоединяйтесь к активному сообществу игроков и станьте частью нашей истории успеха."
@@ -243,64 +171,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Александр 'S1mple' Костылев",
-          role: "Профессиональный игрок CS2",
-          company: "Natus Vincere",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-celebrating-favorite-season-year-portrait-carefree-joyful-dancing-woman-with-curly-ha_1258-135913.jpg",
-          imageAlt: "Портрет Александра 'S1mple' Костылева",
-        },
+          id: "1",          name: "Александр 'S1mple' Костылев",          role: "Профессиональный игрок CS2",          company: "Natus Vincere",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/girl-celebrating-favorite-season-year-portrait-carefree-joyful-dancing-woman-with-curly-ha_1258-135913.jpg",          imageAlt: "Портрет Александра 'S1mple' Костылева"},
         {
-          id: "2",
-          name: "Ольга 'Oly' Иванова",
-          role: "Капитан команды Female Fury",
-          company: "Female Fury Esports",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-football-player-before-match_23-2150885703.jpg",
-          imageAlt: "Портрет Ольги 'Oly' Ивановой",
-        },
+          id: "2",          name: "Ольга 'Oly' Иванова",          role: "Капитан команды Female Fury",          company: "Female Fury Esports",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/view-football-player-before-match_23-2150885703.jpg",          imageAlt: "Портрет Ольги 'Oly' Ивановой"},
         {
-          id: "3",
-          name: "Михаил 'Misha' Петров",
-          role: "Киберспортивный аналитик",
-          company: "Esports Insights",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg",
-          imageAlt: "Портрет Михаила 'Misha' Петрова",
-        },
+          id: "3",          name: "Михаил 'Misha' Петров",          role: "Киберспортивный аналитик",          company: "Esports Insights",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg",          imageAlt: "Портрет Михаила 'Misha' Петрова"},
         {
-          id: "4",
-          name: "Дарья 'Dasha' Смирнова",
-          role: "Стример CS2",
-          company: "Twitch Streamer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-playing-visual-game-exited-emotions_291049-2819.jpg",
-          imageAlt: "Портрет Дарьи 'Dasha' Смирновой",
-        },
+          id: "4",          name: "Дарья 'Dasha' Смирнова",          role: "Стример CS2",          company: "Twitch Streamer",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-playing-visual-game-exited-emotions_291049-2819.jpg",          imageAlt: "Портрет Дарьи 'Dasha' Смирновой"},
         {
-          id: "5",
-          name: "Иван 'Van' Кузнецов",
-          role: "Менеджер команды Game Legion",
-          company: "Game Legion",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645683.jpg",
-          imageAlt: "Портрет Ивана 'Van' Кузнецова",
-        },
+          id: "5",          name: "Иван 'Van' Кузнецов",          role: "Менеджер команды Game Legion",          company: "Game Legion",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645683.jpg",          imageAlt: "Портрет Ивана 'Van' Кузнецова"},
       ]}
       kpiItems={[
         {
-          value: "100K+",
-          label: "Счастливых игроков",
-        },
+          value: "100K+",          label: "Счастливых игроков"},
         {
-          value: "5K+",
-          label: "Ежедневных матчей",
-        },
+          value: "5K+",          label: "Ежедневных матчей"},
         {
-          value: "24/7",
-          label: "Поддержка",
-        },
+          value: "24/7",          label: "Поддержка"},
       ]}
       title="Что говорят наши чемпионы"
       description="Отзывы от игроков, которые испытали адреналин победы и ощутили вкус успеха на Kvadratour CS2. Их слова — лучшее доказательство нашей надежности."
@@ -312,15 +204,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Valve",
-        "ESL Gaming",
-        "FACEIT",
-        "Logitech G",
-        "HyperX",
-        "SteelSeries",
-        "NVIDIA GeForce",
-        "ASUS ROG",
-      ]}
+        "Valve",        "ESL Gaming",        "FACEIT",        "Logitech G",        "HyperX",        "SteelSeries",        "NVIDIA GeForce",        "ASUS ROG"]}
       title="Наши партнеры"
       description="Мы гордимся сотрудничеством с ведущими брендами и организациями в мире киберспорта, которые помогают нам делать Kvadratour CS2 лучше."
     />
@@ -332,30 +216,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "Как начать играть на Kvadratour CS2?",
-          content: "Для начала вам необходимо зарегистрироваться на платформе, связать свой аккаунт Steam и пополнить баланс (если вы планируете участвовать в платных матчах). Затем вы можете создать свой матч или присоединиться к существующему.",
-        },
+          id: "faq1",          title: "Как начать играть на Kvadratour CS2?",          content: "Для начала вам необходимо зарегистрироваться на платформе, связать свой аккаунт Steam и пополнить баланс (если вы планируете участвовать в платных матчах). Затем вы можете создать свой матч или присоединиться к существующему."},
         {
-          id: "faq2",
-          title: "Какие форматы матчей доступны?",
-          content: "Мы предлагаем различные форматы: 1 на 1, 2 на 2 и классические 5 на 5. Вы можете выбрать наиболее подходящий для себя режим в настройках матча.",
-        },
+          id: "faq2",          title: "Какие форматы матчей доступны?",          content: "Мы предлагаем различные форматы: 1 на 1, 2 на 2 и классические 5 на 5. Вы можете выбрать наиболее подходящий для себя режим в настройках матча."},
         {
-          id: "faq3",
-          title: "Как происходит вывод средств?",
-          content: "Вывод средств осуществляется через личный кабинет. Вы можете использовать банковские карты или популярные криптовалюты. Все транзакции безопасны и проходят в кратчайшие сроки.",
-        },
+          id: "faq3",          title: "Как происходит вывод средств?",          content: "Вывод средств осуществляется через личный кабинет. Вы можете использовать банковские карты или популярные криптовалюты. Все транзакции безопасны и проходят в кратчайшие сроки."},
         {
-          id: "faq4",
-          title: "Что делать, если возникли технические проблемы?",
-          content: "Если у вас возникли технические трудности во время матча или с платформой, пожалуйста, свяжитесь с нашей службой поддержки через раздел 'Контакты'. Мы доступны 24/7 и готовы помочь.",
-        },
+          id: "faq4",          title: "Что делать, если возникли технические проблемы?",          content: "Если у вас возникли технические трудности во время матча или с платформой, пожалуйста, свяжитесь с нашей службой поддержки через раздел 'Контакты'. Мы доступны 24/7 и готовы помочь."},
         {
-          id: "faq5",
-          title: "Могу ли я приглашать друзей в матчи?",
-          content: "Да, конечно! Наша платформа позволяет легко приглашать друзей в свои матчи. Вы можете отправить им приглашение напрямую через систему или поделиться ссылкой на матч.",
-        },
+          id: "faq5",          title: "Могу ли я приглашать друзей в матчи?",          content: "Да, конечно! Наша платформа позволяет легко приглашать друзей в свои матчи. Вы можете отправить им приглашение напрямую через систему или поделиться ссылкой на матч."},
       ]}
       title="Часто задаваемые вопросы"
       description="Найдите ответы на самые распространенные вопросы о платформе Kvadratour CS2, турнирах, правилах и финансовых операциях."
@@ -367,16 +236,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Готов к игре?"
       title="Присоединяйтесь к Kvadratour CS2 сегодня!"
       description="Не упустите свой шанс стать следующим чемпионом. Зарегистрируйтесь и начните свое киберспортивное приключение прямо сейчас."
       buttons={[
         {
-          text: "Начать играть",
-          href: "#hero",
-        },
+          text: "Начать играть",          href: "#hero"},
       ]}
       buttonAnimation="slide-up"
     />
@@ -387,46 +253,29 @@ export default function LandingPage() {
       logoText="Kvadratour CS2"
       columns={[
         {
-          title: "Компания",
-          items: [
+          title: "Компания",          items: [
             {
-              label: "О нас",
-              href: "#about",
-            },
+              label: "О нас",              href: "#about"},
             {
-              label: "Новости",
-              href: "#testimonials",
-            },
+              label: "Новости",              href: "#testimonials"},
             {
-              label: "Контакты",
-              href: "#contact-cta",
-            },
+              label: "Контакты",              href: "#contact-cta"},
           ],
         },
         {
-          title: "Поддержка",
-          items: [
+          title: "Поддержка",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Служба поддержки",
-              href: "#",
-            },
+              label: "Служба поддержки",              href: "#"},
           ],
         },
         {
-          title: "Правовая информация",
-          items: [
+          title: "Правовая информация",          items: [
             {
-              label: "Условия использования",
-              href: "#",
-            },
+              label: "Условия использования",              href: "#"},
             {
-              label: "Политика конфиденциальности",
-              href: "#",
-            },
+              label: "Политика конфиденциальности",              href: "#"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
-  --card: #ffffff;
-  --foreground: #27231f;
-  --primary-cta: #27231f;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #e3deea;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #27231f;
-  --accent: #c68a62;
-  --background-accent: #c68a62;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);