"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ArrowRight, Award, Calendar, CheckCircle, Hammer, HelpCircle, Home, Phone, Shield, Star, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="grid"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Superior Roofing & Exteriors"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Premium Roofing & Exterior Solutions"
          description="Trusted by homeowners in Naperville for over a decade. Expert craftsmanship, quality materials, and exceptional service."
          tag="Rated 5.0 Stars"
          tagIcon={Star}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Get Free Quote", href: "contact" },
            { text: "View Services", href: "services" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1",              imageAlt: "Professional roofing work"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2",              imageAlt: "Roof replacement project"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13150.jpg?_wi=1",              imageAlt: "Exterior siding installation"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg?_wi=1",              imageAlt: "Professional roofing team"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg?_wi=1",              imageAlt: "Professional roof inspection"
            }
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Our Services"
          description="Comprehensive roofing and exterior solutions for residential properties"
          tag="Expert Services"
          tagIcon={Hammer}
          tagAnimation="slide-up"
          features={[
            {
              title: "Roof Replacement",              description: "Complete roof installation with premium materials and expert craftsmanship",              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=3",              imageAlt: "Roof replacement",              buttonIcon: ArrowRight,
              buttonHref: "contact"
            },
            {
              title: "Gutter Cleaning & Repair",              description: "Professional gutter maintenance to protect your home from water damage",              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg",              imageAlt: "Gutter cleaning",              buttonIcon: ArrowRight,
              buttonHref: "contact"
            },
            {
              title: "Siding Installation",              description: "Durable siding solutions that enhance curb appeal and home protection",              imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13150.jpg?_wi=2",              imageAlt: "Siding installation",              buttonIcon: ArrowRight,
              buttonHref: "contact"
            },
            {
              title: "Roof Inspection",              description: "Thorough inspections to identify damage and prevent costly repairs",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg?_wi=2",              imageAlt: "Roof inspection",              buttonIcon: ArrowRight,
              buttonHref: "contact"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Us"
          tagIcon={Shield}
          tagAnimation="slide-up"
          title="Quality Craftsmanship Since Day One"
          description="Superior Roofing & Exteriors"
          subdescription="Naperville, IL | (630) 413-3999"
          icon={CheckCircle}
          imageSrc="http://img.b2bpic.net/free-photo/three-men-looking-aside-construction-site_259150-57679.jpg?_wi=2"
          imageAlt="Superior Roofing & Exteriors team"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Why Homeowners Choose Us"
          description="Years of proven excellence in roofing and exterior services"
          tag="Industry Leaders"
          tagIcon={Award}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "1000",              title: "Projects Completed",              description: "Satisfied customers across Naperville",              icon: Home
            },
            {
              id: "2",              value: "15",              title: "Years Experience",              description: "Proven track record of excellence",              icon: Calendar
            },
            {
              id: "3",              value: "5",              title: "Star Rating",              description: "Consistently excellent service reviews",              icon: Star
            },
            {
              id: "4",              value: "100",              title: "Guaranteed",              description: "Workmanship and material warranties",              icon: CheckCircle
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Homeowners"
          description="See what our satisfied customers say about Superior Roofing & Exteriors"
          tag="Client Reviews"
          tagIcon={Users}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              title: "Exceptional roof replacement work",              quote: "Superior Roofing replaced our roof with incredible attention to detail. The crew was professional, punctual, and the quality of work exceeds expectations. Highly recommended!",              name: "Michael Thompson",              role: "Homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",              imageAlt: "Michael Thompson"
            },
            {
              id: "2",              title: "Best exterior upgrade investment",              quote: "We had our siding replaced and the transformation is amazing. The team handled everything seamlessly from start to finish. Couldn't be happier with the results.",              name: "Sarah Johnson",              role: "Homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "Sarah Johnson"
            },
            {
              id: "3",              title: "Professional and reliable service",              quote: "Superior Roofing helped us after a storm damaged our roof. Their inspection was thorough and honest. Fast response and excellent repair work. Great value!",              name: "David Martinez",              role: "Homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "David Martinez"
            },
            {
              id: "4",              title: "Outstanding gutter and exterior work",              quote: "We've used Superior Roofing for multiple projects including gutters and maintenance. They're reliable, skilled, and reasonably priced. Our go-to roofing company!",              name: "Jennifer Lee",              role: "Homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",              imageAlt: "Jennifer Lee"
            },
            {
              id: "5",              title: "Trustworthy and detail-oriented",              quote: "Had my roof inspected before purchasing our home. Superior Roofing provided a detailed, honest assessment. Now they handle all our roofing needs.",              name: "Robert Wilson",              role: "Homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=3",              imageAlt: "Robert Wilson"
            },
            {
              id: "6",              title: "Best decision for our home",              quote: "Complete roof replacement with Superior Roofing was seamless. Professional crew, quality materials, and fair pricing. We trust them completely.",              name: "Emily Rodriguez",              role: "Homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Emily Rodriguez"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about our roofing and exterior services"
          tag="FAQs"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How long does a roof typically last?",              content: "Most asphalt shingle roofs last 15-20 years depending on weather conditions and maintenance. Metal roofs and high-end materials can last 30-50+ years. We'll assess your specific roof during a free inspection."
            },
            {
              id: "2",              title: "Do you offer emergency roof repair?",              content: "Yes! Storm damage and emergency situations are handled with priority. Call us immediately at (630) 413-3999 and we'll schedule urgent assessment and repairs as quickly as possible."
            },
            {
              id: "3",              title: "What warranty do you provide?",              content: "We guarantee all workmanship for a period of time and stand behind material warranties. Exact terms depend on the specific project. We'll provide complete warranty details before starting any work."
            },
            {
              id: "4",              title: "How much does roof replacement cost?",              content: "Costs vary based on roof size, materials selected, and complexity. We offer free quotes that include material and labor estimates. Many customers finance through our flexible payment options."
            },
            {
              id: "5",              title: "Do you handle insurance claims?",              content: "We have extensive experience working with homeowner insurance claims. We can help document damage, communicate with adjusters, and ensure you receive fair settlement for covered damage."
            },
            {
              id: "6",              title: "How often should I have my roof inspected?",              content: "We recommend annual inspections, especially after severe weather. Professional inspections help identify small issues before they become expensive problems and protect your home investment."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/serious-pensive-male-business-executive-signing-papers-given-by-secretary_1262-12470.jpg"
          imageAlt="Superior Roofing & Exteriors office"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ready to Protect Your Home?"
          description="Contact Superior Roofing & Exteriors for a free quote or to discuss your roofing and exterior needs. Call (630) 413-3999 or submit your information below."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=4"
          imageAlt="Professional roofing service"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get Quote"
          termsText="We respect your privacy. We'll only use your information to provide roofing quotes and services."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Superior Roofing"
          columns={[
            {
              title: "Services",              items: [
                { label: "Roof Replacement", href: "#services" },
                { label: "Gutter Services", href: "#services" },
                { label: "Siding Installation", href: "#services" },
                { label: "Roof Inspection", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
                { label: "Service Area", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: (630) 413-3999", href: "tel:(630)413-3999" },
                { label: "1620 Pebblewood Ln, Naperville, IL", href: "#" },
                { label: "Open 9 AM - 5 PM", href: "#" },
                { label: "Free Estimates", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Superior Roofing & Exteriors. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}