"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Fish, Sparkles, Crown, Facebook, Instagram, Twitter, Youtube } from 'lucide-react';

export default function MembershipPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="large"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Network"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Membership", id: "/membership" },
            { name: "Events", id: "/events" },
            { name: "About", id: "/about" }
          ]}
          button={{
            text: "Join Network",            href: "/membership"
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Membership Plans"
          description="Choose the perfect membership level to join Network and unlock exclusive fishing content and events"
          plans={[
            {
              id: "basic",              badge: "Starter",              badgeIcon: Fish,
              price: "$19/mo",              subtitle: "Perfect for casual anglers",              buttons: [
                { text: "Get Started", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Access to member forum",                "Monthly newsletter with tips",                "Basic fishing guides",                "Community chat access"
              ]
            },
            {
              id: "pro",              badge: "Pro",              badgeIcon: Sparkles,
              price: "$49/mo",              subtitle: "For serious fishing enthusiasts",              buttons: [
                { text: "Get Started", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Everything in Starter",                "Exclusive hotspot maps",                "Weekly tournament entries",                "Priority event registration",                "Expert coaching sessions"
              ]
            },
            {
              id: "elite",              badge: "Elite",              badgeIcon: Crown,
              price: "$99/mo",              subtitle: "The ultimate fishing experience",              buttons: [
                { text: "Get Started", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Everything in Pro",                "VIP tournament access",                "Private fishing trips",                "One-on-one with expert guides",                "Custom fishing plans",                "Lifetime member badge"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Get answers to common questions about Network membership and fishing events"
          faqs={[
            {
              id: "1",              title: "What fishing experience do I need to join Network?",              content: "Network welcomes anglers of all skill levels! Whether you're a complete beginner or an experienced fisherman, we have resources and community members ready to help you improve your skills and enjoy fishing."
            },
            {
              id: "2",              title: "How often are tournaments and events held?",              content: "We organize weekly tournaments during peak seasons and monthly competitions year-round. Pro and Elite members get priority registration and exclusive access to premium events. Check our Events page for the full schedule."
            },
            {
              id: "3",              title: "Can I cancel my membership anytime?",              content: "Yes! All memberships are month-to-month with no long-term contracts. You can cancel anytime with no penalties. We'd love to have you stay, but we understand if circumstances change."
            },
            {
              id: "4",              title: "Are the hotspot maps constantly updated?",              content: "Absolutely. Our Pro and Elite members contribute real-time data about fishing locations and conditions. Our team also conducts regular scouting to keep maps accurate and current with seasonal changes."
            },
            {
              id: "5",              title: "What if I need fishing equipment recommendations?",              content: "Our gear review section features comprehensive guides and member recommendations. Pro and Elite members also get access to exclusive coaching sessions where experts can provide personalized equipment advice."
            },
            {
              id: "6",              title: "How do I participate in the community forum?",              content: "All members automatically get forum access once they sign up. You can share catches, ask questions, and connect with other anglers. Our moderation team keeps discussions friendly and on-topic."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about Network? Want to sponsor an event or collaborate? We'd love to hear from you. Reach out to our team and we'll get back to you within 24 hours."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "your@email.com", required: true },
            { name: "subject", type: "text", placeholder: "Subject", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what you're thinking...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/sad-contemplative-person-near-lake_23-2150420658.jpg"
          imageAlt="Sunset fishing scene"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <FooterCard
        logoText="Network"
        copyrightText="© 2025 Network Fishing Club. All rights reserved."
        socialLinks={[
          { icon: Facebook, href: "https://facebook.com/networkfishingclub", ariaLabel: "Facebook" },
          { icon: Instagram, href: "https://instagram.com/networkfishingclub", ariaLabel: "Instagram" },
          { icon: Twitter, href: "https://twitter.com/networkfishing", ariaLabel: "Twitter" },
          { icon: Youtube, href: "https://youtube.com/networkfishingclub", ariaLabel: "YouTube" }
        ]}
      />
    </ThemeProvider>
  );
}