"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Zap, Building2, Wrench, TrendingUp, Star, Handshake, HelpCircle, Drill, Hammer, CheckCircle, Shield, CircleSlash, Eye, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Skytech Drilling"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Why Us", id: "metrics" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get Free Quote",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Professional Drilling Solutions Built to Last"
          description="Precision drilling, boring, and inspection services for construction and industrial projects. With over 20 years of industry expertise, Skytech Drilling delivers reliable results on every project."
          tag="Trusted by Industry Leaders"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Get Free Quote", href: "#contact" },
            { text: "View Services", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "circleGradient" }}
          dashboard={{
            title: "Project Performance Metrics",            logoIcon: Drill,
            imageSrc: "http://img.b2bpic.net/free-photo/oil-worker-orange-uniform-helmet-working-with-pipe-wrench-near-oil-pump-jack_651396-2454.jpg?_wi=1",            imageAlt: "drilling equipment industrial drilling construction drilling bore hole",            buttons: [
              { text: "Request Service", href: "#contact" },
              { text: "Learn More", href: "#services" }
            ],
            sidebarItems: [
              { icon: Hammer, active: true },
              { icon: CheckCircle },
              { icon: Shield }
            ],
            stats: [
              {
                title: "Projects Completed",                values: [500, 750, 1200],
                description: "Successfully delivered drilling projects."
              },
              {
                title: "Years of Experience",                values: [15, 18, 20],
                valueSuffix: "+",                description: "Industry-leading expertise."
              },
              {
                title: "Client Satisfaction",                values: [95, 97, 99],
                valueSuffix: "%",                description: "Consistent quality and service."
              }
            ],
            chartTitle: "Monthly Project Volume",            chartData: [
              { value: 45 },
              { value: 60 },
              { value: 75 },
              { value: 55 },
              { value: 90 }
            ],
            listTitle: "Recent Project Completions",            listItems: [
              { icon: CheckCircle, title: "Highway Bridge Foundation", status: "Completed" },
              { icon: Hammer, title: "Commercial Complex Boring", status: "On Schedule" },
              { icon: Shield, title: "Utility Line Inspection", status: "Completed" }
            ]
          }}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Building2}
          tagAnimation="slide-up"
          title="Precision Drilling Excellence Since 2004"
          description="Skytech Drilling has established itself as a leader in precision drilling and boring services. We combine cutting-edge equipment with expert craftsmanship to deliver exceptional results. From residential foundations to complex industrial projects, we handle every job with professionalism and attention to detail."
          metrics={[
            { value: "20+", title: "Years of Industry Experience" },
            { value: "1,200+", title: "Successful Projects Completed" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/oil-worker-orange-uniform-helmet-working-with-pipe-wrench-near-oil-pump-jack_651396-2454.jpg?_wi=2"
          imageAlt="Skytech Drilling professional team"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBorderGlow
          title="Comprehensive Drilling & Boring Solutions"
          description="We provide a full range of drilling and boring services designed to meet the unique needs of every project."
          tag="Our Services"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          features={[
            {
              icon: Drill,
              title: "Precision Drilling",              description: "High-accuracy drilling for foundations, utilities, and industrial applications using state-of-the-art equipment."
            },
            {
              icon: CircleSlash,
              title: "Boring Contractors",              description: "Horizontal and vertical boring services for water, gas, and electrical utility installation projects."
            },
            {
              icon: Eye,
              title: "Inspection Services",              description: "Advanced bore hole and foundation inspection to ensure structural integrity and compliance with safety standards."
            },
            {
              icon: Shield,
              title: "Safety Compliance",              description: "Every project conducted with full adherence to OSHA regulations and industry best practices."
            },
            {
              icon: Zap,
              title: "Fast Turnaround",              description: "Efficient project execution without compromising quality, ensuring minimal project delays."
            },
            {
              icon: Users,
              title: "Expert Team",              description: "Skilled operators and engineers with extensive experience across residential and commercial projects."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose Skytech Drilling"
          description="Industry-leading performance metrics that demonstrate our commitment to excellence."
          tag="Performance"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "99.2%", description: "On-Time Project Completion Rate" },
            { id: "2", value: "1,200+", description: "Successful Projects Delivered" },
            { id: "3", value: "500+", description: "Satisfied Clients" },
            { id: "4", value: "20+", description: "Years Industry Experience" }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Real testimonials from satisfied customers who have experienced our professional drilling and boring services."
          tag="Client Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "John Mitchell",              role: "Project Manager",              company: "BuildRight Construction",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=1",              imageAlt: "professional headshot business portrait construction manager industry professional"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "Site Supervisor",              company: "Premier Utilities Inc",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=2",              imageAlt: "professional headshot business portrait construction manager industry professional"
            },
            {
              id: "3",              name: "Michael Rodriguez",              role: "Construction Director",              company: "Consolidated Infrastructure",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=3",              imageAlt: "professional headshot business portrait construction manager industry professional"
            },
            {
              id: "4",              name: "Emily Watson",              role: "Operations Manager",              company: "Metro Development Group",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=4",              imageAlt: "professional headshot business portrait construction manager industry professional"
            },
            {
              id: "5",              name: "David Park",              role: "Engineering Lead",              company: "TechBuild Solutions",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=5",              imageAlt: "professional headshot business portrait construction manager industry professional"
            },
            {
              id: "6",              name: "Jennifer Lopez",              role: "Project Owner",              company: "Signature Homes LLC",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=6",              imageAlt: "professional headshot business portrait construction manager industry professional"
            }
          ]}
          kpiItems={[
            { value: "1,200+", label: "Projects Completed Successfully" },
            { value: "99%", label: "Client Satisfaction Rating" },
            { value: "20+", label: "Years of Industry Leadership" }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Companies"
          description="Partner with industry-leading organizations that rely on Skytech Drilling for their critical infrastructure projects."
          tag="Our Partners"
          tagIcon={Handshake}
          tagAnimation="slide-up"
          names={[
            "BuildRight Construction",            "Premier Utilities",            "Consolidated Infrastructure",            "Metro Development",            "TechBuild Solutions",            "Signature Homes",            "City Engineering"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={50}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our drilling, boring, and inspection services."
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqs={[
            {
              id: "1",              title: "What types of drilling services do you offer?",              content: "We specialize in precision drilling, horizontal and vertical boring, and comprehensive bore hole inspection services. Our expertise spans residential foundations, commercial projects, utility installations, and industrial applications."
            },
            {
              id: "2",              title: "How long does a typical drilling project take?",              content: "Project timelines vary based on scope and complexity. Most residential foundation drilling takes 1-3 days, while larger commercial projects may require 1-4 weeks. We provide detailed timeline estimates during the consultation phase."
            },
            {
              id: "3",              title: "Are your services insured and certified?",              content: "Yes, Skytech Drilling is fully licensed, insured, and certified. All crew members follow OSHA safety standards and hold current certifications in their respective specialties."
            },
            {
              id: "4",              title: "How do you ensure project safety?",              content: "Safety is our top priority. We maintain rigorous safety protocols, use advanced equipment, conduct regular inspections, and ensure all team members are properly trained and equipped with appropriate safety gear."
            },
            {
              id: "5",              title: "Can you handle emergency drilling requests?",              content: "We offer emergency response services for urgent drilling and inspection needs. Contact our dispatch team directly for immediate assistance with time-sensitive projects."
            },
            {
              id: "6",              title: "What areas do you service?",              content: "Skytech Drilling serves a wide regional area covering residential, commercial, and industrial clients. Contact us with your location details for service availability and custom project quotes."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/call-center-senior-agent-providing-guidance-help-customers-using-ai_482257-126049.jpg"
          imageAlt="Skytech Drilling customer support team"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          mediaPosition="left"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Services", href: "#services" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#careers" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Precision Drilling", href: "#services" },
                { label: "Boring Services", href: "#services" },
                { label: "Inspection", href: "#services" },
                { label: "Emergency Services", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Blog", href: "/blog" },
                { label: "Safety Standards", href: "#" },
                { label: "Contact Support", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Safety Compliance", href: "#compliance" },
                { label: "Insurance", href: "#insurance" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Skytech Drilling. All rights reserved."
          bottomRightText="Professional Drilling Solutions"
        />
      </div>
    </ThemeProvider>
  );
}
