"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { HardHat, Hammer, Image, Star, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BuildRight Construction"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get a Quote",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Building Excellence in Ohio"
          description="Premier construction services for residential, commercial, and renovation projects. Delivering quality, reliability, and craftsmanship since 2010."
          background={{ variant: "plain" }}
          tag="Trusted Ohio Contractor"
          tagIcon={HardHat}
          imageSrc="https://img.b2bpic.net/free-photo/builders-unfinished-construction_1098-15482.jpg"
          imageAlt="Construction site with professional workers"
          imagePosition="right"
          buttons={[
            { text: "View Our Projects", href: "portfolio" },
            { text: "Request a Quote", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About BuildRight Construction"
          description={[
            "With over 14 years of experience serving Ohio communities, BuildRight Construction has established itself as a leader in the construction industry. Our commitment to quality, safety, and customer satisfaction drives every project we undertake.",            "We specialize in residential renovations, commercial builds, and large-scale development projects. Our team of licensed professionals brings expertise, attention to detail, and a dedication to completing projects on time and within budget.",            "From initial planning through final inspection, we manage every aspect of your construction project with professionalism and transparency."
          ]}
          useInvertedBackground="invertDefault"
          showBorder={true}
          buttons={[
            { text: "Meet Our Team", href: "team" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Services"
          description="Complete construction solutions tailored to your project needs"
          tag="What We Do"
          tagIcon={Hammer}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Residential Construction",              description: "From custom homes to major renovations, we build quality residential spaces that exceed expectations. Our attention to detail and understanding of modern design ensures your home is both beautiful and functional.",              imageSrc: "https://img.b2bpic.net/free-photo/construction-with-mobile-phone_329181-2852.jpg",              imageAlt: "Modern residential home construction"
            },
            {
              id: 2,
              title: "Commercial Projects",              description: "We handle complex commercial construction projects including office buildings, retail spaces, and industrial facilities. Our expertise in commercial codes and timelines ensures efficient project delivery.",              imageSrc: "https://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg",              imageAlt: "Modern commercial office building"
            },
            {
              id: 3,
              title: "Renovation & Remodeling",              description: "Transform your existing space with our renovation expertise. Whether it's updating a kitchen, expanding living areas, or complete interior redesigns, we bring your vision to life with minimal disruption.",              imageSrc: "https://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg",              imageAlt: "Interior renovation project"
            }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo
          title="Portfolio"
          description="Explore our completed projects that showcase our craftsmanship and dedication to excellence"
          tag="Recent Projects"
          tagIcon={Image}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Commercial",              name: "Downtown Office Complex",              price: "Completed 2024",              rating: 5,
              reviewCount: "4.9k sqft",              imageSrc: "https://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg",              imageAlt: "Downtown office building completed project"
            },
            {
              id: "2",              brand: "Residential",              name: "Modern Family Home",              price: "Completed 2024",              rating: 5,
              reviewCount: "3.2k sqft",              imageSrc: "https://img.b2bpic.net/free-photo/bright-shot-new-buildings-neighborhood_23-2147694723.jpg",              imageAlt: "Modern family home construction"
            },
            {
              id: "3",              brand: "Development",              name: "Mixed-Use Development",              price: "Completed 2023",              rating: 5,
              reviewCount: "12k sqft",              imageSrc: "https://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg",              imageAlt: "Large mixed-use development project"
            },
            {
              id: "4",              brand: "Commercial",              name: "Retail Shopping Center",              price: "Completed 2023",              rating: 5,
              reviewCount: "8.5k sqft",              imageSrc: "https://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg",              imageAlt: "Retail shopping center construction"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Why Choose BuildRight Construction"
          description="Our proven track record speaks for itself"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "14+",              title: "Years of Industry Experience",              items: [
                "Licensed and insured contractors",                "Expert project management",                "Proven track record of success"
              ]
            },
            {
              id: "2",              value: "500+",              title: "Projects Completed",              items: [
                "Residential, commercial, and industrial",                "On-time delivery record",                "100% customer satisfaction focus"
              ]
            },
            {
              id: "3",              value: "50+",              title: "Team Members",              items: [
                "Skilled craftsmen and professionals",                "Ongoing training and certification",                "Dedicated project specialists"
              ]
            },
            {
              id: "4",              value: "99%",              title: "Client Satisfaction Rating",              items: [
                "Transparent communication",                "Quality workmanship guaranteed",                "Long-term relationships built"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Real experiences from homeowners and business owners who trust BuildRight Construction"
          tag="Client Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Michael Johnson, Owner of Johnson Consulting",              date: "Date: November 2024",              title: "Exceptional Commercial Construction",              quote: "BuildRight Construction delivered our new office space on time and within budget. Their professionalism, attention to detail, and communication throughout the project were outstanding. Highly recommend!",              tag: "Commercial Project",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Michael Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg"
            },
            {
              id: "2",              name: "Sarah Williams, Homeowner",              date: "Date: October 2024",              title: "Dream Home Built to Perfection",              quote: "We entrusted BuildRight with our custom home build. From initial design consultations to final walk-through, they exceeded every expectation. The quality of craftsmanship is evident in every detail.",              tag: "Residential Project",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-bearded-man-busines-clothes-with-crossed-arms-looking-camera-gray_171337-11335.jpg",              avatarAlt: "Sarah Williams",              imageSrc: "https://img.b2bpic.net/free-photo/bright-shot-new-buildings-neighborhood_23-2147694723.jpg"
            },
            {
              id: "3",              name: "Robert Chen, Property Developer",              date: "Date: September 2024",              title: "Reliable Partner for Large-Scale Projects",              quote: "We've partnered with BuildRight on multiple development projects. Their ability to manage complex timelines, budgets, and multiple teams makes them invaluable to our business.",              tag: "Development Project",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",              avatarAlt: "Robert Chen",              imageSrc: "https://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg"
            },
            {
              id: "4",              name: "Jennifer Martinez, Retail Business Owner",              date: "Date: August 2024",              title: "Perfect Retail Space Creation",              quote: "BuildRight transformed our vision into a beautiful, functional retail space. Their understanding of commercial requirements and quick problem-solving made the renovation process smooth and efficient.",              tag: "Retail Project",              avatarSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg",              avatarAlt: "Jennifer Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg"
            },
            {
              id: "5",              name: "David Thompson, Homeowner",              date: "Date: July 2024",              title: "Kitchen Renovation Excellence",              quote: "Our kitchen renovation was completed beautifully and quickly. The BuildRight team was professional, clean, and respectful of our home throughout the entire process.",              tag: "Renovation Project",              avatarSrc: "https://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg",              avatarAlt: "David Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg"
            },
            {
              id: "6",              name: "Lisa Anderson, Property Manager",              date: "Date: June 2024",              title: "Consistent Quality and Reliability",              quote: "BuildRight handles all our property maintenance and renovation needs. Their reliability, professionalism, and quality of work keep our properties in excellent condition.",              tag: "Maintenance Project",              avatarSrc: "https://img.b2bpic.net/free-photo/handsome-young-man-posing_158595-3050.jpg",              avatarAlt: "Lisa Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Start?"
          tagIcon={Zap}
          title="Get Your Free Construction Quote Today"
          description="Contact BuildRight Construction to discuss your project. Our team will provide a detailed estimate and timeline tailored to your needs."
          useInvertedBackground="noInvert"
          inputPlaceholder="your@email.com"
          buttonText="Request Quote"
          termsText="We'll respond within 24 hours. We respect your privacy and never share your information."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="BuildRight Construction"
          copyrightText="© 2025 BuildRight Construction. All rights reserved. Licensed and Insured."
          columns={[
            {
              title: "Services",              items: [
                { label: "Residential Construction", href: "services" },
                { label: "Commercial Projects", href: "services" },
                { label: "Renovations", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Portfolio", href: "portfolio" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Columbus, Ohio", href: "#" },
                { label: "Email Quote", href: "contact" },
                { label: "Emergency Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}