"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Shield, Award, Home, CheckCircle, Star, Wrench, ArrowRight, Heart, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Calabrese Roofing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitDualMedia 
          title="Your Roof Our Priority Always"
          description="Honest estimates. Fast service. Expert storm recovery. No fluff. Just results."
          tag="Professional Roofing Solutions"
          tagIcon={Shield}
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",              imageAlt: "Professional roofing inspection service"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",              imageAlt: "Quality roof maintenance and care"
            }
          ]}
          rating={5}
          ratingText="Trusted by homeowners across the region"
          buttons={[
            { text: "Schedule a Free Inspection", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <AboutMetric 
          title="Why Calabrese Roofing Stands Apart: Years of Proven Excellence and Customer Trust"
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Award, label: "Years of Experience", value: "25+" },
            { icon: Home, label: "Homes Protected", value: "5,000+" },
            { icon: CheckCircle, label: "Insurance Claims Handled", value: "2,000+" },
            { icon: Star, label: "Customer Satisfaction", value: "98%" }
          ]}
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardTwentySix 
          title="Our Premium Services"
          description="Comprehensive roofing solutions designed to protect your home and restore your peace of mind"
          tag="Expert Services"
          tagIcon={Wrench}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Emergency Storm Recovery",              description: "Fast response to storm damage with expert assessment and insurance claim support",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",              imageAlt: "Professional storm damage repair",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Roof Inspections & Maintenance",              description: "Thorough inspections to catch issues early and extend your roof's lifespan",              imageSrc: "https://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",              imageAlt: "Detailed roof inspection service",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "New Roof Installation",              description: "Professional installation of premium roofing materials with warranty coverage",              imageSrc: "https://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",              imageAlt: "New roof installation project",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Roof Repairs & Maintenance Plans",              description: "Targeted repairs and preventative maintenance to keep your roof in peak condition",              imageSrc: "https://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",              imageAlt: "Preventative roof maintenance",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Insurance Claim Support",              description: "Expert guidance through the entire insurance claims process from start to finish",              imageSrc: "https://img.b2bpic.net/free-photo/three-factory-workers-safety-hats-discussing-manufacture-plan_1303-30650.jpg",              imageAlt: "Insurance claim support team",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Commercial Roofing Solutions",              description: "Large-scale roofing projects with minimal downtime and maximum efficiency",              imageSrc: "https://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",              imageAlt: "Commercial roofing expertise",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardSeven 
          title="Our Track Record Speaks for Itself"
          description="Proven results and unwavering commitment to excellence"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "25+",              title: "Years Serving the Community",              items: [
                "Established reputation for quality",                "Continuous training and certification",                "Trusted by generation after generation"
              ]
            },
            {
              id: "2",              value: "98%",              title: "Customer Satisfaction Rate",              items: [
                "Honest pricing with no hidden costs",                "Transparent communication throughout",                "Quality work guaranteed"
              ]
            },
            {
              id: "3",              value: "2,000+",              title: "Insurance Claims Processed",              items: [
                "Expert claim documentation",                "Direct insurance company communication",                "Stress-free process for homeowners"
              ]
            },
            {
              id: "4",              value: "5,000+",              title: "Homes Protected",              items: [
                "All residential and commercial types",                "Multiple roof material expertise",                "Long-term relationships with clients"
              ]
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve 
          cardTitle="Over 5,000 homeowners trust Calabrese Roofing to protect what matters most"
          cardTag="See what they say"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg"
            },
            {
              id: "2",              name: "James Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg"
            },
            {
              id: "3",              name: "Jennifer Chen",              imageSrc: "https://img.b2bpic.net/free-photo/senior-couple-showing-thumbs-up_1187-751.jpg"
            },
            {
              id: "4",              name: "Michael Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg"
            },
            {
              id: "5",              name: "Lisa Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/they-re-moving-bigger-home_329181-9758.jpg"
            },
            {
              id: "6",              name: "David Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/woman-resting-her-lover-s-shoulder_23-2148238831.jpg"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Find answers to common questions about our roofing services, insurance claims, and more"
          tag="Support & Information"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How quickly can you respond to storm damage?",              content: "We understand the urgency of storm damage. Our emergency response team is available 24/7 and typically arrives within 24 hours of your call. We prioritize tarping and temporary protection to prevent further damage while we assess the full extent of repairs needed."
            },
            {
              id: "2",              title: "Do you work directly with insurance companies?",              content: "Yes, absolutely. We have extensive experience working with insurance companies on claims. We'll handle the documentation, provide detailed assessments, and communicate directly with your insurance adjuster. Our goal is to make the claims process as smooth and stress-free as possible for you."
            },
            {
              id: "3",              title: "What warranties do you offer?",              content: "We stand behind our work with comprehensive warranties. All installations include a 10-year workmanship warranty and we use materials with manufacturer warranties ranging from 20 to 50 years depending on the product chosen. We'll explain all options during your free inspection."
            },
            {
              id: "4",              title: "How long does a typical roof inspection take?",              content: "A thorough inspection typically takes 45 minutes to 2 hours depending on your roof size and accessibility. We'll document everything with photos and provide you with a detailed report and honest recommendations. There's never any pressure to decide on the spot."
            },
            {
              id: "5",              title: "Do you offer financing options?",              content: "Yes, we work with several financing partners to make roof replacement more manageable. We can discuss flexible payment plans during your consultation. Many insurance settlements help offset costs for storm damage repairs."
            },
            {
              id: "6",              title: "How long does a roof replacement take?",              content: "Most residential roof replacements are completed in 2-5 days depending on weather conditions, roof size, and complexity. We work efficiently while maintaining the highest quality standards and keeping your home clean throughout the process."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Schedule Your Free Inspection Today"
          description="Get a comprehensive roof assessment from our expert team. No obligation, no hidden costs. Just honest expertise and peace of mind."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "address", type: "text", placeholder: "Property Address", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about any concerns (storm damage, leaks, age of roof, etc.)",            rows: 4,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/businesswoman-escalator-talking-mobile-phone_107420-63602.jpg"
          imageAlt="Contact our roofing experts"
          mediaPosition="right"
          buttonText="Schedule Inspection"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard 
          logoText="Calabrese Roofing"
          columns={[
            {
              title: "Services",              items: [
                { label: "Storm Damage Repair", href: "#services" },
                { label: "New Roof Installation", href: "#services" },
                { label: "Inspections & Maintenance", href: "#services" },
                { label: "Insurance Claims", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#about" },
                { label: "Why Choose Us", href: "#about" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
                { label: "Free Inspection", href: "#contact" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Warranty Information", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Calabrese Roofing Systems. All rights reserved. Licensed & Insured."
        />
      </div>
    </ThemeProvider>
  );
}