bender/e18c684e-0db8-48ba-866c-777282fd4964
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 10:19:25 +00:00
parent 1ecf152752
commit c073648f2d
1 changed files with 75 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

342
src/app/page.tsx
View File

@@ -32,41 +32,25 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Главная",
id: "hero",
},
name: "Главная", id: "hero"},
{
name: "О нас",
id: "about",
},
name: "О нас", id: "about"},
{
name: "Преимущества",
id: "features",
},
name: "Преимущества", id: "features"},
{
name: "Достижения",
id: "metrics",
},
name: "Достижения", id: "metrics"},
{
name: "Услуги",
id: "pricing",
},
name: "Услуги", id: "pricing"},
{
name: "Отзывы",
id: "testimonials",
},
name: "Отзывы", id: "testimonials"},
{
name: "Контакты",
id: "contact",
},
name: "Контакты", id: "contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b4arn2"
logoAlt="Логотип AutoPro"
brandName="AutoPro"
button={{
text: "Записаться",
href: "#contact",
}}
text: "Записаться", href: "#contact"}}
/>
</div>
@@ -74,106 +58,58 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="AutoPro: Ваш Надёжный Автосервис в Алматы"
description="Полный спектр услуг по ремонту и обслуживанию автомобилей любой марки. Быстро, профессионально, с гарантией качества."
testimonials={[
{
name: "Алишер К.",
handle: "@AlisherK",
testimonial: "Отличный сервис! Быстро заменили масло, цены порадовали. Теперь только к вам!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg",
imageAlt: "Отзыв клиента Алишера К.",
},
name: "Алишер К.", handle: "@AlisherK", testimonial: "Отличный сервис! Быстро заменили масло, цены порадовали. Теперь только к вам!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg", imageAlt: "Отзыв клиента Алишера К."},
{
name: "Елена С.",
handle: "@ElenaS",
testimonial: "Проводила диагностику ходовой, нашли проблему, которую в других местах не видели. Спасибо!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1955.jpg",
imageAlt: "Отзыв клиента Елены С.",
},
name: "Елена С.", handle: "@ElenaS", testimonial: "Проводила диагностику ходовой, нашли проблему, которую в других местах не видели. Спасибо!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1955.jpg", imageAlt: "Отзыв клиента Елены С."},
{
name: "Марат Ж.",
handle: "@MaratZh",
testimonial: "Шиномонтаж сделали оперативно, без очереди. Качественно и недорого.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
imageAlt: "Отзыв клиента Марата Ж.",
},
name: "Марат Ж.", handle: "@MaratZh", testimonial: "Шиномонтаж сделали оперативно, без очереди. Качественно и недорого.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg", imageAlt: "Отзыв клиента Марата Ж."},
{
name: "Сергей П.",
handle: "@SergeyP",
testimonial: "Молодцы! Всегда доброжелательные и квалифицированные специалисты. Рекомендую AutoPro.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-businessman-analyzing-documents-while-traveling_171337-16185.jpg",
imageAlt: "Отзыв клиента Сергея П.",
},
name: "Сергей П.", handle: "@SergeyP", testimonial: "Молодцы! Всегда доброжелательные и квалифицированные специалисты. Рекомендую AutoPro.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-businessman-analyzing-documents-while-traveling_171337-16185.jpg", imageAlt: "Отзыв клиента Сергея П."},
{
name: "Динара А.",
handle: "@DinaraA",
testimonial: "Удобное расположение и очень прозрачный прайс. Делают на совесть.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/repairman-looks-online-new-car-parts_482257-76170.jpg",
imageAlt: "Отзыв клиента Динары А.",
},
name: "Динара А.", handle: "@DinaraA", testimonial: "Удобное расположение и очень прозрачный прайс. Делают на совесть.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/repairman-looks-online-new-car-parts_482257-76170.jpg", imageAlt: "Отзыв клиента Динары А."},
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Записаться на обслуживание",
href: "#contact",
},
text: "Записаться на обслуживание", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
alt: "Клиент 1",
},
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Клиент 1"},
{
src: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4250.jpg",
alt: "Клиент 2",
},
src: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4250.jpg", alt: "Клиент 2"},
{
src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",
alt: "Клиент 3",
},
src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg", alt: "Клиент 3"},
{
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
alt: "Клиент 4",
},
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Клиент 4"},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg",
alt: "Довольный клиент",
},
src: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg", alt: "Довольный клиент"},
]}
avatarText="Доверяют более 5000 клиентов"
imageSrc="http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-19555.jpg"
imageAlt="Ремонт автомобиля в автосервисе"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Быстрое обслуживание",
},
type: "text", text: "Быстрое обслуживание"},
{
type: "text",
text: "Гарантия качества",
},
type: "text", text: "Гарантия качества"},
{
type: "text",
text: "Доступные цены",
},
type: "text", text: "Доступные цены"},
{
type: "text",
text: "Опытные мастера",
},
type: "text", text: "Опытные мастера"},
{
type: "text",
text: "Современное оборудование",
},
type: "text", text: "Современное оборудование"},
]}
showMarqueeCard={true}
/>
@@ -184,14 +120,10 @@ export default function LandingPage() {
useInvertedBackground={true}
title="О Нас – Почему Выбирают AutoPro"
description={[
"AutoPro – это современный автосервис в Алматы, который предлагает полный спектр услуг по диагностике, ремонту и техническому обслуживанию автомобилей. Мы работаем с легковыми автомобилями всех марок и моделей, используя только высококачественное оборудование и проверенные запчасти.",
"Наша команда состоит из опытных и квалифицированных специалистов, которые регулярно проходят обучение и повышают свою квалификацию. Мы ценим каждого клиента и стремимся обеспечить максимальный комфорт и прозрачность на всех этапах обслуживания. Ваша безопасность и удовлетворённость – наш главный приоритет.",
]}
"AutoPro – это современный автосервис в Алматы, который предлагает полный спектр услуг по диагностике, ремонту и техническому обслуживанию автомобилей. Мы работаем с легковыми автомобилями всех марок и моделей, используя только высококачественное оборудование и проверенные запчасти.", "Наша команда состоит из опытных и квалифицированных специалистов, которые регулярно проходят обучение и повышают свою квалификацию. Мы ценим каждого клиента и стремимся обеспечить максимальный комфорт и прозрачность на всех этапах обслуживания. Ваша безопасность и удовлетворённость – наш главный приоритет."]}
buttons={[
{
text: "Наши Услуги",
href: "#pricing",
},
text: "Наши Услуги", href: "#pricing"},
]}
/>
</div>
@@ -200,19 +132,14 @@ export default function LandingPage() {
<FeatureCardSixteen
textboxLayout="default"
useInvertedBackground={false}
animationType="depth-3d"
negativeCard={{
items: [
"Долгие ожидания",
"Непрозрачные цены",
"Неопытные механики",
],
"Долгие ожидания", "Непрозрачные цены", "Неопытные механики"],
}}
positiveCard={{
items: [
"Быстрое обслуживание",
"Честные цены",
"Опытные специалисты",
],
"Быстрое обслуживание", "Честные цены", "Опытные специалисты"],
}}
title="Наши Преимущества – Надёжность в Деталях"
description="Мы предлагаем безупречное качество и индивидуальный подход к каждому автомобилю."
@@ -220,9 +147,7 @@ export default function LandingPage() {
tagIcon={Sparkles}
buttons={[
{
text: "Посмотреть все услуги",
href: "#pricing",
},
text: "Посмотреть все услуги", href: "#pricing"},
]}
/>
</div>
@@ -231,40 +156,21 @@ export default function LandingPage() {
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={true}
animationType="scale-rotate"
metrics={[
{
id: "1",
value: "10+",
title: "Лет на рынке",
description: "Опыт и надёжность",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-machine-mechanisms-processing-metal-product-photo-with-depth-field_645730-129.jpg",
imageAlt: "Иконка шестерёнки",
},
id: "1", value: "10+", title: "Лет на рынке", description: "Опыт и надёжность", imageSrc: "http://img.b2bpic.net/free-photo/close-up-machine-mechanisms-processing-metal-product-photo-with-depth-field_645730-129.jpg", imageAlt: "Иконка шестерёнки"},
{
id: "2",
value: "5000+",
title: "Довольных клиентов",
description: "Наша гордость и репутация",
imageSrc: "http://img.b2bpic.net/free-photo/smile-emoji-front-side_187299-39686.jpg",
imageAlt: "Иконка группы людей",
},
id: "2", value: "5000+", title: "Довольных клиентов", description: "Наша гордость и репутация", imageSrc: "http://img.b2bpic.net/free-photo/smile-emoji-front-side_187299-39686.jpg", imageAlt: "Иконка группы людей"},
{
id: "3",
value: "24/7",
title: "Поддержка",
description: "Всегда на связи",
imageSrc: "http://img.b2bpic.net/free-photo/call-center-agents-logging-customer-interactions-spreadsheet-document-pc_482257-117912.jpg",
imageAlt: "Иконка наушников",
},
id: "3", value: "24/7", title: "Поддержка", description: "Всегда на связи", imageSrc: "http://img.b2bpic.net/free-photo/call-center-agents-logging-customer-interactions-spreadsheet-document-pc_482257-117912.jpg", imageAlt: "Иконка наушников"},
]}
title="Наши Достижения в Цифрах"
description="Гордимся каждым отремонтированным автомобилем и каждым довольным клиентом."
tag="Статистика"
buttons={[
{
text: "Узнать больше",
href: "#about",
},
text: "Узнать больше", href: "#about"},
]}
/>
</div>
@@ -273,57 +179,25 @@ export default function LandingPage() {
<PricingCardFive
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
plans={[
{
id: "oil_change",
tag: "Базовая",
price: "5000 тг",
period: "за услугу",
description: "Быстрая и профессиональная замена моторного масла.",
button: {
text: "Записаться",
href: "#contact",
},
featuresTitle: "Включает:",
features: [
"Проверка уровня жидкостей",
"Визуальный осмотр двигателя",
"Гарантия на работы",
],
id: "oil_change", tag: "Базовая", price: "5000 тг", period: "за услугу", description: "Быстрая и профессиональная замена моторного масла.", button: {
text: "Записаться", href: "#contact"},
featuresTitle: "Включает:", features: [
"Проверка уровня жидкостей", "Визуальный осмотр двигателя", "Гарантия на работы"],
},
{
id: "diagnostics",
tag: "Стандарт",
price: "3000 тг",
period: "за услугу",
description: "Комплексная диагностика всех систем автомобиля.",
button: {
text: "Записаться",
href: "#contact",
},
featuresTitle: "Включает:",
features: [
"Компьютерная диагностика",
"Проверка подвески и рулевого",
"Оценка состояния тормозов",
],
id: "diagnostics", tag: "Стандарт", price: "3000 тг", period: "за услугу", description: "Комплексная диагностика всех систем автомобиля.", button: {
text: "Записаться", href: "#contact"},
featuresTitle: "Включает:", features: [
"Компьютерная диагностика", "Проверка подвески и рулевого", "Оценка состояния тормозов"],
},
{
id: "tire_fitting",
tag: "Эконом",
price: "2000 тг",
period: "за колесо",
description: "Профессиональный шиномонтаж и балансировка.",
button: {
text: "Записаться",
href: "#contact",
},
featuresTitle: "Включает:",
features: [
"Снятие/установка колеса",
"Балансировка",
"Проверка давления",
],
id: "tire_fitting", tag: "Эконом", price: "2000 тг", period: "за колесо", description: "Профессиональный шиномонтаж и балансировка.", button: {
text: "Записаться", href: "#contact"},
featuresTitle: "Включает:", features: [
"Снятие/установка колеса", "Балансировка", "Проверка давления"],
},
]}
title="Наши Услуги и Цены"
@@ -340,59 +214,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Оперативно и качественно!",
quote: "Очень доволен работой AutoPro. Быстро провели диагностику и устранили неисправность. Вежливый персонал, всё объяснили. Однозначно рекомендую!",
name: "Иван Петров",
role: "Владелец Toyota Camry",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_52683-126484.jpg",
imageAlt: "Иван Петров, клиент AutoPro",
},
id: "t1", title: "Оперативно и качественно!", quote: "Очень доволен работой AutoPro. Быстро провели диагностику и устранили неисправность. Вежливый персонал, всё объяснили. Однозначно рекомендую!", name: "Иван Петров", role: "Владелец Toyota Camry", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_52683-126484.jpg", imageAlt: "Иван Петров, клиент AutoPro"},
{
id: "t2",
title: "Лучший шиномонтаж в городе!",
quote: "Каждый сезон приезжаю на шиномонтаж в AutoPro. Всегда быстро, аккуратно и по отличной цене. Проблем ни разу не было.",
name: "Анна Смирнова",
role: "Владелица Kia Rio",
imageSrc: "http://img.b2bpic.net/free-photo/clients-reaching-agreement-with-agent-dealership-after-driving-vehicle_482257-117294.jpg",
imageAlt: "Анна Смирнова, клиент AutoPro",
},
id: "t2", title: "Лучший шиномонтаж в городе!", quote: "Каждый сезон приезжаю на шиномонтаж в AutoPro. Всегда быстро, аккуратно и по отличной цене. Проблем ни разу не было.", name: "Анна Смирнова", role: "Владелица Kia Rio", imageSrc: "http://img.b2bpic.net/free-photo/clients-reaching-agreement-with-agent-dealership-after-driving-vehicle_482257-117294.jpg", imageAlt: "Анна Смирнова, клиент AutoPro"},
{
id: "t3",
title: "Профессионалы своего дела",
quote: "Обратился с проблемой по двигателю, которую в других сервисах не могли решить. Здесь быстро выявили причину и качественно отремонтировали. Машина как новая!",
name: "Максим Ковалев",
role: "Владелец Mercedes-Benz",
imageSrc: "http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-car_627829-3654.jpg",
imageAlt: "Максим Ковалев, клиент AutoPro",
},
id: "t3", title: "Профессионалы своего дела", quote: "Обратился с проблемой по двигателю, которую в других сервисах не могли решить. Здесь быстро выявили причину и качественно отремонтировали. Машина как новая!", name: "Максим Ковалев", role: "Владелец Mercedes-Benz", imageSrc: "http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-car_627829-3654.jpg", imageAlt: "Максим Ковалев, клиент AutoPro"},
{
id: "t4",
title: "Цены адекватные, качество на высоте",
quote: "Регулярно прохожу ТО в AutoPro. Цены приемлемые, качество работ стабильно высокое. Чувствуется, что ребята работают на совесть.",
name: "Ольга Новикова",
role: "Владелица Hyundai Elantra",
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
imageAlt: "Ольга Новикова, клиент AutoPro",
},
id: "t4", title: "Цены адекватные, качество на высоте", quote: "Регулярно прохожу ТО в AutoPro. Цены приемлемые, качество работ стабильно высокое. Чувствуется, что ребята работают на совесть.", name: "Ольга Новикова", role: "Владелица Hyundai Elantra", imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", imageAlt: "Ольга Новикова, клиент AutoPro"},
{
id: "t5",
title: "Удобно и надёжно",
quote: "Удобное расположение, легко записаться. Всегда прозрачно рассказывают о работах и стоимости. Полностью доверяю свой автомобиль только им.",
name: "Денис Морозов",
role: "Владелец Volkswagen Polo",
imageSrc: "http://img.b2bpic.net/free-photo/man-driving-car-focused-driver-daylight-calm-modern-interior_169016-68576.jpg",
imageAlt: "Денис Морозов, клиент AutoPro",
},
id: "t5", title: "Удобно и надёжно", quote: "Удобное расположение, легко записаться. Всегда прозрачно рассказывают о работах и стоимости. Полностью доверяю свой автомобиль только им.", name: "Денис Морозов", role: "Владелец Volkswagen Polo", imageSrc: "http://img.b2bpic.net/free-photo/man-driving-car-focused-driver-daylight-calm-modern-interior_169016-68576.jpg", imageAlt: "Денис Морозов, клиент AutoPro"},
{
id: "t6",
title: "Быстрое решение сложных задач",
quote: "Моя машина начала издавать странные звуки, никто не мог понять что это. В AutoPro нашли и устранили проблему за пару часов. Очень благодарен!",
name: "Евгений Краснов",
role: "Владелец Nissan Qashqai",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-car-showrrom_1303-21194.jpg",
imageAlt: "Евгений Краснов, клиент AutoPro",
},
id: "t6", title: "Быстрое решение сложных задач", quote: "Моя машина начала издавать странные звуки, никто не мог понять что это. В AutoPro нашли и устранили проблему за пару часов. Очень благодарен!", name: "Евгений Краснов", role: "Владелец Nissan Qashqai", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-car-showrrom_1303-21194.jpg", imageAlt: "Евгений Краснов, клиент AutoPro"},
]}
title="Отзывы Довольных Клиентов"
description="Мы ценим доверие и стремимся превзойти ожидания каждого владельца автомобиля."
@@ -406,8 +238,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Контакты"
title="Свяжитесь с Нами - Мы Готовы Помочь!"
description="Оставьте свои контактные данные, и наш менеджер свяжется с вами для записи или консультации. Работаем без выходных."
@@ -426,58 +257,35 @@ export default function LandingPage() {
logoText="AutoPro"
columns={[
{
title: "Услуги",
items: [
title: "Услуги", items: [
{
label: "Замена масла",
href: "#pricing",
},
label: "Замена масла", href: "#pricing"},
{
label: "Диагностика",
href: "#pricing",
},
label: "Диагностика", href: "#pricing"},
{
label: "Шиномонтаж",
href: "#pricing",
},
label: "Шиномонтаж", href: "#pricing"},
{
label: "Все услуги",
href: "#pricing",
},
label: "Все услуги", href: "#pricing"},
],
},
{
title: "Компания",
items: [
title: "Компания", items: [
{
label: "О нас",
href: "#about",
},
label: "О нас", href: "#about"},
{
label: "Отзывы",
href: "#testimonials",
},
label: "Отзывы", href: "#testimonials"},
{
label: "Контакты",
href: "#contact",
},
label: "Контакты", href: "#contact"},
],
},
{
title: "Контакты",
items: [
title: "Контакты", items: [
{
label: "Алматы, ул. Желтоксан 123",
href: "#",
},
label: "Алматы, ул. Желтоксан 123", href: "#"},
{
label: "+7 (707) 123-45-67",
href: "tel:+77071234567",
},
label: "+7 (707) 123-45-67", href: "tel:+77071234567"},
{
label: "info@autopro.kz",
href: "mailto:info@autopro.kz",
},
label: "info@autopro.kz", href: "mailto:info@autopro.kz"},
],
},
]}