"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Activity, Archive, Award, DollarSign, Feather, Layers, Music, Sparkles, Star, Users, Zap, Upload, Headphones } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Главная",          id: "#home"},
        {
          name: "О нас",          id: "#about"},
        {
          name: "Функции",          id: "#features"},
        {
          name: "Цены",          id: "#pricing"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Контакты",          id: "#contact"},
      ]}
      button={{
        text: "Попробовать бесплатно",        href: "#pricing"}}
      brandName="SoundCrafter AI"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      imagePosition="right"
      title="Создавайте Хиты с SoundCrafter AI"
      description="Мгновенно извлекайте ван-шоты из любого сэмпла и генерируйте уникальные звуки для своих битов. Революционизируйте свой рабочий процесс с SoundCrafter AI."
      testimonials={[
        {
          name: "Alex 'BeatKing' V.",          handle: "@beatking",          testimonial: "SoundCrafter AI полностью изменил мой подход к созданию битов. Мгновенные ван-шоты и генерация новых звуков экономят мне часы работы! Моя продуктивность выросла в разы.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065166.jpg",          imageAlt: "Avatar of Alex 'BeatKing' V."},
        {
          name: "Maria 'SynthQueen' R.",          handle: "@synthqueen",          testimonial: "Я всегда искала идеальные звуки, но теперь AI создает их для меня. Качество и разнообразие сгенерированных сэмплов просто поражают. Must-have для любого продюсера!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",          imageAlt: "Avatar of Maria 'SynthQueen' R."},
        {
          name: "Dmitry 'GrooveMaster' S.",          handle: "@groovemaster",          testimonial: "Забудьте о бесконечном поиске сэмплов. SoundCrafter AI — это моя новая секретная оружейная. Я могу взять любую песню, получить чистые ван-шоты и создать нечто совершенно новое.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-music_23-2151169688.jpg",          imageAlt: "Avatar of Dmitry 'GrooveMaster' S."},
        {
          name: "Ivan 'MelodyMaker' K.",          handle: "@melodymaker",          testimonial: "SoundCrafter AI — это настоящий прорыв! Возможность генерировать похожие звуки открыла мне новые горизонты в создании мелодий. Теперь мои треки звучат еще уникальнее.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-djing-party_23-2151688517.jpg",          imageAlt: "Avatar of Ivan 'MelodyMaker' K."},
        {
          name: "Sofia 'RhythmQueen' P.",          handle: "@rhythmqueen",          testimonial: "Мой рабочий процесс стал в разы быстрее благодаря мгновенному извлечению ван-шотов. Чистота и качество поражают. Отличный инструмент для современного продюсера!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/anime-character-dj-playing-music_23-2151103469.jpg",          imageAlt: "Avatar of Sofia 'RhythmQueen' P."},
      ]}
      testimonialRotationInterval={5000}
      tag="Будущее Музыки"
      tagIcon={Zap}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Начать бесплатно",          href: "#pricing"},
        {
          text: "Узнать больше",          href: "#about"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-stylish-sound-producer-confidently-looking-camera-working-modern-recording-studio_574295-4258.jpg",          alt: "BeatKing"},
        {
          src: "http://img.b2bpic.net/free-photo/military-girl-camouflage-uniform-against-army-background-shooting-range_627829-8532.jpg",          alt: "SynthQueen"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-man-wearing-headphones_23-2148802280.jpg",          alt: "GrooveMaster"},
        {
          src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058857.jpg",          alt: "DJStar"},
        {
          src: "http://img.b2bpic.net/free-photo/aggressive-young-female-student-wearing-headphones-bandana-neck-holding-folder-with-both-hands-looking-camera-isolated-olive-green-background_141793-135528.jpg",          alt: "Ivan K."},
      ]}
      avatarText="Присоединяйтесь к тысячам битмейкеров"
      imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-musician_23-2151072927.jpg"
      imageAlt="Beatmaker working in a futuristic music studio"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Искусственный интеллект для звука",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Мгновенные ван-шоты",          icon: Activity,
        },
        {
          type: "text-icon",          text: "Генерация уникальных битов",          icon: Music,
        },
        {
          type: "text-icon",          text: "Роялти-фри сэмплы",          icon: Feather,
        },
        {
          type: "text-icon",          text: "Будущее аудиопроизводства",          icon: Zap,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imagePosition="left"
      title="Ваш AI-помощник в создании музыки"
      description="SoundCrafter AI использует передовые алгоритмы машинного обучения для анализа ваших музыкальных сэмплов, предоставляя вам беспрецедентный контроль над звуком. Экономьте время, расширяйте творческие возможности и создавайте уникальные биты, как никогда раньше."
      tag="Инновации в звуке"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      bulletPoints={[
        {
          title: "Мгновенное извлечение",          description: "Получайте идеально очищенные ван-шоты из любого трека за считанные секунды."},
        {
          title: "Генерация похожих звуков",          description: "На основе ваших сэмплов AI создает 3 уникальных, но стилистически похожих звука."},
        {
          title: "Качественные ван-шоты",          description: "Гарантия чистоты и готовности к использованию ваших сэмплов в любом проекте."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/african-american-sound-engineer-feeling-happy-with-his-recorded-song_482257-122169.jpg"
      imageAlt="Sleek home studio with AI interface"
      mediaAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Загрузите свой сэмпл",          description: "Просто перетащите любой аудиофайл в нашу систему. Мы поддерживаем все популярные форматы.",          imageSrc: "http://img.b2bpic.net/free-photo/vintage-audio-stereo-close-up_93675-128133.jpg",          imageAlt: "Digital interface for file upload",          buttonIcon: Upload,
        },
        {
          title: "Получите ван-шоты",          description: "AI анализирует ваш трек и извлекает отдельные, чистые ван-шоты для каждого инструмента. 1 кредит за весь инструментал.",          imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744730.jpg",          imageAlt: "Screen displaying individual one-shot samples",          buttonIcon: Music,
        },
        {
          title: "Генерируйте новые звуки",          description: "Понравился ван-шот? Нажмите кнопку, чтобы сгенерировать 3 похожих, но уникальных звука. 1 кредит за генерацию.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg",          imageAlt: "Holographic display showing AI sound generation",          buttonIcon: Sparkles,
        },
        {
          title: "Создавайте свои хиты",          description: "Используйте извлеченные и сгенерированные звуки для создания ваших следующих музыкальных шедевров без ограничений.",          imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-mixing-mastering-music-daw-software-interface_482257-121797.jpg",          imageAlt: "Complex mixing console interface",          buttonIcon: Headphones,
        },
      ]}
      title="Как это работает"
      description="Наш интуитивно понятный процесс из 3 шагов позволяет вам быстро получить нужные звуки для ваших битов."
      tag="Простой Рабочий Процесс"
      tagIcon={Layers}
      tagAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-1",          name: "AI Drum Kit Vol. 1",          price: "$29.99",          imageSrc: "http://img.b2bpic.net/free-photo/domestic-life-illustrated_23-2151876285.jpg",          imageAlt: "Vibrant digital display of a premium drum kit sample pack"},
        {
          id: "prod-2",          name: "Deep Synth Bass Pack",          price: "$19.99",          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-dj-illustration_23-2151642122.jpg",          imageAlt: "Captivating graphic of powerful synth basslines"},
        {
          id: "prod-3",          name: "Vocal Chop Collection",          price: "$24.99",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-singing-with-microphone_23-2149247129.jpg",          imageAlt: "Artistic representation of chopped vocal samples"},
        {
          id: "prod-4",          name: "FX Risers & Transitions",          price: "$14.99",          imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10373.jpg",          imageAlt: "Dynamic visual of sound effects like risers and transitions"},
        {
          id: "prod-5",          name: "Melody Starter Pack",          price: "$22.99",          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-dj-illustration_23-2151642186.jpg",          imageAlt: "Ethereal graphic representing melodic loops"},
        {
          id: "prod-6",          name: "Ambient Pads & Textures",          price: "$17.99",          imageSrc: "http://img.b2bpic.net/free-photo/randomly-lines-squares-sand_23-2148254651.jpg",          imageAlt: "Serene and atmospheric graphic depicting lush pad sounds"},
      ]}
      title="Откройте для себя новые звуки"
      description="Исследуйте тщательно подобранные наборы ван-шотов и сгенерированных звуков, чтобы добавить новое измерение в ваши треки."
      tag="Звуковая Библиотека"
      tagIcon={Archive}
      tagAnimation="opacity"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Сергей Иванов",          role: "Музыкальный продюсер",          company: "BeatLab Studio",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/musician-producer-hitting-notes-piano-electronic-keyboard_482257-121230.jpg",          imageAlt: "Beatmaker's hands on a MIDI controller"},
        {
          id: "2",          name: "Елена Петрова",          role: "Звукорежиссер",          company: "AudioCraft",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/arab-man-headphones-dancing_482257-74512.jpg",          imageAlt: "Person listening intently to music through high-quality studio headphones"},
        {
          id: "3",          name: "Антон Сидоров",          role: "Диджей и битмейкер",          company: "GrooveNation",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/multimedia-entertainment-music-bars-display_53876-21344.jpg",          imageAlt: "Spectrum analyzer visualizing sound waves"},
        {
          id: "4",          name: "Ольга Кузнецова",          role: "Композитор",          company: "SoundScapes",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-musician-audio-technician-creating-hit-song_482257-97426.jpg",          imageAlt: "Group of music producers collaborating"},
        {
          id: "5",          name: "Максим Павлов",          role: "Звуковой дизайнер",          company: "SynthWorks",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-synthesizer-black-background-flat-lay_169016-20983.jpg",          imageAlt: "Beatmaker adjusting a virtual synthesizer"},
      ]}
      kpiItems={[
        {
          value: "100K+",          label: "Обработанных сэмплов"},
        {
          value: "5M+",          label: "Генерированных ван-шотов"},
        {
          value: "99%",          label: "Удовлетворенности пользователей"},
      ]}
      title="Что говорят наши битмейкеры"
      description="Наши пользователи делятся своим опытом. Узнайте, как SoundCrafter AI помогает им в творчестве."
      tag="Доверие Профессионалов"
      tagIcon={Star}
      tagAnimation="slide-up"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          badge: "Базовый",          badgeIcon: Sparkles,
          price: "$9",          name: "/месяц",          buttons: [
            {
              text: "Выбрать Базовый",              href: "#"},
          ],
          features: [
            "10 кредитов в месяц",            "3 генерации звука за 1 кредит",            "Извлечение ван-шотов",            "Стандартная поддержка"],
        },
        {
          id: "pro",          badge: "Профессиональный",          badgeIcon: Award,
          price: "$18",          name: "/месяц",          buttons: [
            {
              text: "Выбрать Профессиональный",              href: "#"},
          ],
          features: [
            "50 кредитов в месяц",            "5 генераций звука за 1 кредит",            "Извлечение ван-шотов",            "Приоритетная поддержка",            "Ранний доступ к новым функциям"],
        },
      ]}
      title="Выберите свой план"
      description="Получите доступ к мощным инструментам SoundCrafter AI с гибкой системой подписки, созданной для ваших потребностей."
      tag="Гибкие Подписки"
      tagIcon={DollarSign}
      tagAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "BeatForge Studios",        "SynthWave Collective",        "GrooveLabs",        "SoundAlchemy Productions",        "RhythmBuilders",        "AudioVerse Tech",        "ProTrack Masters"]}
      title="Доверяют известные студии и продюсеры"
      description="Наши технологии используют ведущие игроки музыкальной индустрии, ценящие инновации и качество звука."
      tag="Партнеры"
      tagIcon={Users}
      tagAnimation="slide-up"
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "Что такое кредиты и как они работают?",          content: "Кредиты используются для выполнения задач: 1 кредит за извлечение ван-шотов из трека, 1 кредит за генерацию 3 похожих звуков. Кредиты обновляются ежемесячно в зависимости от вашего плана подписки."},
        {
          id: "faq2",          title: "Могу ли я использовать сгенерированные звуки в своих коммерческих проектах?",          content: "Да, все извлеченные ван-шоты и сгенерированные звуки полностью роялти-фри и могут быть использованы в любых ваших коммерческих и некоммерческих проектах."},
        {
          id: "faq3",          title: "Какие форматы аудиофайлов поддерживаются для загрузки?",          content: "Мы поддерживаем большинство популярных аудиоформатов, включая MP3, WAV, AIFF, FLAC и другие. Максимальный размер файла составляет 100 МБ."},
        {
          id: "faq4",          title: "Что произойдет, если у меня закончатся кредиты?",          content: "Если у вас закончатся кредиты до конца месяца, вы можете либо дождаться следующего цикла обновления, либо обновить свою подписку до более высокого плана с большим количеством кредитов."},
      ]}
      sideTitle="Часто задаваемые вопросы"
      sideDescription="Найдите ответы на наиболее распространенные вопросы о SoundCrafter AI, кредитах, подписках и использовании звуков."
      buttons={[
        {
          text: "Связаться с поддержкой",          href: "#contact"},
      ]}
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Готовы начать создавать невероятные биты с SoundCrafter AI? Свяжитесь с нами, чтобы узнать больше или начать прямо сейчас!"
      buttons={[
        {
          text: "Написать нам",          href: "mailto:info@soundcrafterai.com"},
        {
          text: "Начать сейчас",          href: "#pricing"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Платформа",          items: [
            {
              label: "Главная",              href: "#home"},
            {
              label: "О нас",              href: "#about"},
            {
              label: "Функции",              href: "#features"},
            {
              label: "Цены",              href: "#pricing"},
          ],
        },
        {
          title: "Ресурсы",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Поддержка",              href: "#contact"},
          ],
        },
        {
          title: "Компания",          items: [
            {
              label: "О SoundCrafter AI",              href: "#about"},
            {
              label: "Контакты",              href: "#contact"},
          ],
        },
      ]}
      logoText="SoundCrafter AI"
      copyrightText="© 2024 SoundCrafter AI. Все права защищены."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
