Update src/app/page.tsx

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import { Building2 } from "lucide-react";
@@ -19,292 +19,98 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="medium"
         sizing="large"
-        background="noiseDiagonalGradient"
+        background="noise"
-        cardStyle="subtle-shadow"
+        cardStyle="glass-depth"
-        primaryButtonStyle="primary-glow"
+        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "О производстве", id: "about" },
-          id: "hero",
+        { name: "Преимущества", id: "features" },
-        },
+        { name: "Процесс", id: "process" },
-        {
+        { name: "Контакты", id: "contact" },
-          name: "Production",
-          id: "about",
-        },
-        {
-          name: "Advantages",
-          id: "features",
-        },
-        {
-          name: "Process",
-          id: "process",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Timber Zone"
       button={{
-        text: "+998 77 282 06 06",
+        text: "+998 77 282 06 06",        href: "tel:+998772820606"}}
-        href: "tel:+998772820606",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Timber Zone — Европейские технологии на площади 3500 м²"
       description="Мы производим ЛМДФ-панели соответствующие европейским стандартам. Оставьте заявку на расчет стоимости или запишитесь на консультацию."
       leftCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/full-length-carpenter-with-face-mask-pulling-pallet-jack-workshop_637285-11771.jpg", imageAlt: "Production overview" },
-          imageSrc: "http://img.b2bpic.net/free-photo/full-length-carpenter-with-face-mask-pulling-pallet-jack-workshop_637285-11771.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185402.jpg", imageAlt: "Factory interior" }
-          imageAlt: "modern furniture factory manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185402.jpg",
-          imageAlt: "modern furniture factory manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/robotic-arm-moves-piece-wood-conveyor-automation-wood-manufacturing_166373-9090.jpg",
-          imageAlt: "modern furniture factory manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22879.jpg",
-          imageAlt: "modern furniture factory manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22889.jpg",
-          imageAlt: "modern furniture factory manufacturing",
-        },
       ]}
       rightCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/worker-operating-stationary-power-planer-processing-wooden-board-with-machine_1163-3149.jpg", imageAlt: "Machine precision" },
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-operating-stationary-power-planer-processing-wooden-board-with-machine_1163-3149.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/robotic-arm-moves-piece-wood-conveyor-automation-wood-manufacturing_166373-9090.jpg", imageAlt: "Automation" }
-          imageAlt: "modern furniture factory manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/craftsman-using-drill_1157-45885.jpg",
-          imageAlt: "modern furniture factory manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384827.jpg",
-          imageAlt: "modern furniture factory manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22907.jpg",
-          imageAlt: "modern furniture factory manufacturing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352649.jpg",
-          imageAlt: "modern furniture factory manufacturing",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Оставить заявку",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/wood-worker-his-shop-working-with-tools-equipment_23-2150861562.jpg",
-          alt: "Wood worker in his shop working with tools and equipment",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384845.jpg",
-          alt: "Man working in a mdf boards warehouse",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94947.jpg",
-          alt: "Man making surfboard",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-shot-wood-cutting-machine-factory_181624-42577.jpg",
-          alt: "Close shot of a wood cutting machine in a factory",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/manual-worker-putting-protective-gloves-while-working-carpentry-workshop-coronavirus-pandemic_637285-11711.jpg",
-          alt: "Manual worker putting protective gloves while working at carpentry workshop during coronavirus pandemic",
-        },
-      ]}
-      avatarText="Более 70 специалистов в нашей команде"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "ISO 9001 Certified",
-        },
-        {
-          type: "text",
-          text: "Precision CNC Technology",
-        },
-        {
-          type: "text",
-          text: "Sustainable Sourcing",
-        },
-        {
-          type: "text",
-          text: "Premium L-MDF Panels",
-        },
-        {
-          type: "text",
-          text: "European Standards",
-        },
       ]}
+      buttons={[{ text: "Получить консультацию", href: "#contact" }]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
-      useInvertedBackground={false}
       tag="О производстве"
-      title="Timber Zone — это специализированное производственное направление нашего завода."
+      title="О производстве"
-      description="Мы объединили 70 квалифицированных специалистов и передовое немецкое оборудование на одной площадке, чтобы обеспечить полный цикл работ: от распила плит до создания готовых мебельных решений."
+      description="Timber Zone — это специализированное производственное направление нашего завода. Мы объединили 70 квалифицированных специалистов и передовое немецкое оборудование на одной площадке, чтобы обеспечить полный цикл работ: от распила плит до создания готовых мебельных решений."
-      subdescription="Более 3 500 кв. м для полного цикла производства."
+      subdescription="3500 м² площадей, 70 специалистов, оборудование Holzma и Homag."
       icon={Building2}
-      imageSrc="http://img.b2bpic.net/free-photo/carpenter-joiner-working-stationary-power-planer-with-wooden-planks_1163-3144.jpg"
+      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
-      mediaAnimation="blur-reveal"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Высокое качество",
-          author: "TZ",
-          description: "Соответствие европейским стандартам ЛМДФ.",
-          tags: [
-            "Premium",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woodworking-plant-with-wood-sawing-machine-poster-about-woodworking-manufacturing_166373-9094.jpg",
-        },
-        {
-          id: "f2",
-          title: "Индивидуальные решения",
-          author: "TZ",
-          description: "Разработка проектов под вашу задачу.",
-          tags: [
-            "Tailored",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/exhausted-carpenter-having-backache-while-working-workshop_637285-11709.jpg",
-        },
-        {
-          id: "f3",
-          title: "Контроль качества",
-          author: "TZ",
-          description: "Многоступенчатая проверка продукции.",
-          tags: [
-            "Reliable",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-face-mask-stacking-planks-rack-carpentry-workshop_637285-11719.jpg",
-        },
-      ]}
       title="Ваши преимущества"
-      description="Мы предлагаем премиальный уровень качества и сервиса на каждом этапе нашего сотрудничества."
+      description="Премиальное качество и технологильность в каждом заказе."
+      textboxLayout="split"
+      useInvertedBackground={true}
+      animationType="blur-reveal"
+      features={[
+        { id: "1", title: "Высокое качество", author: "Timber Zone", description: "Стандарты качества ЛМДФ", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/close-shot-wood-cutting-machine-factory_181624-42577.jpg" },
+        { id: "2", title: "Индивидуальные решения", author: "Timber Zone", description: "Индивидуальное проектирование", tags: ["Custom"], imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384845.jpg" },
+        { id: "3", title: "Контроль качества", author: "Timber Zone", description: "Полный цикл контроля", tags: ["Check"], imageSrc: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94947.jpg" }
+      ]}
     />
   </div>
 
   <div id="process" data-section="process">
       <PricingCardOne
-      animationType="depth-3d"
+      title="Процесс работы"
+      description="Прозрачный путь вашего проекта."
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "1", badge: "01", price: "Заявка", subtitle: "Отправьте запрос", features: ["Консультация", "Техзадание"] },
-          id: "p1",
+        { id: "2", badge: "02", price: "Расчет", subtitle: "Подбор", features: ["Смета", "Проект"] },
-          badge: "Step 1",
+        { id: "3", badge: "03", price: "Производство", subtitle: "Сборка", features: ["Распил", "Детализация"] },
-          price: "01",
+        { id: "4", badge: "04", price: "Доставка", subtitle: "Логистика", features: ["Упаковка", "Доставка"] },
-          subtitle: "Заявка",
+        { id: "5", badge: "05", price: "Установка", subtitle: "Монтаж", features: ["Сборка", "Инсталляция"] },
-          features: [
+        { id: "6", badge: "06", price: "Проверка", subtitle: "Приемка", features: ["ОТК", "Сдача"] }
-            "Первичный контакт",
-            "Описание задачи",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Step 2",
-          price: "02",
-          subtitle: "Расчёт",
-          features: [
-            "Подбор материалов",
-            "Точный просчет стоимости",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Step 3",
-          price: "03",
-          subtitle: "Производство",
-          features: [
-            "Распил",
-            "Профессиональная обработка",
-          ],
-        },
-        {
-          id: "p4",
-          badge: "Step 4",
-          price: "04",
-          subtitle: "Доставка",
-          features: [
-            "Бережная упаковка",
-            "Своевременная логистика",
-          ],
-        },
-        {
-          id: "p5",
-          badge: "Step 5",
-          price: "05",
-          subtitle: "Установка",
-          features: [
-            "Монтаж на объекте",
-            "Аккуратная сборка",
-          ],
-        },
-        {
-          id: "p6",
-          badge: "Step 6",
-          price: "06",
-          subtitle: "Приемка",
-          features: [
-            "Финальная проверка",
-            "Сдача проекта",
-          ],
-        },
       ]}
-      title="Процесс работы"
-      description="Четкий и прозрачный путь от вашей идеи до готового мебельного решения."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
+      tag="Контакты"
+      title="Реализуйте свой проект с Timber Zone"
+      description="Получите расчет стоимости в течение 24 часов."
+      buttons={[{ text: "+998 77 282 06 06", href: "tel:+998772820606" }]}
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
-      tag="Реализуйте свой проект"
-      title="Получите расчет стоимости с Timber Zone"
-      description="Свяжитесь с нами прямо сейчас для консультации по вашему проекту."
-      buttons={[
-        {
-          text: "Позвонить +998 77 282 06 06",
-          href: "tel:+998772820606",
-        },
-      ]}
     />
   </div>
 
@@ -312,34 +118,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Timber Zone"
       columns={[
-        {
+        { title: "Навигация", items: [{ label: "Главная", href: "#hero" }, { label: "О производстве", href: "#about" }] },
-          title: "Компания",
+        { title: "Контакты", items: [{ label: "pro-wood@gmail.com", href: "mailto:prowood@gmail.com" }, { label: "+998 77 282 06 06", href: "tel:+998772820606" }] }
-          items: [
-            {
-              label: "О нас",
-              href: "#about",
-            },
-            {
-              label: "Преимущества",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Контакты",
-          items: [
-            {
-              label: "+998 77 282 06 06",
-              href: "tel:+998772820606",
-            },
-            {
-              label: "Email: info@timberzone.com",
-              href: "mailto:info@timberzone.com",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2025 | Timber Zone"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -15,7 +15,7 @@
   --foreground: #ffffff;
   --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #0a0a0a;
   --accent: #35c18b;
   --background-accent: #1a1a1a;