"use client";

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

export default function AboutPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarLayoutFloatingOverlay
          brandName="Webild"
          navItems={[
            { name: "Work", id: "/work" },
            { name: "Services", id: "/#services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{ text: "Get Started", href: "/contact" }}
        />
        <InlineImageSplitTextAbout
          heading={[{ type: 'text', content: 'Crafting the Future of AI-Driven Customer Service' }]}
          useInvertedBackground={false}
        />
        <FooterBase
          logoText="Webild"
          leftLink={{ text: "Home", href: "/" }}
          rightLink={{ text: "Contact", href: "/contact" }}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}