"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, CheckCircle, Clock, Phone, Shield, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmall"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Book a Call-Out",          id: "/contact"},
      ]}
      brandName="Safe Response"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain"}}
      title="Boiler Broken? We'll Fix It Today."
      description="Same-day repairs, honest pricing, and a Gas Safe engineer you can actually trust. Farooq is standing by."
      tag="BIRMINGHAM'S TRUSTED GAS ENGINEERS"
      buttons={[
        {
          text: "Book a Call-Out →",          href: "#contact"},
        {
          text: "See Our Reviews ↓",          href: "#testimonials"},
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/architecture-workers-checking-blueprints-with-maquette_482257-8117.jpg?_wi=1", imageAlt: "heating engineer working on boiler" },
        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-man-working_23-2149546192.jpg?_wi=1", imageAlt: "heating engineer working on boiler" },
        { imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg", imageAlt: "heating engineer working on boiler" },
        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615101.jpg", imageAlt: "heating engineer working on boiler" },
        { imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg", imageAlt: "heating engineer working on boiler" },
        { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg", imageAlt: "heating engineer working on boiler" }
      ]}
    />
  </div>

  <div id="ticker" data-section="ticker">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "⭐ 160+ FIVE-STAR REVIEWS",        "🔥 SAME-DAY RESPONSE",        "✓ GAS SAFE REGISTERED",        "£0 CALL-OUT FEE",        "🏠 BIRMINGHAM BASED"]}
      title="Trusted by Birmingham Residents"
      description="Expert service you can rely on."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Why Birmingham Homeowners Choose Safe Response"
      buttons={[
        {
          text: "Learn More",          href: "#features"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "£0 Call-Out Fee",          description: "No charge for diagnostics. You only pay when the repair is agreed.",          bentoComponent: "reveal-icon",          icon: Shield
        },
        {
          title: "Same-Day Response",          description: "In your home within hours of calling to keep you warm.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Fixed-Price Guarantee",          description: "Transparent, upfront quotes before any work begins.",          bentoComponent: "reveal-icon",          icon: Award
        },
      ]}
      title="Our Guarantees"
      description="Simple, honest, professional boiler care."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Jackie Billing",          date: "2024",          title: "Fantastic service",          quote: "A fantastic service. New boiler fitted, communication was great and the engineers really knew what they were doing. Would definitely use them again.",          tag: "Verified",          avatarSrc: "https://avatar.iran.liara.run/public/boy?username=Jackie"},
        {
          id: "2",          name: "Chris Drew",          date: "2024",          title: "Quick and professional",          quote: "Our boiler packed up over the weekend. Safe Response attended on Sunday, advised us what was needed and had a new boiler installed the very next day. Very quick, friendly and professional.",          tag: "Verified",          avatarSrc: "https://avatar.iran.liara.run/public/boy?username=Chris"},
        {
          id: "3",          name: "Pawandeep Singh",          date: "2024",          title: "Professional and clear",          quote: "Munir was friendly, polite and highly professional. He took the time to explain the boiler service and answered all questions clearly. Very happy with the service provided.",          tag: "Verified",          avatarSrc: "https://avatar.iran.liara.run/public/boy?username=Pawandeep"},
        {
          id: "4",          name: "Paul Mantle",          date: "2024",          title: "Clean and tidy",          quote: "Very efficient service. I recommend Munir and his cousin — a very clean and tidy job from start to finish.",          tag: "Verified",          avatarSrc: "https://avatar.iran.liara.run/public/boy?username=Paul"},
      ]}
      title="What Birmingham Homeowners Say About Us"
      description="Based on 60+ verified reviews"
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "s1",          title: "Call or Book Online",          value: "1",          icon: Phone,
        },
        {
          id: "s2",          title: "Same-Day Visit",          value: "2",          icon: Clock,
        },
        {
          id: "s3",          title: "Fixed-Price Repair",          value: "3",          icon: CheckCircle,
        },
      ]}
      title="Getting Your Boiler Fixed Is Simple"
      description="Three steps to getting your heating back up and running."
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Boiler Tips From Munir"
      description="Simple advice to keep your heating running all year round."
      blogs={[
        {
          id: "b1",          category: "Tips",          title: "How to bleed your radiators",          excerpt: "A simple guide to improving efficiency.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLhddRb6hWTg3CNN7XYAQ9rF6P/uploaded-1778237951013-fiypj1pw.jpg",          authorName: "Munir",          authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",          date: "2025"},
        {
          id: "b2",          category: "Tips",          title: "Winter boiler maintenance",          excerpt: "Avoid breakdowns with these steps.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLhddRb6hWTg3CNN7XYAQ9rF6P/uploaded-1778237832461-olflprsw.jpg",          authorName: "Munir",          authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",          date: "2025"},
        {
          id: "b3",          category: "Tips",          title: "Why your pressure drops",          excerpt: "Understanding your boiler gauges.",          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=2",          authorName: "Munir",          authorAvatar: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",          date: "2025"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="CONTACT"
      title="Need a Gas Engineer Right Now?"
      description="Same-day call-outs across Birmingham. £0 to diagnose. Speak to Farooq directly."
      buttonText="Book Your Call-Out Now →"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/firewoman-her-uniform-with-safety-helmet_176474-93287.jpg"
      logoText="QuickFix"
      columns={[
        {
          title: "QuickFix",          items: [
            {
              label: "Birmingham, UK",              href: "#"},
            {
              label: "Gas Safe Registered",              href: "#"},
            {
              label: "© 2025 QuickFix",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}