"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="BuildWave"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="BUILDWAVE"
          description="Premium construction services for San Diego. From residential to commercial projects, we deliver excellence."
          buttons={[
            { text: "Get Started", href: "contact" },
            { text: "View Portfolio", href: "portfolio" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/standing-industrial-engineers-blue-vests-helmets_496169-947.jpg",              imageAlt: "Modern commercial construction project"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/architects-wearing-helmets-plans_23-2147702496.jpg",              imageAlt: "Residential construction site with skilled team"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124290.jpg",              imageAlt: "Construction equipment on active job site"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About BuildWave"
          description={[
            "BuildWave has been serving the San Diego construction industry for over 15 years with unwavering commitment to quality, integrity, and customer satisfaction. Our experienced team of contractors, engineers, and project managers brings expertise across residential, commercial, and industrial construction projects.",            "We believe in sustainable building practices, transparent communication, and delivering projects on time and within budget. Our success is measured by the trust our clients place in us and the lasting relationships we build."
          ]}
          buttons={[
            { text: "Learn More", href: "#services" }
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Services"
          description="Comprehensive construction solutions tailored to your needs"
          tag="Services"
          features={[
            {
              id: 1,
              title: "Residential Construction",              description: "Custom homes and residential projects built to your specifications with premium finishes and modern designs.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/team-architects-building-site_23-2147702471.jpg" }
            },
            {
              id: 2,
              title: "Commercial Development",              description: "Large-scale commercial projects including office buildings, retail spaces, and industrial facilities with proven expertise.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/team-architects-building-site_23-2147702471.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/discussing-blueprint_1098-13779.jpg" }
            },
            {
              id: 3,
              title: "Renovations & Remodels",              description: "Transform your existing spaces with professional renovations. Kitchen, bathroom, and full-home remodeling services.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/discussing-blueprint_1098-13779.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg" }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardFour
          title="Featured Projects"
          description="Showcase of our finest completed construction projects across San Diego"
          tag="Portfolio"
          products={[
            {
              id: "1",              name: "Coastal Residence - La Jolla",              price: "Completed 2023",              variant: "Luxury Residential  2,500 sq ft",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-discussing-blueprint-with-architects_107420-74345.jpg",              imageAlt: "Modern luxury coastal residence"
            },
            {
              id: "2",              name: "Downtown Office Complex - San Diego",              price: "Completed 2023",              variant: "Commercial Development  45,000 sq ft",              imageSrc: "https://img.b2bpic.net/free-photo/team-three-architects_23-2147702510.jpg",              imageAlt: "Modern downtown office building"
            },
            {
              id: "3",              name: "Hillside Estate Renovation - Rancho Bernardo",              price: "Completed 2024",              variant: "Premium Renovation  3,200 sq ft",              imageSrc: "https://img.b2bpic.net/free-photo/three-architects-front-building_23-2147702499.jpg",              imageAlt: "Luxury hillside estate renovation"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Building Trust Through Excellence"
          description="Proven track record of successful projects and satisfied clients"
          metrics={[
            { id: "1", value: "150+", description: "Projects Completed" },
            { id: "2", value: "15+", description: "Years in Business" },
            { id: "3", value: "98%", description: "Client Satisfaction" },
            { id: "4", value: "$500M+", description: "Total Value Delivered" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Client Stories"
          description="Hear from the clients who have experienced BuildWave excellence"
          testimonials={[
            {
              id: "1",              name: "Michael Chen",              role: "Homeowner",              testimonial: "BuildWave transformed our vision into reality. The attention to detail, professionalism, and on-time delivery exceeded our expectations.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Michael Chen portrait"
            },
            {
              id: "2",              name: "Sarah Martinez",              role: "Project Manager",              testimonial: "Working with BuildWave on our commercial project was seamless. Their project management and communication kept everything on schedule and on budget.",              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: "Sarah Martinez portrait"
            },
            {
              id: "3",              name: "David Rodriguez",              role: "Real Estate Developer",              testimonial: "BuildWave's craftsmanship is unparalleled. We've partnered with them on multiple residential projects and wouldn't work with anyone else.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "David Rodriguez portrait"
            },
            {
              id: "4",              name: "Jennifer Walsh",              role: "Business Owner",              testimonial: "Our store renovation was completed beautifully and quickly. The BuildWave team was professional, respectful of our business operations, and delivered amazing results.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",              imageAlt: "Jennifer Walsh portrait"
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Start Your Project?"
          ctaDescription="Contact us today for a free consultation and project estimate."
          ctaButton={{ text: "Schedule Consultation", href: "https://calendly.com" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How do you handle project timelines?",              content: "We develop detailed project schedules and maintain transparent communication throughout. Our team is committed to meeting deadlines while maintaining quality standards."
            },
            {
              id: "2",              title: "What areas do you serve?",              content: "BuildWave serves the greater San Diego area including La Jolla, Downtown, Rancho Bernardo, and surrounding communities. We handle both residential and commercial projects throughout San Diego County."
            },
            {
              id: "3",              title: "Do you offer warranty on completed work?",              content: "Yes, we provide comprehensive warranties on all our construction work. Specific warranty terms depend on the project scope and are detailed in your contract."
            },
            {
              id: "4",              title: "What's your process for cost estimates?",              content: "We conduct thorough site assessments and provide detailed, transparent estimates. There are no hidden fees, and we break down all costs clearly for your understanding."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/seascape-with-sandy-beach-clear-cloudless-sky_169016-39124.jpg"
          imageAlt="San Diego ocean coastline"
          logoText="BuildWave"
          copyrightText="© 2024 BuildWave Construction. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Residential", href: "#services" },
                { label: "Commercial", 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: "San Diego, CA", href: "#" },
                { label: "(619) 555-0100", href: "tel:6195550100" },
                { label: "info@buildwave.com", href: "mailto:info@buildwave.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}