Merge version_1_1781595287699 into main #2
@@ -5,252 +5,135 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import { Instagram, Star, Tool } from "lucide-react";
|
||||
import { Instagram, Star, Wrench } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Detailing KLM — Коломия"
|
||||
title="Відновлення вашого авто до заводського стану"
|
||||
description="Спеціалізована майстерня з ремонту бамперів, відновлення пластику та професійного детейлінгу."
|
||||
primaryButton={{
|
||||
text: "Записатися зараз",
|
||||
href: "tel:+380916106585",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Наш Instagram",
|
||||
href: "https://instagram.com/detailing.klm",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311649-hjlbbp8d.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311650-d1cdlq0f.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311650-6pjs3b8j.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311651-p2ty1nk6.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311652-dpo3eo99.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3934.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311652-dpo3eo99.png?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311651-p2ty1nk6.png?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311650-6pjs3b8j.png?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311650-d1cdlq0f.png?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311649-hjlbbp8d.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Detailing KLM — Коломия"
|
||||
title="Відновлення вашого авто до заводського стану"
|
||||
description="Спеціалізована майстерня з ремонту бамперів, відновлення пластику та професійного детейлінгу."
|
||||
primaryButton={{
|
||||
text: "Записатися зараз", href: "tel:+380916106585"}}
|
||||
secondaryButton={{
|
||||
text: "Наш Instagram", href: "https://instagram.com/detailing.klm"}}
|
||||
leftItems={[
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311649-hjlbbp8d.png" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311650-d1cdlq0f.png" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311650-6pjs3b8j.png" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311651-p2ty1nk6.png" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311652-dpo3eo99.png" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3934.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311652-dpo3eo99.png" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311651-p2ty1nk6.png" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311650-6pjs3b8j.png" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311650-d1cdlq0f.png" },
|
||||
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3FAVbZRx2gdpbHQPKwfa0G8ikeD/uploaded-1781595311649-hjlbbp8d.png" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesBentoGrid
|
||||
tag="Наші послуги"
|
||||
title="Що ми пропонуємо"
|
||||
description="Повний комплекс послуг для повернення естетичного вигляду вашому автомобілю."
|
||||
features={[
|
||||
{
|
||||
title: "Ремонт пластику та бамперів",
|
||||
description: "Професійна пайка розірваних, тріснутих чи розколотих пластикових деталей кузова.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workshop-repairing-service_23-2150171282.jpg",
|
||||
},
|
||||
{
|
||||
title: "Полірування фар та авто",
|
||||
description: "Усунення жовтизни, каламутності та мілких подряпин, повернення ідеального блиску.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",
|
||||
},
|
||||
{
|
||||
title: "Глибока хімчистка салону",
|
||||
description: "Професійне очищення від стійких плям за допомогою сучасного обладнання.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193592.jpg",
|
||||
},
|
||||
{
|
||||
title: "Відновлення кріплень",
|
||||
description: "Ремонт внутрішніх вушок фар, засувок та інших дрібних пластикових кріплень.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193630.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Наші послуги"
|
||||
title="Що ми пропонуємо"
|
||||
description="Повний комплекс послуг для повернення естетичного вигляду вашому автомобілю."
|
||||
features={[
|
||||
{ title: "Ремонт пластику та бамперів", description: "Професійна пайка розірваних, тріснутих чи розколотих пластикових деталей кузова.", imageSrc: "http://img.b2bpic.net/free-photo/workshop-repairing-service_23-2150171282.jpg" },
|
||||
{ title: "Полірування фар та авто", description: "Усунення жовтизни, каламутності та мілких подряпин, повернення ідеального блиску.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg" },
|
||||
{ title: "Глибока хімчистка салону", description: "Професійне очищення від стійких плям за допомогою сучасного обладнання.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193592.jpg" },
|
||||
{ title: "Відновлення кріплень", description: "Ремонт внутрішніх вушок фар, засувок та інших дрібних пластикових кріплень.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193630.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesImageBento
|
||||
tag="Наші роботи"
|
||||
title="Кейси з нашої майстерні"
|
||||
description="Погляньте на реальні результати нашої роботи з різними марками авто."
|
||||
items={[
|
||||
{
|
||||
title: "Audi Бампер",
|
||||
description: "Ремонт глибоких тріщин",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-site-car-accident-claim-process-people-car-insurance-claim_1150-18106.jpg",
|
||||
},
|
||||
{
|
||||
title: "Renault Фари",
|
||||
description: "Полірування до прозорості",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-1176.jpg",
|
||||
},
|
||||
{
|
||||
title: "Хімчистка салону",
|
||||
description: "Видалення стійких плям",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg",
|
||||
},
|
||||
{
|
||||
title: "Пайка пластику",
|
||||
description: "Ремонт кріплень обшивки",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-glassmaker-workshop_268835-7403.jpg",
|
||||
},
|
||||
{
|
||||
title: "Робоче місце",
|
||||
description: "Професійне обладнання",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-work-man-blue-uniform-black-hat-repairing-damaged-automobile_146671-16088.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ремонт бампера",
|
||||
description: "Фінальна підготовка",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138427.jpg",
|
||||
},
|
||||
{
|
||||
title: "Фініш",
|
||||
description: "Ідеальне полірування кузова",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3036.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Наші роботи"
|
||||
title="Кейси з нашої майстерні"
|
||||
description="Погляньте на реальні результати нашої роботи з різними марками авто."
|
||||
items={[
|
||||
{ title: "Audi Бампер", description: "Ремонт глибоких тріщин", imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-site-car-accident-claim-process-people-car-insurance-claim_1150-18106.jpg" },
|
||||
{ title: "Renault Фари", description: "Полірування до прозорості", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-1176.jpg" },
|
||||
{ title: "Хімчистка салону", description: "Видалення стійких плям", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg" },
|
||||
{ title: "Пайка пластику", description: "Ремонт кріплень обшивки", imageSrc: "http://img.b2bpic.net/free-photo/master-glassmaker-workshop_268835-7403.jpg" },
|
||||
{ title: "Робоче місце", description: "Професійне обладнання", imageSrc: "http://img.b2bpic.net/free-photo/professional-work-man-blue-uniform-black-hat-repairing-damaged-automobile_146671-16088.jpg" },
|
||||
{ title: "Ремонт бампера", description: "Фінальна підготовка", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138427.jpg" },
|
||||
{ title: "Фініш", description: "Ідеальне полірування кузова", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3036.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="Найкраща майстерня в Коломиї! Зробили бампер як новий, фари тепер світять ідеально. Дуже дякую майстру Роману за якість та швидкість роботи."
|
||||
rating={5}
|
||||
author="Задоволений клієнт"
|
||||
avatars={[
|
||||
{
|
||||
name: "Клієнт 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg",
|
||||
},
|
||||
{
|
||||
name: "Клієнт 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-inside-car_23-2149201412.jpg",
|
||||
},
|
||||
{
|
||||
name: "Клієнт 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg",
|
||||
},
|
||||
{
|
||||
name: "Клієнт 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wink-camera_23-2148289216.jpg",
|
||||
},
|
||||
{
|
||||
name: "Клієнт 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-looking-out-car-window_23-2147937253.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="Найкраща майстерня в Коломиї! Зробили бампер як новий, фари тепер світять ідеально. Дуже дякую майстру Роману за якість та швидкість роботи."
|
||||
rating={5}
|
||||
author="Задоволений клієнт"
|
||||
avatars={[
|
||||
{ name: "Клієнт 1", imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg" },
|
||||
{ name: "Клієнт 2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-inside-car_23-2149201412.jpg" },
|
||||
{ name: "Клієнт 3", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg" },
|
||||
{ name: "Клієнт 4", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wink-camera_23-2148289216.jpg" },
|
||||
{ name: "Клієнт 5", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-looking-out-car-window_23-2147937253.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Наші показники"
|
||||
title="Довіра клієнтів"
|
||||
description="Якість перевірена часом та нашими клієнтами."
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Рейтинг Google",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
title: "Дописів в Instagram",
|
||||
value: "90+",
|
||||
},
|
||||
{
|
||||
icon: Tool,
|
||||
title: "Авто відремонтовано",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Наші показники"
|
||||
title="Довіра клієнтів"
|
||||
description="Якість перевірена часом та нашими клієнтами."
|
||||
metrics={[
|
||||
{ icon: Star, title: "Рейтинг Google", value: "5.0" },
|
||||
{ icon: Instagram, title: "Дописів в Instagram", value: "90+" },
|
||||
{ icon: Wrench, title: "Авто відремонтовано", value: "500+" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Питання"
|
||||
title="Популярні запитання"
|
||||
description="Відповіді на те, що вас цікавить перед записом."
|
||||
items={[
|
||||
{
|
||||
question: "Де ви знаходитесь?",
|
||||
answer: "Коломия, вул. Олександра Козакевича, 4.",
|
||||
},
|
||||
{
|
||||
question: "Як можна записатись?",
|
||||
answer: "Телефонуйте за номером +380916106585 або пишіть у Viber/Telegram.",
|
||||
},
|
||||
{
|
||||
question: "Який графік роботи?",
|
||||
answer: "Пн-Пт 10:00–19:00, Сб 11:00–19:00, Нд — вихідний.",
|
||||
},
|
||||
{
|
||||
question: "Чи беретеся за складні випадки?",
|
||||
answer: "Так, ми спеціалізуємося на складних ремонтах бамперів та пластику.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Питання"
|
||||
title="Популярні запитання"
|
||||
description="Відповіді на те, що вас цікавить перед записом."
|
||||
items={[
|
||||
{ question: "Де ви знаходитесь?", answer: "Коломия, вул. Олександра Козакевича, 4." },
|
||||
{ question: "Як можна записатись?", answer: "Телефонуйте за номером +380916106585 або пишіть у Viber/Telegram." },
|
||||
{ question: "Який графік роботи?", answer: "Пн-Пт 10:00–19:00, Сб 11:00–19:00, Нд — вихідний." },
|
||||
{ question: "Чи беретеся за складні випадки?", answer: "Так, ми спеціалізуємося на складних ремонтах бамперів та пластику." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Контакти"
|
||||
text="Готові оновити вигляд вашого авто? Записуйтесь на консультацію вже зараз!"
|
||||
primaryButton={{
|
||||
text: "Зателефонувати",
|
||||
href: "tel:+380916106585",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Написати у Viber",
|
||||
href: "viber://chat?number=%2B380916106585",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Контакти"
|
||||
text="Готові оновити вигляд вашого авто? Записуйтесь на консультацію вже зараз!"
|
||||
primaryButton={{ text: "Зателефонувати", href: "tel:+380916106585" }}
|
||||
secondaryButton={{ text: "Написати у Viber", href: "viber://chat?number=%2B380916106585" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user