229 lines
14 KiB
TypeScript
229 lines
14 KiB
TypeScript
"use client"
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import { Phone, Shield, Wrench } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
brandName="Сидер Ауто"
|
||
navItems={[
|
||
{ name: "Начало", id: "hero" },
|
||
{ name: "Услуги", id: "services" },
|
||
{ name: "За нас", id: "about" },
|
||
{ name: "Контакт", id: "contact" }
|
||
]}
|
||
button={{ text: "Свържи се", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboardSplit
|
||
logoText="Сидер Ауто"
|
||
description="Професионална автомеханична мастерска с 15 години опит. Запознаваме се в най-сложните проблеми с вашата кола и ги решаваме с прецизност и грижа."
|
||
background={{ variant: "plain" }}
|
||
buttons={[
|
||
{ text: "Получи оценка", href: "#contact" },
|
||
{ text: "Нашите услуги", href: "#services" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
layoutOrder="default"
|
||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1297.jpg?_wi=1"
|
||
imageAlt="Професионален механик работи на двигател на автомобил"
|
||
mediaAnimation="slide-up"
|
||
frameStyle="card"
|
||
ariaLabel="Герой секция - Сидер Ауто автомеханична мастерска"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardSeven
|
||
title="Нашите основни услуги"
|
||
description="Предлагаме пълна гама от автомеханични услуги, от планово техническо обслужване до сложни ремонти и диагностика."
|
||
tag="УСЛУГИ"
|
||
tagIcon={Wrench}
|
||
tagAnimation="slide-up"
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Смяна на масло и филтри", description: "Редовна смяна на моторното масло и филтрите за оптимална производителност и разширен живот на двигателя.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1657.jpg", imageAlt: "Услуга смяна на масло"
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Ремонт на спирачки", description: "Проверка и подмяна на спирачни накладки, ротори и течност за безопасно спиране.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car_1170-1594.jpg", imageAlt: "Ремонт на спирачни системи"
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Смяна и балансиране на гуми", description: "Професионална смяна, балансиране и ремонт на автомобилни гуми.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31499.jpg", imageAlt: "Услуга смяна на гуми"
|
||
},
|
||
{
|
||
id: 4,
|
||
title: "Компютърна диагностика", description: "Модерна диагностика с компютърни системи за точно определяне на проблемите.", imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg", imageAlt: "Компютърна диагностика на двигатели"
|
||
}
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
buttons={[{ text: "Запрос за оценка", href: "#contact" }]}
|
||
buttonAnimation="slide-up"
|
||
containerClassName="bg-gradient-to-b from-[--background] to-[--card]"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="ЗА НАС"
|
||
tagIcon={Shield}
|
||
tagAnimation="slide-up"
|
||
title="Защо да изберете Сидер Ауто"
|
||
useInvertedBackground={false}
|
||
buttons={[{ text: "Контактирай ни днес", href: "#contact" }]}
|
||
buttonAnimation="slide-up"
|
||
containerClassName="bg-[--background]"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardSeven
|
||
title="Нашите постижения"
|
||
description="Дължишмо успешно обслужване на хиляди задоволени клиенти по всички години."
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "customers", value: "5000+", title: "Задоволени клиенти", items: ["Редовни клиенти", "Препоръчани от приятели", "Долгосрочни партньори"]
|
||
},
|
||
{
|
||
id: "years", value: "15+", title: "Години опит", items: ["Професионален екип", "Проверени технологии", "Надеждна репутация"]
|
||
},
|
||
{
|
||
id: "vehicles", value: "10000+", title: "Обслужени превозни средства", items: ["Всички марки автомобили", "Сложни поправки", "Качествен сервис"]
|
||
}
|
||
]}
|
||
containerClassName="bg-gradient-to-r from-[--card] to-[--background]"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
title="Отзиви на клиентите"
|
||
description="Слушайте какво казват нашите задоволени клиенти за качеството на нашия сервис и професионализма на екипа."
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
kpiItems={[
|
||
{ value: "4.9/5", label: "Средна оценка" },
|
||
{ value: "98%", label: "Задоволени клиенти" },
|
||
{ value: "2000+", label: "Проверени отзиви" }
|
||
]}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Иван Петров", role: "Автомобилен собственик", company: "София", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "Иван Петров - доволен клиент"
|
||
},
|
||
{
|
||
id: "2", name: "Георги Стоянов", role: "Бизнес собственик", company: "Корпоративен флот", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-blue-shirt_23-2148548056.jpg", imageAlt: "Георги Стоянов - фирмен клиент"
|
||
},
|
||
{
|
||
id: "3", name: "Мария Николова", role: "Редовен клиент", company: "София", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sincere-cheerful-happy-young-girl-with-blue-eyes-smiling-laughing_176420-9705.jpg", imageAlt: "Мария Николова - редовна клиентка"
|
||
},
|
||
{
|
||
id: "4", name: "Васил Иванов", role: "Автомобилист", company: "Плевен", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg", imageAlt: "Васил Иванов - уважаван клиент"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
ctaTitle="Свържи се с нас днес"
|
||
ctaDescription="Имаш въпроси относно услугите ни или желаеш да запиташ за ремонт? Свържи се с нас по телефон или имейл. Екипът ни е готов да помогне."
|
||
ctaButton={{ text: "Позвони сега", href: "tel:+359888123456" }}
|
||
ctaIcon={Phone}
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
accordionAnimationType="smooth"
|
||
showCard={true}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Какви са вашите работни часове?", content: "Работим от понеделник до петък 8:00 - 18:00, събота 9:00 - 14:00. Неделя е неделен ден. Можете да резервирате час напред."
|
||
},
|
||
{
|
||
id: "2", title: "Приемате ли застрахование?", content: "Да, приемаме всички основни застрахователни компании. Свържи се с нас за детайли относно твоята застраховка."
|
||
},
|
||
{
|
||
id: "3", title: "Предлагате ли гаранция?", content: "Всички ремонти включват 12-месечна гаранция. Гаранцията покрива работата и използваните части."
|
||
},
|
||
{
|
||
id: "4", title: "Как мога да получа оценка?", content: "Можеш да дойдеш лично, да позвониш или да изпратиш снимки. Ще ти дадем свободна оценка на място."
|
||
},
|
||
{
|
||
id: "5", title: "Предлагате ли услуга на място?", content: "За специфични случаи можем да дойдем на място. Контактирай ни за подробности и разценки."
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1297.jpg?_wi=2"
|
||
imageAlt="Сидер Ауто футър изображение"
|
||
logoText="Сидер Ауто"
|
||
copyrightText="© 2025 Сидер Ауто | Всички права запазени"
|
||
columns={[
|
||
{
|
||
title: "Услуги", items: [
|
||
{ label: "Смяна на масло", href: "#services" },
|
||
{ label: "Ремонт на спирачки", href: "#services" },
|
||
{ label: "Смяна на гуми", href: "#services" },
|
||
{ label: "Диагностика", href: "#services" }
|
||
]
|
||
},
|
||
{
|
||
title: "Компания", items: [
|
||
{ label: "За нас", href: "#about" },
|
||
{ label: "Отзиви", href: "#testimonials" },
|
||
{ label: "Контакт", href: "#contact" },
|
||
{ label: "Политика на поверителност", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Контакт", items: [
|
||
{ label: "+359 888 123 456", href: "tel:+359888123456" },
|
||
{ label: "info@sider-auto.bg", href: "mailto:info@sider-auto.bg" },
|
||
{ label: "гр. София, ул. Механична 42", href: "#" },
|
||
{ label: "Вторник - петък 8:00-18:00", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|