"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Zap, Target, TrendingUp, Award } from "lucide-react";

export default function ChallengePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Start Here", id: "/start-here" },
    { name: "Challenge", id: "/7-day-challenge" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
    {
      title: "Platform",
      items: [
        { label: "Start Here", href: "/start-here" },
        { label: "7-Day Challenge", href: "/7-day-challenge" },
        { label: "Blog", href: "/blog" },
        { label: "Resources", href: "/resources" },
      ],
    },
    {
      title: "Community",
      items: [
        { label: "Discord", href: "https://discord.com" },
        { label: "Twitter", href: "https://twitter.com" },
        { label: "YouTube", href: "https://youtube.com" },
        { label: "Newsletter", href: "/7-day-challenge" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About", href: "/about" },
        { label: "Contact", href: "/contact" },
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="medium"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{ text: "Join The List", href: "/7-day-challenge" }}
          brandName="Peak Mindset"
        />
      </div>

      <div id="challenge-hero" data-section="challenge-hero">
        <HeroBillboardRotatedCarousel
          title="The 7-Day Discipline Challenge"
          description="Join 10,000+ builders transforming their lives. Daily tasks, email delivery, and a community that holds you accountable. No motivation required—just commitment."
          tag="Limited Spots Available"
          tagIcon={Zap}
          background={{ variant: "aurora" }}
          buttons={[
            { text: "Start Challenge Today", href: "/start-here" },
            { text: "View Success Stories", href: "/#testimonials" },
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "http://img.b2bpic.net/free-photo/seven-number-day-date-time-character-symbol-concept_53876-31191.jpg?_wi=4",
              imageAlt: "challenge training daily commitment progress",
            },
            {
              id: "2",
              imageSrc: "http://img.b2bpic.net/free-photo/young-sportsman-exercising-with-barbell-cross-training-gym_637285-2501.jpg?_wi=5",
              imageAlt: "discipline mindset motivation strength focus",
            },
            {
              id: "3",
              imageSrc: "http://img.b2bpic.net/free-photo/triumphant-hiker-stands-mountain-peak-with-his-arms-raised-victory_482257-119979.jpg?_wi=5",
              imageAlt: "mountain achievement peak success determination",
            },
            {
              id: "4",
              imageSrc: "http://img.b2bpic.net/free-photo/friends-fitness-training-together-outdoors-living-active-healthy_1328-2963.jpg?_wi=4",
              imageAlt: "confidence strength discipline mindset growth",
            },
            {
              id: "5",
              imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-giving-high-five_74855-1134.jpg?_wi=4",
              imageAlt: "success transformation before-after achievement proud",
            },
            {
              id: "6",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-coffee-shop-celebrating-success-with-her-hands-up_1163-1788.jpg?_wi=2",
              imageAlt: "success habits routine winning dedication",
            },
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="challenge-metrics" data-section="challenge-metrics">
        <MetricCardThree
          title="What Participants Achieve"
          description="Real transformations from 7-day challenge participants."
          metrics={[
            { id: "1", icon: Target, title: "Completion Rate", value: "92%" },
            { id: "2", icon: TrendingUp, title: "Habit Formation", value: "78%" },
            { id: "3", icon: Award, title: "Community Support", value: "100%" },
            { id: "4", icon: Zap, title: "Energy Boost", value: "4.9★" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="challenge-faq" data-section="challenge-faq">
        <FaqSplitText
          sideTitle="Challenge Details"
          sideDescription="Everything you need to know to get started."
          faqs={[
            {
              id: "1",
              title: "How does the 7-Day Challenge work?",
              content: "Each day for 7 days, you'll receive a discipline task via email. Complete it immediately—no excuses. Tasks take 15-30 minutes and build lasting habits. Join our private community for accountability.",
            },
            {
              id: "2",
              title: "What if I miss a day?",
              content: "Don't. That's the entire point. Discipline isn't about motivation—it's about showing up regardless. Miss a day, and you break the chain. Start over with Day 1.",
            },
            {
              id: "3",
              title: "Do I need to pay to join?",
              content: "The 7-Day Challenge is completely free. After completion, we offer optional premium programs like our Discipline Blueprint course, daily coaching, and accountability partnerships.",
            },
            {
              id: "4",
              title: "Can I join anytime?",
              content: "Yes. The challenge starts whenever you sign up. You can begin today and complete all 7 days at your own pace, but we recommend staying committed to consecutive days.",
            },
          ]}
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/business-executives-with-hand-stacked_1170-1782.jpg?_wi=3"
          imageAlt="Peak Mindset Community"
          columns={footerColumns}
          logoText="Peak Mindset"
          copyrightText="© 2025 Peak Mindset | Discipline Over Motivation"
        />
      </div>
    </ThemeProvider>
  );
}