"use client"

import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Phone, CreditCard, User, FileText, Calculator } from 'lucide-react';

export default function EnergyLandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          navItems={[
            { name: 'Електроенергія', id: 'electricity' },
            { name: 'Природний газ', id: 'gas' },
            { name: 'Особистий кабінет', id: 'account' },
            { name: 'Контакти', id: 'contact' }
          ]}
          brandName="ЗЕПП"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          background={{ variant: 'sparkles-gradient' }}
          title="Надійне постачання електроенергії та газу в Запорізькій області"
          description="ТОВ 'Запоріжжяелектропостачання' — ваш партнер у забезпеченні електричною енергією та природним газом. Зручний особистий кабінет, онлайн оплата та якісне обслуговування."
          tag="Енергопостачання"
          imageSrc="https://zpep.com.ua/wp-content/uploads/2025/01/мости-4.jpg"
          imageAlt="Енергетична інфраструктура Запоріжжя"
          buttons={[
            { text: 'Особистий кабінет', href: 'https://lk.zpep.com.ua' },
            { text: 'Передати покази', href: '#meters' }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Наші послуги"
          titleSegments={[
            { type: 'text', content: 'Наші ' },
            { type: 'image', src: 'https://zpep.com.ua/wp-content/uploads/2020/04/logo_zpep_m.png', alt: 'ЗЕПП лого' },
            { type: 'text', content: ' послуги' }
          ]}
          description="Повний спектр послуг з постачання електричної енергії та природного газу для приватних споживачів та підприємств"
          textboxLayout="inline-image"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          features={[
            {
              title: "Особистий кабінет",              description: "Керуйте своїми рахунками, переглядайте історію платежів та передавайте покази лічильників онлайн",              imageSrc: "https://zpep.com.ua/wp-content/uploads/2024/09/user.png",              imageAlt: "Особистий кабінет користувача",              button: { text: "Увійти до кабінету", href: "https://lk.zpep.com.ua" }
            },
            {
              title: "Передача показань",              description: "Швидко та зручно передавайте покази лічильників електроенергії та газу через наш сервіс",              imageSrc: "https://zpep.com.ua/wp-content/uploads/2024/09/pokazy.png",              imageAlt: "Передача показань лічильників",              button: { text: "Передати покази", href: "#meters" }
            },
            {
              title: "Онлайн оплата",              description: "Сплачуйте за електроенергію та газ онлайн без комісії через зручні платіжні системи",              imageSrc: "https://zpep.com.ua/wp-content/uploads/2024/09/card.png",              imageAlt: "Онлайн оплата послуг",              button: { text: "Сплатити онлайн", href: "#payment" }
            },
            {
              title: "Калькулятор тарифів",              description: "Розрахуйте вартість споживання електроенергії та газу за діючими тарифами",              imageSrc: "https://zpep.com.ua/wp-content/uploads/2024/09/calc.png",              imageAlt: "Калькулятор тарифів",              button: { text: "Розрахувати", href: "#calculator" }
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Контакти"
          tagIcon={Phone}
          title="Зв'яжіться з нами"
          description="Маєте запитання щодо послуг або потребуєте консультації? Наші фахівці готові допомогти вам у вирішенні будь-яких питань."
          useInvertedBackground="noInvert"
          inputPlaceholder="Ваш email"
          buttonText="Підписатись на новини"
          termsText="Натискаючи 'Підписатись', ви погоджуєтесь з умовами обробки персональних даних."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="ЗЕПП"
          copyrightText="©2026 ТОВ 'Запоріжжяелектропостачання'"
          columns={[
            {
              title: "Послуги",              items: [
                { label: "Електроенергія", href: "#electricity" },
                { label: "Природний газ", href: "#gas" },
                { label: "Особистий кабінет", href: "https://lk.zpep.com.ua" }
              ]
            },
            {
              title: "Документи",              items: [
                { label: "Нормативно-правові акти", href: "#legal" },
                { label: "Тарифи", href: "#tariffs" },
                { label: "Поширені запитання", href: "#faq" }
              ]
            },
            {
              title: "Контакти",              items: [
                { label: "061 228 22 20", href: "tel:0612282220" },
                { label: "Карта сайту", href: "#sitemap" },
                { label: "Центр розгляду скарг", href: "#complaints" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}