"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import LegalSection from '@/components/legal/LegalSection';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function CheckoutPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="medium"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "Shop", id: "/shop" },
              { name: "Checkout", id: "/checkout" },
              { name: "Delivery", id: "/delivery" },
            ]}
            brandName="LEX"
          />
        </div>

        <div id="legal" data-section="legal">
          <LegalSection
            layout="page"
            title="Checkout Terms"
            sections={[
              {
                heading: "Payment Policy",                content: [{ type: "paragraph", text: "All payments are processed securely." }]
              }
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCenter
            useInvertedBackground={false}
            background={{ variant: "plain" }}
            tag="Support"
            title="Need Help Ordering?"
            description="Reach out to our support team."
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="LEX STYLISH CLOTHS"
            copyrightText="© 2025 Lex Stylish Cloths. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
