"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Trophy, Users, Zap } from "lucide-react";

export default function LeaguesPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "How It Works", id: "how-it-works" },
    { name: "Leagues", id: "leagues" },
    { name: "Stats", id: "stats" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Leagues", href: "/leagues" },
        { label: "Pricing", href: "/pricing" },
      ],
    },
    {
      items: [
        { label: "About Us", href: "#" },
        { label: "Blog", href: "#" },
        { label: "Community", href: "#" },
        { label: "Careers", href: "#" },
      ],
    },
    {
      items: [
        { label: "Contact", href: "#" },
        { label: "Support", href: "#" },
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
      ],
    },
    {
      items: [
        { label: "Twitter", href: "https://twitter.com" },
        { label: "Facebook", href: "https://facebook.com" },
        { label: "Instagram", href: "https://instagram.com" },
        { label: "Discord", href: "https://discord.com" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={navItems}
          brandName="FantasyRugby"
          button={{
            text: "Start Your Squad",
            href: "/",
          }}
        />
      </div>

      <div id="leagues-overview" data-section="leagues-overview">
        <FeatureCardMedia
          title="Join Public & Private Rugby Fantasy Leagues"
          description="Whether you're a solo competitor or organizing a league with friends, our platform scales to your ambitions. Compete in open global leagues, create branded private leagues, or manage multi-tier competition systems."
          tag="League Types"
          tagAnimation="blur-reveal"
          features={[
            {
              id: "public-leagues",
              title: "Public Global Leagues",
              description: "Compete against thousands of rugby fans worldwide. Open league entries allow you to test your squad-building skills against diverse player bases. Seasonal leagues, weekly competitions, and special events keep the competition fresh.",
              tag: "Unlimited Access",
              imageSrc: "http://img.b2bpic.net/free-photo/joyful-close-friends-joking-arguing_1262-21176.jpg",
              imageAlt: "Global league competition",
              buttons: [],
            },
            {
              id: "private-leagues",
              title: "Private League Management",
              description: "Create branded private leagues for your club, office, friend group, or community. Full customization of league names, scoring rules, entry fees, and member permissions. Manage up to unlimited private leagues depending on your plan.",
              tag: "Full Control",
              imageSrc: "http://img.b2bpic.net/free-photo/joyful-close-friends-joking-arguing_1262-21176.jpg",
              imageAlt: "Private league management",
              buttons: [],
            },
            {
              id: "tiered-leagues",
              title: "Multi-Tier League Systems",
              description: "Organize structured competitions with promotion and relegation. Run divisional systems, tournament brackets, or ladder-style ranking. Perfect for clubs and leagues that want to recreate real-world rugby competition structures.",
              tag: "Advanced Organization",
              imageSrc: "http://img.b2bpic.net/free-vector/isometric-colorful-monitoring-infographic-template_52683-19146.jpg",
              imageAlt: "Tiered league system",
              buttons: [],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
          ariaLabel="Fantasy rugby league types and features"
        />
      </div>

      <div id="league-features" data-section="league-features">
        <FeatureCardMedia
          title="Powerful League Tools"
          description="Every league includes comprehensive management and engagement features designed to keep members competitive and connected."
          tag="League Capabilities"
          tagAnimation="slide-up"
          features={[
            {
              id: "real-time-leaderboards",
              title: "Real-Time Leaderboards",
              description: "Live leaderboard updates during match days. See member rankings, point progressions, and head-to-head records as matches unfold. Custom sorting options let members filter by weekly rank, season rank, or recent form.",
              tag: "Live Updates",
              imageSrc: "http://img.b2bpic.net/free-vector/isometric-colorful-monitoring-infographic-template_52683-19146.jpg",
              imageAlt: "Real-time leaderboard display",
              buttons: [],
            },
            {
              id: "custom-scoring",
              title: "Custom Scoring Rules",
              description: "Design league-specific scoring systems. Adjust point values for tries, penalties, tackles, and defensive plays. Create bonus point multipliers for specific player positions or special achievements. Every league plays by your rules.",
              tag: "Customization",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-working-with-finance-diagrams-table-laptop-papers_1268-17477.jpg",
              imageAlt: "Custom scoring configuration",
              buttons: [],
            },
            {
              id: "member-tools",
              title: "Member Engagement Tools",
              description: "Weekly messaging systems, achievement badges, and milestone celebrations keep members engaged. Automated reminders for transfer deadlines, match-day updates, and league announcements. In-league chat and social features foster community.",
              tag: "Community",
              imageSrc: "http://img.b2bpic.net/free-photo/joyful-close-friends-joking-arguing_1262-21176.jpg",
              imageAlt: "Member engagement features",
              buttons: [],
            },
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          carouselMode="buttons"
          ariaLabel="League management tools and capabilities"
        />
      </div>

      <div id="league-testimonials" data-section="league-testimonials">
        <TestimonialCardFive
          title="Loved by League Organizers"
          description="Hear from community leaders who've successfully organized rugby fantasy leagues of all sizes."
          tag="League Success Stories"
          tagAnimation="opacity"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              date: "4 weeks ago",
              title: "Office League Manager",
              quote: "Our office league has 22 members and has been running all season. The platform makes managing everything effortless—automatic leaderboard updates, email reminders, and a clean interface that even non-technical members love.",
              tag: "Office Competition",
              avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-pretty-sporty-girl-wearing-headband-wristbands-keeping-hands-waist_141793-117644.jpg",
              avatarAlt: "Sarah Johnson profile",
            },
            {
              id: "2",
              name: "Marcus Thompson",
              date: "6 weeks ago",
              title: "Rugby Club Director",
              quote: "We set up a private league for our club members and it's become a major engagement driver. Everyone's excited to check their rankings on Monday mornings. The custom scoring rules let us reward the style of play we actually value.",
              tag: "Club Organization",
              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-posing_23-2148747394.jpg",
              avatarAlt: "Marcus Thompson profile",
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              date: "8 weeks ago",
              title: "Friend Group Organizer",
              quote: "Created three separate private leagues for different friend groups. The ease of setup, intuitive UI, and the fact that I can customize everything means we've all jumped in. Quality time at the pub talking fantasy rugby now!",
              tag: "Social Leagues",
              avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg",
              avatarAlt: "Emma Rodriguez profile",
            },
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="League organizer testimonials"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="FantasyRugby"
          columns={footerColumns}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}