"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Truck, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Products",          id: "products"},
        {
          name: "Pricing",          id: "pricing"},
        {
          name: "Support",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="BuildTool Wholesale"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars"}}
      title="Professional Tools Wholesale Prices Delivered Fast"
      description="Trusted by thousands of contractors nationwide. Bulk ordering made simple with competitive pricing, dedicated support, and same-week shipping on in-stock items."
      buttons={[
        {
          text: "Get Wholesale Pricing",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/old-construction-hand-tool-set-with-worker-hand-white-wooden-background_1150-6089.jpg",          imageAlt: "Construction Tool Bulk Set"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-worker-wearing-gloves_23-2149916269.jpg",          imageAlt: "Construction Tool Warehouse"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1779.jpg",          imageAlt: "Tools Inventory"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woodworking-specialist-using-sandpaper-manual-sanding-lumber-close-up_482257-98011.jpg",          imageAlt: "Contractor Solutions"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2528.jpg",          imageAlt: "Logistics Services"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-safety-goggles-work-tools_169016-17031.jpg",          imageAlt: "Professional Gear"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Same-Week Shipping",          description: "Get the tools you need when you need them. Our streamlined supply chain ensures rapid delivery nationwide.",          imageSrc: "http://img.b2bpic.net/free-photo/new-year-2022-forklift-is-lifting-cardboard-box-with-number-2_35913-2301.jpg",          imageAlt: "Fast Shipping"},
        {
          title: "Dedicated Support",          description: "Account managers who know your business and provide technical support whenever you need it.",          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-talking-mobile-phone-unhappy-stress-blue-isolated-wall_141793-15985.jpg",          imageAlt: "Expert Support"},
        {
          title: "Tiered Bulk Discounts",          description: "Maximize your margins with transparent, volume-based pricing structures for contractors and resellers.",          imageSrc: "http://img.b2bpic.net/free-photo/realistic-red-price-tag-label-with-golden-ring-special-order-discount-shopping-promotion-sale-concept-by-3d-render-illustration_616485-116.jpg",          imageAlt: "Bulk Pricing"},
      ]}
      title="Why Construction Pros Choose Us"
      description="We understand the demands of your jobsite. Our service is designed to keep you productive and profitable."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Heavy Duty Drill",          price: "$129.99",          imageSrc: "http://img.b2bpic.net/free-photo/electric-hammer-drill-lies-wooden-table_93675-132463.jpg"},
        {
          id: "p2",          name: "Angle Grinder",          price: "$89.50",          imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-sawing-wooden-boards_329181-3763.jpg"},
        {
          id: "p3",          name: "Pneumatic Nailer",          price: "$215.00",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-hammering-nails_74855-5663.jpg"},
        {
          id: "p4",          name: "Circular Saw",          price: "$155.00",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384812.jpg"},
        {
          id: "p5",          name: "Laser Level",          price: "$349.99",          imageSrc: "http://img.b2bpic.net/free-photo/builder-uniform-digital-tablet-wooden-background-flat-lay_169016-24012.jpg"},
        {
          id: "p6",          name: "Hammer Drill",          price: "$189.00",          imageSrc: "http://img.b2bpic.net/free-photo/working-tools-things-worker-builder-electrician-top-view_169016-25063.jpg"},
      ]}
      title="Industrial-Grade Inventory"
      description="Browse our catalog of high-performance tools designed for the toughest jobs."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          badge: "Contractor",          price: "Custom",          subtitle: "For individual construction projects",          buttons: [
            {
              text: "Apply Now",              href: "#contact"},
          ],
          features: [
            "Volume pricing",            "Standard support",            "7-day shipping"],
        },
        {
          id: "pro",          badge: "Foreman",          price: "Custom",          subtitle: "For growing construction firms",          buttons: [
            {
              text: "Request Quote",              href: "#contact"},
          ],
          features: [
            "Tiered discounts",            "Dedicated manager",            "3-day shipping"],
        },
        {
          id: "enterprise",          badge: "Reseller",          price: "Custom",          subtitle: "For equipment retailers",          buttons: [
            {
              text: "Contact Sales",              href: "#contact"},
          ],
          features: [
            "Max wholesale pricing",            "Account management",            "Same-day priority"],
        },
      ]}
      title="Wholesale Account Tiers"
      description="Choose the purchasing plan that matches your business scale."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "5000+",          title: "Active Contractors",          description: "Serving professionals nationwide",          icon: Users,
        },
        {
          id: "m2",          value: "98%",          title: "On-Time Arrival",          description: "Reliable shipping standards",          icon: Truck,
        },
        {
          id: "m3",          value: "15k+",          title: "Tools Shipped",          description: "Inventory managed monthly",          icon: Wrench,
        },
      ]}
      title="Built for Reliability"
      description="We serve thousands of partners who trust our quality and service delivery."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Miller",          role: "CEO",          company: "Miller Construction",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-camera_23-2148242927.jpg"},
        {
          id: "2",          name: "James Chen",          role: "Site Manager",          company: "Apex Builds",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-sitting-stool-office_23-2147899682.jpg"},
        {
          id: "3",          name: "Robert Davis",          role: "Founder",          company: "Robust Tools",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615020.jpg"},
        {
          id: "4",          name: "Elena Rodriguez",          role: "Procurement",          company: "Global Group",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-with-helmet_23-2148921383.jpg"},
        {
          id: "5",          name: "Marcus Thorne",          role: "Director",          company: "Thorne Development",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg"},
      ]}
      kpiItems={[
        {
          value: "10 Years",          label: "Industry Presence"},
        {
          value: "4.9/5",          label: "Client Rating"},
        {
          value: "24/7",          label: "Service Availability"},
      ]}
      title="Trusted by Construction Leaders"
      description="See why top firms choose our wholesale tools to get the job done."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "Предоставляете ли вы отсрочку платежа для бизнеса?",          content: "Да, мы предоставляем отсрочку платежа для компаний после краткой проверки кредитоспособности."},
        {
          id: "f2",          title: "Каков минимальный объем заказа?",          content: "Наш минимальный оптовый заказ зависит от категории товара, обычно от 500 долларов для получения права на оптовые цены."},
        {
          id: "f3",          title: "Предоставляете ли вы техническую поддержку?",          content: "Да, наши специалисты по продукции готовы ответить на любые вопросы о характеристиках или совместимости товаров."},
      ]}
      title="Часто задаваемые вопросы"
      description="Найдите быстрые ответы на вопросы о наших оптовых заказах и политике доставки."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      text="Готовы узнать оптовые цены? Свяжитесь с нашей командой сегодня и масштабируйте свою цепочку поставок."
      buttons={[
        {
          text: "Связаться с нашей командой",          href: "mailto:hello@example.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Products",              href: "#products"},
            {
              label: "Pricing",              href: "#pricing"},
          ],
        },
        {
          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="BuildTool Wholesale"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}