Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -29,17 +29,11 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "О студии",
+          name: "О студии",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Процесс",
+          name: "Процесс",          id: "process"},
-          id: "process",
-        },
         {
-          name: "Контакты",
+          name: "Контакты",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="LOCO architect"
     />
@@ -48,62 +42,39 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Вы приходите с участком и бюджетом — мы уходим когда вручаем ключи"
       description="LOCO Architect— комплексный подход к архитектуре в Ташкенте."
       buttons={[
         {
-          text: "Оставить контакт",
+          text: "Оставить контакт",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/building-exterior-with-window-balcony-pattern_74190-8325.jpg"
       videoSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg"
       mediaAnimation="opacity"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797658.jpg",
+          src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797658.jpg",          alt: "Modern office space with futuristic decor"},
-          alt: "Modern office space with futuristic decor",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821376.jpg",
+          src: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821376.jpg",          alt: "Futuristic kitchen interior design"},
-          alt: "Futuristic kitchen interior design",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg",
+          src: "http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg",          alt: "Photo of concrete stairs"},
-          alt: "Photo of concrete stairs",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg",
+          src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg",          alt: "Modern office space with futuristic decor"},
-          alt: "Modern office space with futuristic decor",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-29780.jpg",
+          src: "http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-29780.jpg",          alt: "Low angle view of the skylight"},
-          alt: "Low angle view of the skylight",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Архитектура"},
-          text: "Архитектура",
-        },
         {
-          type: "text",
+          type: "text",          text: "Дизайн"},
-          text: "Дизайн",
-        },
         {
-          type: "text",
+          type: "text",          text: "Строительство"},
-          text: "Строительство",
-        },
         {
-          type: "text",
+          type: "text",          text: "Геология"},
-          text: "Геология",
-        },
         {
-          type: "text",
+          type: "text",          text: "Авторский надзор"},
-          text: "Авторский надзор",
-        },
       ]}
     />
   </div>
@@ -113,8 +84,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Стройка без системы"
       description={[
-        "Архитектор, строители, поставщики — каждый сам по себе. Вы посередине.",
+        "Архитектор, строители, поставщики — каждый сам по себе. Вы посередине."]}
-      ]}
     />
   </div>
 
@@ -123,8 +93,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Наш подход"
       description={[
-        "Один договор. Геология. Проект. Строительство. Сдача. Одна команда. Один ответственный.",
+        "Один договор. Геология. Проект. Строительство. Сдача. Одна команда. Один ответственный."]}
-      ]}
     />
   </div>
 
@@ -135,34 +104,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          label: "Шаг 1",          title: "Анализ участка",          items: [
-          label: "Шаг 1",
+            "Оценка грунта",            "Инсоляция",            "Топография"],
-          title: "Анализ участка",
-          items: [
-            "Оценка грунта",
-            "Инсоляция",
-            "Топография",
-          ],
         },
         {
-          id: "2",
+          id: "2",          label: "Шаг 2",          title: "Проектирование и смета",          items: [
-          label: "Шаг 2",
+            "Архитектурный проект",            "Конструктив",            "Детальный бюджет"],
-          title: "Проектирование и смета",
-          items: [
-            "Архитектурный проект",
-            "Конструктив",
-            "Детальный бюджет",
-          ],
         },
         {
-          id: "3",
+          id: "3",          label: "Шаг 3",          title: "Реализация и сдача",          items: [
-          label: "Шаг 3",
+            "Строительство",            "Авторский надзор",            "Передача ключей"],
-          title: "Реализация и сдача",
-          items: [
-            "Строительство",
-            "Авторский надзор",
-            "Передача ключей",
-          ],
         },
       ]}
       title="Как мы работаем"
@@ -175,8 +126,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Для кого мы работаем"
       description={[
-        "Мы работаем с теми, у кого есть деньги и нет желания тратить время на процесс.",
+        "Мы работаем с теми, у кого есть деньги и нет желания тратить время на процесс."]}
-      ]}
     />
   </div>
 
@@ -186,45 +136,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          title: "Профессионалы",          quote: "Полное спокойствие на каждом этапе.",          name: "Алишер К.",          role: "Бизнесмен",          imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210751.jpg"},
-          title: "Профессионалы",
-          quote: "Полное спокойствие на каждом этапе.",
-          name: "Алишер К.",
-          role: "Бизнесмен",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210751.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          title: "Качество",          quote: "Системный подход сэкономил мне кучу времени.",          name: "Елена М.",          role: "Предприниматель",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-wave-background_1017-3114.jpg"},
-          title: "Качество",
-          quote: "Системный подход сэкономил мне кучу времени.",
-          name: "Елена М.",
-          role: "Предприниматель",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-wave-background_1017-3114.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          title: "Надежность",          quote: "От проекта до ключей без головной боли.",          name: "Рустам Д.",          role: "Инвестор",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-145164.jpg"},
-          title: "Надежность",
-          quote: "От проекта до ключей без головной боли.",
-          name: "Рустам Д.",
-          role: "Инвестор",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-145164.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          title: "Локация",          quote: "Лучшие архитектурные решения в Ташкенте.",          name: "Дильдора Х.",          role: "Частный заказчик",          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012374.jpg"},
-          title: "Локация",
-          quote: "Лучшие архитектурные решения в Ташкенте.",
-          name: "Дильдора Х.",
-          role: "Частный заказчик",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012374.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          title: "Результат",          quote: "Премиальный уровень сервиса и качества.",          name: "Бахтиёр С.",          role: "Владелец бизнеса",          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-full-shot_23-2148993903.jpg"},
-          title: "Результат",
-          quote: "Премиальный уровень сервиса и качества.",
-          name: "Бахтиёр С.",
-          role: "Владелец бизнеса",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-full-shot_23-2148993903.jpg",
-        },
       ]}
       title="Почему LOCO"
       description="Мнения наших клиентов о сотрудничестве."
@@ -238,25 +158,17 @@ export default function LandingPage() {
       description="Оставьте заявку, и мы свяжемся с вами для обсуждения деталей."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Ваше имя",          required: true,
-          type: "text",
-          placeholder: "Ваше имя",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Номер телефона",          required: true,
-          type: "tel",
-          placeholder: "Номер телефона",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Краткое описание задачи",        rows: 4,
-        placeholder: "Краткое описание задачи",
-        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg"
-      buttonText="Разберём ваш объект"
+      buttonText="Получить консультацию специалиста"
     />
   </div>
 
@@ -265,29 +177,19 @@ export default function LandingPage() {
       logoText="LOCO architect"
       columns={[
         {
-          title: "Навигация",
+          title: "Навигация",          items: [
-          items: [
             {
-              label: "О студии",
+              label: "О студии",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Процесс",
+              label: "Процесс",              href: "#process"},
-              href: "#process",
-            },
           ],
         },
         {
-          title: "Связь",
+          title: "Связь",          items: [
-          items: [
             {
-              label: "Telegram",
+              label: "Telegram",              href: "https://t.me/locostudio"},
-              href: "https://t.me/locostudio",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "https://instagram.com/locostudio"},
-              href: "https://instagram.com/locostudio",
-            },
           ],
         },
       ]}
@@ -297,4 +199,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #0e190f;
-  --foreground: #1c1c1c;
+  --foreground: #ffffff;
-  --primary-cta: #1f514c;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #0a1a0c;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0d200f;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #d4f6d8;
-  --accent: #159c49;
+  --accent: #132d17;
-  --background-accent: #a8e8ba;
+  --background-accent: #223c26;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);