"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, Clock, CheckCircle, DollarSign } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Y&B Roofing Inc."
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Why Y&B", id: "why-yb" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Protect What Matters Most"
          description="Premium Roofing & Emergency Repairs Done Right the First Time. Fast Response. Winter Service Available. Honest Pricing."
          tag="Trusted Local Experts"
          tagAnimation="slide-up"
          background={{ variant: "aurora" }}
          buttons={[
            { text: "Request Free Inspection", href: "contact" },
            { text: "Call Now – Fast Response", href: "tel:+1234567890" }
          ]}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-car_1206-22.jpg", imageAlt: "Professional roofing crew working at sunset" },
            { imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "Professional roof repair work" },
            { imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Full roof replacement installation" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-checking-car-engine-while-road-trip_23-2148851127.jpg", imageAlt: "Emergency roofing response" },
            { 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?_wi=1", imageAlt: "Y&B Roofing professional team" },
            { imageSrc: "http://img.b2bpic.net/free-photo/nutria-myocastor-coypus-ark_181624-53664.jpg", imageAlt: "Raccoon damage repair specialists" }
          ]}
        />
      </div>

      <div id="trust-strip" data-section="trust-strip">
        <SocialProofOne
          title="Why Homeowners Choose Y&B"
          description="Trusted for excellence, integrity, and rapid response in all conditions"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Emergency & Winter Repairs",
            "Leak & Damage Specialists",
            "Fair, Transparent Estimates",
            "Fully Insured & Professional Crew"
          ]}
          showCard={true}
          speed={30}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Built on Integrity. Known for Results. At Y&B Roofing Inc., we believe your roof deserves more than a quick fix. It deserves precision craftsmanship, honest pricing, and a team that shows up when others won't."
          useInvertedBackground={false}
          metricsAnimation="slide-up"
          metrics={[
            { icon: Award, label: "5-Star Rated", value: "100%" },
            { icon: Clock, label: "Fast Response", value: "24/7" },
            { icon: CheckCircle, label: "Quality Repairs", value: "Guaranteed" },
            { icon: DollarSign, label: "Honest Pricing", value: "Fair" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Services We Provide"
          description="Comprehensive roofing solutions for every need. From emergency repairs to full replacements."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              id: "repair",
              label: "Repair",
              title: "Roof Repair Services",
              items: ["Leaks & seal failures", "Flashing issues", "Hatches & sealing", "Emergency patching"],
              buttons: [{ text: "Learn More", href: "services" }]
            },
            {
              id: "replacement",
              label: "Replace",
              title: "Roof Replacement",
              items: ["Full tear-offs", "Premium materials", "Professional installation", "Warranty coverage"],
              buttons: [{ text: "Learn More", href: "services" }]
            },
            {
              id: "wildlife",
              label: "Wildlife",
              title: "Wildlife Damage Repair",
              items: ["Raccoon intrusion repair", "Vent guard installation", "Preventative measures", "Expert assessment"],
              buttons: [{ text: "Learn More", href: "services" }]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Real Customer Experiences"
          description="See what homeowners have to say about Y&B Roofing's service and expertise."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              title: "Winter Emergency Response",
              quote: "We desperately needed our roof done in winter… Y&B came through when others couldn't. Honest, responsive, and fair.",
              name: "Deneen Gillespie",
              role: "Homeowner",
              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: "Deneen Gillespie"
            },
            {
              id: "2",
              title: "Wildlife Damage Experts",
              quote: "Outstanding job repairing raccoon damage. Professional, responsive, and thorough. They treated our home like it was theirs.",
              name: "Barb Balantine",
              role: "Homeowner",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=1",
              imageAlt: "Barb Balantine"
            },
            {
              id: "3",
              title: "Fast & Reliable Service",
              quote: "They came out very quickly and fixed my roof hatch. Great service and great people. Highly recommend.",
              name: "Mason Totaro",
              role: "Homeowner",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
              imageAlt: "Mason Totaro"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Y&B Roofing Inc."
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}