"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Shield, CheckCircle, Lock, Zap, DollarSign, User, CheckSquare, Award, MessageCircle, Mail, Phone, Briefcase, Store } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="blurBottom"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="VORONOI Logistic"
          navItems={[
            { name: "Услуги", id: "services" },
            { name: "О нас", id: "about" },
            { name: "Полезное", id: "useful" },
            { name: "FAQ", id: "faq" },
            { name: "Контакты", id: "contacts" }
          ]}
          button={{ text: "Получить расчет", href: "#lead-form" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Импорт товаров из Китая в Россию без серых схем и лишних рисков"
          description="Официальная доставка сборных грузов, таможенное оформление, сертификация и сопровождение под ключ. Рассчитаем стоимость и подберем оптимальный маршрут за 15 минут."
          tag="Белый импорт"
          tagIcon={Shield}
          tagAnimation="slide-up"
          buttons={[
            { text: "Получить расчет", href: "#lead-form" },
            { text: "Написать в Telegram", href: "https://t.me/voronoi_logistics" }
          ]}
          buttonAnimation="slide-up"
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/railwayman-checking-train-trailers-before-departure_342744-437.jpg?_wi=1", imageAlt: "Контейнеры логистика" },
            { imageSrc: "http://img.b2bpic.net/free-photo/two-guys-talking-about-work-work-garage-near-truck-transfer-documents-with-goods_1157-46509.jpg?_wi=1", imageAlt: "Таможенные документы" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-wearing-face-mask-while-going-through-paperwork-workshop_637285-11701.jpg?_wi=1", imageAlt: "Инспекция товара" },
            { imageSrc: "http://img.b2bpic.net/free-photo/warehouse-managers-visiting-large-warehouse-checking-distribution_342744-1520.jpg?_wi=1", imageAlt: "Сертификация" }
          ]}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/high-angle-man-office_23-2148480383.jpg", alt: "Александр Леонов" },
            { src: "http://img.b2bpic.net/free-photo/builder-young-man-construction-uniform-safety-helmet-looking-camera-smiling-confident-pointing-with-index-finger-side-standing-orange-background_141793-134435.jpg", alt: "Алексей Ли" },
            { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148815600.jpg", alt: "Татьяна Троянская" }
          ]}
          avatarText="Доверьтесь опыту профессионалов"
          background={{ variant: "plain" }}
          carouselPosition="right"
        />
      </div>

      <div id="benefits" data-section="benefits">
        <FeatureBento
          title="Почему клиенты выбирают VORONOI"
          description="Четыре главных преимущества, которые отличают нас от конкурентов"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Гарантия легальности",              description: "Официальные документы, корректный импорт, законная маркировка. Ваша покупка защищена полностью.",              bentoComponent: "icon-info-cards",              items: [
                { icon: CheckCircle, label: "Документы", value: "100%" },
                { icon: Lock, label: "Безопасность", value: "Гарантия" }
              ]
            },
            {
              title: "Расчет за 15 минут",              description: "Быстро считаем стоимость доставки и предлагаем лучший маршрут. Никаких скрытых комиссий.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Zap, label: "Скорость", value: "15 мин" },
                { icon: DollarSign, label: "Прозрачность", value: "100%" }
              ]
            },
            {
              title: "Личный менеджер",              description: "Один ответственный специалист ведет клиента по всей поставке. Всегда на связи.",              bentoComponent: "icon-info-cards",              items: [
                { icon: User, label: "Контакт", value: "24/7" },
                { icon: Phone, label: "Поддержка", value: "Личная" }
              ]
            },
            {
              title: "Полное сопровождение",              description: "От первого запроса до доставки на склад клиента. Мы ответственны за результат.",              bentoComponent: "icon-info-cards",              items: [
                { icon: CheckSquare, label: "Этапы", value: "Все" },
                { icon: Award, label: "Качество", value: "Премиум" }
              ]
            }
          ]}
        />
      </div>

      <div id="workflow" data-section="workflow">
        <FeatureBento
          title="Как мы работаем"
          description="Пять простых этапов от первого контакта до доставки груза"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              title: "Свяжитесь с нами",              description: "Напишите в мессенджер, позвоните или оставьте заявку. Мы откликнемся в течение часа.",              bentoComponent: "timeline",              heading: "Этап 1",              subheading: "Первый контакт",              items: [
                { label: "Telegram", detail: "@voronoi_logistics" },
                { label: "Телефон", detail: "+7 (XXX) XXX-XX-XX" },
                { label: "Email", detail: "info@voronoi.ru" }
              ],
              completedLabel: "Готово"
            },
            {
              title: "Быстрый расчет стоимости",              description: "Считаем стоимость и подбираем оптимальный маршрут. Все параметры обсудим с вами.",              bentoComponent: "timeline",              heading: "Этап 2",              subheading: "Расчет",              items: [
                { label: "Вес", detail: "Анализируем объем груза" },
                { label: "Маршрут", detail: "Подбираем оптимальный путь" },
                { label: "Сроки", detail: "Определяем время доставки" }
              ],
              completedLabel: "Рассчитано"
            },
            {
              title: "Забор груза и консолидация",              description: "Забираем товар у поставщика, доставляем на склад, объединяем партии для экономии.",              bentoComponent: "timeline",              heading: "Этап 3",              subheading: "Логистика",              items: [
                { label: "Забор", detail: "Забираем у поставщика в Китае" },
                { label: "Склад", detail: "Доставляем на наш склад" },
                { label: "Консолидация", detail: "Объединяем партии" }
              ],
              completedLabel: "Готово"
            },
            {
              title: "Таможенное оформление",              description: "Готовим документы, подбираем код ТН ВЭД, маркировку и разрешительные документы.",              bentoComponent: "timeline",              heading: "Этап 4",              subheading: "Таможня",              items: [
                { label: "Документы", detail: "Подготавливаем пакет" },
                { label: "Коды", detail: "Подбираем ТН ВЭД" },
                { label: "Маркировка", detail: "Официальная маркировка" }
              ],
              completedLabel: "Оформлено"
            },
            {
              title: "Доставка до вашего склада",              description: "Доставляем до склада, фулфилмента или нужного адреса в России. Отслеживаем весь путь.",              bentoComponent: "timeline",              heading: "Этап 5",              subheading: "Финиш",              items: [
                { label: "Доставка", detail: "Везем по России" },
                { label: "Отслеживание", detail: "Real-time трекинг" },
                { label: "Получение", detail: "На ваш адрес" }
              ],
              completedLabel: "Завершено"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardFour
          title="Наши услуги"
          description="Полный спектр решений для безопасного и прозрачного импорта из Китая"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "service-1",              name: "Доставка сборного груза",              price: "От расчета",              variant: "Белая доставка",              imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40906.jpg",              imageAlt: "Доставка сборного груза"
            },
            {
              id: "service-2",              name: "Таможенное оформление",              price: "Включено",              variant: "Полное сопровождение",              imageSrc: "http://img.b2bpic.net/free-photo/men-warehouse-working_23-2148886836.jpg",              imageAlt: "Таможенное оформление"
            },
            {
              id: "service-3",              name: "Сертификация товаров",              price: "От расчета",              variant: "Все документы",              imageSrc: "http://img.b2bpic.net/free-photo/warehouse-managers-visiting-large-warehouse-checking-distribution_342744-1520.jpg?_wi=2",              imageAlt: "Сертификация"
            },
            {
              id: "service-4",              name: "Инспекция товара в Китае",              price: "Опционально",              variant: "Контроль качества",              imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-wearing-face-mask-while-going-through-paperwork-workshop_637285-11701.jpg?_wi=2",              imageAlt: "Инспекция в Китае"
            },
            {
              id: "service-5",              name: "Оплата товара поставщику",              price: "Безопасно",              variant: "Без рисков",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-customer-paying-waitress-cafe_637285-8134.jpg",              imageAlt: "Безопасная оплата"
            },
            {
              id: "service-6",              name: "Консультация эксперта",              price: "Бесплатно",              variant: "Первая встреча",              imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-wearing-face-mask-while-going-through-paperwork-workshop_637285-11701.jpg?_wi=3",              imageAlt: "Консультация"
            }
          ]}
        />
      </div>

      <div id="why-white" data-section="why-white">
        <MediaAbout
          title="Почему белый импорт — правильный выбор"
          description="Маркетплейсы ужесточают требования. Документы и маркировка становятся обязательными. Белый импорт снижает риски штрафов, блокировок и потерь товара. Это инвестиция в стабильность и рост вашего бизнеса."
          imageSrc="http://img.b2bpic.net/free-photo/two-guys-talking-about-work-work-garage-near-truck-transfer-documents-with-goods_1157-46509.jpg?_wi=2"
          imageAlt="Официальные документы импорта"
          useInvertedBackground={true}
          buttons={[
            { text: "Узнать больше", href: "#faq" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Опыт и доверие"
          description="Цифры, которые говорят сами за себя"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "metric-1", icon: Briefcase, title: "Лет опыта в Китае", value: "11" },
            { id: "metric-2", icon: Store, title: "Лет в логистике", value: "16" },
            { id: "metric-3", icon: Store, title: "Магазинов на маркетплейсах", value: "30+" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TeamCardSix
          title="Люди, которые знают, как устроен импорт"
          description="Команда профессионалов с большим опытом в логистике, таможенном оформлении и работе с Китаем. Помогаем выстроить стабильную и прозрачную систему поставок в соответствии с государственными требованиями."
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="three-columns-all-equal-width"
          members={[
            {
              id: "member-1",              name: "Александр Леонов",              role: "Генеральный директор",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-office_23-2148480383.jpg",              imageAlt: "Александр Леонов"
            },
            {
              id: "member-2",              name: "Алексей Ли",              role: "Технический директор",              imageSrc: "http://img.b2bpic.net/free-photo/builder-young-man-construction-uniform-safety-helmet-looking-camera-smiling-confident-pointing-with-index-finger-side-standing-orange-background_141793-134435.jpg",              imageAlt: "Алексей Ли"
            },
            {
              id: "member-3",              name: "Татьяна Троянская",              role: "Директор по маркетингу",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148815600.jpg",              imageAlt: "Татьяна Троянская"
            }
          ]}
        />
      </div>

      <div id="partners" data-section="partners">
        <SocialProofOne
          title="Партнеры и клиенты, которым мы доверяем"
          description="Работаем с ведущими компаниями логистики, финансов и электронной коммерции"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Alibaba", "DHL", "FedEx", "Яндекс", "Озон", "Wildberries", "Сбербанк", "Tinkoff"]}
          logos={[
            "http://img.b2bpic.net/free-vector/multicolor-logo-design_1025-945.jpg",            "http://img.b2bpic.net/free-vector/construction_24908-54399.jpg",            "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147885820.jpg",            "http://img.b2bpic.net/free-vector/gradient-bulgarian-national-emblems-set_23-2149201498.jpg",            "http://img.b2bpic.net/free-vector/gradient-colored-go-logo-template_23-2148977660.jpg",            "http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo-template_23-2149704603.jpg",            "http://img.b2bpic.net/free-vector/global-economy-money-business_24877-50961.jpg",            "http://img.b2bpic.net/free-vector/gradient-bitcoin-logos-pack_23-2148972568.jpg"
          ]}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Отзывы клиентов"
          description="Люди, которые уже доверили нам свои поставки и остались довольны"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "review-1",              name: "Иван Петров",              date: "2 месяца назад",              title: "Владелец магазина электроники",              quote: "Первый раз заказывали через VORONOI. Все прошло гладко, документы в порядке, товар пришел в отличном состоянии. Теперь работаем с ними постоянно.",              tag: "Проверено",              avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg",              avatarAlt: "Иван Петров"
            },
            {
              id: "review-2",              name: "Мария Смирнова",              date: "1 месяц назад",              title: "Селлер на маркетплейсах",              quote: "Без VORONOI я бы не запустила свой магазин. Они помогли с документами, маркировкой, всей логистикой. Спокойствие в том, что все по закону.",              tag: "Клиент",              avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-posing-outdoors_23-2148603023.jpg",              avatarAlt: "Мария Смирнова"
            },
            {
              id: "review-3",              name: "Сергей Кравченко",              date: "3 недели назад",              title: "Руководитель отдела закупок",              quote: "Раньше считал белый импорт дорогим. Но после расчета в VORONOI понял, что это экономнее и безопаснее. Рекомендую коллегам.",              tag: "B2B",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-with-remote-control_23-2147624597.jpg",              avatarAlt: "Сергей Кравченко"
            },
            {
              id: "review-4",              name: "Елена Волкова",              date: "1 неделю назад",              title: "Директор онлайн-магазина",              quote: "Менеджер Алексей просто спас ситуацию. Груз был в спешке, но все сделали вовремя и качественно. Вот это сервис!",              tag: "VIP",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-portrait-with-hands-crossed_158595-2940.jpg",              avatarAlt: "Елена Волкова"
            },
            {
              id: "review-5",              name: "Дмитрий Лосев",              date: "2 недели назад",              title: "Предприниматель, импортер",              quote: "Работал с разными логистами. VORONOI — честные парни. Расчет совпадает с фактом, никаких скрытых комиссий.",              tag: "Надежный",              avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1597.jpg",              avatarAlt: "Дмитрий Лосев"
            },
            {
              id: "review-6",              name: "Анна Козлова",              date: "2 месяца назад",              title: "Основатель стартапа",              quote: "С нулевым опытом в импорте начала работать с VORONOI. Они все объяснили, провели через все этапы. Спасибо за профессионализм!",              tag: "Новичок",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-serious-businessman_23-2147985507.jpg",              avatarAlt: "Анна Козлова"
            }
          ]}
        />
      </div>

      <div id="lead-magnet" data-section="lead-magnet">
        <ContactSplitForm
          title="Получите бесплатно шаблоны необходимых документов"
          description="Если вы заказываете товары из Китая, правильно подготовленный пакет документов защищает от ошибок, задержек и неприятных сюрпризов. Скачайте наши проверенные шаблоны и начните безопасный импорт."
          imageSrc="http://img.b2bpic.net/free-photo/two-guys-talking-about-work-work-garage-near-truck-transfer-documents-with-goods_1157-46509.jpg?_wi=3"
          imageAlt="Документы импорта"
          useInvertedBackground={false}
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputs={[
            { name: "telegram", type: "text", placeholder: "@ваш_telegram_username", required: true },
            { name: "email", type: "email", placeholder: "ваш@email.com", required: false }
          ]}
          buttonText="Получить шаблоны"
        />
      </div>

      <div id="seo-content" data-section="seo-content">
        <MediaAbout
          title="Доставка грузов из Китая в Россию — комплексное логистическое решение"
          description="Перевозка товаров из Китая требует глубокого понимания таможенного законодательства, процедур маркировки и сертификации. VORONOI Logistic предоставляет прозрачную схему доставки с предсказуемыми расходами и полным сопровождением на всех этапах. Уверенность в каждом этапе — это основа успешного импорта."
          imageSrc="http://img.b2bpic.net/free-photo/railwayman-checking-train-trailers-before-departure_342744-437.jpg?_wi=2"
          imageAlt="Логистический контейнер"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Часто задаваемые вопросы"
          description="Ответы на вопросы, которые помогут вам начать работу"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="blur-reveal"
          faqs={[
            {
              id: "faq-1",              title: "В чем отличие карго-доставки от белой?",              content: "Карго-доставка часто использует неофициальные каналы и несет риски конфискации товара или штрафов. Белый импорт — это официальная доставка со всеми документами, таможенным оформлением и маркировкой. Это безопаснее и масштабируемо для растущего бизнеса."
            },
            {
              id: "faq-2",              title: "Сколько занимает доставка из Китая?",              content: "В среднем 20-35 дней в пути плюс время на таможенное оформление. Точные сроки зависят от маршрута, объема груза и времени года. Мы предоставим вам детальный прогноз на этапе расчета."
            },
            {
              id: "faq-3",              title: "Какие документы нужны для импорта?",              content: "Коммерческий счет (Invoice), упаковочный лист (Packing List), сертификаты качества, счет-фактура, таможенная декларация, грузовая таможенная декларация. Все документы мы готовим с вами. Получите наши шаблоны бесплатно."
            },
            {
              id: "faq-4",              title: "Можно ли привезти товар для маркетплейсов официально?",              content: "Да, это возможно и все более необходимо. Маркетплейсы (Озон, Wildberries, Яндекс.Маркет) требуют сертификацию, маркировку и все документы. Мы помогаем выполнить все требования."
            },
            {
              id: "faq-5",              title: "Делаете ли вы сертификацию и маркировку?",              content: "Да, мы организуем как обязательную сертификацию (ГОСТ, ТРТС и т.д.), так и маркировку согласно требованиям закона. Это входит в наш полный спектр услуг."
            },
            {
              id: "faq-6",              title: "Можно ли оплатить товар поставщику через вас?",              content: "Да, мы оказываем услугу безопасной оплаты товара поставщику. Это исключает риски мошенничества и защищает ваши средства."
            },
            {
              id: "faq-7",              title: "Работаете ли вы с небольшими партиями?",              content: "Да, мы работаем как с малыми партиями (сборный груз), так и с полными контейнерами. Даже маленькие заказы имеют смысл благодаря консолидации."
            },
            {
              id: "faq-8",              title: "Помогаете ли вы подобрать код ТН ВЭД?",              content: "Да, это одна из наших ключевых услуг. Правильный код ТН ВЭД критичен для таможни. Мы подбираем коды на основе характеристик товара и актуальных требований."
            }
          ]}
        />
      </div>

      <div id="final-cta" data-section="final-cta">
        <ContactSplitForm
          title="Рассчитаем стоимость доставки вашего груза за 15 минут"
          description="Оставьте заявку, и наш специалист свяжется с вами в течение часа с предложением и расчетом оптимального маршрута."
          imageSrc="http://img.b2bpic.net/free-photo/railwayman-checking-train-trailers-before-departure_342744-437.jpg?_wi=3"
          imageAlt="Грузовая логистика"
          useInvertedBackground={true}
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Ваше имя", required: true },
            { name: "contact", type: "text", placeholder: "Telegram, WhatsApp или телефон", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Расскажите о вашем грузе: что везете, объем, примерный вес",            rows: 4,
            required: false
          }}
          buttonText="Получить расчет"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Услуги",              items: [
                { label: "Доставка из Китая", href: "#services" },
                { label: "Таможенное оформление", href: "#services" },
                { label: "Сертификация товаров", href: "#services" },
                { label: "Консультация", href: "#lead-magnet" }
              ]
            },
            {
              title: "О нас",              items: [
                { label: "Как мы работаем", href: "#workflow" },
                { label: "Наша команда", href: "#about" },
                { label: "Опыт", href: "#metrics" },
                { label: "Отзывы", href: "#testimonials" }
              ]
            },
            {
              title: "Контакты",              items: [
                { label: "Telegram", href: "https://t.me/voronoi_logistics" },
                { label: "Email", href: "mailto:info@voronoi.ru" },
                { label: "Получить расчет", href: "#final-cta" }
              ]
            },
            {
              title: "Полезное",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Белый импорт", href: "#why-white" },
                { label: "Партнеры", href: "#partners" }
              ]
            }
          ]}
          copyrightText="© 2024–2025 VORONOI Logistic. Все права защищены."
        />
      </div>
    </ThemeProvider>
  );
}