"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Heart, Sparkles, Instagram, Twitter, Youtube, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="smallSizeLargeTitles"
      background="dotGrid"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="minimal"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Dmitry"
          button={{
            text: "Get In Touch",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="I'm Dmitry, and I'm Super Gay"
          description="Celebrating authenticity, living boldly, and inspiring others to embrace who they truly are. This is my journey, my pride, and my message to the world."
          tag="Welcome"
          tagIcon={Heart}
          buttons={[
            { text: "Explore My Story", href: "about" },
            { text: "Connect With Me", href: "contact" }
          ]}
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163105314-azjrre84.jpg", imageAlt: "Pride celebration and joy" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163106846-gh00h0kn.jpg", imageAlt: "Personal authentic journey" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163108077-wzksipus.jpg", imageAlt: "Personal achievements and growth" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163105314-azjrre84.jpg", imageAlt: "Celebration of identity" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163106846-gh00h0kn.jpg", imageAlt: "Living authentically" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163108077-wzksipus.jpg", imageAlt: "Success and milestones" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="About Me"
          title="My Journey to Authentic Living"
          description="Being gay is not just a part of who I am, it's central to my identity and my mission. I'm dedicated to living authentically, celebrating myself fully, and inspiring others to do the same. This isn't whispered—it's celebrated, shared, and owned with pride. I want the whole world to know who I am and what I stand for."
          textboxLayout="default"
          phoneOne={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163106846-gh00h0kn.jpg",
            imageAlt: "Personal journey visualization"
          }}
          phoneTwo={{
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163108077-wzksipus.jpg",
            imageAlt: "Growth and achievements"
          }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEleven
          title="What Drives Me"
          description="These are the pillars of my life and message"
          tag="My Values"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
          animationType="slide-up"
          features={[
            {
              id: 1,
              title: "Authenticity",
              description: "Living truthfully and refusing to hide any part of myself. Authenticity is the foundation of everything I do and believe in.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163106846-gh00h0kn.jpg",
              imageAlt: "Authentic living"
            },
            {
              id: 2,
              title: "Pride & Celebration",
              description: "I celebrate my identity loudly and proudly. This isn't shame—it's joy. I want to show the world what pride looks like lived fully.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163105314-azjrre84.jpg",
              imageAlt: "Pride celebration"
            },
            {
              id: 3,
              title: "Community & Connection",
              description: "Building genuine connections with others who share my values. Community matters, and together we're stronger and braver.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163108077-wzksipus.jpg",
              imageAlt: "Community connection"
            },
            {
              id: 4,
              title: "Inspiration & Courage",
              description: "Using my voice and visibility to inspire others to embrace their true selves. Your authenticity matters and deserves to be celebrated.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163105314-azjrre84.jpg",
              imageAlt: "Inspiring courage"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What People Say"
          description="Voices from those who've been inspired by my journey"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Alex Chen, Friend & Ally",
              quote: "Dmitry's courage to live authentically has inspired me to embrace more of myself. He shows that pride isn't arrogance—it's self-love.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg",
              imageAlt: "Alex Chen"
            },
            {
              id: "2",
              nameTitle: "Jordan Martinez, Community Member",
              quote: "Seeing Dmitry celebrate who he is so openly gave me permission to stop hiding. His visibility matters more than he knows.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163109167-27dt1jxc.jpg",
              imageAlt: "Jordan Martinez"
            },
            {
              id: "3",
              nameTitle: "Riley Thompson, Younger Person",
              quote: "I was scared to come out until I met Dmitry. His confidence and joy showed me that being gay isn't something to apologize for—it's something to celebrate.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163110158-bdk3ceda.jpg",
              imageAlt: "Riley Thompson"
            },
            {
              id: "4",
              nameTitle: "Morgan Lee, Advocate",
              quote: "Dmitry embodies what authentic living looks like. He's proof that the world needs loud, proud voices. His impact is undeniable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163111038-v4yzlxbq.jpg",
              imageAlt: "Morgan Lee"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to connect? Let's talk about authenticity, pride, and living boldly. I'm here and I'm listening."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Send Me a Message", href: "mailto:dmitry@example.com" },
            { text: "Follow My Journey", href: "#footer" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Dmitry"
          description="Living authentically, celebrating pride, and inspiring others to embrace who they truly are."
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "About", href: "about" },
                { label: "Story", href: "#features" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact", href: "contact" },
                { label: "Get In Touch", href: "mailto:dmitry@example.com" },
                { label: "Say Hello", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms & Conditions", href: "/terms" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
          copyrightText="© 2025 Dmitry. Living proudly and authentically."
        />
      </div>
    </ThemeProvider>
  );
}