"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { CheckCircle } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Buildings",          id: "products"},
        {
          name: "Features",          id: "features"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="West Storage"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars"}}
      title="Built to Last: Premium Wood & Metal Buildings"
      description="Customized storage solutions, workshops, and garages designed for durability and style. Transform your property with West Storage Company."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-ceiling-structure-pavilion-gazebo_181624-55037.jpg?_wi=1",          imageAlt: "Large metal workshop building"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498462.jpg?_wi=1",          imageAlt: "Custom storage shed"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/metal-glass-structure_1127-2042.jpg?_wi=1",          imageAlt: "Steel warehouse structure"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-old-warehouse-with-old-trains-stored-inside_181624-13915.jpg",          imageAlt: "Equipment storage facility"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397573.jpg",          imageAlt: "Modern metal structure"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Decades of Construction Expertise"
      description={[
        "West Storage Company specializes in delivering high-quality, weather-resistant wood and metal structures. Our commitment to excellence ensures every building we deliver is a testament to durability.",        "From concept to construction, our dedicated team handles every detail, ensuring your building stands the test of time while fitting seamlessly into your landscape."]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Compact Shed",          price: "Starting at $2,500",          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13531.jpg"},
        {
          id: "2",          name: "Steel Workshop",          price: "Starting at $8,900",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432339.jpg"},
        {
          id: "3",          name: "Large Warehouse",          price: "Starting at $15,000",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207753.jpg"},
        {
          id: "4",          name: "Studio Workshop",          price: "Starting at $12,000",          imageSrc: "http://img.b2bpic.net/free-photo/stack-weathered-wooden-planks_632498-60827.jpg"},
        {
          id: "5",          name: "Garden Utility",          price: "Starting at $3,200",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-closet-with-sheets-ceiling_23-2147625763.jpg"},
        {
          id: "6",          name: "Custom Storage Barn",          price: "Starting at $7,500",          imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-mailbox-wood-background_1232-2981.jpg"},
      ]}
      title="Our Building Catalog"
      description="Explore our diverse range of storage solutions, from compact sheds to expansive workshop facilities."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Weatherproof Steel",          description: "High-gauge galvanized steel resistant to rust and extreme conditions.",          buttonIcon: CheckCircle,
          imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1922.jpg",          imageAlt: "durable workshop building wide angle"},
        {
          title: "Precision Framing",          description: "Engineered wood frames for superior structural integrity.",          buttonIcon: CheckCircle,
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-ceiling-structure-pavilion-gazebo_181624-55037.jpg?_wi=2",          imageAlt: "durable workshop building wide angle"},
        {
          title: "Fast Deployment",          description: "Optimized construction timelines without sacrificing build quality.",          buttonIcon: CheckCircle,
          imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498462.jpg?_wi=2",          imageAlt: "durable workshop building wide angle"},
        {
          title: "Custom Designs",          description: "Tailored aesthetics to match your property's specific needs.",          buttonIcon: CheckCircle,
          imageSrc: "http://img.b2bpic.net/free-photo/metal-glass-structure_1127-2042.jpg?_wi=2",          imageAlt: "durable workshop building wide angle"},
      ]}
      title="Why Choose West Storage?"
      description="We don't just build structures; we build peace of mind for your assets."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "John Doe",          imageSrc: "http://img.b2bpic.net/free-photo/mature-manager-communicating-with-female-distribution-warehouse-worker-industrial-building_637285-4899.jpg"},
        {
          id: "2",          name: "Jane Smith",          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-using-digital-tablet-while-talking-car-mechanics-auto-repair-shop_637285-4225.jpg"},
        {
          id: "3",          name: "Mark Wilson",          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12772.jpg"},
        {
          id: "4",          name: "Alice Brown",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-middle-aged-carpenter-with-wood-plank-tools-standing-his-woodworking-workshop_342744-821.jpg"},
        {
          id: "5",          name: "Robert Taylor",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
      ]}
      cardTitle="What Our Clients Say"
      cardAnimation="slide-up"
      cardTag="Testimonials"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "Do I need a building permit?",          content: "Our team assists with permit paperwork guidance based on your local regulations."},
        {
          id: "2",          title: "How long does construction take?",          content: "Most projects are completed within 2 to 6 weeks depending on size."},
        {
          id: "3",          title: "Do you provide warranties?",          content: "Yes, all structures include a 10-year structural warranty."},
      ]}
      title="Frequently Asked Questions"
      description="Answers to common concerns about our construction process."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Ready for your project?"
      description="Get a free quote by filling out this form today."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Describe your building needs",        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/retail-storehouse-employees-checking-clipboard-with-orders-list-storage-room-warehouse-supervisor-explaining-goods-inventory-system-asian-man-package-handler-crutches_482257-71311.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-scenery-sunset-sky-with-colorful-clouds-cityscape_181624-28639.jpg"
      logoText="West Storage"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Projects",              href: "#products"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
