"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ContactPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Products", id: "/products" },
              { name: "About", id: "/about" },
              { name: "Manufacturing", id: "/#features" },
              { name: "Contact", id: "/contact" },
            ]}
            brandName="Plásticos Kame"
            button={{ text: "Get Quote", href: "/contact" }}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplit
            tag="Inquire Today"
            title="Partner with Plásticos Kame"
            description="Ready to discuss your custom manufacturing requirements or scale your existing container procurement? Reach out to our industrial partnership team."
            background={{ variant: "gradient-bars" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281305.jpg?_wi=3"
            logoText="Plásticos Kame"
            columns={[
              { title: "Contact Info", items: [
                  { label: "Business Hours: Mon-Fri 8am-6pm", href: "#" },
                  { label: "Factory: 123 Industrial Park, Sector 4", href: "#" }
              ] },
              { title: "Company", items: [{ label: "Shop", href: "/products" }, { label: "About", href: "/about" }, { label: "Support", href: "#" }] },
              { title: "Follow Us", items: [{ label: "LinkedIn", href: "#" }, { label: "Twitter", href: "#" }, { label: "Instagram", href: "#" }] },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}