"use client";

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

export default function DeliveryPage() {
  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="Delivery Policy"
            sections={[
              {
                heading: "Shipping Times",                content: [{ type: "list", items: ["Standard: 3-5 days", "Express: 1-2 days"] }]
              }
            ]}
          />
        </div>

        <div id="feature" data-section="feature">
          <FeatureCardSeven
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            title="Our Shipping Promise"
            description="Fast and reliable delivery."
            features={[
              {
                title: "Tracking",                description: "Full tracking on all orders.",                imageSrc: "http://img.b2bpic.net/free-photo/clothes-search-bar-box-banner-badge_53876-121020.jpg"
              },
              {
                title: "Safe Packaging",                description: "Items arrive in perfect condition.",                imageSrc: "http://img.b2bpic.net/free-photo/black-clothes-hangers-terracotta-background-with-copy-space-idea-sale-creative-shopping-concept-flat-lay-minimalistic-style-creative-layout-fashion-shop-sale-blog-banner_166373-1748.jpg"
              }
            ]}
          />
        </div>

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