"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
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 PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Building2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          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",
        href: "tel:+998772820606",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        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: "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: "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",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="О производстве"
      title="Timber Zone — это специализированное производственное направление нашего завода."
      description="Мы объединили 70 квалифицированных специалистов и передовое немецкое оборудование на одной площадке, чтобы обеспечить полный цикл работ: от распила плит до создания готовых мебельных решений."
      subdescription="Более 3 500 кв. м для полного цикла производства."
      icon={Building2}
      imageSrc="http://img.b2bpic.net/free-photo/carpenter-joiner-working-stationary-power-planer-with-wooden-planks_1163-3144.jpg"
      mediaAnimation="blur-reveal"
    />
  </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="Мы предлагаем премиальный уровень качества и сервиса на каждом этапе нашего сотрудничества."
    />
  </div>

  <div id="process" data-section="process">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          badge: "Step 1",
          price: "01",
          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
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Реализуйте свой проект"
      title="Получите расчет стоимости с Timber Zone"
      description="Свяжитесь с нами прямо сейчас для консультации по вашему проекту."
      buttons={[
        {
          text: "Позвонить +998 77 282 06 06",
          href: "tel:+998772820606",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Timber Zone"
      columns={[
        {
          title: "Компания",
          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>
    </ThemeProvider>
  );
}