"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { BookOpen } from "lucide-react";

export default function StartHerePage() {
  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="start-here-content" data-section="start-here-content">
        <FeatureCardThree
          title="Your Discipline Journey Begins Here"
          description="We break down the overwhelming into actionable, daily steps. No fluff, no motivation tricks—just proven systems that work."
          tag="Beginner Funnel"
          tagIcon={BookOpen}
          features={[
            {
              id: "01",
              title: "5-Minute Discipline Starter Guide",
              description: "Free PDF guide to begin your transformation. Enter your email to download and get instant access.",
              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-journal-desk_23-2148210414.jpg",
              imageAlt: "guide learning strategy planning notebook",
            },
            {
              id: "02",
              title: "How to Build Discipline",
              description: "Foundational principles and daily practices that create lasting change. Learn the science behind discipline.",
              imageSrc: "http://img.b2bpic.net/free-photo/triumphant-hiker-stands-mountain-peak-with-his-arms-raised-victory_482257-119979.jpg",
              imageAlt: "mountain achievement peak success determination",
            },
            {
              id: "03",
              title: "How to Stop Procrastinating",
              description: "Proven strategies to eliminate procrastination and execute immediately. Break through resistance today.",
              imageSrc: "http://img.b2bpic.net/free-photo/seven-number-day-date-time-character-symbol-concept_53876-31191.jpg",
              imageAlt: "challenge training daily commitment progress",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="next-steps" data-section="next-steps">
        <FeatureCardThree
          title="What's Next"
          description="Choose your path and commit. The best time to start is now."
          features={[
            {
              id: "01",
              title: "Take The 7-Day Challenge",
              description: "Start the challenge that's transformed thousands. Daily tasks, community support, and proven results.",
              imageSrc: "http://img.b2bpic.net/free-photo/young-sportsman-exercising-with-barbell-cross-training-gym_637285-2501.jpg",
              imageAlt: "discipline mindset motivation strength focus",
            },
            {
              id: "02",
              title: "Join Our Community",
              description: "Connect with disciplined builders, share wins, and hold each other accountable.",
              imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-giving-high-five_74855-1134.jpg",
              imageAlt: "success transformation before-after achievement proud",
            },
            {
              id: "03",
              title: "Explore Premium Programs",
              description: "Level up with our Discipline Blueprint course, daily coaching, and personalized strategies.",
              imageSrc: "http://img.b2bpic.net/free-photo/friends-fitness-training-together-outdoors-living-active-healthy_1328-2963.jpg",
              imageAlt: "confidence strength discipline mindset growth",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

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