"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, DollarSign, MapPin, Phone, Shield, Zap } from 'lucide-react';

export default function LandingPage() {
  const navItems = [
    { name: "Services", id: "services" },
    { name: "Why Us", id: "why-us" },
    { name: "Testimonials", id: "testimonials" },
    { name: "FAQ", id: "faq" },
    { name: "Call Now", id: "tel:+14037622468" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="large"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Local Service Pros" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Professional Home Services in Banff, AB"
          description="Licensed, insured, and trusted by Banff homeowners. Fast response times. Transparent pricing. Call us today for reliable, professional service."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Call Now (403) 762-2468", href: "tel:+14037622468" },
            { text: "Request Free Quote", href: "#contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/he-s-got-crazy-ideas-that-are-really-effective_329181-15212.jpg"
          imageAlt="Professional service team in Banff"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="trust-indicators" data-section="trust-indicators">
        <MetricCardTwo
          title="Why Banff Trusts Us"
          description="Serving the Banff community with reliability and excellence"
          metrics={[
            { id: "1", value: "15+", description: "Years of Local Experience" },
            { id: "2", value: "500+", description: "Happy Local Customers" },
            { id: "3", value: "24hr", description: "Emergency Response Available" },
            { id: "4", value: "100%", description: "Alberta Compliant & Insured" }
          ]}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          title="Our Services"
          description="Comprehensive solutions for Banff homeowners and businesses"
          features={[
            {
              id: "1",              title: "Plumbing & Water Systems",              author: "Expert Technicians",              description: "From repairs to installations, we handle all your plumbing needs with precision and care. Serving Banff and surrounding areas.",              tags: ["Plumbing", "Repairs", "Installation"],              imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg",              imageAlt: "Professional plumbing service"
            },
            {
              id: "2",              title: "Electrical Services",              author: "Licensed Electricians",              description: "Safe, code-compliant electrical work for residential and commercial properties. Alberta-certified professionals on call.",              tags: ["Electrical", "Maintenance", "Safety"],              imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-smiling-car-mechanic-holding-wrenches-workshop_342744-255.jpg",              imageAlt: "Professional electrical service"
            },
            {
              id: "3",              title: "HVAC & Heating",              author: "Heating Specialists",              description: "Keep your home comfortable year-round. Maintenance, repairs, and installations for heating and cooling systems.",              tags: ["HVAC", "Heating", "Cooling"],              imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",              imageAlt: "Professional HVAC service"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <SplitAbout
          title="Why Choose Local Service Pros"
          description="We're Banff locals committed to serving our community with integrity and excellence"
          bulletPoints={[
            {
              title: "Locally Owned & Operated",              description: "Family business with deep roots in Banff. We understand local needs and community values.",              icon: MapPin
            },
            {
              title: "Fast Response Times",              description: "Emergency calls answered within 2 hours. Same-day service available for urgent issues.",              icon: Zap
            },
            {
              title: "Transparent Pricing",              description: "No hidden fees. Free estimates. Honest assessments. What you see is what you pay.",              icon: DollarSign
            },
            {
              title: "Professional & Respectful",              description: "Background-checked, uniformed technicians. We treat your home like our own.",              icon: CheckCircle
            },
            {
              title: "Alberta Compliant",              description: "Licensed, insured, and fully compliant with all Alberta regulations and standards.",              icon: Shield
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/he-s-got-crazy-ideas-that-are-really-effective_329181-15212.jpg"
          imageAlt="Our professional team serving Banff"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="right"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Say"
          description="Trusted by Banff homeowners and businesses for quality service and reliability"
          testimonials={[
            {
              id: "1",              name: "Sarah M.",              handle: "Homeowner, Downtown Banff",              testimonial: "Incredible service! They arrived on time, were professional, and fixed the issue completely. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah M."
            },
            {
              id: "2",              name: "Michael R.",              handle: "Business Owner, Banff",              testimonial: "Best local service I've found. They really care about their work and it shows. Will definitely call again.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Michael R."
            },
            {
              id: "3",              name: "Jennifer P.",              handle: "Property Manager",              testimonial: "Fast, reliable, and transparent. They've become my go-to for all property maintenance needs in Banff.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Jennifer P."
            },
            {
              id: "4",              name: "David T.",              handle: "Long-time Resident",              testimonial: "Lived in Banff 20 years. These guys are the best service company I've worked with. Absolutely professional.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David T."
            },
            {
              id: "5",              name: "Emma L.",              handle: "Homeowner",              testimonial: "Called for emergency service at 11 PM. They came out within 2 hours. Outstanding response time!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Emma L."
            },
            {
              id: "6",              name: "Robert K.",              handle: "Business Owner",              testimonial: "Professional, courteous, and they stand behind their work. Five stars. Serving Banff with integrity.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Robert K."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactFaq
          ctaTitle="Need Service Today?"
          ctaDescription="Serving Banff and surrounding Alberta communities. Call now for fast, reliable service."
          ctaButton={{ text: "Call (403) 762-2468", href: "tel:+14037622468" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What areas do you serve?",              content: "We proudly serve Banff and surrounding Alberta communities. Same-day service available for emergencies in Banff proper."
            },
            {
              id: "2",              title: "Do you offer emergency service?",              content: "Yes! We offer 24-hour emergency service. Call us anytime for urgent issues. Emergency calls are prioritized."
            },
            {
              id: "3",              title: "Are you licensed and insured?",              content: "Absolutely. We are fully licensed, insured, and compliant with all Alberta regulations. All work is guaranteed."
            },
            {
              id: "4",              title: "How quickly can you respond?",              content: "We typically respond to emergency calls within 2 hours in Banff. Non-emergency appointments available within 1-2 days."
            },
            {
              id: "5",              title: "Do you provide free estimates?",              content: "Yes! We provide free, no-obligation estimates. We're transparent about pricing with no hidden fees."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept cash, check, credit card, and bank transfer. Financing options available for larger projects."
            }
          ]}
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services in Banff"
          faqs={[
            {
              id: "1",              title: "How do I book an appointment?",              content: "Call us at (403) 762-2468 or submit the request form below. We'll confirm your appointment within 24 hours."
            },
            {
              id: "2",              title: "What is your service guarantee?",              content: "We guarantee all work is performed to Alberta standards. If you're not satisfied, we'll make it right at no additional cost."
            },
            {
              id: "3",              title: "Do you service commercial properties?",              content: "Yes! We serve both residential and commercial clients in Banff. Contact us for commercial service rates and availability."
            },
            {
              id: "4",              title: "Are there any additional fees?",              content: "No hidden fees. We provide transparent pricing upfront. What you see in the estimate is what you pay."
            },
            {
              id: "5",              title: "Can you handle urgent repairs?",              content: "Absolutely. Call us immediately for emergencies. We prioritize urgent calls and respond quickly."
            },
            {
              id: "6",              title: "Where is your office located?",              content: "Our office is located at 101 Falcon St, Banff, AB T1L 1B9. We serve Banff and surrounding Alberta communities."
            },
            {
              id: "7",              title: "What should I do during an emergency?",              content: "Call us immediately at (403) 762-2468. Have details ready: your location, the issue, and your best contact number."
            },
            {
              id: "8",              title: "Do you offer preventative maintenance?",              content: "Yes! Regular maintenance prevents costly emergencies. Ask about our preventative maintenance packages."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#why-us" },
                { label: "Services", href: "#services" },
                { label: "Contact", href: "#cta" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (403) 762-2468", href: "tel:+14037622468" },
                { label: "Address: 101 Falcon St, Banff, AB T1L 1B9", href: "#" },
                { label: "Service Area: Banff & Alberta", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Local Service Pros | Proudly Serving Banff, AB"
        />
      </div>
    </ThemeProvider>
  );
}
