Update src/app/page.tsx
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Главная", id: "#hero"},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Услуги", id: "#features"},
|
||||
{
|
||||
name: "Цены",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Цены", id: "#pricing"},
|
||||
{
|
||||
name: "О нас",
|
||||
id: "#about",
|
||||
},
|
||||
name: "О нас", id: "#about"},
|
||||
{
|
||||
name: "Отзывы",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Отзывы", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Контакты", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/aerial-view-trucks-rural-road-forested-area_1308-189645.jpg"
|
||||
logoAlt="Евакуатор Полтава"
|
||||
@@ -67,53 +53,30 @@ export default function LandingPage() {
|
||||
bottomLeftText="Работаем 24/7"
|
||||
bottomRightText="+38 (095) 570 61 03"
|
||||
button={{
|
||||
text: "Вызвать эвакуатор",
|
||||
href: "tel:+380955706103",
|
||||
}}
|
||||
text: "Вызвать эвакуатор", href: "tel:+380955706103"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Евакуатор Полтава та Україна"
|
||||
description="Швидка та надійна евакуація авто будь-якої складності. Працюємо цілодобово по Полтаві та всій Україні. Можливий б/г розрахунок."
|
||||
tag="ТЕЛЕФОНУЙТЕ 24/7"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Викликати евакуатор",
|
||||
href: "tel:+380955706103",
|
||||
},
|
||||
text: "Викликати евакуатор", href: "tel:+380955706103"},
|
||||
{
|
||||
text: "Замовити через Viber",
|
||||
href: "viber://chat?number=+380955706103",
|
||||
},
|
||||
text: "Замовити через Viber", href: "viber://chat?number=+380955706103"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ezae1KPqe2f0FhUPSZFBAsZ39z/uploaded-1781183974936-kfxa1qr8.jpg",
|
||||
imageAlt: "Червоний евакуатор перевозить автомобіль",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ezae1KPqe2f0FhUPSZFBAsZ39z/uploaded-1781183974936-kfxa1qr8.jpg", imageAlt: "Червоний евакуатор перевозить автомобіль"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ezae1KPqe2f0FhUPSZFBAsZ39z/uploaded-1781183974936-w4o9ar4j.jpg",
|
||||
imageAlt: "Червоний евакуатор на лісовій дорозі",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-cargo-truck-driving-highway-through-forest-delivering-freight-fast-logistics-transport_169016-71777.jpg",
|
||||
imageAlt: "Евакуатор на трасі",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taxi-driver-getting-ready-customer_23-2149273252.jpg",
|
||||
imageAlt: "Евакуатор в міському середовищі",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-try-fix-car-engine-problem-local-road_1150-10667.jpg",
|
||||
imageAlt: "Евакуатор перевозить пошкоджений автомобіль",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ezae1KPqe2f0FhUPSZFBAsZ39z/uploaded-1781183974936-w4o9ar4j.jpg", imageAlt: "Червоний евакуатор на лісовій дорозі"}
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -128,59 +91,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Швидка подача",
|
||||
title: "На місці за 20-40 хвилин",
|
||||
items: [
|
||||
"Завдяки розгалуженому розподілу по області",
|
||||
"Чергуємо у всіх районах міста та на магістралях",
|
||||
],
|
||||
id: "1", label: "Швидка подача", title: "На місці за 20-40 хвилин", items: [
|
||||
"Завдяки розгалуженому розподілу по області", "Чергуємо у всіх районах міста та на магістралях"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Сучасний автопарк",
|
||||
title: "Впораємося з будь-яким завданням",
|
||||
items: [
|
||||
"Перевеземо авто незалежно від стану та розмірів",
|
||||
"Техніка з кран-маніпуляторними установками",
|
||||
"Платформи різного типу (прямі, ламані, підйомно-суворі)",
|
||||
],
|
||||
id: "2", label: "Сучасний автопарк", title: "Впораємося з будь-яким завданням", items: [
|
||||
"Перевеземо авто незалежно від стану та розмірів", "Техніка з кран-маніпуляторними установками", "Платформи різного типу (прямі, ламані, підйомно-суворі)"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Гарантія безпеки",
|
||||
title: "Ваше авто у надійних руках",
|
||||
items: [
|
||||
"На всіх етапах завантаження-розвантаження",
|
||||
"Обeрежна погрузка навіть зі складних для доступу місць",
|
||||
],
|
||||
id: "3", label: "Гарантія безпеки", title: "Ваше авто у надійних руках", items: [
|
||||
"На всіх етапах завантаження-розвантаження", "Обeрежна погрузка навіть зі складних для доступу місць"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
label: "Цілодобова робота",
|
||||
title: "Допомога 24/7",
|
||||
items: [
|
||||
"Ми працюємо цілодобово без вихідних",
|
||||
"Готові швидко реагувати на замовлення у будь-який час",
|
||||
],
|
||||
id: "4", label: "Цілодобова робота", title: "Допомога 24/7", items: [
|
||||
"Ми працюємо цілодобово без вихідних", "Готові швидко реагувати на замовлення у будь-який час"],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
label: "Вигідні тарифи",
|
||||
title: "Дешево та прозоро",
|
||||
items: [
|
||||
"Наші тарифи на 20% нижчі за конкурентів",
|
||||
"Знижки до 30% для постійних клієнтів",
|
||||
],
|
||||
id: "5", label: "Вигідні тарифи", title: "Дешево та прозоро", items: [
|
||||
"Наші тарифи на 20% нижчі за конкурентів", "Знижки до 30% для постійних клієнтів"],
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
label: "Весь спектр послуг",
|
||||
title: "Евакуація будь-яких типів авто",
|
||||
items: [
|
||||
"Легкові автомобілі, мотоцикли, комерційні машини",
|
||||
"Автобуси, позашляховики, спецтехніка",
|
||||
],
|
||||
id: "6", label: "Весь спектр послуг", title: "Евакуація будь-яких типів авто", items: [
|
||||
"Легкові автомобілі, мотоцикли, комерційні машини", "Автобуси, позашляховики, спецтехніка"],
|
||||
},
|
||||
]}
|
||||
title="Чому наші евакуатори ефективні та недорогі"
|
||||
@@ -209,42 +141,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "city",
|
||||
badge: "Полтава",
|
||||
badgeIcon: MapPin,
|
||||
price: "від 1000 грн",
|
||||
name: "По місту",
|
||||
buttons: [
|
||||
id: "city", badge: "Полтава", badgeIcon: MapPin,
|
||||
price: "від 1000 грн", name: "По місту", buttons: [
|
||||
{
|
||||
text: "Замовити",
|
||||
href: "tel:+380955706103",
|
||||
},
|
||||
text: "Замовити", href: "tel:+380955706103"},
|
||||
],
|
||||
features: [
|
||||
"Швидка подача",
|
||||
"Будь-яка складність евакуації",
|
||||
"Цілодобова доступність",
|
||||
"Гарантія безпеки авто",
|
||||
],
|
||||
"Швидка подача", "Будь-яка складність евакуації", "Цілодобова доступність", "Гарантія безпеки авто"],
|
||||
},
|
||||
{
|
||||
id: "outside",
|
||||
badge: "Україна",
|
||||
badgeIcon: Globe,
|
||||
price: "від 30 грн/км",
|
||||
name: "За містом",
|
||||
buttons: [
|
||||
id: "outside", badge: "Україна", badgeIcon: Globe,
|
||||
price: "від 30 грн/км", name: "За містом", buttons: [
|
||||
{
|
||||
text: "Замовити",
|
||||
href: "tel:+380955706103",
|
||||
},
|
||||
text: "Замовити", href: "tel:+380955706103"},
|
||||
],
|
||||
features: [
|
||||
"Міжміська евакуація",
|
||||
"Перевезення по всій Україні",
|
||||
"Індивідуальний розрахунок",
|
||||
"Професіональний супровід",
|
||||
],
|
||||
"Міжміська евакуація", "Перевезення по всій Україні", "Індивідуальний розрахунок", "Професіональний супровід"],
|
||||
},
|
||||
]}
|
||||
title="Ціни на послуги евакуатора"
|
||||
@@ -260,25 +172,13 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20%",
|
||||
description: "Вигідніше. Ми не залучаємо посередників, а утримуємо власний автопарк і штат водіїв.",
|
||||
},
|
||||
id: "1", value: "20%", description: "Вигідніше. Ми не залучаємо посередників, а утримуємо власний автопарк і штат водіїв."},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Впевненість для Вас. Допоможемо, якщо авто зламалось, потрапило в ДТП, в кюветі або заглохло в снігу.",
|
||||
},
|
||||
id: "2", value: "100%", description: "Впевненість для Вас. Допоможемо, якщо авто зламалось, потрапило в ДТП, в кюветі або заглохло в снігу."},
|
||||
{
|
||||
id: "3",
|
||||
value: "30 хв",
|
||||
description: "Приїзд за півгодини – реальність. Евакуатори чергують у всіх районах міста.",
|
||||
},
|
||||
id: "3", value: "30 хв", description: "Приїзд за півгодини – реальність. Евакуатори чергують у всіх районах міста."},
|
||||
{
|
||||
id: "4",
|
||||
value: "Нестандартні",
|
||||
description: "Вирішення завдань. Гарантуємо обережну погрузку автомобіля навіть зі складних місць.",
|
||||
},
|
||||
id: "4", value: "Нестандартні", description: "Вирішення завдань. Гарантуємо обережну погрузку автомобіля навіть зі складних місць."},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -291,45 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Андрій К.",
|
||||
role: "Водій",
|
||||
testimonial: "Дякую за швидку та професійну допомогу! Евакуатор прибув за 25 хвилин, все зробили дуже акуратно.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-vehicle-distributor-checkup_482257-115279.jpg",
|
||||
imageAlt: "Андрій К.",
|
||||
},
|
||||
id: "1", name: "Андрій К.", role: "Водій", testimonial: "Дякую за швидку та професійну допомогу! Евакуатор прибув за 25 хвилин, все зробили дуже акуратно.", imageSrc: "http://img.b2bpic.net/free-photo/client-vehicle-distributor-checkup_482257-115279.jpg", imageAlt: "Андрій К."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Олена С.",
|
||||
role: "Менеджер",
|
||||
testimonial: "Сервіс на висоті! Машина була у складному положенні, але водій евакуатора впорався без проблем.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
|
||||
imageAlt: "Олена С.",
|
||||
},
|
||||
id: "2", name: "Олена С.", role: "Менеджер", testimonial: "Сервіс на висоті! Машина була у складному положенні, але водій евакуатора впорався без проблем.", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", imageAlt: "Олена С."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Сергій П.",
|
||||
role: "Підприємець",
|
||||
testimonial: "Користуюся послугами цієї служби вже не вперше. Завжди якісно, швидко та за розумні гроші. Рекомендую!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-inside-car_23-2148142465.jpg",
|
||||
imageAlt: "Сергій П.",
|
||||
},
|
||||
id: "3", name: "Сергій П.", role: "Підприємець", testimonial: "Користуюся послугами цієї служби вже не вперше. Завжди якісно, швидко та за розумні гроші. Рекомендую!", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-inside-car_23-2148142465.jpg", imageAlt: "Сергій П."},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ірина М.",
|
||||
role: "Студентка",
|
||||
testimonial: "Виручили мене пізно ввечері. Диспетчер дуже ввічлива, водій професійний. Щиро вдячна!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4514.jpg",
|
||||
imageAlt: "Ірина М.",
|
||||
},
|
||||
id: "4", name: "Ірина М.", role: "Студентка", testimonial: "Виручили мене пізно ввечері. Диспетчер дуже ввічлива, водій професійний. Щиро вдячна!", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4514.jpg", imageAlt: "Ірина М."},
|
||||
{
|
||||
id: "5",
|
||||
name: "Михайло В.",
|
||||
role: "Логіст",
|
||||
testimonial: "Потрібно було перевезти спецтехніку. Все організували на вищому рівні, врахували всі нюанси.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg",
|
||||
imageAlt: "Михайло В.",
|
||||
},
|
||||
id: "5", name: "Михайло В.", role: "Логіст", testimonial: "Потрібно було перевезти спецтехніку. Все організували на вищому рівні, врахували всі нюанси.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg", imageAlt: "Михайло В."},
|
||||
]}
|
||||
title="Вдячність клієнта для нас – важлива нагорода"
|
||||
description="Більша частина клієнтів дізнається про нашу службу евакуації не з реклами, а з рекомендацій друзів та знайомих."
|
||||
@@ -341,35 +211,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Як викликати евакуатор?",
|
||||
content: "Для виклику евакуатора зателефонуйте за одним з наших номерів: 0506100015 або 0984918112. Будьте готові повідомити марку та модель авто, місцезнаходження та причину виклику.",
|
||||
},
|
||||
id: "1", title: "Як викликати евакуатор?", content: "Для виклику евакуатора зателефонуйте за одним з наших номерів: 0506100015 або 0984918112. Будьте готові повідомити марку та модель авто, місцезнаходження та причину виклику."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Як формується ціна на евакуатор?",
|
||||
content: "Ціна формується залежно від типу транспортного засобу, відстані перевезення та складності завантаження. Для Полтави від 1000 грн, за містом від 30 грн/км. Точну вартість розрахує диспетчер.",
|
||||
},
|
||||
id: "2", title: "Як формується ціна на евакуатор?", content: "Ціна формується залежно від типу транспортного засобу, відстані перевезення та складності завантаження. Для Полтави від 1000 грн, за містом від 30 грн/км. Точну вартість розрахує диспетчер."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Через який час очікувати приїзд евакуатора?",
|
||||
content: "Завдяки розгалуженій мережі евакуаторів по області, ми прибуваємо на місце протягом 20-40 хвилин.",
|
||||
},
|
||||
id: "3", title: "Через який час очікувати приїзд евакуатора?", content: "Завдяки розгалуженій мережі евакуаторів по області, ми прибуваємо на місце протягом 20-40 хвилин."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Потрібно надавати які-небудь документи при замовленні евакуатора?",
|
||||
content: "Так, необхідно пред'явити документи на право власності автомобілем або посвідчення водія для підтвердження особи.",
|
||||
},
|
||||
id: "4", title: "Потрібно надавати які-небудь документи при замовленні евакуатора?", content: "Так, необхідно пред'явити документи на право власності автомобілем або посвідчення водія для підтвердження особи."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Чи можете Ви евакуювати автомобіль із заблокованими колесами?",
|
||||
content: "Так, наші сучасні евакуатори оснащені спеціальним обладнанням, що дозволяє евакуювати автомобілі з будь-якими пошкодженнями, включаючи заблоковані колеса.",
|
||||
},
|
||||
id: "5", title: "Чи можете Ви евакуювати автомобіль із заблокованими колесами?", content: "Так, наші сучасні евакуатори оснащені спеціальним обладнанням, що дозволяє евакуювати автомобілі з будь-якими пошкодженнями, включаючи заблоковані колеса."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Що потрібно повідомити при замовленні евакуатора?",
|
||||
content: "При замовленні евакуатора необхідно повідомити: точне місцезнаходження (адресу або орієнтири на трасі), марку та модель автомобіля, причину поломки або ДТП, а також контактний номер телефону.",
|
||||
},
|
||||
id: "6", title: "Що потрібно повідомити при замовленні евакуатора?", content: "При замовленні евакуатора необхідно повідомити: точне місцезнаходження (адресу або орієнтири на трасі), марку та модель автомобіля, причину поломки або ДТП, а також контактний номер телефону."},
|
||||
]}
|
||||
sideTitle="Ознайомтеся з відповідями на найважливіші питання"
|
||||
sideDescription="Ми зібрали найпоширеніші запитання від наших клієнтів, щоб ви могли швидко знайти необхідну інформацію."
|
||||
@@ -382,8 +234,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="КОНТАКТИ"
|
||||
title="Маєте питання щодо наших послуг?"
|
||||
description="Яна, диспетчер служби евакуації, готова відповісти на всі ваші запитання та надати консультацію."
|
||||
@@ -405,13 +256,9 @@ export default function LandingPage() {
|
||||
logoAlt="Евакуатор Полтава"
|
||||
logoText="Евакуатор Полтава та Україна"
|
||||
leftLink={{
|
||||
text: "Політика конфіденційності",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Політика конфіденційності", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Розробка: kirpach.pro",
|
||||
href: "https://kirpach.pro",
|
||||
}}
|
||||
text: "Розробка: kirpach.pro", href: "https://kirpach.pro"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user