Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -23,10 +23,10 @@ export default function LandingPage() {
         contentWidth="mediumLarge"
         sizing="largeSizeMediumTitles"
         background="fluid"
-        cardStyle="solid"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="medium"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -44,7 +44,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{ variant: "plain" }}
+      background={{ variant: "sparkles-gradient" }}
       title="AI начинает делать работу за ваш бизнес"
       description="Автоматизируем операционку, устраняем ошибки и высвобождаем 20+ часов в неделю. Запишитесь на аудит, чтобы увидеть точки роста."
       buttons={[{ text: "Записаться на бесплатный AI-аудит", href: "#contact" }]}
@@ -61,7 +61,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <AboutMetric
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Результаты внедрения"
       metrics={[
         { icon: Clock, label: "Экономия времени", value: "20 ч/нед" },
@@ -76,7 +76,7 @@ export default function LandingPage() {
       <FeatureCardTen
       animationType="slide-up"
       textboxLayout="inline-image"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       features={[
         {
           title: "Операционный хаос",          description: "Потерянные заявки, забытые задачи и выгорание команды.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301538.jpg", imageAlt: "Chaos" },
@@ -96,7 +96,7 @@ export default function LandingPage() {
       <FeatureCardTen
       animationType="slide-up"
       textboxLayout="inline-image"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         {
           title: "Автономность",          description: "AI-агенты полностью берут на себя рутину, от переписки до аналитики.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137471.jpg", imageAlt: "AI Solution" },
@@ -117,7 +117,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="bento-grid"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       metrics={[
         { id: "1", value: "День 1-3", title: "Аудит", description: "Анализ узких мест", icon: Search },
         { id: "2", value: "День 4-7", title: "План", description: "Стратегия внедрения", icon: Layout },
@@ -136,7 +136,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       products={[
         { id: "1", name: "E-commerce (Wildberries)", price: "14 дней", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg" },
         { id: "2", name: "Психологическая служба", price: "10 дней", imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-green-lights_181624-24732.jpg" },
@@ -154,7 +154,7 @@ export default function LandingPage() {
       <PricingCardEight
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       plans={[
         {
           id: "basic",          badge: "Старт",          price: "150 000 ₽",          subtitle: "Базовая автоматизация",          buttons: [{ text: "Выбрать", href: "#contact" }],
@@ -177,7 +177,7 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqsAnimation="slide-up"
       faqs={[
         { id: "1", title: "Нужно ли переделывать IT?", content: "Нет, мы интегрируем AI в текущие CRM и мессенджеры без боли." },
@@ -192,8 +192,8 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={true}
-      background={{ variant: "radial-gradient" }}
+      useInvertedBackground={false}
+      background={{ variant: "sparkles-gradient" }}
       tag="Начать сейчас"
       title="Готовы делегировать AI?"
       description="Запишитесь на бесплатный аудит. Разберем ваш бизнес за 30 минут и покажем, где теряете время."
@@ -215,4 +215,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
-  --primary-cta: #cee7ff;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #000000;
-  --secondary-cta: #000000;
+  --secondary-cta: #041633;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #CEE7FF;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);