"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 NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
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="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "О производстве", id: "about" },
        { name: "Преимущества", id: "features" },
        { name: "Процесс", id: "process" },
        { name: "Контакты", 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: "Production overview" },
        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185402.jpg", imageAlt: "Factory interior" }
      ]}
      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/robotic-arm-moves-piece-wood-conveyor-automation-wood-manufacturing_166373-9090.jpg", imageAlt: "Automation" }
      ]}
      buttons={[{ text: "Получить консультацию", href: "#contact" }]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      tag="О производстве"
      title="О производстве"
      description="Timber Zone — это специализированное производственное направление нашего завода. Мы объединили 70 квалифицированных специалистов и передовое немецкое оборудование на одной площадке, чтобы обеспечить полный цикл работ: от распила плит до создания готовых мебельных решений."
      subdescription="3500 м² площадей, 70 специалистов, оборудование Holzma и Homag."
      icon={Building2}
      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
      useInvertedBackground={false}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      title="Ваши преимущества"
      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
      title="Процесс работы"
      description="Прозрачный путь вашего проекта."
      animationType="blur-reveal"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        { id: "1", badge: "01", price: "Заявка", subtitle: "Отправьте запрос", features: ["Консультация", "Техзадание"] },
        { id: "2", badge: "02", price: "Расчет", subtitle: "Подбор", features: ["Смета", "Проект"] },
        { id: "3", badge: "03", price: "Производство", subtitle: "Сборка", features: ["Распил", "Детализация"] },
        { id: "4", badge: "04", price: "Доставка", subtitle: "Логистика", features: ["Упаковка", "Доставка"] },
        { id: "5", badge: "05", price: "Установка", subtitle: "Монтаж", features: ["Сборка", "Инсталляция"] },
        { id: "6", badge: "06", price: "Проверка", subtitle: "Приемка", features: ["ОТК", "Сдача"] }
      ]}
    />
  </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={{ variant: "plain" }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Timber Zone"
      columns={[
        { title: "Навигация", items: [{ label: "Главная", href: "#hero" }, { label: "О производстве", href: "#about" }] },
        { title: "Контакты", items: [{ label: "pro-wood@gmail.com", href: "mailto:prowood@gmail.com" }, { label: "+998 77 282 06 06", href: "tel:+998772820606" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
