"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              { name: "Преимущества", id: "advantages" },
              { name: "Каталог", id: "catalog" },
              { name: "Как работаем", id: "process" },
              { name: "Контакты", id: "contact" },
            ]}
            button={{ text: "Заказать", href: "#contact" }}
            brandName="SandMaster"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardCarousel
            background={{ variant: "radial-gradient" }}
            title="Песок с доставкой от 5 м³ — точно в срок"
            description="Гарантируем доставку точно в выбранное вами 2-часовое окно. Работаем напрямую с карьерами и доставляем песок собственным автопарком в день заказа."
            buttons={[
              { text: "Оставить заявку", href: "#contact" },
              { text: "Позвонить", href: "tel:+79990000000" },
            ]}
            mediaItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/building-construction-work-site_23-2149184911.jpg", imageAlt: "dump truck" },
              { imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352613.jpg", imageAlt: "worker" },
              { imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40897.jpg", imageAlt: "technician" }
            ]}
          />
        </div>

        <div id="advantages" data-section="advantages">
          <FeatureCardTwentySeven
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            features={[
              { id: "a1", title: "Собственный транспорт", descriptions: ["Более 20 самосвалов в автопарке."], imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg" },
              { id: "a2", title: "Честный объём", descriptions: ["Никаких недогрузов, работаем по ГОСТ."], imageSrc: "http://img.b2bpic.net/free-photo/aerial-overhead-shot-fertilizer-machine-farming-field-daytime_181624-25600.jpg" },
              { id: "a3", title: "Прямые цены", descriptions: ["Собственные карьеры без наценок посредников."], imageSrc: "http://img.b2bpic.net/free-photo/appointment-schedule-calendar-event-meeting-concept_53876-121132.jpg" }
            ]}
            title="Почему выбирают нас"
            description="Надёжность и прозрачность на каждом этапе поставки."
          />
        </div>

        <div id="catalog" data-section="catalog">
          <ProductCardTwo
            animationType="slide-up"
            gridVariant="four-items-2x2-equal-grid"
            textboxLayout="default"
            useInvertedBackground={true}
            products={[
              { id: "p1", brand: "Карьер", name: "Песок карьерный", price: "от 500 руб/м³", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/tiled-stones_1194-5379.jpg" },
              { id: "p2", brand: "Карьер", name: "Песок мытый", price: "от 700 руб/м³", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15108.jpg" },
              { id: "p3", brand: "Карьер", name: "Речной песок", price: "от 850 руб/м³", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15257.jpg" }
            ]}
            title="Наш ассортимент"
            description="Песок для любых строительных нужд."
          />
        </div>

        <div id="process" data-section="process">
          <MediaAbout
            useInvertedBackground={false}
            title="Как проходит работа"
            description="Всего 4 шага до вашего материала на объекте."
            buttons={[{ text: "Заказать звонок", href: "#contact" }]}
            imageSrc="http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229212.jpg"
          />
        </div>

        <div id="trust" data-section="trust">
          <TestimonialCardTwelve
            cardAnimation="slide-up"
            useInvertedBackground={true}
            cardTitle="Нам доверяют строители"
            cardTag="Клиенты"
            testimonials={[
              { id: "t1", name: "Иван С.", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198851.jpg" },
              { id: "t2", name: "ООО «Строй-М»", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-powder-with-copy-space_23-2148862861.jpg" }
            ]}
          />
        </div>

        <div id="faqs" data-section="faqs">
          <FaqSplitMedia
            faqsAnimation="slide-up"
            mediaAnimation="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            title="Частые вопросы"
            description="Отвечаем на основные вопросы клиентов."
            faqs={[
              { id: "q1", title: "Скорость доставки?", content: "Мы осуществляем доставку в день заказа, чтобы вы могли приступить к работе без задержек." },
              { id: "q2", title: "Минимальный объём заказа?", content: "Мы доставляем песок объёмом от 5 кубических метров." }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40891.jpg"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={true}
            title="Оставить заявку на расчёт"
            description="Свяжитесь с нами сегодня, чтобы получить индивидуальную цену."
            inputs={[
              { name: "name", type: "text", placeholder: "Ваше имя", required: true },
              { name: "phone", type: "tel", placeholder: "Телефон", required: true }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/architecture-concept-with-laptop-workspace_23-2147813082.jpg"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoReveal
            logoText="SandMaster © 2024"
            leftLink={{ text: "Политика конфиденциальности", href: "#" }}
            rightLink={{ text: "Контакты", href: "#contact" }}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}