Initial commit
This commit is contained in:
126
src/app/page.tsx
Normal file
126
src/app/page.tsx
Normal file
@@ -0,0 +1,126 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user