"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import AboutMetric from "@/components/sections/about/AboutMetric";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import {
  Award,
  Users,
  CheckCircle,
  Zap,
  Star,
  Shield,
  Wrench,
  AlertCircle,
  Home,
  Building2,
  Square,
  Droplets,
  Clock,
  Phone,
  AlertTriangle,
  Mail,
} from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Why Us", id: "/why-us" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Nottingham Premier Roofing"
          navItems={navItems.map((item) => ({
            name: item.name,
            id: item.id === "/" ? "/" : item.id,
          }))}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Expert Roofing Solutions for Nottingham Homes & Businesses"
          description="Professional roof repairs, installations, and emergency call-outs with 15+ years of proven experience. Licensed, insured, and trusted by thousands of satisfied customers across the East Midlands."
          tag="Trusted Local Experts"
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Get a Free Quote", href: "/contact" },
            { text: "Emergency Call-Out", href: "tel:+441159123456" },
          ]}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg",              imageAlt: "Modern residential roof installation"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",              imageAlt: "Professional roof repair work"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1844.jpg",              imageAlt: "Flat roof installation project"},
            {
              imageSrc: "http://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: "Commercial roofing completed"},
            {
              imageSrc: "http://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: "Quality roof maintenance service"},
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Our Comprehensive Roofing Services"
          description="We specialise in all aspects of roofing to keep your property protected and secure. From emergency repairs to full installations, our expert team delivers quality workmanship every time."
          tag="Complete Solutions"
          features={[
            {
              title: "Roof Repairs",              description: "Swift, professional repairs for damaged, leaking, or worn roofing. Same-day emergency response available.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Wrench, label: "Fast Repairs", value: "24-48hrs" },
                { icon: Shield, label: "Fully Insured", value: "100% Safe" },
                { icon: AlertCircle, label: "Emergency Service", value: "Available" },
              ],
            },
            {
              title: "New Roof Installations",              description: "Complete roof installations using premium materials. Expert design consultation included.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Home, label: "Residential", value: "All Types" },
                { icon: Building2, label: "Commercial", value: "Expert Design" },
                { icon: Star, label: "Premium Materials", value: "Guaranteed" },
              ],
            },
            {
              title: "Flat Roof Services",              description: "Specialised flat roofing expertise for modern homes and commercial properties.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Square, label: "EPDM Rubber", value: "Durable" },
                { icon: Zap, label: "Felt & Slate", value: "Available" },
                { icon: Droplets, label: "Waterproof", value: "Long-lasting" },
              ],
            },
            {
              title: "Emergency Call-Outs",              description: "24/7 emergency roofing response. Storm damage, leaks, and urgent repairs handled immediately.",              bentoComponent: "icon-info-cards",              items: [
                { icon: Clock, label: "24/7 Available", value: "Always On" },
                { icon: Phone, label: "Quick Response", value: "1-2 Hours" },
                { icon: AlertTriangle, label: "Storm Damage", value: "Specialists" },
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why Choose Nottingham Premier Roofing? 15+ Years of Excellence, Trust, and Proven Results"
          metrics={[
            { icon: Award, label: "Years of Experience", value: "15+" },
            { icon: Users, label: "Satisfied Customers", value: "5,000+" },
            { icon: CheckCircle, label: "Licensed & Insured", value: "Certified" },
            { icon: Zap, label: "Emergency Response", value: "24/7 Available" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Over 5,000 customers trust Nottingham Premier Roofing for professional, reliable roofing solutions"
          cardTag="Customer Reviews"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "David Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "happy customer professional portrait person man"},
            {
              id: "2",              name: "Sarah Mitchell",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-business-woman-standing-window_1262-1069.jpg",              imageAlt: "satisfied client portrait woman professional"},
            {
              id: "3",              name: "Michael Robinson",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "customer photo person portrait man professional"},
            {
              id: "4",              name: "Emma Williams",              imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",              imageAlt: "customer image woman portrait satisfied professional"},
            {
              id: "5",              name: "James Patterson",              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",              imageAlt: "person photo customer portrait man professional"},
            {
              id: "6",              name: "Sophie Anderson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "portrait photo woman customer professional"},
          ]}
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Ready to Protect Your Roof?"
          tagIcon={Shield}
          title="Get Your Free Roofing Quote Today"
          description="Contact Nottingham Premier Roofing for a no-obligation assessment. Our team is ready to provide expert advice and a competitive quote for your roofing project or emergency repair."
          buttons={[
            { text: "Request Free Quote", href: "/contact" },
            { text: "Call Now: 0115 912 3456", href: "tel:+441159123456" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Nottingham Premier Roofing"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms & Conditions", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}