"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Wrench, Building2, Briefcase, HelpCircle, Phone, ArrowRight } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[{name: "Home", id: "hero"}, {name: "Services", id: "services"}, {name: "About", id: "about"}, {name: "Contact", id: "contact"}, {name: "Gallery", id: "gallery"}]}
          brandName="PAK Drywalling"
          bottomLeftText="Indiana"
          bottomRightText="765-543-0715"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Quality Drywall & Construction Services"
          description="Professional finishing, hanging, sanding, and tile installation for residential and commercial projects. Trusted craftsmanship across Indiana."
          tag="Professional Quality"
          tagIcon={Award}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          buttons={[{text: "Get a Free Quote", href: "#contact"}, {text: "View Services", href: "#services"}]}
          buttonAnimation="slide-up"
          mediaItems={[
            {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APbNVLl0pbpQG3uEetfbZIRjaI/uploaded-1772497127667-xclt1oqb.jpg", imageAlt: "PAK Drywalling bulldog logo"},
            {imageSrc: "http://img.b2bpic.net/free-photo/low-angle-colleagues-working-together_23-2149366699.jpg", imageAlt: "Professional drywall services"},
            {imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12865.jpg", imageAlt: "Texture and finishing work"}
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Our Services"
          description="Comprehensive drywall and construction solutions tailored to your project needs"
          tag="What We Offer"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          features={[
            {title: "Drywall Hanging", description: "Expert drywall installation for residential and commercial projects of any size", imageSrc: "http://img.b2bpic.net/free-photo/builder-works-with-professional-angle-grinder-cut-bricks_169016-5270.jpg", imageAlt: "Drywall hanging service", buttonIcon: ArrowRight, buttonHref: "#contact"},
            {title: "Finishing & Texturing", description: "Smooth finishes and custom texture options to match your design preferences", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12865.jpg", imageAlt: "Finishing and texturing work", buttonIcon: ArrowRight, buttonHref: "#contact"},
            {title: "Sanding & Preparation", description: "Professional sanding and surface preparation for pristine paint-ready walls", imageSrc: "http://img.b2bpic.net/free-photo/builder-works-with-professional-angle-grinder-cut-bricks_169016-5270.jpg", imageAlt: "Sanding and preparation", buttonIcon: ArrowRight, buttonHref: "#contact"},
            {title: "Tile Installation", description: "Expert shower and bathroom tile installation with precision and attention to detail", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746318.jpg", imageAlt: "Shower tile installation", buttonIcon: ArrowRight, buttonHref: "#contact"},
            {title: "Residential Projects", description: "Complete interior finishing solutions for homes and residential developments", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg", imageAlt: "Residential construction", buttonIcon: ArrowRight, buttonHref: "#contact"},
            {title: "Commercial Work", description: "Large-scale commercial drywall and finishing projects completed on schedule", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg", imageAlt: "Commercial construction", buttonIcon: ArrowRight, buttonHref: "#contact"}
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="20+ Years of Trusted Craftsmanship"
          description="PAK Drywalling brings decades of experience to every project. We specialize in delivering exceptional quality on time and within budget. From residential renovations to large commercial developments, our team takes pride in transforming spaces with precision finishing and expert installation."
          tag="About Our Company"
          tagIcon={Building2}
          tagAnimation="slide-up"
          metrics={[{value: "500+", title: "Projects Completed"}, {value: "20+", title: "Years Experience"}]}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-two-builders_1398-1747.jpg"
          imageAlt="Professional construction team at work"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Why Choose PAK Drywalling for Your Next Project"
          tag="Quality Standards"
          tagAnimation="slide-up"
          metrics={[{id: "1", value: "100%", description: "Satisfaction rate from our residential and commercial clients across Indiana"}, {id: "2", value: "48hr", description: "Average project turnaround with dedicated crews and efficient workflows"}]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <SocialProofOne
          title="Trusted by Companies Across Indiana"
          description="Partnered with leading builders, contractors, and property managers"
          tag="Industry Partners"
          tagIcon={Briefcase}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Midwest Builders Inc", "Prairie Construction Co", "Hoosier Homes LLC", "BuildRight Contracting", "Quality Development Group", "Indiana Property Solutions", "Premier Building Services", "Craftsman Contractors"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions About Our Services"
          description="Find answers to questions about our drywall, finishing, and construction services"
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[{id: "1", title: "What areas do you service?", content: "We primarily serve the greater Indiana region and surrounding areas. We handle both residential and commercial projects of any size. Contact us to discuss your specific location and project needs."}, {id: "2", title: "How long does a typical project take?", content: "Project timelines vary based on scope and complexity. Most residential projects take 2-4 weeks, while larger commercial installations may take longer. We'll provide a detailed timeline during the consultation phase."}, {id: "3", title: "Do you offer free estimates?", content: "Yes! We provide free on-site estimates for all projects. Our team will assess your needs, discuss options, and provide detailed pricing with no obligation."}, {id: "4", title: "What warranty do you offer?", content: "We stand behind our work with comprehensive warranties on all installations and finishing. Details vary by project type. Ask us about our specific warranty coverage."}, {id: "5", title: "Do you handle custom texture options?", content: "Absolutely! We offer a full range of texture finishes from smooth to custom designs. Our team can match existing textures or create new looks to match your vision."}, {id: "6", title: "Can you work around my schedule?", content: "We work with our clients to schedule projects at convenient times. Whether you need early morning, evening, or weekend work, we'll do our best to accommodate your schedule."}]}
          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg"
          imageAlt="Professional drywall installation"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="left"
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Start Your Project?"
          ctaDescription="Contact PAK Drywalling today for a free consultation and estimate on your drywall or construction needs."
          ctaButton={{text: "Call Now", href: "tel:765-543-0715"}}
          ctaIcon={Phone}
          faqs={[{id: "1", title: "What's the best way to reach you?", content: "You can reach us by phone at 765-543-0715 during business hours, or fill out our contact form and we'll respond within 24 hours."}, {id: "2", title: "How quickly can you start a project?", content: "We typically can schedule projects within 1-2 weeks depending on our current workload. Emergency or rush projects may be accommodated with advance notice."}, {id: "3", title: "Do you provide references?", content: "Absolutely! We're happy to provide references from previous residential and commercial clients. Ask us during your consultation."}]}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg"
          imageAlt="PAK Drywalling portfolio"
          columns={[{title: "Services", items: [{label: "Drywall Hanging", href: "#services"}, {label: "Finishing & Texturing", href: "#services"}, {label: "Sanding", href: "#services"}, {label: "Tile Installation", href: "#services"}]}, {title: "Company", items: [{label: "About Us", href: "#about"}, {label: "Our Work", href: "#gallery"}, {label: "FAQs", href: "#faq"}, {label: "Contact", href: "#contact"}]}, {title: "Contact", items: [{label: "Phone: 765-543-0715", href: "tel:765-543-0715"}, {label: "Email: info@pakdrywalling.com", href: "mailto:info@pakdrywalling.com"}, {label: "Indiana", href: "#"}, {label: "Available 7 days", href: "#"}]}]}
          logoText="PAK Drywalling"
          copyrightText="© 2025 PAK Drywalling LLC. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
