"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="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        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: "plain"}}
      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 sand delivery construction"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352613.jpg",          imageAlt: "dump truck sand delivery construction"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40897.jpg",          imageAlt: "dump truck sand delivery construction"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307731.jpg",          imageAlt: "dump truck sand delivery construction"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg",          imageAlt: "dump truck sand delivery construction"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194833.jpg",          imageAlt: "dump truck sand delivery construction"},
      ]}
    />
  </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"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      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"},
        {
          id: "p4",          brand: "Карьер",          name: "Для бетона",          price: "от 600 руб/м³",          rating: 5,
          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/rough-cement-concrete-wall-background_23-2148210188.jpg"},
        {
          id: "p5",          brand: "Карьер",          name: "Для засыпки",          price: "от 450 руб/м³",          rating: 5,
          reviewCount: "70",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15143.jpg"},
        {
          id: "p6",          brand: "Карьер",          name: "Сеяный песок",          price: "от 650 руб/м³",          rating: 5,
          reviewCount: "65",          imageSrc: "http://img.b2bpic.net/free-photo/sand-sea_1122-788.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
      useInvertedBackground={true}
      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"},
        {
          id: "t3",          name: "Дмитрий П.",          imageSrc: "http://img.b2bpic.net/free-photo/pebbles-shore_1122-750.jpg"},
        {
          id: "t4",          name: "ГК «Монолит»",          imageSrc: "http://img.b2bpic.net/free-photo/conch-seashells-with-sand-bubbler-beach_23-2148154023.jpg"},
        {
          id: "t5",          name: "Артем В.",          imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198852.jpg"},
      ]}
      cardTitle="Нам доверяют строители"
      cardTag="Клиенты"
      cardAnimation="slide-up"
    />
  </div>

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

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Оставить заявку на расчёт"
      description="Свяжитесь с нами сегодня, чтобы получить индивидуальную цену."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Ваше имя"},
        {
          name: "phone",          type: "tel",          placeholder: "Телефон"},
      ]}
      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>
  );
}