126 lines
7.2 KiB
TypeScript
126 lines
7.2 KiB
TypeScript
"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>
|
||
);
|
||
} |