"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "About",          id: "about"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="DB Plumbing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Reliable Local Plumbing & Heating You Can Trust"
      description="DB Plumbing & Heating Services delivers professional bathroom fitting, plumbing repairs, and heating work with punctual service, clear communication, and meticulous attention to detail."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@localclient",          testimonial: "Exceptional service, arrived on time and fixed my heating leak quickly. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg"},
        {
          name: "Mike D.",          handle: "@landlord",          testimonial: "Very professional and clean work on our bathroom renovation. A truly reliable team.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg"},
        {
          name: "Anna P.",          handle: "@homerenowner",          testimonial: "Fantastic attention to detail on our kitchen plumbing. Very tidy tradespeople.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg"},
        {
          name: "David W.",          handle: "@longterm",          testimonial: "Trustworthy and punctual. The heating service was top notch this winter.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
        {
          name: "Chloe B.",          handle: "@newbuild",          testimonial: "Highly recommended for all bathroom installation needs, very professional.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-moments-handsome-guy-young-pretty-woman-with-long-blonde-hair-smiling-chilling-bed-home-modern-apartment-relationship-true-emotions-love_197531-1652.jpg"},
      ]}
      buttons={[
        {
          text: "Call Now",          href: "tel:+440000000000"},
        {
          text: "Request a Free Quote",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/couple-together-kitchen-drinking-coffee_1303-22226.jpg",          alt: "Customer profile 1"},
        {
          src: "http://img.b2bpic.net/free-photo/joyful-pretty-young-woman-with-long-blonde-hair-hugging-handsome-guy-from-back-couple-love-chilling-bed-home-modern-apartment-true-emotions-lovely_197531-1662.jpg",          alt: "Customer profile 2"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-couple-love-making-selfie-kitchen_23-2148113907.jpg",          alt: "Customer profile 3"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",          alt: "Customer profile 4"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",          alt: "Customer profile 5"},
      ]}
      avatarText="Trusted by 500+ locals"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "s1",          title: "Bathroom Fitting",          author: "Experts",          description: "High-quality, meticulous bathroom installations and tiling.",          tags: [
            "Renovation",            "Fitting"],
          imageSrc: "http://img.b2bpic.net/free-photo/workers-tiling-floor-indoors_23-2149343993.jpg"},
        {
          id: "s2",          title: "Heating Repairs",          author: "Technicians",          description: "Rapid heating and boiler repair for emergencies and maintenance.",          tags: [
            "Heating",            "Repair"],
          imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg"},
        {
          id: "s3",          title: "General Plumbing",          author: "Engineers",          description: "Professional repair and installation for your plumbing systems.",          tags: [
            "Plumbing",            "Maintenance"],
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg"},
      ]}
      title="Our Professional Services"
      description="Comprehensive solutions for all your plumbing and heating needs."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Why Choose DB Plumbing?"
      description="We treat every property with respect, maintaining clear communication and punctuality on every job. Our focus on quality workmanship ensures your home is in safe hands."
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746296.jpg"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg"},
        {
          id: "2",          name: "Mike D.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-couple-lying-sofa-reading-book-living-room_23-2147890984.jpg"},
        {
          id: "3",          name: "Anna P.",          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg"},
        {
          id: "4",          name: "John R.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-home_329181-4271.jpg"},
        {
          id: "5",          name: "David W.",          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-using-their-phone-kitchen_23-2149017744.jpg"},
      ]}
      cardTitle="Client Reviews"
      cardTag="Trusted Service"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "15+",          title: "Years Experience",          items: [
            "Serving local",            "Proven quality"],
        },
        {
          id: "m2",          value: "500+",          title: "Happy Clients",          items: [
            "Renovations",            "Repairs"],
        },
        {
          id: "m3",          value: "99%",          title: "Punctuality",          items: [
            "On time",            "Reliable"],
        },
      ]}
      title="Our Impact"
      description="Dedicated service results we're proud of."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "Do you offer emergency call outs?",          content: "Yes, we prioritize emergency plumbing and heating issues."},
        {
          id: "f2",          title: "Are your bathroom fitting quotes free?",          content: "Absolutely, we provide transparent and free quotes for all projects."},
        {
          id: "f3",          title: "Are you fully insured?",          content: "Yes, we are fully qualified and insured for peace of mind."},
      ]}
      buttons={[
        {
          text: "Contact Us",          href: "#contact"
        }
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common queries about our plumbing services."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Latest Insights"
      description="Useful tips and updates from our experts."
      blogs={[
        {
          id: "b1",          category: "Plumbing",          title: "Winter Plumbing Tips",          excerpt: "Prepare your home for cold weather.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-person-posing-winter-holidays_140725-135400.jpg",          authorName: "DB Team",          authorAvatar: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",          date: "Oct 2024"},
        {
          id: "b2",          category: "Renovation",          title: "Modern Bathrooms",          excerpt: "Latest bathroom design ideas.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-black-orange-bathroom_23-2151962360.jpg",          authorName: "DB Team",          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-couple-home_1157-18407.jpg",          date: "Sep 2024"},
        {
          id: "b3",          category: "Plumbing",          title: "Emergency Check",          excerpt: "When to call an expert.",          imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-pointing-his-index-fingers-camera-watching-you-gesture-suspicious-expression-isolated-pink-wall_141793-15226.jpg",          authorName: "DB Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg",          date: "Aug 2024"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "animated-grid"}}
      tag="Contact Us"
      title="Ready for a Quote?"
      description="Get in touch for your professional plumbing or heating service today."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="DB Plumbing & Heating"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Plumbing",              href: "#services"},
            {
              label: "Heating",              href: "#services"},
            {
              label: "Bathrooms",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}