"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { CheckCircle, Heart, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Українська Надія"
          navItems={[
            { name: "Платформа", id: "platform" },
            { name: "Про кандидата", id: "about" },
            { name: "Команда", id: "team" },
            { name: "Контакти", id: "contact" }
          ]}
          button={{
            text: "Підтримати кампанію",            href: "contact"
          }}
          className="backdrop-blur-md"
          navItemClassName="font-medium text-sm"
          buttonClassName="px-6 py-2 rounded-lg font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Україна, якої ми заслуговуємо"
          description="Виборча кампанія, присвячена справедливості, розвитку та справді інклюзивній Україні. Приєднайтеся до руху за позитивні зміни."
          tag="Президентські вибори 2024"
          tagIcon={Zap}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/voting-rights-american-election_23-2151841506.jpg",              imageAlt: "Campaign rally with supporters"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/voting-rights-american-election_23-2151841484.jpg",              imageAlt: "Ukrainian national symbols and flag"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/people-looking-football-game-sunny-day_23-2149015484.jpg",              imageAlt: "Diverse Ukrainian citizens united"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/wide-view-palace-parliament-bucharest-romania_1268-19805.jpg",              imageAlt: "Government building symbolizing leadership"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-voter-registration-day_23-2149096721.jpg",              imageAlt: "Campaign event and civic engagement"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/american-elections-vote-right_23-2151841399.jpg",              imageAlt: "Democracy and voting participation"
            }
          ]}
          buttons={[
            {
              text: "Дізнатися більше про платформу",              href: "platform"
            },
            {
              text: "Приєднатися до кампанії",              href: "contact"
            }
          ]}
          className="min-h-screen"
          titleClassName="text-5xl md:text-6xl font-bold tracking-tight"
          descriptionClassName="text-lg md:text-xl max-w-2xl"
          buttonClassName="px-8 py-3 font-semibold rounded-lg"
        />
      </div>

      <div id="platform" data-section="platform">
        <FeatureCardTwenty
          title="Наша платформа: П'ять стовпів перетворення"
          description="Спеціальна програма розвитку України, спрямована на економічне зростання, соціальну справедливість і укріплення демократії."
          tag="Програма розвитку"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          images={[
            {
              id: 1,
              imageSrc: "https://img.b2bpic.net/free-photo/demographic-census-concept-representation_23-2149093908.jpg"
            },
            {
              id: 2,
              imageSrc: "https://img.b2bpic.net/free-photo/young-expert-doctor-talking-with-medical-staff-conference-room-holding-radiography-advising-with-coworker-clinic-therapist-dicussing-with-colleagues-about-disease-medicine-professional_482257-3723.jpg"
            },
            {
              id: 3,
              imageSrc: "https://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257205.jpg"
            },
            {
              id: 4,
              imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95722.jpg"
            }
          ]}
          buttons={[
            {
              text: "Прочитати повну програму",              href: "https://example.com/platform"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Присвячено служінню Україні"
          description="З більш ніж 20-річним досвідом державної служби, лідерства та громадської діяльності, кандидат готовий вести Україну до процвітання та стабільності. Віддана громадянина, батько/мати, освіченець – розумію потреби українців."
          tag="Про кандидата"
          imageSrc="https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg"
          imageAlt="Портрет кандидата на президента"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Прочитати повну біографію",              href: "https://example.com/bio"
            },
            {
              text: "Переглянути відео-звернення",              href: "https://example.com/video"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Результати та досягнення"
          description="Доказова база успіху та трансформаційної сили нашої програми розвитку"
          tag="Статистика впливу"
          tagIcon={TrendingUp}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "+12%",              description: "Очікуване зростання ВВП"
            },
            {
              id: "2",              value: "85K",              description: "Нових робочих місць впродовж терміну"
            },
            {
              id: "3",              value: "500+",              description: "Модернізованих закладів освіти"
            },
            {
              id: "4",              value: "1.2M",              description: "Громадян отримають покращену медичну допомогу"
            }
          ]}
          buttons={[
            {
              text: "Переглянути повні результати",              href: "https://example.com/results"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Команда лідерів"
          description="Експерти та професіонали, присвячені трансформації України"
          tag="Наша команда"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          groups={[
            {
              id: "leadership",              groupTitle: "Керівництво кампанії",              members: [
                {
                  id: "1",                  title: "Сергій Петренко",                  subtitle: "Голова штабу",                  detail: "sergiy@campaign.ua",                  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"
                },
                {
                  id: "2",                  title: "Ольга Соколова",                  subtitle: "Виконавчий директор",                  detail: "olga@campaign.ua",                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"
                },
                {
                  id: "3",                  title: "Сергій Коваль",                  subtitle: "Економічний радник",                  detail: "koval@campaign.ua",                  imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"
                }
              ]
            },
            {
              id: "advisors",              groupTitle: "Дорадчі та експерти",              members: [
                {
                  id: "4",                  title: "Наталія Іванівна",                  subtitle: "Радник з соціальної політики",                  detail: "natalia@campaign.ua",                  imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg"
                },
                {
                  id: "5",                  title: "Артем Мазепа",                  subtitle: "Директор комунікацій",                  detail: "artem@campaign.ua",                  imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Голоси támporters"
          description="Чути від людей по всій Україні, які підтримують цю кампанію"
          tag="Свідчення прихильників"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Майя Шевченко, підприємиця",              date: "Date: 15 листопада 2024",              title: "Платформа, яка розуміє бізнес",              quote: "Як власниця малого підприємства, я вирізняю справжню турботу про розвиток економіки. Ці пропозиції дійсно допоможуть малому та середньому бізнесу процвітати в Україні.",              tag: "Підприємиця",              avatarSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/abstract-blue-light-bokeh-depicting-upward-trending-graph-showing-growth-progress_191095-99604.jpg"
            },
            {
              id: "2",              name: "Доктор Максим Коваленко, лікар",              date: "Date: 12 листопада 2024",              title: "Надія на покращення охорони здоров'я",              quote: "Протягом років я спостерігав, як наша система охорони здоров'я боріться. Ці реформи - саме те, що потребує наша країна, щоб забезпечити кожному українцю якісну медичну допомогу.",              tag: "Медичний професіонал",              avatarSrc: "https://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/doctor-measuring-blood-pressure-patient_1098-2405.jpg"
            },
            {
              id: "3",              name: "Анна Морозова, вчителька",              date: "Date: 10 листопада 2024",              title: "Революція в освіті України",              quote: "Як педагог, я знаю, що освітні реформи мають бути пріоритетом. Цей кандидат показує справжнє розуміння того, що потребує наша система освіти для підготовки наступного покоління українців.",              tag: "Освітянин",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/university-colleagues-talking-library_23-2148844673.jpg"
            },
            {
              id: "4",              name: "Петро Бандера, фермер",              date: "Date: 8 листопада 2024",              title: "Підтримка для аграрного сектору",              quote: "Українське сільське господарство - це наша сила. Платформа демонструє справжню прихильність до розвитку аграрного сектору та фермерів як основи нашої економіки.",              tag: "Аграрний сектор",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-drone-view-nature-moldova_1268-21406.jpg"
            },
            {
              id: "5",              name: "Катерина Лисак, громадська активістка",              date: "Date: 5 листопада 2024",              title: "Молодь бачить змінити майбутнього",              quote: "Як молода жінка, я вдячна за появу кандидата, який серйозно відноситься до залучення молоді до громадського життя. Це дає мені надію на краще майбутнього для нашої країни.",              tag: "Молодіжний активіст",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-voter-registration-day_23-2149096724.jpg"
            },
            {
              id: "6",              name: "Іван Чорнобай, соціальний працівник",              date: "Date: 3 листопада 2024",              title: "Соціальна справедливість як пріоритет",              quote: "Роблячи соціальну роботу, я розумію потреби вразливих верств населення. Цей кандидат продемонстрував справжню прихильність до соціальної безпеки і справедливості для всіх.",              tag: "Соціальний сектор",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/colorful-paper-chains-still-life_23-2149254025.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Приєднайтесь до мільйонів українців, які вірять у краще майбутнє. Підпишіться на оновлення кампанії, станьте волонтером або просто поділіться своєю думкою."
          animationType="background-highlight"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Підписатися на оновлення",              href: "#newsletter"
            },
            {
              text: "Контактуйте з командою",              href: "mailto:contact@campaign.ua"
            }
          ]}
          containerClassName="rounded-2xl shadow-lg"
          textClassName="text-4xl md:text-5xl font-bold"
          buttonClassName="px-8 py-3 font-semibold rounded-lg"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Українська Надія"
          columns={[
            {
              title: "Кампанія",              items: [
                { label: "Платформа", href: "#platform" },
                { label: "Про кандидата", href: "#about" },
                { label: "Команда", href: "#team" },
                { label: "Контакти", href: "#contact" }
              ]
            },
            {
              title: "Політика",              items: [
                { label: "Економіка", href: "https://example.com/economy" },
                { label: "Освіта", href: "https://example.com/education" },
                { label: "Охорона здоров'я", href: "https://example.com/healthcare" },
                { label: "Безпека", href: "https://example.com/security" }
              ]
            },
            {
              title: "Допомога",              items: [
                { label: "Залучитися", href: "https://example.com/volunteer" },
                { label: "Пожертвування", href: "https://example.com/donate" },
                { label: "Поширюйте", href: "https://example.com/share" },
                { label: "Поширюйте слово", href: "https://example.com/advocate" }
              ]
            },
            {
              title: "Соціальні мережі",              items: [
                { label: "Facebook", href: "https://facebook.com/campaign" },
                { label: "Instagram", href: "https://instagram.com/campaign" },
                { label: "YouTube", href: "https://youtube.com/campaign" },
                { label: "Twitter", href: "https://twitter.com/campaign" }
              ]
            }
          ]}
          copyrightText="© 2024 Українська Надія. Всі права захищені."
          logoTextClassName="text-2xl font-bold"
          columnTitleClassName="font-semibold text-sm mb-4"
          columnItemClassName="text-sm hover:underline"
          copyrightTextClassName="text-xs"
        />
      </div>
    </ThemeProvider>
  );
}
