"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function AboutPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarStyleApple
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "FAQ", id: "/faq" },
            { name: "Contact", id: "/contact" },
          ]}
          brandName="SMILETABS"
        />
        <MediaAbout
          title="Our Mission"
          description="We are dedicated to eliminating plastic waste from daily hygiene routines through sustainable innovation."
          useInvertedBackground={false}
        />
        <FooterBase
          columns={[
            { title: "Shop", items: [{ label: "All Products", href: "/shop" }] },
            { title: "Support", items: [{ label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
          ]}
          logoText="SMILETABS"
        />
      </ReactLenis>
    </ThemeProvider>
  );
}