"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Heart, Quote, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Vitaliy"
          bottomLeftText="Celebrating Pride"
          bottomRightText="hello@vitaliy.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Celebrate Your Authentic Self"
          description="Join a vibrant community dedicated to pride, inclusion, and empowerment. Together, we create spaces where everyone belongs."
          tag="Welcome to Vitaliy"
          tagAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/pride-parade-chisinau-moldova_1268-22533.jpg"
          imageAlt="Pride celebration community"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Join Community", href: "#about" },
            { text: "Learn More", href: "#features" }
          ]}
          buttonAnimation="blur-reveal"
          ariaLabel="Hero section welcoming LGBTQ+ community"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={Heart}
          tagAnimation="blur-reveal"
          title="Creating Safe Spaces for All"
          description="Vitaliy believes that every individual deserves a platform to express their true self without fear or judgment."
          subdescription="Founded on love, acceptance, and equality"
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/cheerful-diverse-people-together-park_53876-144797.jpg"
          imageAlt="Diverse community members together"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="About Vitaliy mission section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySeven
          title="What Makes Vitaliy Special"
          description="Discover the unique features that make our platform the premier destination for LGBTQ+ connection and growth."
          tag="Key Features"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          features={[
            {
              id: "1",              title: "Supportive Community",              description: "Connect with thousands of like-minded individuals who celebrate your authentic identity. Share experiences, stories, and support in a safe, judgment-free environment.",              imageSrc: "http://img.b2bpic.net/free-vector/pack-colored-flat-charity-labels_23-2147558738.jpg",              imageAlt: "Community support"
            },
            {
              id: "2",              title: "Inclusive Networking",              description: "Build meaningful professional and personal connections. Network with mentors, friends, and allies who share your values and aspirations.",              imageSrc: "http://img.b2bpic.net/free-vector/social-media-infographic_23-2147567818.jpg",              imageAlt: "Networking connections"
            },
            {
              id: "3",              title: "Growth Opportunities",              description: "Access resources, workshops, and educational content designed to empower your personal and professional development journey.",              imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205010.jpg",              imageAlt: "Personal growth"
            },
            {
              id: "4",              title: "Celebration Events",              description: "Join virtual and in-person celebrations, pride events, and community gatherings throughout the year with fellow members.",              imageSrc: "http://img.b2bpic.net/free-vector/pack-colored-flat-charity-labels_23-2147558738.jpg",              imageAlt: "Community events"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="Features section"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Leadership"
          description="Meet the passionate advocates and leaders driving Vitaliy's mission forward."
          tag="Team"
          tagIcon={Users}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          team={[
            {
              id: "1",              name: "Alex Jordan",              role: "Founder & CEO",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Alex Jordan"
            },
            {
              id: "2",              name: "Morgan Chen",              role: "Director of Community",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Morgan Chen"
            },
            {
              id: "3",              name: "Samantha Rivera",              role: "Head of Programs",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Samantha Rivera"
            },
            {
              id: "4",              name: "James Thompson",              role: "Community Manager",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Thompson"
            }
          ]}
          ariaLabel="Team section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Stories From Our Community"
          description="Hear from members whose lives have been transformed through connection and belonging."
          tag="Testimonials"
          tagIcon={Quote}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Community Builder",              date: "Date: 15 January 2025",              title: "Found my people and my purpose",              quote: "Vitaliy connected me with an incredible community that not only accepted me for who I am but celebrated it. I've made lifelong friendships and discovered my passion for mentoring others.",              tag: "Community Impact",              avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",              imageAlt: "Sarah's journey"
            },
            {
              id: "2",              name: "David Kim, Tech Professional",              date: "Date: 12 January 2025",              title: "Professional growth with authenticity",              quote: "Being able to network professionally while staying true to myself is invaluable. The connections I've made through Vitaliy have opened doors I never thought possible.",              tag: "Career Growth",              avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg",              avatarAlt: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",              imageAlt: "David's professional journey"
            },
            {
              id: "3",              name: "Emma Rodriguez, Creative",              date: "Date: 10 January 2025",              title: "Empowerment through expression",              quote: "Vitaliy gave me the platform and courage to share my authentic voice. The supportive feedback from this community has transformed how I see myself.",              tag: "Personal Growth",              avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg",              avatarAlt: "Emma Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",              imageAlt: "Emma's creative journey"
            },
            {
              id: "4",              name: "Marcus Thompson, Advocate",              date: "Date: 8 January 2025",              title: "Making a difference together",              quote: "The impact of this community extends beyond personal connections. Together, we're creating real change and breaking down barriers for future generations.",              tag: "Social Impact",              avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg",              avatarAlt: "Marcus Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "Marcus's advocacy work"
            },
            {
              id: "5",              name: "Lisa Chang, Parent Ally",              date: "Date: 5 January 2025",              title: "Connecting as a proud parent",              quote: "As a parent, I found my community here too. Supporting my children's journey while connecting with other allies has been incredibly meaningful.",              tag: "Family Love",              avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg",              avatarAlt: "Lisa Chang",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",              imageAlt: "Lisa's family support"
            },
            {
              id: "6",              name: "James Wilson, Student Leader",              date: "Date: 3 January 2025",              title: "Youth finding their voice",              quote: "Vitaliy helped me realize I'm not alone. Finding mentors and peers who understand my journey has given me confidence to lead authentically.",              tag: "Youth Empowerment",              avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg",              avatarAlt: "James Wilson",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",              imageAlt: "James's leadership journey"
            }
          ]}
          ariaLabel="Testimonials section"
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Trusted by Leading Organizations"
          description="Our partnerships with renowned LGBTQ+ organizations and allies strengthen our mission."
          tag="Partners"
          tagIcon={Award}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Pride Foundation",            "Equality Network",            "Rainbow Alliance",            "Inclusion Advocates",            "Unity Group",            "Diversity Coalition",            "Empowerment Hub"
          ]}
          speed={40}
          showCard={true}
          ariaLabel="Partner organizations"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Get answers to frequently asked questions about Vitaliy and how to get involved."
          faqs={[
            {
              id: "1",              title: "Is Vitaliy only for LGBTQ+ individuals?",              content: "While Vitaliy is primarily designed for LGBTQ+ community members, allies and supportive individuals are absolutely welcome. We celebrate everyone who respects our values of inclusion and equality."
            },
            {
              id: "2",              title: "How do I join the community?",              content: "Joining is simple! Visit our signup page, create your profile, and start connecting. You can customize your privacy settings to control what you share and who you interact with."
            },
            {
              id: "3",              title: "What safety measures are in place?",              content: "Your safety is our priority. We have comprehensive community guidelines, moderation teams, and privacy controls. All members agree to respect boundaries and treat each other with dignity."
            },
            {
              id: "4",              title: "Are there events I can attend?",              content: "Yes! We organize virtual and in-person events throughout the year including pride celebrations, networking mixers, workshops, and social gatherings in various locations."
            },
            {
              id: "5",              title: "Is my personal information private?",              content: "Absolutely. We use industry-standard encryption and never share your data with third parties. You control what information is visible to other members and the public."
            },
            {
              id: "6",              title: "What if I experience harassment?",              content: "Our support team takes all reports seriously. We have a zero-tolerance policy for harassment and discrimination. Report any violations through our in-app reporting system for immediate investigation."
            }
          ]}
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          faqsAnimation="blur-reveal"
          showCard={true}
          ariaLabel="FAQ section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Community", href: "#about" },
                { label: "Events", href: "#testimonials" },
                { label: "Pricing", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Team", href: "#team" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact", href: "#" },
                { label: "Support", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Vitaliy | Celebrating Pride, Empowering Community"
          ariaLabel="Footer section"
        />
      </div>
    </ThemeProvider>
  );
}