"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function AboutPage() {
  return (
    <ThemeProvider>
      <NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} brandName="Chandigi" />
      <MetricSplitMediaAbout 
        title="About Chandigi"
        description="We are a digital growth agency helping businesses scale through data-driven strategies."
        metrics={[{value: "100+", title: "Projects"}]}
        mediaAnimation="slide-up"
        metricsAnimation="slide-up"
      />
      <FooterBaseReveal logoText="Chandigi" columns={[]} />
    </ThemeProvider>
  );
}
