Merge version_1_1781349920102 into main #1
@@ -12,237 +12,156 @@ 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">
|
||||
<HeroOverlayMarquee
|
||||
tag="Автоподбор и продажа"
|
||||
title="Азия Экспресс Авто: Ваш эксперт в мире авто"
|
||||
description="Помогаем выбрать идеальный автомобиль с пробегом, проверяем юридическую чистоту и техническое состояние."
|
||||
primaryButton={{
|
||||
text: "Выбрать авто",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Узнать подробнее",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
text: "Проверка пробега",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
text: "Технический осмотр",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
text: "Юридическая проверка",
|
||||
icon: Shield,
|
||||
},
|
||||
]}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=lvqg1y"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Автоподбор и продажа"
|
||||
title="Азия Экспресс Авто: Ваш эксперт в мире авто"
|
||||
description="Помогаем выбрать идеальный автомобиль с пробегом, проверяем юридическую чистоту и техническое состояние."
|
||||
primaryButton={{
|
||||
text: "Выбрать авто", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "Узнать подробнее", href: "#about"}}
|
||||
items={[
|
||||
{
|
||||
text: "Проверка пробега", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
text: "Технический осмотр", icon: Wrench,
|
||||
},
|
||||
{
|
||||
text: "Юридическая проверка", icon: Shield,
|
||||
},
|
||||
]}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=lvqg1y"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="О нас"
|
||||
title="Честный подбор автомобилей"
|
||||
description="Наша компания специализируется на поиске и продаже качественных автомобилей. Мы ценим время наших клиентов, предлагая только проверенные варианты."
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=5tvl2k"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="О нас"
|
||||
title="Честный подбор автомобилей"
|
||||
description="Наша компания специализируется на поиске и продаже качественных автомобилей. Мы ценим время наших клиентов, предлагая только проверенные варианты."
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=5tvl2k"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Наши преимущества"
|
||||
title="Как мы работаем"
|
||||
description="Процесс покупки автомобиля с нами прост и прозрачен."
|
||||
steps={[
|
||||
{
|
||||
tag: "Шаг 1",
|
||||
title: "Заявка",
|
||||
subtitle: "Оставьте заявку",
|
||||
description: "Расскажите нам о желаемой марке, модели и бюджете.",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=7dc2m8",
|
||||
},
|
||||
{
|
||||
tag: "Шаг 2",
|
||||
title: "Поиск",
|
||||
subtitle: "Подбор вариантов",
|
||||
description: "Мы анализируем рынок и предлагаем лучшие варианты.",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=dih9we",
|
||||
},
|
||||
{
|
||||
tag: "Шаг 3",
|
||||
title: "Сделка",
|
||||
subtitle: "Оформление документов",
|
||||
description: "Проверяем юридическую чистоту и помогаем с оформлением.",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=2ckge4",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Наши преимущества"
|
||||
title="Как мы работаем"
|
||||
description="Процесс покупки автомобиля с нами прост и прозрачен."
|
||||
steps={[
|
||||
{
|
||||
tag: "Шаг 1", title: "Заявка", subtitle: "Оставьте заявку", description: "Расскажите нам о желаемой марке, модели и бюджете.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=7dc2m8"},
|
||||
{
|
||||
tag: "Шаг 2", title: "Поиск", subtitle: "Подбор вариантов", description: "Мы анализируем рынок и предлагаем лучшие варианты.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=dih9we"},
|
||||
{
|
||||
tag: "Шаг 3", title: "Сделка", subtitle: "Оформление документов", description: "Проверяем юридическую чистоту и помогаем с оформлением.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=2ckge4"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Статистика"
|
||||
title="Почему нам доверяют"
|
||||
description="Результаты нашей работы говорят сами за себя."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Автомобилей проверено",
|
||||
features: [
|
||||
"Диагностика",
|
||||
"Проверка документов",
|
||||
"Юридическая чистота",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "120+",
|
||||
title: "Довольных клиентов",
|
||||
features: [
|
||||
"Постоянная поддержка",
|
||||
"Честный подход",
|
||||
"Рекомендации",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
title: "Лет опыта",
|
||||
features: [
|
||||
"Рыночные знания",
|
||||
"Партнерские связи",
|
||||
"Экспертность",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Статистика"
|
||||
title="Почему нам доверяют"
|
||||
description="Результаты нашей работы говорят сами за себя."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+", title: "Автомобилей проверено", features: [
|
||||
"Диагностика", "Проверка документов", "Юридическая чистота"],
|
||||
},
|
||||
{
|
||||
value: "120+", title: "Довольных клиентов", features: [
|
||||
"Постоянная поддержка", "Честный подход", "Рекомендации"],
|
||||
},
|
||||
{
|
||||
value: "10+", title: "Лет опыта", features: [
|
||||
"Рыночные знания", "Партнерские связи", "Экспертность"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Отзывы"
|
||||
title="Что говорят клиенты"
|
||||
description="Благодарим за доверие наших покупателей."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Алексей Иванов",
|
||||
role: "Клиент",
|
||||
company: "Автолюбитель",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=sgr5f7",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Мария Петрова",
|
||||
role: "Клиент",
|
||||
company: "Мама",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=pj1pfu",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Сергей Сидоров",
|
||||
role: "Клиент",
|
||||
company: "Предприниматель",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=cymetk",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Елена Кузнецова",
|
||||
role: "Клиент",
|
||||
company: "Дизайнер",
|
||||
rating: 5,
|
||||
imageSrc: "https://images.pexels.com/photos/36730228/pexels-photo-36730228.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Игорь Смирнов",
|
||||
role: "Клиент",
|
||||
company: "Инженер",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=kqbsba",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Отзывы"
|
||||
title="Что говорят клиенты"
|
||||
description="Благодарим за доверие наших покупателей."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Алексей Иванов", role: "Клиент", company: "Автолюбитель", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=sgr5f7"},
|
||||
{
|
||||
name: "Мария Петрова", role: "Клиент", company: "Мама", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=pj1pfu"},
|
||||
{
|
||||
name: "Сергей Сидоров", role: "Клиент", company: "Предприниматель", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=cymetk"},
|
||||
{
|
||||
name: "Елена Кузнецова", role: "Клиент", company: "Дизайнер", rating: 5,
|
||||
imageSrc: "https://images.pexels.com/photos/36730228/pexels-photo-36730228.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Игорь Смирнов", role: "Клиент", company: "Инженер", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=kqbsba"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Партнеры"
|
||||
title="Наши надежные партнеры"
|
||||
description="Мы сотрудничаем с ведущими компаниями отрасли."
|
||||
names={[
|
||||
"Банк Азия",
|
||||
"Страхование Плюс",
|
||||
"Сервис Авто",
|
||||
"Тюнинг Центр",
|
||||
"Логистика Про",
|
||||
"Центр Диагностики",
|
||||
"Маркет Авто",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Партнеры"
|
||||
title="Наши надежные партнеры"
|
||||
description="Мы сотрудничаем с ведущими компаниями отрасли."
|
||||
names={[
|
||||
"Банк Азия", "Страхование Плюс", "Сервис Авто", "Тюнинг Центр", "Логистика Про", "Центр Диагностики", "Маркет Авто"]}
|
||||
/>
|
||||
</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: "Оплата возможна любым удобным способом.",
|
||||
},
|
||||
{
|
||||
question: "Даете ли вы гарантию?",
|
||||
answer: "Да, мы гарантируем проверку состояния автомобиля.",
|
||||
},
|
||||
{
|
||||
question: "Можно ли купить авто в кредит?",
|
||||
answer: "Да, работаем с ведущими банками по кредитным программам.",
|
||||
},
|
||||
{
|
||||
question: "Как долго идет подбор?",
|
||||
answer: "Обычно подбор занимает от 3 до 14 дней.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Вопросы"
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Ответы на самые популярные вопросы."
|
||||
items={[
|
||||
{
|
||||
question: "Как происходит оплата?", answer: "Оплата возможна любым удобным способом."},
|
||||
{
|
||||
question: "Даете ли вы гарантию?", answer: "Да, мы гарантируем проверку состояния автомобиля."},
|
||||
{
|
||||
question: "Можно ли купить авто в кредит?", answer: "Да, работаем с ведущими банками по кредитным программам."},
|
||||
{
|
||||
question: "Как долго идет подбор?", answer: "Обычно подбор занимает от 3 до 14 дней."},
|
||||
]}
|
||||
/>
|
||||
</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:+79990000000",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Написать в WhatsApp",
|
||||
href: "https://wa.me/79990000000",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Контакты"
|
||||
text="Готовы подобрать свой идеальный автомобиль?"
|
||||
primaryButton={{
|
||||
text: "Оставить заявку", href: "tel:+79990000000"}}
|
||||
secondaryButton={{
|
||||
text: "Написать в WhatsApp", href: "https://wa.me/79990000000"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user