"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Dice6, Trophy, Heart, TrendingUp, Users, Mail, Phone, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Old Boy Domino"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Join Us",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Old Boy Domino Club"
          description="Join a thriving community of domino enthusiasts where tradition meets fellowship. Experience the timeless joy of classic domino gaming with friends who share your passion."
          buttons={[
            { text: "Join Our Club", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-glass-tea-with-backgammon-jam-carpet-table_176474-3102.jpg"
          imageAlt="Classic domino table game in session"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Heritage"
          tagIcon={Trophy}
          title="For nearly four decades, Old Boy Domino Club has been the premier gathering place for domino lovers, fostering deep friendships and celebrating the strategic brilliance of this timeless game."
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Our History", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Why Choose Old Boy Domino Club"
          description="Experience what sets us apart from the rest"
          tag="Our Strengths"
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Vibrant Community",              description: "Meet passionate players of all skill levels in a welcoming environment dedicated to friendship and fun.",              tag: "Community",              imageSrc: "https://img.b2bpic.net/free-photo/people-drinking-kombucha-gathering_23-2150168515.jpg",              imageAlt: "Group of friends enjoying domino game together"
            },
            {
              id: "2",              title: "Timeless Tradition",              description: "Celebrate decades of heritage with club events, tournaments, and gatherings that honor our storied legacy.",              tag: "Heritage",              imageSrc: "https://img.b2bpic.net/free-vector/vintage-background-design_1375-350.jpg",              imageAlt: "Traditional domino gaming setup"
            },
            {
              id: "3",              title: "Regular Events",              description: "Join weekly games, seasonal tournaments, and exclusive member events throughout the year.",              tag: "Events",              imageSrc: "https://img.b2bpic.net/free-photo/friends-cheering-world-cup-with-painted-flag_53876-30578.jpg",              imageAlt: "Domino tournament celebration"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Members Say"
          description="Hear from the heart of our community"
          tag="Member Stories"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "James Richardson",              role: "Founder's Circle Member",              testimonial: "I've been with Old Boy for over 30 years. The friendships I've made here are irreplaceable. It's not just about dominos—it's about being part of a family.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",              imageAlt: "James Richardson"
            },
            {
              id: "2",              name: "Marcus Williams",              role: "Tournament Champion",              testimonial: "The skill level and camaraderie here is unmatched. Every week I learn something new and feel genuinely appreciated.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Marcus Williams"
            },
            {
              id: "3",              name: "David Martinez",              role: "Active Member",              testimonial: "From my first night, I felt welcomed. The club strikes the perfect balance between competitive play and pure enjoyment.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",              imageAlt: "David Martinez"
            },
            {
              id: "4",              name: "Robert Chen",              role: "Lifetime Member",              testimonial: "This club gave me purpose and friendship when I needed it most. I can't imagine my life without Old Boy.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg",              imageAlt: "Robert Chen"
            },
            {
              id: "5",              name: "Anthony Johnson",              role: "Vice President",              testimonial: "The traditions and values here have stood the test of time. That's what keeps me coming back every single week.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1551.jpg",              imageAlt: "Anthony Johnson"
            },
            {
              id: "6",              name: "Thomas Anderson",              role: "New Member",              testimonial: "I joined just six months ago and already feel like a part of something special. The community is warm and the games are fantastic.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-bearded-man-busines-clothes-with-crossed-arms-looking-camera-gray_171337-11335.jpg",              imageAlt: "Thomas Anderson"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By The Numbers"
          description="Our impact and growth over the decades"
          tag="Statistics"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "38+",              title: "Years of Excellence",              items: [
                "Founded in 1985",                "Growing stronger each year",                "Multi-generational community"
              ]
            },
            {
              id: "2",              value: "500+",              title: "Active Members",              items: [
                "Diverse skill levels",                "Players from all backgrounds",                "Lifelong friendships"
              ]
            },
            {
              id: "3",              value: "52+",              title: "Weekly Gatherings",              items: [
                "Year-round activities",                "Consistent schedule",                "Always something happening"
              ]
            },
            {
              id: "4",              value: "150+",              title: "Annual Tournaments",              items: [
                "Competitive spirit",                "Prizes & recognition",                "Tradition of excellence"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Leadership"
          description="The dedicated individuals guiding Old Boy Domino Club"
          tag="Leadership Team"
          tagIcon={Users}
          members={[
            {
              id: "1",              name: "William Jackson",              role: "President",              description: "With 35 years of membership, William leads with vision and commitment to our club's values and future growth.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg",              imageAlt: "William Jackson, President",              socialLinks: [
                { icon: Phone, url: "tel:+1234567890" },
                { icon: Mail, url: "mailto:william@oldboydomino.club" }
              ]
            },
            {
              id: "2",              name: "Carlos Rivera",              role: "Vice President",              description: "Carlos organizes our tournaments and events with meticulous attention to detail and boundless enthusiasm.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",              imageAlt: "Carlos Rivera, Vice President",              socialLinks: [
                { icon: Phone, url: "tel:+1234567891" },
                { icon: Mail, url: "mailto:carlos@oldboydomino.club" }
              ]
            },
            {
              id: "3",              name: "George Foster",              role: "Treasurer",              description: "George ensures our club's financial health and sustainability with decades of business acumen and dedication.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",              imageAlt: "George Foster, Treasurer",              socialLinks: [
                { icon: Phone, url: "tel:+1234567892" },
                { icon: Mail, url: "mailto:george@oldboydomino.club" }
              ]
            },
            {
              id: "4",              name: "Kenneth Wright",              role: "Secretary",              description: "Kenneth keeps our records organized and ensures clear communication with all members about club activities.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg",              imageAlt: "Kenneth Wright, Secretary",              socialLinks: [
                { icon: Phone, url: "tel:+1234567893" },
                { icon: Mail, url: "mailto:kenneth@oldboydomino.club" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get In Touch"
          tagIcon={Mail}
          title="Ready to Join the Game?"
          description="Whether you're a seasoned domino player or just looking for a welcoming community, Old Boy Domino Club welcomes you. Reach out today to learn about membership and upcoming events."
          buttons={[
            { text: "Contact Us", href: "mailto:info@oldboydomino.club" },
            { text: "Visit in Person", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Old Boy Domino"
          copyrightText="© 2025 Old Boy Domino Club. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/oldboydomino", ariaLabel: "Facebook" },
            { icon: Phone, href: "tel:+1234567890", ariaLabel: "Phone" },
            { icon: Mail, href: "mailto:info@oldboydomino.club", ariaLabel: "Email" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
