"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Leaf, Sparkles, Heart, Palette, Shield, Users, Mail, BookOpen, Clock, Volume2, Recycle } from 'lucide-react';

const navItems = [
  { name: "Концепция", id: "philosophy" },
  { name: "Ароматы", id: "states" },
  { name: "Стандарт качества", id: "quality" },
  { name: "Партнерам", id: "partners" },
  { name: "Блог", id: "blog" }
];

const products = [
  {
    id: "1",    brand: "FLY AROMA",    name: "#ЧИЛЛАУТ",    price: "1,290 ₽",    rating: 5,
    reviewCount: "847",    imageSrc: "http://img.b2bpic.net/free-photo/essential-oils-lavender-glass-dark-bottle-girl-cares-skin-hair-scandinavian-interior_1182-2673.jpg",    imageAlt: "#ЧИЛЛАУТ - Раствори напряжение"
  },
  {
    id: "2",    brand: "FLY AROMA",    name: "#ЭНЕРДЖИБУСТ",    price: "1,290 ₽",    rating: 5,
    reviewCount: "634",    imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-putting-orange-near-laptop_23-2147761551.jpg",    imageAlt: "#ЭНЕРДЖИБУСТ - Зарядись с утра"
  },
  {
    id: "3",    brand: "FLY AROMA",    name: "#ВКУСПРИКЛЮЧЕНИЙ",    price: "1,290 ₽",    rating: 5,
    reviewCount: "512",    imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-inside-little-pots-dark-blue-rustic-desk-spicy-edgy-pepper-color_140725-99369.jpg",    imageAlt: "#ВКУСПРИКЛЮЧЕНИЙ - Добавь драйва"
  },
  {
    id: "4",    brand: "FLY AROMA",    name: "#СВИТДРИМ",    price: "1,290 ₽",    rating: 5,
    reviewCount: "723",    imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed-with-copy-space_23-2148243567.jpg",    imageAlt: "#СВИТДРИМ - Подари себе сладкий сон"
  },
  {
    id: "5",    brand: "FLY AROMA",    name: "#КОФЕПОЙНТ",    price: "1,290 ₽",    rating: 5,
    reviewCount: "891",    imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49101.jpg",    imageAlt: "#КОФЕПОЙНТ - Уютное воскресное утро"
  },
  {
    id: "6",    brand: "FLY AROMA",    name: "#ФАНЗОНА",    price: "1,290 ₽",    rating: 5,
    reviewCount: "445",    imageSrc: "http://img.b2bpic.net/free-photo/girls-celbrating-friendship_23-2147640590.jpg",    imageAlt: "#ФАНЗОНА - Вечеринка начнется здесь"
  },
  {
    id: "7",    brand: "FLY AROMA",    name: "#КЛИНКЛИН",    price: "1,290 ₽",    rating: 5,
    reviewCount: "568",    imageSrc: "http://img.b2bpic.net/free-photo/glasses-arrangement-with-ice-cube_23-2148644612.jpg",    imageAlt: "#КЛИНКЛИН - Кристальная свежесть"
  },
  {
    id: "8",    brand: "FLY AROMA",    name: "#ЛАВСТОРИ",    price: "1,290 ₽",    rating: 5,
    reviewCount: "756",    imageSrc: "http://img.b2bpic.net/free-photo/red-roses-two-glasses-bottle-champagne-candle-table_114579-2479.jpg",    imageAlt: "#ЛАВСТОРИ - Зажги искру"
  },
  {
    id: "9",    brand: "FLY AROMA",    name: "#ФОКУСПОКОНОМИ",    price: "1,290 ₽",    rating: 5,
    reviewCount: "602",    imageSrc: "http://img.b2bpic.net/free-photo/making-tea-with-teabags_661915-362.jpg",    imageAlt: "#ФОКУСПОКОНОМИ - Включи продуктивность"
  },
  {
    id: "10",    brand: "FLY AROMA",    name: "#ХАЙПБИЧ",    price: "1,290 ₽",    rating: 5,
    reviewCount: "489",    imageSrc: "http://img.b2bpic.net/free-photo/fresh-coconut-with-hat-sun-glasses-clean-sand-beach-with-sea-wave-fresh-fruit-with-sea-sand-sun-vacation-concept_1150-13736.jpg",    imageAlt: "#ХАЙПБИЧ - Лето круглый год"
  }
];

const metrics = [
  {
    id: "1",    icon: Leaf,
    title: "100% натуральные эфирные масла",    value: "Эко-сертификат"
  },
  {
    id: "2",    icon: Recycle,
    title: "Биоразлагаемые материалы диффузора",    value: "♻️ Забота о планете"
  },
  {
    id: "3",    icon: Clock,
    title: "Ультранизкий расход",    value: "До 60 дней работы"
  },
  {
    id: "4",    icon: Volume2,
    title: "Бесшумная технология",    value: "≤20 дБ"
  }
];

const blogs = [
  {
    id: "1",    category: "Наука о запахах",    title: "Как запах влияет на продуктивность: научный подход",    excerpt: "Исследования показывают, что определённые ароматы могут увеличить фокусировку и эффективность работы на 30%. Узнайте, какие эфирные масла работают лучше всего.",    imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-ball-stretching_23-2150442242.jpg",    imageAlt: "Productivity and Aromatherapy",    authorName: "Виктория Соколова",    authorAvatar: "http://img.b2bpic.net/free-photo/portrait-of-smiling-girl-with-flowers_23-2148857840.jpg",    date: "15 ноя 2024"
  },
  {
    id: "2",    category: "Идеи для вечера",    title: "5 способов создать романтический ужин с помощью ароматов",    excerpt: "От выбора парфюмерной композиции до размещения диффузоров в комнате — полный гайд для идеального вечера вдвоём.",    imageSrc: "http://img.b2bpic.net/free-photo/couple-lovers-having-romantic-dinner-home_171337-675.jpg",    imageAlt: "Romantic Dinner Setup with Aromatherapy",    authorName: "Александр Морозов",    authorAvatar: "http://img.b2bpic.net/free-photo/portrait-of-smiling-man-with-casual-wear_23-2148857841.jpg",    date: "12 ноя 2024"
  },
  {
    id: "3",    category: "Здоровье и сон",    title: "Чилаут дома: составляем идеальный плейлист и включаем #СВИТДРИМ",    excerpt: "Комбинация правильного аромата и спокойной музыки создаёт идеальные условия для глубокого сна. Рецепт от наших экспертов.",    imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-bed_1303-11249.jpg",    imageAlt: "Sleep and Relaxation with Aromatherapy",    authorName: "Мария Петрова",    authorAvatar: "http://img.b2bpic.net/free-photo/portrait-of-smiling-woman-with-flowers_23-2148857842.jpg",    date: "10 ноя 2024"
  }
];

const features = [
  {
    id: 1,
    title: "Друг FLY AROMA",    description: "Начни свой путь с эксклюзивной скидкой 20% на все товары. Делись кодом с друзьями и получай кэшбэк за каждую покупку.",    imageSrc: "/placeholders/placeholder1.webp?_wi=1",    imageAlt: "Friend Level Partner Benefits"
  },
  {
    id: 2,
    title: "Амбассадор FLY AROMA",    description: "Развивай своё сообщество и получай персональный менеджер. Доступ к эксклюзивным новым ароматам до официального запуска.",    imageSrc: "/placeholders/placeholder1.webp?_wi=2",    imageAlt: "Ambassador Level Partner Benefits"
  },
  {
    id: 3,
    title: "Создатель FLY AROMA",    description: "Сотрудничай с нашей командой в разработке новых составов. Получай эксклюзивный мерч, приглашения на закрытые события и соавторство на коллаборациях.",    imageSrc: "/placeholders/placeholder1.webp?_wi=3",    imageAlt: "Creator Level Partner Benefits"
  }
];

const footerColumns = [
  {
    title: "Компания",    items: [
      { label: "О нас", href: "#philosophy" },
      { label: "Блог", href: "#blog" },
      { label: "Карьера", href: "#" },
      { label: "Контакты", href: "#" }
    ]
  },
  {
    title: "Товары",    items: [
      { label: "Все ароматы", href: "#states" },
      { label: "Новинки", href: "#" },
      { label: "Подарочные наборы", href: "#" },
      { label: "Аксессуары", href: "#" }
    ]
  },
  {
    title: "Поддержка",    items: [
      { label: "FAQ", href: "#" },
      { label: "Доставка и возврат", href: "#" },
      { label: "Гарантия", href: "#" },
      { label: "Помощь", href: "#" }
    ]
  },
  {
    title: "Социальные сети",    items: [
      { label: "Instagram", href: "https://instagram.com" },
      { label: "TikTok", href: "https://tiktok.com" },
      { label: "Pinterest", href: "https://pinterest.com" },
      { label: "YouTube", href: "https://youtube.com" }
    ]
  },
  {
    title: "Юридическое",    items: [
      { label: "Политика конфиденциальности", href: "/privacy" },
      { label: "Условия использования", href: "/terms" },
      { label: "Публичная оферта", href: "/offer" }
    ]
  }
];

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="FLY AROMA"
          navItems={navItems}
          button={{
            text: "Создать атмосферу",            href: "#states"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Управляй эмоциональным климатом своего дома"
          description="А какую атмосферу ты создашь сегодня? FLY AROMA — это не просто ароматы, это инструмент для управления чувствами и созданием идеального настроения дома. 100% натуральные эфирные масла, биоразлагаемые диффузоры, бесшумная технология."
          tag="Eco Fly Aroma Standard"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          background={{ variant: "blurBottom" }}
          buttons={[
            { text: "Выбрать состояние", href: "#states" },
            { text: "Узнать больше", href: "#philosophy" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/composition-with-incense-sticks-diffuser-candles-books-table-interior-room_169016-11175.jpg"
          imageAlt="FLY AROMA Premium Aroma Diffuser in Modern Interior"
          imagePosition="right"
          mediaAnimation="blur-reveal"
          fixedMediaHeight={true}
        />
      </div>

      <div id="philosophy" data-section="philosophy">
        <TestimonialAboutCard
          tag="Философия бренда"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Дом — это не просто место. Это объятия для твоей души"
          description="О воздухе, который мы дышим каждый день"
          subdescription="Система эмоционального климата для идеального интерьера"
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4244.jpg"
          imageAlt="Philosophy of FLY AROMA - Emotional Climate Control"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="states" data-section="states">
        <ProductCardTwo
          title="Выбери своё состояние"
          description="10 уникальных сценариев ароматов для управления эмоциональным климатом дома. Каждый аромат создан для конкретного состояния и момента в твоей жизни."
          tag="Меню состояний"
          tagIcon={Palette}
          tagAnimation="slide-up"
          buttons={[
            { text: "Смотреть каталог", href: "#" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="bento-grid"
          carouselMode="buttons"
          products={products}
        />
      </div>

      <div id="quality" data-section="quality">
        <MetricCardThree
          title="Технология чистой атмосферы"
          description="Стандарт качества Eco Fly Aroma гарантирует, что каждый диффузор создан с использованием природных материалов и инновационных технологий. Четыре столпа совершенства, на которых построен наш бренд."
          tag="Eco Fly Aroma Standard"
          tagIcon={Shield}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={metrics}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardOne
          title="Атмосферный блог"
          description="Статьи о влиянии ароматов на наше психологическое состояние, советы по созданию идеальной атмосферы дома и истории вдохновения от наших поклонников."
          tag="FLY AROMA Journal"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          buttons={[
            { text: "Читать все статьи", href: "/blog" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          carouselMode="buttons"
          blogs={blogs}
        />
      </div>

      <div id="partners" data-section="partners">
        <FeatureCardSeven
          title="Стань частью FLY CIRCLE"
          description="Трёхуровневая программа партнёрства, где каждый может создавать атмосферу и вдохновлять других. От дружеских скидок до эксклюзивных преимуществ."
          tag="Партнерская программа"
          tagIcon={Users}
          tagAnimation="slide-up"
          buttons={[
            { text: "Хочу в команду", href: "#" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          features={features}
        />
      </div>

      <div id="newsletter" data-section="newsletter">
        <ContactCenter
          tag="Подпишись на новости"
          title="Получай вдохновение и эксклюзивные предложения"
          description="Будь первым, кто узнает о новых ароматах, специальных предложениях и полезных статьях о создании идеальной атмосферы дома."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Введи свой e-mail"
          buttonText="Подписаться"
          termsText="Мы уважаем твою конфиденциальность. Ты всегда можешь отписаться в один клик."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="FLY AROMA"
          columns={footerColumns}
          copyrightText="© 2025 FLY AROMA | Управляй эмоциональным климатом своего дома"
        />
      </div>
    </ThemeProvider>
  );
}