"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Heart, Sparkles, Rainbow, Linkedin, Twitter, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Get Involved", id: "contact" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="ALL DMITRIYS ARE GAYS"
          bottomLeftText="Global LGBTQ+ Community"
          bottomRightText="hello@allDmitriysAreGays.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="All Dmitriys Are Gays"
          description="Welcome to our inclusive community center dedicated to celebrating LGBTQ+ pride, fostering connection, and building a safe space for everyone. Together, we create lasting change and unforgettable moments."
          tag="Community Center"
          tagIcon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149333079.jpg"
          imageAlt="Pride celebration with colorful flags and community members"
          background={{ variant: "circleGradient" }}
          buttons={[
            { text: "Join Our Community", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={Sparkles}
          title="Creating a Safe Haven for Self-Expression and Belonging"
          description="All Dmitriys Are Gays Center"
          subdescription="Dedicated to LGBTQ+ Empowerment"
          icon={Rainbow}
          imageSrc="https://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149333079.jpg"
          imageAlt="Community members celebrating together"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Why Join Our Center"
          description="Discover the programs, support systems, and community initiatives that make our center a beacon of hope and pride."
          tag="Key Programs"
          features={[
            {
              id: 1,
              title: "Support Groups & Counseling",              description: "Access professional mental health resources and peer support groups led by trained facilitators who understand your journey.",              imageSrc: "https://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149333079.jpg"
            },
            {
              id: 2,
              title: "Social & Recreational Events",              description: "Celebrate pride through monthly mixers, game nights, pride parades, and cultural events that strengthen community bonds.",              imageSrc: "https://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149333079.jpg"
            },
            {
              id: 3,
              title: "Educational Workshops",              description: "Participate in workshops covering health, legal rights, career development, and personal growth tailored to LGBTQ+ communities.",              imageSrc: "https://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149333079.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Team"
          description="Passionate advocates and experienced professionals dedicated to serving and uplifting our community."
          tag="Leadership"
          members={[
            {
              id: "1",              name: "Dmitri Volkov",              role: "Executive Director",              description: "Visionary leader with 15 years of LGBTQ+ advocacy and community building experience.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Dmitri Volkov portrait",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",              name: "Sofia Petrov",              role: "Programs Coordinator",              description: "Committed to designing inclusive programs that celebrate diversity and build meaningful connections.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sofia Petrov portrait",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Instagram, url: "https://instagram.com" }
              ]
            },
            {
              id: "3",              name: "Alex Chen",              role: "Mental Health Counselor",              description: "Licensed therapist specializing in LGBTQ+ mental health and affirming therapeutic practices.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Alex Chen portrait",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Voices from Our Community"
          description="Hear how our center has transformed lives and created meaningful connections."
          tag="Success Stories"
          testimonials={[
            {
              id: "1",              title: "A Place Where I Can Be Myself",              quote: "This center gave me the courage to come out and connect with others who understand my journey. It's been life-changing.",              name: "Marcus Johnson",              role: "Community Member",              imageSrc: "https://img.b2bpic.net/free-photo/woman-smiles-toothily-looks-surprised-hears-awesome-news-wears-casual-yellow-sweater-poses-white-human-face-expressions-emotions-feelings-concept_273609-55936.jpg",              imageAlt: "Marcus Johnson portrait"
            },
            {
              id: "2",              title: "Support That Saved My Life",              quote: "The counseling services and support groups here have been instrumental in my mental health recovery and self-acceptance.",              name: "Jordan Lee",              role: "Counseling Program Graduate",              imageSrc: "https://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",              imageAlt: "Jordan Lee portrait"
            },
            {
              id: "3",              title: "Community Built on Love",              quote: "From events to workshops, every initiative here is designed with genuine care. I've found my chosen family.",              name: "Emma Rodriguez",              role: "Active Volunteer",              imageSrc: "https://img.b2bpic.net/free-photo/woman-with-curly-hair-toothy-smile-has-carefree-happy-expression-wears-casual-jumper-poses-against-beige-positive-human-emotions-face-expressions-concept_273609-56482.jpg",              imageAlt: "Emma Rodriguez portrait"
            },
            {
              id: "4",              title: "Empowered to Lead",              quote: "The mentorship and opportunities here helped me find my career path and confidence as a proud LGBTQ+ professional.",              name: "David Kim",              role: "Career Program Participant",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg",              imageAlt: "David Kim portrait"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our programs, membership, and community initiatives."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Who can join the center?",              content: "Our center welcomes all members of the LGBTQ+ community and allies who support our mission. You don't need to be 'out' to join—we respect every individual's journey and timeline."
            },
            {
              id: "2",              title: "What programs do you offer?",              content: "We offer support groups, counseling services, social events, educational workshops, career development programs, and monthly pride celebrations. Check our events calendar for upcoming activities."
            },
            {
              id: "3",              title: "Is membership free?",              content: "Basic membership and most support groups are completely free. Some specialized workshops or events may have nominal fees to cover materials and facilitator costs."
            },
            {
              id: "4",              title: "How do I get involved as a volunteer?",              content: "We'd love your help! Contact our Programs Coordinator at volunteer@allDmitriysAreGays.com. We have opportunities in event planning, peer support, administration, and more."
            },
            {
              id: "5",              title: "Is the center a safe space for people of color?",              content: "Yes! We are deeply committed to intersectionality and creating a center where BIPOC LGBTQ+ members feel valued, celebrated, and centered in our programming."
            },
            {
              id: "6",              title: "What confidentiality policies do you have?",              content: "All counseling and support group sessions follow strict confidentiality policies. Your privacy and safety are paramount to us."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch With Us"
          description="Have questions or want to join our community? Reach out to us today. We're here to support your journey and answer any concerns."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us how we can help you or share your story...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/people-happy-support-stacking-community_1150-1689.jpg"
          imageAlt="Community hands together in unity"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#home" },
                { label: "About Us", href: "#about" },
                { label: "Programs", href: "#features" },
                { label: "Team", href: "#team" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Events", href: "#" },
                { label: "Support Groups", href: "#" },
                { label: "Volunteer", href: "#" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Blog", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 All Dmitriys Are Gays. All rights reserved. Built with pride and love."
          bottomRightText="Celebrating LGBTQ+ Pride and Community"
        />
      </div>
    </ThemeProvider>
  );
}