"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Flanagan Services"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "gradient-bars",
      }}
      logoText="Flanagan Services"
      description="Professional and reliable heating solutions for your home in County Wicklow. 5-star service for boiler repairs and heating maintenance."
      buttons={[
        {
          text: "Book Service",
          href: "#contact",
        },
        {
          text: "Our Work",
          href: "#services",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14795.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Trusted Heating Professionals"
      description="With over a decade of experience, we pride ourselves on transparent, honest, and high-quality heating services. Our team treats your home with the utmost care, providing clear communication every step of the way."
      bulletPoints={[
        {
          title: "Expert Repairs",
          description: "Quick, reliable boiler and heating system fixes.",
        },
        {
          title: "Transparent Pricing",
          description: "No hidden costs, just honest and open service.",
        },
        {
          title: "Local Wicklow Service",
          description: "Serving Mount Kennedy and surrounding areas.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26533.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          label: "Repair",
          title: "Boiler Repairs",
          items: [
            "Emergency boiler fixes",
            "Pressure checks",
            "Fault diagnosis",
          ],
        },
        {
          id: "f2",
          label: "Maintenance",
          title: "Heating Servicing",
          items: [
            "Annual system checks",
            "Radiator balancing",
            "Efficiency audits",
          ],
        },
        {
          id: "f3",
          label: "Installation",
          title: "System Upgrades",
          items: [
            "Radiator installation",
            "Thermostat upgrades",
            "System modernization",
          ],
        },
      ]}
      title="Our Heating Services"
      description="We offer a wide range of services to keep your home warm and efficient throughout the year."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Avril Cahill",
          handle: "@avrilcahill",
          testimonial: "Kevin called tonight and fixed our boiler. Lovely man, pleasure to deal with. Was very informative. Talked us through everything he was doing, I felt he was open and honest. Would highly recommend.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg",
        },
        {
          id: "2",
          name: "D.B",
          handle: "@db_review",
          testimonial: "Highly recommended, excellent service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg",
        },
        {
          id: "3",
          name: "Martin Bowens",
          handle: "@martinb",
          testimonial: "Excellent service and very reliable. Would definitely use them again for any future heating needs.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
        },
        {
          id: "4",
          name: "Sarah O'Neill",
          handle: "@soneill",
          testimonial: "Fast response time and very professional. They fixed our heating issue immediately.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
        },
        {
          id: "5",
          name: "Liam Byrne",
          handle: "@liamb",
          testimonial: "Great experience, very professional, and tidy work. Highly recommended.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-couple-meeting_23-2149324599.jpg",
        },
      ]}
      showRating={true}
      title="Customer Reviews"
      description="Read what our neighbors in Wicklow have to say about our heating services."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What areas do you serve?",
          content: "We primarily serve Mount Kennedy, Kilpedder, and the wider County Wicklow area.",
        },
        {
          id: "faq2",
          title: "Do you offer emergency repairs?",
          content: "Yes, we prioritize emergency heating repairs to ensure your home stays warm.",
        },
        {
          id: "faq3",
          title: "How can I book an appointment?",
          content: "Simply fill out our contact form below or call us directly at 087 272 0019.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Flanagan Heating",
        "Kilpedder Services",
        "Wicklow Boiler Care",
        "Reliable Heating Pros",
        "County Heating Tech",
        "Efficient Home Solutions",
        "Trusted Boiler Experts",
      ]}
      title="Serving Wicklow Communities"
      description="Proudly supporting local households and businesses with reliable heating care for over 10 years."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "animated-grid",
      }}
      tag="Get In Touch"
      title="Need Heating Assistance?"
      description="Call us at 087 272 0019 or use the form below to book your service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Flanagan Services"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Boiler Repair",
              href: "#services",
            },
            {
              label: "Servicing",
              href: "#services",
            },
            {
              label: "Installations",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Flanagan Services. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
