"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="25% West"
          navItems={[
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Join Us",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="25% WEST AFRICAN"
          description="A collective celebrating West African culture, creativity, and community. Meet Noyetta, Reals, Beans, Nicca, and Georgie—five powerful voices united by heritage and purpose."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Meet the Team", href: "#team" },
            { text: "Get In Touch", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/portrait-photorealistic-rastafari-woman-with-african-dreads_23-2151516432.jpg"
          imageAlt="25% West African collective community"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Celebrating 25% West African Heritage and Pride. Building community through authentic storytelling, creative expression, and cultural pride. We are more than a collective—we are a movement rooted in celebration, connection, and impact."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "#team" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet the Force Behind 25% West African. Five distinct voices, united by culture, creativity, and commitment to celebrating West African excellence."
          tag="The Collective"
          members={[
            {
              id: "1",              name: "Noyetta",              imageSrc: "https://img.b2bpic.net/free-photo/confident-business-woman-portrait-smiling-face_53876-137693.jpg",              imageAlt: "Noyetta - 25% West African member"
            },
            {
              id: "2",              name: "Reals",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg",              imageAlt: "Reals - 25% West African member"
            },
            {
              id: "3",              name: "Beans",              imageSrc: "https://img.b2bpic.net/free-photo/confident-african-businesswoman-smiling-closeup-portrait-jobs-career-campaign_53876-143280.jpg",              imageAlt: "Beans - 25% West African member"
            },
            {
              id: "4",              name: "Nicca",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",              imageAlt: "Nicca - 25% West African member"
            },
            {
              id: "5",              name: "Georgie",              imageSrc: "https://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",              imageAlt: "Georgie - 25% West African member"
            }
          ]}
          memberVariant="card"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Powerful Voices, Shared Impact"
          description="Hear what the community and collaborators say about 25% West African and the energy we bring to every project and connection."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "Authentic Cultural Celebration",              quote: "25% West African brings an unmatched energy and authenticity to everything they do. Their commitment to celebrating heritage while pushing creative boundaries is inspiring.",              name: "Amara Johnson",              role: "Cultural Director",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-business-woman-front-view_23-2149457724.jpg",              imageAlt: "Amara Johnson"
            },
            {
              id: "2",              title: "Community-Driven Impact",              quote: "Working with this collective showed me what real community solidarity looks like. They don't just talk about West African pride—they live it every single day.",              name: "Kofi Mensah",              role: "Community Organizer",              imageSrc: "https://img.b2bpic.net/free-photo/black-businesswoman-smiling_74855-1086.jpg",              imageAlt: "Kofi Mensah"
            },
            {
              id: "3",              title: "Creative Excellence",              quote: "The creative output from 25% West African is consistently brilliant. They blend traditional elements with modern aesthetics in ways that feel fresh and powerful.",              name: "Zainab Ahmed",              role: "Creative Producer",              imageSrc: "https://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",              imageAlt: "Zainab Ahmed"
            },
            {
              id: "4",              title: "True Collective Spirit",              quote: "What sets them apart is their genuine unity. Five distinct personalities coming together as one force—that's rare and that's powerful. The world needs more of this.",              name: "Kwame Osei",              role: "Event Curator",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-black-businesswoman-office_637285-9877.jpg",              imageAlt: "Kwame Osei"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Connect?"
          ctaDescription="Join the 25% West African movement. Let's celebrate culture, create impact, and build community together."
          ctaButton={{
            text: "Reach Out Now",            href: "mailto:hello@25percentwest.com"
          }}
          ctaIcon={Sparkles}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What is 25% West African?",              content: "25% West African is a dynamic collective of five creative voices celebrating and promoting West African culture, heritage, and contemporary expression. We are Noyetta, Reals, Beans, Nicca, and Georgie—united by pride, passion, and purpose."
            },
            {
              id: "2",              title: "How can I collaborate with the collective?",              content: "We're always open to meaningful partnerships and collaborations that align with our mission. Reach out to us with your ideas, and let's explore ways to create together and celebrate West African excellence."
            },
            {
              id: "3",              title: "What events and projects do you organize?",              content: "From cultural celebrations to creative projects, community initiatives, and collaborative events—we're involved in work that honors our heritage while creating contemporary impact. Check back soon for upcoming announcements!"
            },
            {
              id: "4",              title: "How do I stay updated on new projects?",              content: "Sign up for our community updates and follow our social channels to stay connected. We share announcements, behind-the-scenes content, and invitations to join our celebrations."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="25% WEST"
          logoLineHeight={1.1}
        />
      </div>
    </ThemeProvider>
  );
}