Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "О нас",
+          name: "О нас",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Услуги",
+          name: "Услуги",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Отзывы",
+          name: "Отзывы",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Контакты",
+          name: "Контакты",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="ЦАРЬ"
     />
@@ -54,104 +46,56 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="ЦАРСКИЙ СТИЛЬ В НОВОЧЕРКАССКЕ"
       description="Больше, чем стрижка. Власть над образом для тех, кто привык быть первым."
       testimonials={[
         {
-          name: "Алексей С.",
+          name: "Алексей С.",          handle: "@alex_novoch",          testimonial: "Лучший барбершоп, где я был. Атмосфера настоящего мужского клуба.",          rating: 5,
-          handle: "@alex_novoch",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=1",          imageAlt: "barber grooming man dark room"},
-          testimonial: "Лучший барбершоп, где я был. Атмосфера настоящего мужского клуба.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=1",
-          imageAlt: "barber grooming man dark room",
-        },
         {
-          name: "Дмитрий В.",
+          name: "Дмитрий В.",          handle: "@dmitry_v",          testimonial: "Мастера — профессионалы. Всё четко, без лишних слов.",          rating: 5,
-          handle: "@dmitry_v",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg?_wi=1",          imageAlt: "luxury barbershop interior design"},
-          testimonial: "Мастера — профессионалы. Всё четко, без лишних слов.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg?_wi=1",
-          imageAlt: "luxury barbershop interior design",
-        },
         {
-          name: "Игорь М.",
+          name: "Игорь М.",          handle: "@igor_m",          testimonial: "Прихожу сюда за стилем и отличным сервисом. Рекомендую!",          rating: 5,
-          handle: "@igor_m",
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-wallpaper-black-marble-background_53876-145654.jpg?_wi=1",          imageAlt: "barber tools dark background"},
-          testimonial: "Прихожу сюда за стилем и отличным сервисом. Рекомендую!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-wallpaper-black-marble-background_53876-145654.jpg?_wi=1",
-          imageAlt: "barber tools dark background",
-        },
         {
-          name: "Максим Р.",
+          name: "Максим Р.",          handle: "@max_r",          testimonial: "Четкий контур, отличная работа. Мастер знает свое дело.",          rating: 5,
-          handle: "@max_r",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=2",          imageAlt: "barber grooming man dark room"},
-          testimonial: "Четкий контур, отличная работа. Мастер знает свое дело.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=2",
-          imageAlt: "barber grooming man dark room",
-        },
         {
-          name: "Виктор К.",
+          name: "Виктор К.",          handle: "@viktor_k",          testimonial: "Приятное место, кофе и отличная стрижка. Всё на уровне.",          rating: 5,
-          handle: "@viktor_k",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg?_wi=2",          imageAlt: "luxury barbershop interior design"},
-          testimonial: "Приятное место, кофе и отличная стрижка. Всё на уровне.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg?_wi=2",
-          imageAlt: "luxury barbershop interior design",
-        },
       ]}
       buttons={[
         {
-          text: "Записаться",
+          text: "Записаться",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=3"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "ПРИМИУМ УХОД"},
-          text: "ПРИМИУМ УХОД",
+        {
+          type: "text-icon",          text: "ОПАСНОЕ БРИТЬЕ",          icon: Scissors,
         },
         {
-          type: "text-icon",
+          type: "text",          text: "СТРИЖКА БОРОДЫ"},
-          text: "ОПАСНОЕ БРИТЬЕ",
+        {
-          icon: Scissors,
+          type: "text-icon",          text: "КОРОЛЕВСКИЙ СЕРВИС",          icon: Crown,
         },
         {
-          type: "text",
+          type: "text",          text: "ИНДИВИДУАЛЬНЫЙ СТИЛЬ"},
-          text: "СТРИЖКА БОРОДЫ",
-        },
-        {
-          type: "text-icon",
-          text: "КОРОЛЕВСКИЙ СЕРВИС",
-          icon: Crown,
-        },
-        {
-          type: "text",
-          text: "ИНДИВИДУАЛЬНЫЙ СТИЛЬ",
-        },
       ]}
     />
   </div>
@@ -163,19 +107,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Star,
-          label: "Рейтинг",
+          label: "Рейтинг",          value: "4.4"},
-          value: "4.4",
-        },
         {
           icon: MessageSquare,
-          label: "Отзывов",
+          label: "Отзывов",          value: "96"},
-          value: "96",
-        },
         {
           icon: Clock,
-          label: "Атмосфера",
+          label: "Атмосфера",          value: "Премиум"},
-          value: "Премиум",
-        },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -188,53 +126,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "cut",
+          id: "cut",          tag: "Базовый",          price: "1200₽",          period: "стрижка",          description: "Стрижка с учетом особенностей волос и формы лица.",          button: {
-          tag: "Базовый",
+            text: "Записаться"},
-          price: "1200₽",
+          featuresTitle: "Что входит:",          features: [
-          period: "стрижка",
+            "Консультация",            "Мытье головы",            "Стрижка",            "Укладка"],
-          description: "Стрижка с учетом особенностей волос и формы лица.",
-          button: {
-            text: "Записаться",
-          },
-          featuresTitle: "Что входит:",
-          features: [
-            "Консультация",
-            "Мытье головы",
-            "Стрижка",
-            "Укладка",
-          ],
         },
         {
-          id: "beard",
+          id: "beard",          tag: "Уход",          price: "800₽",          period: "борода",          description: "Моделирование бороды и усов с использованием косметики.",          button: {
-          tag: "Уход",
+            text: "Записаться"},
-          price: "800₽",
+          featuresTitle: "Что входит:",          features: [
-          period: "борода",
+            "Коррекция формы",            "Тримминг",            "Уход маслами"],
-          description: "Моделирование бороды и усов с использованием косметики.",
-          button: {
-            text: "Записаться",
-          },
-          featuresTitle: "Что входит:",
-          features: [
-            "Коррекция формы",
-            "Тримминг",
-            "Уход маслами",
-          ],
         },
         {
-          id: "shave",
+          id: "shave",          tag: "Премиум",          price: "1500₽",          period: "бритье",          description: "Классическое королевское бритье опасной бритвой.",          button: {
-          tag: "Премиум",
+            text: "Записаться"},
-          price: "1500₽",
+          featuresTitle: "Что входит:",          features: [
-          period: "бритье",
+            "Распаривание",            "Бритье",            "Холодный компресс"],
-          description: "Классическое королевское бритье опасной бритвой.",
-          button: {
-            text: "Записаться",
-          },
-          featuresTitle: "Что входит:",
-          features: [
-            "Распаривание",
-            "Бритье",
-            "Холодный компресс",
-          ],
         },
       ]}
       title="Услуги и цены"
@@ -249,64 +156,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Иван С.",          role: "Бизнесмен",          company: "Локальный бренд",          rating: 5,
-          name: "Иван С.",
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-wallpaper-black-marble-background_53876-145654.jpg?_wi=2",          imageAlt: "barber tools dark background"},
-          role: "Бизнесмен",
-          company: "Локальный бренд",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-wallpaper-black-marble-background_53876-145654.jpg?_wi=2",
-          imageAlt: "barber tools dark background",
-        },
         {
-          id: "2",
+          id: "2",          name: "Николай П.",          role: "Дизайнер",          company: "Creative Lab",          rating: 5,
-          name: "Николай П.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=4",          imageAlt: "barber grooming man dark room"},
-          role: "Дизайнер",
-          company: "Creative Lab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=4",
-          imageAlt: "barber grooming man dark room",
-        },
         {
-          id: "3",
+          id: "3",          name: "Сергей Л.",          role: "IT-специалист",          company: "TechStream",          rating: 5,
-          name: "Сергей Л.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg?_wi=3",          imageAlt: "luxury barbershop interior design"},
-          role: "IT-специалист",
-          company: "TechStream",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg?_wi=3",
-          imageAlt: "luxury barbershop interior design",
-        },
         {
-          id: "4",
+          id: "4",          name: "Алексей М.",          role: "Предприниматель",          company: "NovochMarket",          rating: 5,
-          name: "Алексей М.",
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-wallpaper-black-marble-background_53876-145654.jpg?_wi=3",          imageAlt: "barber tools dark background"},
-          role: "Предприниматель",
-          company: "NovochMarket",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-wallpaper-black-marble-background_53876-145654.jpg?_wi=3",
-          imageAlt: "barber tools dark background",
-        },
         {
-          id: "5",
+          id: "5",          name: "Артем К.",          role: "Спортсмен",          company: "Fitness Center",          rating: 5,
-          name: "Артем К.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=5",          imageAlt: "barber grooming man dark room"},
-          role: "Спортсмен",
-          company: "Fitness Center",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg?_wi=5",
-          imageAlt: "barber grooming man dark room",
-        },
       ]}
       kpiItems={[
         {
-          value: "96+",
+          value: "96+",          label: "довольных клиентов"},
-          label: "довольных клиентов",
-        },
         {
-          value: "4.4",
+          value: "4.4",          label: "средний рейтинг"},
-          label: "средний рейтинг",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "качества"},
-          label: "качества",
-        },
       ]}
       title="Отзывы клиентов"
       description="Нам доверяют свой стиль."
@@ -320,22 +191,14 @@ export default function LandingPage() {
       description="Московская ул., 61. Закрываемся в 21:00. В пятницу — аншлаг, бронируйте заранее."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Ваше имя",          required: true,
-          type: "text",
-          placeholder: "Ваше имя",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Телефон: +7 988 994-80-80",          required: true,
-          type: "tel",
-          placeholder: "Телефон: +7 988 994-80-80",
-          required: true,
         },
       ]}
       textarea={{
-        name: "service",
+        name: "service",        placeholder: "Желаемая услуга / Время",        rows: 3,
-        placeholder: "Желаемая услуга / Время",
-        rows: 3,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/barber-wallpaper-black-marble-background_53876-145654.jpg?_wi=4"
       mediaAnimation="slide-up"
@@ -343,41 +206,29 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
+      logoText="ЦАРЬ"
       columns={[
         {
-          title: "Локация",
+          title: "Локация",          items: [
-          items: [
             {
-              label: "Московская ул., 61, Новочеркасск",
+              label: "Московская ул., 61, Новочеркасск",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Связь",
+          title: "Связь",          items: [
-          items: [
             {
-              label: "+7 988 994-80-80",
+              label: "+7 988 994-80-80",              href: "tel:+79889948080"},
-              href: "tel:+79889948080",
-            },
             {
-              label: "arn.su",
+              label: "arn.su",              href: "http://arn.su"},
-              href: "http://arn.su",
-            },
           ],
         },
         {
-          title: "График",
+          title: "График",          items: [
-          items: [
             {
-              label: "Ежедневно до 21:00",
+              label: "Ежедневно до 21:00",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Пик: Пятница",
+              label: "Пик: Пятница",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -387,4 +238,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -13,11 +13,11 @@
   --background: #0a0a0a;
   --card: #171717;
   --foreground: #ffffff;
-  --primary-cta: #d4af37;
+  --primary-cta: #ff0000;
   --primary-cta-text: #000000;
   --secondary-cta: #1f1f1f;
   --secondary-cta-text: #ffffff;
-  --accent: #d4af37;
+  --accent: #ff0000;
   --background-accent: #262626;
 
   /* text sizing - set by ThemeProvider */