"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import Link from 'next/link';
import { Fish, Users, Facebook, Instagram, Twitter, Youtube } from 'lucide-react';

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroBillboard
          title="Cast Your Line with Network"
          description="Join the ultimate fishing community. Share catches, discover hotspots, and connect with anglers who share your passion for the perfect day on the water."
          background={{ variant: "sparkles-gradient" }}
          tag="Welcome to Network"
          tagIcon={Fish}
          buttons={[
            { text: "Join Our Community", href: "/membership" },
            { text: "Explore Events", href: "/events" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-distant-shot-woman-riding-kayak-middle-lake-sunset_181624-3666.jpg"
          imageAlt="Beautiful fishing landscape with sunrise over calm waters"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Network connects passionate" },
            { type: "image", src: "https://img.b2bpic.net/free-vector/hand-drawn-flat-design-fishing-logo_23-2149392464.jpg", alt: "Network fishing club logo" },
            { type: "text", content: "anglers through shared experiences and real fishing knowledge" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More", href: "/about" },
            { text: "See Our Community", href: "/membership" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyTwo
          title="What Makes Network Special"
          description="Discover the features that make Network the premier destination for fishing enthusiasts"
          features={[
            {
              id: "1",              title: "Weekly Tournament Competitions",              category: ["Competitions", "Community Events"],
              imageSrc: "https://img.b2bpic.net/free-photo/friends-make-preparations-fishing_329181-20024.jpg",              imageAlt: "Anglers competing in tournament"
            },
            {
              id: "2",              title: "Expert Fishing Tips & Guides",              category: ["Education", "Resources"],
              imageSrc: "https://img.b2bpic.net/free-photo/father-son-fishing-river_176532-10739.jpg",              imageAlt: "Expert fishing guide demonstrating technique"
            },
            {
              id: "3",              title: "Member-Only Hotspot Maps",              category: ["Exclusive Content", "Locations"],
              imageSrc: "https://img.b2bpic.net/free-vector/abstract-technology_23-2147503446.jpg",              imageAlt: "Digital fishing location maps"
            },
            {
              id: "4",              title: "Gear Reviews & Recommendations",              category: ["Equipment", "Reviews"],
              imageSrc: "https://img.b2bpic.net/free-photo/elevated-view-fishing-rod-with-hook-fish-green-grass_23-2147870167.jpg",              imageAlt: "Collection of fishing equipment and gear"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Features"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "Marcus Johnson", imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-holding-three-caught-fish_23-2147894062.jpg" },
            { id: "2", name: "Sarah Chen", imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-weighing-caught-fish-near-lake_23-2147894063.jpg" },
            { id: "3", name: "David Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/man-fishing-river_23-2148204186.jpg" },
            { id: "4", name: "Emily Watson", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-man-holding-fishing-rod-near-lake_23-2147870125.jpg" },
            { id: "5", name: "James Mitchell", imageSrc: "https://img.b2bpic.net/free-photo/relaxed-man-posing-with-lake-background_1153-1421.jpg" },
            { id: "6", name: "Lisa Anderson", imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-standing-near-lake-holding-fishing-rod_23-2147870123.jpg" }
          ]}
          cardTitle="Join 5,000+ passionate anglers who trust Network"
          cardTag="Member Community"
          cardTagIcon={Users}
          useInvertedBackground="invertDefault"
        />
      </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>
  );
}