"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function ServicesPage() {
  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: "/" },
                { name: "Services", id: "#services" },
                { name: "About", id: "/about" },
                { name: "Reviews", id: "/reviews" },
                { name: "Contact", id: "/contact" },
              ]}
              brandName="DB Plumbing"
            />
        </div>

        <div id="services" data-section="services">
            <FeatureCardTwentyFour
              animationType="slide-up"
              textboxLayout="split"
              useInvertedBackground={false}
              title="Comprehensive Plumbing & Heating Services"
              description="We provide a full range of professional services tailored to keep your home comfortable, functional, and safe. From emergency repairs to complete bathroom transformations, our experts are ready to assist."
              features={[
                { id: "s1", title: "Bathroom Fitting", author: "Installation Team", description: "Complete bathroom design, tiling, and installation services using high-quality materials.", tags: ["Renovation", "Fitting"], imageSrc: "http://img.b2bpic.net/free-photo/workers-tiling-floor-indoors_23-2149343993.jpg" },
                { id: "s2", title: "Heating Repairs", author: "Gas Technicians", description: "Fast, reliable diagnosis and repair for boilers, radiators, and heating systems.", 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: "Maintenance Pros", description: "Comprehensive solutions for leaks, pipework maintenance, and general home plumbing.", tags: ["Plumbing", "Maintenance"], imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg" },
                { id: "s4", title: "Emergency Services", author: "Response Team", description: "24/7 support for critical plumbing leaks and heating failure emergencies.", tags: ["Emergency", "Support"], imageSrc: "http://img.b2bpic.net/free-photo/plumber-fix-leakage-pipes_1303-24103.jpg" }
              ]}
            />
        </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: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
              ]}
            />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
