"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Heart, Sparkles, TrendingUp, Users, Star, Camera, Quote, Hand } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="solid-accent-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Dmitry"
          navItems={[
            { name: "Story", id: "story" },
            { name: "Impact", id: "impact" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Support",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Meet Dmitry"
          description="A young boy with disabilities sharing his unique perspective and inspiring others to see beyond limitations"
          tag="Personal Story"
          tagIcon={Heart}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508764149-kdf8nxcw.jpg",
              imageAlt: "Dmitry portrait"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508768250-y70dm9wo.jpg",
              imageAlt: "Dmitry in activity"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508768832-sd3k5t2n.jpg",
              imageAlt: "Dmitry learning"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508769422-8liceni3.jpg",
              imageAlt: "Dmitry with friends"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508770017-2amg7e85.jpg",
              imageAlt: "Dmitry celebrating"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508770646-c2e18csx.jpg",
              imageAlt: "Dmitry being creative"
            }
          ]}
          buttons={[
            { text: "Read His Story", href: "story" },
            { text: "Get Involved", href: "contact" }
          ]}
        />
      </div>
      
      <div id="story" data-section="story">
        <ParallaxAbout
          title="Dmitry's Journey"
          description="Living with disabilities has taught Dmitry to see the world differently. His perspective challenges stereotypes and opens hearts to what's truly important in life. Through his story, we discover that limitations are just starting points for extraordinary possibilities."
          tag="His Story"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508767316-ws5u5khl.jpg"
          imageAlt="Dmitry's family moment"
          buttons={[
            { text: "Learn More", href: "contact" }
          ]}
        />
      </div>
      
      <div id="impact" data-section="impact">
        <MetricCardSix
          title="Making a Difference"
          description="The impact of sharing Dmitry's story"
          tag="Metrics"
          tagIcon={TrendingUp}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              value: "1000+",
              tag: "Awareness",
              tagIcon: Users,
              title: "People reached with his story"
            },
            {
              id: "2",
              value: "50+",
              tag: "Support",
              tagIcon: Heart,
              title: "Active supporters and advocates"
            },
            {
              id: "3",
              value: "100%",
              tag: "Impact",
              tagIcon: Star,
              title: "Commitment to changing perspectives"
            }
          ]}
        />
      </div>
      
      <div id="gallery" data-section="gallery">
        <ProductCardSix
          title="Moments from Dmitry's Life"
          description="A glimpse into the everyday moments that define Dmitry's unique journey"
          tag="Gallery"
          tagIcon={Camera}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="bento-grid"
          animationType="slide-up"
          products={[
            {
              id: "1",
              name: "Growing Up",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508768250-y70dm9wo.jpg",
              imageAlt: "Dmitry playing and having fun"
            },
            {
              id: "2",
              name: "Learning",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508768832-sd3k5t2n.jpg",
              imageAlt: "Dmitry exploring and discovering"
            },
            {
              id: "3",
              name: "Community",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508769422-8liceni3.jpg",
              imageAlt: "Dmitry with friends and supporters"
            },
            {
              id: "4",
              name: "Achievement",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508770017-2amg7e85.jpg",
              imageAlt: "Dmitry's accomplishments"
            },
            {
              id: "5",
              name: "Expression",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508770646-c2e18csx.jpg",
              imageAlt: "Dmitry's creative side"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What People Say"
          description="Stories from those whose lives have been touched by Dmitry"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Testimonials"
          tagIcon={Quote}
          testimonials={[
            {
              id: "1",
              nameTitle: "Maria, Dmitry's Mother",
              quote: "Dmitry has taught us all that true strength comes not from physical ability, but from the heart. His courage and joy inspire everyone around him every single day.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508764767-3tgv2o9g.jpg",
              imageAlt: "Maria"
            },
            {
              id: "2",
              nameTitle: "Alex, Family Friend",
              quote: "Spending time with Dmitry changed my perspective on life. He sees challenges where others see impossibilities, and he faces them with a smile.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508765391-tv5320dc.jpg",
              imageAlt: "Alex"
            },
            {
              id: "3",
              nameTitle: "Elena, Educator",
              quote: "Dmitry's determination in the classroom reminds us why we teach. He shows that with the right support, every student can thrive and succeed.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508765951-pkggtuku.jpg",
              imageAlt: "Elena"
            },
            {
              id: "4",
              nameTitle: "Ivan, Community Supporter",
              quote: "Dmitry's story breaks down barriers and builds bridges of understanding. His presence in our community makes us all better people.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508766540-9r78bfpp.jpg",
              imageAlt: "Ivan"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Connect"
          title="Join Dmitry's Community"
          description="Be part of the movement to increase awareness and understanding about disabilities. Share Dmitry's story, offer support, or reach out to collaborate."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508767316-ws5u5khl.jpg"
          imageAlt="Community support"
          mediaPosition="right"
          tagIcon={Hand}
          inputPlaceholder="Your email address"
          buttonText="Stay Updated"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you support awareness for children with disabilities."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Dmitry"
          columns={[
            {
              title: "Pages",
              items: [
                { label: "Story", href: "#story" },
                { label: "Impact", href: "#impact" },
                { label: "Gallery", href: "#gallery" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact", href: "#contact" },
                { label: "Support", href: "#contact" },
                { label: "Newsletter", href: "#contact" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "About Disabilities", href: "/about" },
                { label: "Support Organizations", href: "/resources" }
              ]
            }
          ]}
          copyrightText="© 2025 Dmitry's Story. Spreading awareness and understanding."
        />
      </div>
    </ThemeProvider>
  );
}
