"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
// Fix for Line 8, Column 10: Correcting the import statement for ButtonExpandHover
import ButtonExpandHover from "@/components/button/ButtonExpandHover"; 
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function UploadTimingOptimizationPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmall"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              {
                name: "Home",          id: "/"}, // Fix for Line 28, Column 31: 'href' changed to 'id'
              {
                name: "Features",          id: "#features"},
              {
                name: "Tools",          id: "/upload-timing-optimization"}, // Fix for Line 30, Column 32: 'href' changed to 'id'
              {
                name: "Insights",          id: "#insights"},
              {
                name: "FAQ",          id: "#faq"},
            ]}
            brandName="Yt Mugi"
            button={{
              text: "Reset / Change API Key",              href: "#"
            }}
          />
        </div>

        {/* Content for Upload Timing Optimization Page */}
        <div id="upload-timing-optimization-section" data-section="upload-timing-optimization-section" className="py-20 px-4 text-center">
            <h1 className="text-4xl md:text-5xl font-bold mb-4 text-foreground">
                Upload Timing Optimization
            </h1>
            <p className="text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto mb-8">
                Optimize your YouTube upload schedule for maximum reach and engagement using AI-driven insights.
            </p>
            <ButtonExpandHover text="Back to Tools" href="/" className="px-6 py-3" />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}