"use client";

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

export default function AboutPage() {
  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"
        />
        <SplitAbout
          textboxLayout="split"
          title="Our Story: Setting the Standard for Sound"
          description="Founded with a passion for music, Madhur Radio has spent years perfecting the art of live event audio in Sawai Madhopur. We don't just provide equipment; we curate the atmosphere for your most important life moments."
          bulletPoints={[
            { title: "Expert Technicians", description: "Certified audio engineers ensuring professional results." },
            { title: "Reliable Service", description: "Committed to punctuality and seamless event execution." },
            { title: "High-Tech Gear", description: "Top-tier sound and lighting systems for clear, immersive sound." },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=2"
        />
        <FooterBaseReveal
          logoText="Madhur Radio"
          columns={[]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}