"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Hammer, Instagram, Linkedin, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Unbroken Builders"
          navItems={[
            { name: "About", id: "about" },
            { name: "Projects", id: "projects" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Get a Quote",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Building Strong Foundations in Las Vegas"
          description="Professional construction services delivering excellence, durability, and reliability for residential and commercial projects across Nevada"
          tag="Expert Builders"
          tagIcon={Hammer}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg",              imageAlt: "Modern construction project in Las Vegas"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg",              imageAlt: "Commercial building under construction"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg",              imageAlt: "Residential construction development"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/bright-shot-new-buildings-neighborhood_23-2147694723.jpg",              imageAlt: "Industrial construction framework"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg",              imageAlt: "Professional renovation project"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-discussing-blueprint-with-architects_107420-74345.jpg",              imageAlt: "Construction team at work"
            }
          ]}
          buttons={[
            { text: "View Our Projects", href: "projects" },
            { text: "Start Your Project", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Unbroken Builders represents" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg",              alt: "Quality construction"
            },
            { type: "text", content: "strength, integrity, and unwavering commitment to excellence" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn Our Story", href: "#about" },
            { text: "Contact Us Today", href: "contact" }
          ]}
        />
      </div>

      <div id="projects" data-section="projects">
        <ProductCardTwo
          title="Featured Projects"
          description="Showcasing our portfolio of successful construction projects across Las Vegas and Nevada"
          tag="Our Work"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              brand: "Commercial Division",              name: "Downtown Office Complex",              price: "Completed 2023",              rating: 5,
              reviewCount: "156.2k sqft",              imageSrc: "https://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg",              imageAlt: "Downtown office complex"
            },
            {
              id: "2",              brand: "Residential Division",              name: "Desert View Estates",              price: "Completed 2024",              rating: 5,
              reviewCount: "47 homes",              imageSrc: "https://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg",              imageAlt: "Desert view residential community"
            },
            {
              id: "3",              brand: "Industrial Division",              name: "Manufacturing Facility",              price: "In Progress",              rating: 5,
              reviewCount: "250k sqft",              imageSrc: "https://img.b2bpic.net/free-photo/bright-shot-new-buildings-neighborhood_23-2147694723.jpg",              imageAlt: "Industrial manufacturing facility"
            },
            {
              id: "4",              brand: "Renovation Division",              name: "Historic Building Restoration",              price: "Completed 2023",              rating: 5,
              reviewCount: "85k sqft",              imageSrc: "https://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg",              imageAlt: "Historic building restoration"
            },
            {
              id: "5",              brand: "Commercial Division",              name: "Retail Shopping Center",              price: "Completed 2024",              rating: 5,
              reviewCount: "120k sqft",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-discussing-blueprint-with-architects_107420-74345.jpg",              imageAlt: "Modern retail shopping center"
            },
            {
              id: "6",              brand: "Mixed Use Division",              name: "Urban Development Complex",              price: "In Progress",              rating: 5,
              reviewCount: "500+ units",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-standing-near-model-building_23-2148039865.jpg",              imageAlt: "Urban development complex"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          title="Our Construction Services"
          description="Comprehensive building solutions tailored to your needs and vision"
          tag="Services"
          features={[
            {
              id: "01",              title: "Commercial Construction",              description: "Office buildings, retail spaces, and commercial complexes built to the highest standards with on-time delivery",              imageSrc: "https://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg",              imageAlt: "Commercial construction project"
            },
            {
              id: "02",              title: "Residential Building",              description: "Custom homes and residential communities designed for comfort and durability in the desert climate",              imageSrc: "https://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg",              imageAlt: "Residential building project"
            },
            {
              id: "03",              title: "Industrial Projects",              description: "Large-scale industrial facilities and warehouses with advanced engineering and safety standards",              imageSrc: "https://img.b2bpic.net/free-photo/bright-shot-new-buildings-neighborhood_23-2147694723.jpg",              imageAlt: "Industrial construction project"
            },
            {
              id: "04",              title: "Renovation & Restoration",              description: "Expert restoration of historic buildings while maintaining structural integrity and original character",              imageSrc: "https://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg",              imageAlt: "Renovation and restoration project"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="With over two decades of experience in construction, Unbroken Builders has become the trusted partner for major projects across Las Vegas and Nevada."
          tag="Our Track Record"
          metrics={[
            {
              id: "1",              value: "20+",              description: "Years of proven excellence in construction and project management"
            },
            {
              id: "2",              value: "500+",              description: "Successfully completed projects from concept to completion"
            },
            {
              id: "3",              value: "99%",              description: "On-time project completion rate for all our clients"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Trusted by property owners, developers, and businesses throughout Las Vegas for quality and professionalism"
          tag="Client Testimonials"
          testimonials={[
            {
              id: "1",              name: "Michael Rodriguez",              role: "Property Developer",              company: "Desert Development Corp",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "Project Manager",              company: "Vegas Commercial Real Estate",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              name: "James Patterson",              role: "Owner",              company: "Patterson Retail Holdings",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",              imageAlt: "James Patterson"
            },
            {
              id: "4",              name: "Amanda Martinez",              role: "Construction Director",              company: "Nevada Building Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",              imageAlt: "Amanda Martinez"
            }
          ]}
          kpiItems={[
            { value: "98%", label: "Client satisfaction rate" },
            { value: "500+", label: "Projects completed" },
            { value: "20+", label: "Years in business" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Phone}
          title="Ready to Build Your Next Project?"
          description="Contact Unbroken Builders today for a free consultation and project quote. Our team is ready to bring your vision to life with quality craftsmanship and professional service."
          background={{ variant: "gradient-bars" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Request Quote"
          termsText="We respect your privacy. Your information helps us create the perfect project proposal for your needs."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Unbroken Builders"
          copyrightText="© 2024 Unbroken Builders. All rights reserved. Las Vegas, Nevada."
          socialLinks={[
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/unbroken-builders",              ariaLabel: "LinkedIn"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/unbrokenbuilders",              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/unbrokenbuilders",              ariaLabel: "Instagram"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}