"use client";

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

export default function ServicesPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          brandName="Madhur Radio"
        />
        <FeatureCardSixteen
          animationType="slide-up"
          textboxLayout="default"
          title="Our Professional Audio & Event Services"
          description="We provide bespoke sound and lighting packages tailored to the unique requirements of your event."
          negativeCard={{
            items: ["Birthday DJ Sessions", "Small Venue Sound Kits", "Stage & LED Lighting", "Kirtan & Spiritual Sound Coverage"],
          }}
          positiveCard={{
            items: ["Comprehensive Wedding DJ Packages", "Corporate Audio & Microphone Setup", "Grand Festival Sound Solutions", "Live Event Engineering"],
          }}
        />
        <FooterBaseReveal
          logoText="Madhur Radio"
          columns={[]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}