Merge version_1 into main #2
@@ -29,31 +29,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Главная", id: "/"},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Услуги", id: "/services"},
|
||||
{
|
||||
name: "Для Мастеров",
|
||||
id: "masters",
|
||||
href: "/master-flow",
|
||||
},
|
||||
name: "Для Мастеров", id: "/master-flow"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Контакты", id: "/contact"},
|
||||
]}
|
||||
brandName="MasterConnect"
|
||||
button={{
|
||||
text: "Войти",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "Войти", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -65,32 +51,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Опишите задачу",
|
||||
description: "Подробно расскажите о вашей проблеме или проекте.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-stylized-icon-representing-a-client-or-1774265158698-9633ee23.png?_wi=2",
|
||||
imageAlt: "Describe task icon",
|
||||
},
|
||||
title: "Опишите задачу", description: "Подробно расскажите о вашей проблеме или проекте.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-stylized-icon-representing-a-client-or-1774265158698-9633ee23.png", imageAlt: "Describe task icon"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Получите предложения",
|
||||
description: "Мастера свяжутся с вами с индивидуальными предложениями.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/an-abstract-icon-representing-completed--1774265159619-56ee8e42.png?_wi=2",
|
||||
imageAlt: "Receive offers icon",
|
||||
},
|
||||
title: "Получите предложения", description: "Мастера свяжутся с вами с индивидуальными предложениями.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/an-abstract-icon-representing-completed--1774265159619-56ee8e42.png", imageAlt: "Receive offers icon"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Выберите мастера",
|
||||
description: "Сравните профили, отзывы и цены, чтобы сделать лучший выбор.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-thoughtful-fe-1774265160115-13ce1bac.png?_wi=1",
|
||||
imageAlt: "Select master profile",
|
||||
},
|
||||
title: "Выберите мастера", description: "Сравните профили, отзывы и цены, чтобы сделать лучший выбор.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-thoughtful-fe-1774265160115-13ce1bac.png", imageAlt: "Select master profile"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Работа выполнена",
|
||||
description: "Наслаждайтесь качественным результатом и оставьте отзыв.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-vibrant-and-inviting-digital-space-wit-1774265160181-71800e36.png?_wi=2",
|
||||
imageAlt: "Task completed",
|
||||
},
|
||||
title: "Работа выполнена", description: "Наслаждайтесь качественным результатом и оставьте отзыв.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-vibrant-and-inviting-digital-space-wit-1774265160181-71800e36.png", imageAlt: "Task completed"},
|
||||
]}
|
||||
title="Как это работает для Заказчиков?"
|
||||
description="Простой и удобный путь к решению ваших бытовых и профессиональных задач."
|
||||
@@ -104,55 +74,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Анна Смирнова",
|
||||
role: "Довольный клиент",
|
||||
company: "Частное лицо",
|
||||
rating: 5,
|
||||
testimonial: "Очень быстро нашла электрика для срочного ремонта. Работа выполнена качественно и в срок. Рекомендую MasterConnect!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-smiling-femal-1774265159995-5f2d55de.png",
|
||||
},
|
||||
id: "1", name: "Анна Смирнова", role: "Довольный клиент", company: "Частное лицо", rating: 5,
|
||||
content: "Очень быстро нашла электрика для срочного ремонта. Работа выполнена качественно и в срок. Рекомендую MasterConnect!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-smiling-femal-1774265159995-5f2d55de.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Иван Петров",
|
||||
role: "Менеджер по закупкам",
|
||||
company: "ООО 'СтройСервис'",
|
||||
rating: 5,
|
||||
testimonial: "Мы регулярно используем платформу для поиска квалифицированных мастеров. Всегда получаем отличный результат.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-thoughtful-fe-1774265160115-13ce1bac.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Иван Петров", role: "Менеджер по закупкам", company: "ООО 'СтройСервис'", rating: 5,
|
||||
content: "Мы регулярно используем платформу для поиска квалифицированных мастеров. Всегда получаем отличный результат.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-thoughtful-fe-1774265160115-13ce1bac.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Елена Козлова",
|
||||
role: "Фрилансер",
|
||||
company: "Частное лицо",
|
||||
rating: 4,
|
||||
testimonial: "Удобный сервис, хороший выбор мастеров. Возникали небольшие вопросы, но поддержка помогла их быстро решить.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-young-female--1774265159815-3df33df7.png",
|
||||
},
|
||||
id: "3", name: "Елена Козлова", role: "Фрилансер", company: "Частное лицо", rating: 4,
|
||||
content: "Удобный сервис, хороший выбор мастеров. Возникали небольшие вопросы, но поддержка помогла их быстро решить.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-young-female--1774265159815-3df33df7.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Дмитрий Морозов",
|
||||
role: "Владелец бизнеса",
|
||||
company: "ЧП 'Морозов'",
|
||||
rating: 5,
|
||||
testimonial: "MasterConnect стал незаменимым инструментом для моего бизнеса. Быстрый доступ к квалифицированным специалистам экономит время и деньги.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-middle-aged-m-1774265160610-bfaa309c.png",
|
||||
},
|
||||
id: "4", name: "Дмитрий Морозов", role: "Владелец бизнеса", company: "ЧП 'Морозов'", rating: 5,
|
||||
content: "MasterConnect стал незаменимым инструментом для моего бизнеса. Быстрый доступ к квалифицированным специалистам экономит время и деньги.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/professional-headshot-of-a-middle-aged-m-1774265160610-bfaa309c.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Удовлетворенных клиентов",
|
||||
},
|
||||
value: "98%", label: "Удовлетворенных клиентов"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Поддержка",
|
||||
},
|
||||
value: "24/7", label: "Поддержка"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Категорий услуг",
|
||||
},
|
||||
value: "50+", label: "Категорий услуг"},
|
||||
]}
|
||||
title="Что говорят наши Заказчики?"
|
||||
description="Доверие и удовлетворение – наш главный приоритет. Посмотрите, как мы помогаем другим."
|
||||
@@ -165,27 +105,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Как создать заказ?",
|
||||
content: "Нажмите 'Разместить заказ', опишите необходимую услугу, добавьте детали и укажите желаемое время.",
|
||||
},
|
||||
id: "1", title: "Как создать заказ?", content: "Нажмите 'Разместить заказ', опишите необходимую услугу, добавьте детали и укажите желаемое время."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Безопасно ли использовать платформу?",
|
||||
content: "Да, все наши мастера проходят верификацию. Ваша безопасность — наш приоритет.",
|
||||
},
|
||||
id: "2", title: "Безопасно ли использовать платформу?", content: "Да, все наши мастера проходят верификацию. Ваша безопасность — наш приоритет."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Что делать, если возникла проблема?",
|
||||
content: "Свяжитесь с нашей службой поддержки, мы поможем решить любой вопрос.",
|
||||
},
|
||||
id: "3", title: "Что делать, если возникла проблема?", content: "Свяжитесь с нашей службой поддержки, мы поможем решить любой вопрос."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Можно ли отменить заказ?",
|
||||
content: "Да, вы можете отменить заказ до момента его подтверждения мастером. Подробнее в условиях сервиса.",
|
||||
},
|
||||
id: "4", title: "Можно ли отменить заказ?", content: "Да, вы можете отменить заказ до момента его подтверждения мастером. Подробнее в условиях сервиса."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-minimalist-user-interface-showing-two--1774265159788-f6cc3e7d.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-minimalist-user-interface-showing-two--1774265159788-f6cc3e7d.png"
|
||||
imageAlt="Man looking at a screen with questions."
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
@@ -202,19 +130,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Успешных заказов",
|
||||
value: "99.5%",
|
||||
},
|
||||
label: "Успешных заказов", value: "99.5%"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Среднее время ответа мастера",
|
||||
value: "15 мин",
|
||||
},
|
||||
label: "Среднее время ответа мастера", value: "15 мин"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Довольных заказчиков",
|
||||
value: "1М+",
|
||||
},
|
||||
label: "Довольных заказчиков", value: "1М+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -224,50 +146,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Заказчикам",
|
||||
items: [
|
||||
title: "Заказчикам", items: [
|
||||
{
|
||||
label: "Как это работает",
|
||||
href: "#",
|
||||
},
|
||||
label: "Как это работает", href: "#"},
|
||||
{
|
||||
label: "Найти мастера",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Найти мастера", href: "/services"},
|
||||
{
|
||||
label: "Отзывы",
|
||||
href: "#",
|
||||
},
|
||||
label: "Отзывы", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "О нас",
|
||||
items: [
|
||||
title: "О нас", items: [
|
||||
{
|
||||
label: "О компании",
|
||||
href: "#",
|
||||
},
|
||||
label: "О компании", href: "#"},
|
||||
{
|
||||
label: "Карьера",
|
||||
href: "#",
|
||||
},
|
||||
label: "Карьера", href: "#"},
|
||||
{
|
||||
label: "Блог",
|
||||
href: "#",
|
||||
},
|
||||
label: "Блог", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Поддержка",
|
||||
items: [
|
||||
title: "Поддержка", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Связаться с нами",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Связаться с нами", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -29,31 +29,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Главная", id: "/"},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Услуги", id: "/services"},
|
||||
{
|
||||
name: "Для Мастеров",
|
||||
id: "masters",
|
||||
href: "/master-flow",
|
||||
},
|
||||
name: "Для Мастеров", id: "/master-flow"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Контакты", id: "/contact"},
|
||||
]}
|
||||
brandName="MasterConnect"
|
||||
button={{
|
||||
text: "Войти",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "Войти", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,32 +50,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Регистрация профиля",
|
||||
description: "Создайте свой аккаунт, заполните информацию о себе и своих услугах.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-sophisticated-digital-canvas-with-inte-1774265160283-2e58ce7d.png?_wi=2",
|
||||
imageAlt: "Registration form",
|
||||
},
|
||||
title: "Регистрация профиля", description: "Создайте свой аккаунт, заполните информацию о себе и своих услугах.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-sophisticated-digital-canvas-with-inte-1774265160283-2e58ce7d.png", imageAlt: "Registration form"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Подтверждение квалификации",
|
||||
description: "Мы проверим ваши навыки и опыт, чтобы гарантировать качество услуг.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-stylized-icon-representing-a-master-or-1774265158886-1c1d6764.png?_wi=2",
|
||||
imageAlt: "Master icon",
|
||||
},
|
||||
title: "Подтверждение квалификации", description: "Мы проверим ваши навыки и опыт, чтобы гарантировать качество услуг.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-stylized-icon-representing-a-master-or-1774265158886-1c1d6764.png", imageAlt: "Master icon"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Получайте заказы",
|
||||
description: "Начинайте принимать заявки от клиентов, выбирайте подходящие вам проекты.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/an-abstract-icon-representing-completed--1774265159619-56ee8e42.png?_wi=1",
|
||||
imageAlt: "Orders icon",
|
||||
},
|
||||
title: "Получайте заказы", description: "Начинайте принимать заявки от клиентов, выбирайте подходящие вам проекты.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/an-abstract-icon-representing-completed--1774265159619-56ee8e42.png", imageAlt: "Orders icon"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Зарабатывайте больше",
|
||||
description: "Развивайте свой рейтинг, получайте хорошие отзывы и увеличивайте свой доход.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-dynamic-shot-of-a-seamless-service-mar-1774265160325-cfa4247f.png?_wi=3",
|
||||
imageAlt: "Growth chart",
|
||||
},
|
||||
title: "Зарабатывайте больше", description: "Развивайте свой рейтинг, получайте хорошие отзывы и увеличивайте свой доход.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-dynamic-shot-of-a-seamless-service-mar-1774265160325-cfa4247f.png", imageAlt: "Growth chart"},
|
||||
]}
|
||||
title="Станьте Мастером на MasterConnect"
|
||||
description="Простые шаги для присоединения к нашей команде профессионалов и увеличения вашего дохода."
|
||||
@@ -104,25 +74,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5000+",
|
||||
title: "Активных Мастеров",
|
||||
description: "Растущее сообщество проверенных специалистов.",
|
||||
icon: Users,
|
||||
id: "1", value: "5000+", title: "Активных Мастеров", description: "Растущее сообщество проверенных специалистов.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100K+",
|
||||
title: "Выполненных Заказов",
|
||||
description: "Тысячи довольных клиентов ежемесячно.",
|
||||
icon: Briefcase,
|
||||
id: "2", value: "100K+", title: "Выполненных Заказов", description: "Тысячи довольных клиентов ежемесячно.", icon: Briefcase,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4.9/5",
|
||||
title: "Средний Рейтинг",
|
||||
description: "Высокое качество услуг подтверждено отзывами.",
|
||||
icon: Star,
|
||||
id: "3", value: "4.9/5", title: "Средний Рейтинг", description: "Высокое качество услуг подтверждено отзывами.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="MasterConnect в цифрах"
|
||||
@@ -137,34 +95,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Видимость",
|
||||
title: "Расширьте свою клиентскую базу",
|
||||
items: [
|
||||
"Доступ к тысячам потенциальных клиентов",
|
||||
"Ваш профиль виден заинтересованным заказчикам",
|
||||
"Эффективное продвижение ваших услуг",
|
||||
],
|
||||
id: "1", label: "Видимость", title: "Расширьте свою клиентскую базу", items: [
|
||||
"Доступ к тысячам потенциальных клиентов", "Ваш профиль виден заинтересованным заказчикам", "Эффективное продвижение ваших услуг"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Гибкость",
|
||||
title: "Работайте по своему расписанию",
|
||||
items: [
|
||||
"Выбирайте заказы, которые вам подходят",
|
||||
"Устанавливайте собственное время работы",
|
||||
"Полный контроль над вашей нагрузкой",
|
||||
],
|
||||
id: "2", label: "Гибкость", title: "Работайте по своему расписанию", items: [
|
||||
"Выбирайте заказы, которые вам подходят", "Устанавливайте собственное время работы", "Полный контроль над вашей нагрузкой"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Поддержка",
|
||||
title: "Профессиональная помощь всегда рядом",
|
||||
items: [
|
||||
"Оперативная поддержка по любым вопросам",
|
||||
"Решение спорных ситуаций",
|
||||
"Советы по развитию вашего профиля",
|
||||
],
|
||||
id: "3", label: "Поддержка", title: "Профессиональная помощь всегда рядом", items: [
|
||||
"Оперативная поддержка по любым вопросам", "Решение спорных ситуаций", "Советы по развитию вашего профиля"],
|
||||
},
|
||||
]}
|
||||
title="Преимущества для Мастеров"
|
||||
@@ -176,20 +116,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Присоединяйтесь"
|
||||
title="Готовы стать частью MasterConnect?"
|
||||
description="Начните зарабатывать больше, предлагая свои услуги широкой аудитории."
|
||||
buttons={[
|
||||
{
|
||||
text: "Начать регистрацию",
|
||||
href: "#",
|
||||
},
|
||||
text: "Начать регистрацию", href: "#"},
|
||||
{
|
||||
text: "Узнать больше",
|
||||
href: "#",
|
||||
},
|
||||
text: "Узнать больше", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -198,50 +133,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Мастерам",
|
||||
items: [
|
||||
title: "Мастерам", items: [
|
||||
{
|
||||
label: "Как это работает",
|
||||
href: "#",
|
||||
},
|
||||
label: "Как это работает", href: "#"},
|
||||
{
|
||||
label: "Требования",
|
||||
href: "#",
|
||||
},
|
||||
label: "Требования", href: "#"},
|
||||
{
|
||||
label: "Партнерская программа",
|
||||
href: "#",
|
||||
},
|
||||
label: "Партнерская программа", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "О нас",
|
||||
items: [
|
||||
title: "О нас", items: [
|
||||
{
|
||||
label: "О компании",
|
||||
href: "#",
|
||||
},
|
||||
label: "О компании", href: "#"},
|
||||
{
|
||||
label: "Карьера",
|
||||
href: "#",
|
||||
},
|
||||
label: "Карьера", href: "#"},
|
||||
{
|
||||
label: "Блог",
|
||||
href: "#",
|
||||
},
|
||||
label: "Блог", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Поддержка",
|
||||
items: [
|
||||
title: "Поддержка", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Связаться с нами",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Связаться с нами", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { Briefcase, Package, Search, Tool, Users } from "lucide-react";
|
||||
import { Briefcase, Package, Search, Users, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,76 +27,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Главная", id: "/"},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Услуги", id: "/services"},
|
||||
{
|
||||
name: "Для Мастеров",
|
||||
id: "masters",
|
||||
href: "/master-flow",
|
||||
},
|
||||
name: "Для Мастеров", id: "/master-flow"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Контакты", id: "/contact"},
|
||||
]}
|
||||
brandName="MasterConnect"
|
||||
button={{
|
||||
text: "Войти",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "Войти", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="MasterConnect: Ваш мир услуг в один клик"
|
||||
description="Мы соединяем Заказчиков с проверенными Мастерами. Начните сейчас и найдите работу или квалифицированную помощь."
|
||||
buttons={[
|
||||
{
|
||||
text: "Я Заказчик (Найти мастера)",
|
||||
href: "/client-flow/find-master",
|
||||
},
|
||||
text: "Я Заказчик (Найти мастера)", href: "/client-flow/find-master"},
|
||||
{
|
||||
text: "Я Мастер (Найти работу)",
|
||||
href: "/master-flow/find-work",
|
||||
},
|
||||
text: "Я Мастер (Найти работу)", href: "/master-flow/find-work"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-futuristic-yet-clean-interface-showing-1774265160206-38cf88c1.png",
|
||||
imageAlt: "Client and master role selection interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-futuristic-yet-clean-interface-showing-1774265160206-38cf88c1.png", imageAlt: "Client and master role selection interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-dynamic-shot-of-a-seamless-service-mar-1774265160325-cfa4247f.png?_wi=1",
|
||||
imageAlt: "Service marketplace platform dashboard",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-dynamic-shot-of-a-seamless-service-mar-1774265160325-cfa4247f.png", imageAlt: "Service marketplace platform dashboard"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/an-abstract-glowing-network-illustration-1774265159978-828f1c9f.png?_wi=1",
|
||||
imageAlt: "Abstract network connection",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/an-abstract-glowing-network-illustration-1774265159978-828f1c9f.png", imageAlt: "Abstract network connection"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-minimalist-user-interface-showing-two--1774265159788-f6cc3e7d.png?_wi=1",
|
||||
imageAlt: "Minimalist user role selection",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-minimalist-user-interface-showing-two--1774265159788-f6cc3e7d.png", imageAlt: "Minimalist user role selection"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-sophisticated-digital-canvas-with-inte-1774265160283-2e58ce7d.png?_wi=1",
|
||||
imageAlt: "Interactive digital choice platform",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-sophisticated-digital-canvas-with-inte-1774265160283-2e58ce7d.png", imageAlt: "Interactive digital choice platform"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-vibrant-and-inviting-digital-space-wit-1774265160181-71800e36.png?_wi=1",
|
||||
imageAlt: "Vibrant service exchange portal",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-vibrant-and-inviting-digital-space-wit-1774265160181-71800e36.png", imageAlt: "Vibrant service exchange portal"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,33 +77,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Для Заказчиков: Найдите идеального мастера",
|
||||
description: "Быстро публикуйте свои задачи и получайте предложения от квалифицированных специалистов. Сравните профили, рейтинги и портфолио, чтобы выбрать лучшего мастера для вашей работы.",
|
||||
icon: Search,
|
||||
title: "Для Заказчиков: Найдите идеального мастера", description: "Быстро публикуйте свои задачи и получайте предложения от квалифицированных специалистов. Сравните профили, рейтинги и портфолио, чтобы выбрать лучшего мастера для вашей работы.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-stylized-icon-representing-a-client-or-1774265158698-9633ee23.png?_wi=1",
|
||||
imageAlt: "Icon representing a client searching",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-stylized-icon-representing-a-client-or-1774265158698-9633ee23.png", imageAlt: "Icon representing a client searching"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-modern-minimalist-illustration-of-elec-1774265159267-5a2c2440.png",
|
||||
imageAlt: "Illustration of electrical work",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-modern-minimalist-illustration-of-elec-1774265159267-5a2c2440.png", imageAlt: "Illustration of electrical work"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Для Мастеров: Находите интересные проекты",
|
||||
description: "Создайте свой профиль, покажите свои навыки и получайте доступ к постоянному потоку новых заказов. Откликайтесь на заявки, общайтесь с клиентами и развивайте свой бизнес.",
|
||||
icon: Tool,
|
||||
title: "Для Мастеров: Находите интересные проекты", description: "Создайте свой профиль, покажите свои навыки и получайте доступ к постоянному потоку новых заказов. Откликайтесь на заявки, общайтесь с клиентами и развивайте свой бизнес.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-stylized-icon-representing-a-master-or-1774265158886-1c1d6764.png?_wi=1",
|
||||
imageAlt: "Icon representing a master with tools",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-stylized-icon-representing-a-master-or-1774265158886-1c1d6764.png", imageAlt: "Icon representing a master with tools"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-modern-minimalist-illustration-of-plum-1774265160101-212f1efb.png",
|
||||
imageAlt: "Illustration of plumbing work",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-modern-minimalist-illustration-of-plum-1774265160101-212f1efb.png", imageAlt: "Illustration of plumbing work"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -150,19 +107,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Довольных Клиентов",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Довольных Клиентов", value: "250+"},
|
||||
{
|
||||
icon: Package,
|
||||
label: "Выполненных Заказов",
|
||||
value: "1200+",
|
||||
},
|
||||
label: "Выполненных Заказов", value: "1200+"},
|
||||
{
|
||||
icon: Briefcase,
|
||||
label: "Мастеров в Сети",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Мастеров в Сети", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
|
||||
@@ -7,7 +7,7 @@ import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwe
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { Rocket, ShieldCheck, Wallet } from "lucide-react";
|
||||
import { Headset, Rocket, ShieldCheck, Wallet } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,80 +28,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Главная", id: "/"},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Услуги", id: "/services"},
|
||||
{
|
||||
name: "Для Мастеров",
|
||||
id: "masters",
|
||||
href: "/master-flow",
|
||||
},
|
||||
name: "Для Мастеров", id: "/master-flow"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Контакты", id: "/contact"},
|
||||
]}
|
||||
brandName="MasterConnect"
|
||||
button={{
|
||||
text: "Войти",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "Войти", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-categories" data-section="service-categories">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Электрика",
|
||||
tags: [
|
||||
"Монтаж",
|
||||
"Ремонт",
|
||||
"Диагностика",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-sleek-modern-illustration-of-electrica-1774265159725-ed7484e0.png",
|
||||
},
|
||||
id: "1", title: "Электрика", tags: [
|
||||
"Монтаж", "Ремонт", "Диагностика"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-sleek-modern-illustration-of-electrica-1774265159725-ed7484e0.png"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Сантехника",
|
||||
tags: [
|
||||
"Установка",
|
||||
"Устранение течи",
|
||||
"Обслуживание",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-clean-modern-illustration-of-plumbing--1774265160242-ae488c97.png",
|
||||
},
|
||||
id: "2", title: "Сантехника", tags: [
|
||||
"Установка", "Устранение течи", "Обслуживание"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-clean-modern-illustration-of-plumbing--1774265160242-ae488c97.png"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Плотницкие работы",
|
||||
tags: [
|
||||
"Мебель",
|
||||
"Ремонт",
|
||||
"Отделка",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-modern-minimalist-illustration-of-carp-1774265159844-e3150890.png",
|
||||
},
|
||||
id: "3", title: "Плотницкие работы", tags: [
|
||||
"Мебель", "Ремонт", "Отделка"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-modern-minimalist-illustration-of-carp-1774265159844-e3150890.png"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Уборка",
|
||||
tags: [
|
||||
"Генеральная",
|
||||
"Ежедневная",
|
||||
"После ремонта",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-dynamic-shot-of-a-seamless-service-mar-1774265160325-cfa4247f.png?_wi=2",
|
||||
imageAlt: "Услуги по уборке",
|
||||
},
|
||||
id: "4", title: "Уборка", tags: [
|
||||
"Генеральная", "Ежедневная", "После ремонта"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLOoP2txXiYzYkkziI5LatHFZF/a-dynamic-shot-of-a-seamless-service-mar-1774265160325-cfa4247f.png", imageAlt: "Услуги по уборке"},
|
||||
]}
|
||||
title="Популярные категории услуг"
|
||||
description="Найдите нужного специалиста среди множества проверенных категорий."
|
||||
@@ -116,24 +78,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Быстрый поиск",
|
||||
description: "Мгновенно найдите доступных мастеров рядом.",
|
||||
},
|
||||
title: "Быстрый поиск", description: "Мгновенно найдите доступных мастеров рядом."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Проверенные специалисты",
|
||||
description: "Все мастера проходят строгую проверку.",
|
||||
},
|
||||
title: "Проверенные специалисты", description: "Все мастера проходят строгую проверку."},
|
||||
{
|
||||
icon: Wallet,
|
||||
title: "Выгодные цены",
|
||||
description: "Сравните предложения и выберите лучшее.",
|
||||
},
|
||||
title: "Выгодные цены", description: "Сравните предложения и выберите лучшее."},
|
||||
{
|
||||
icon: Headset,
|
||||
title: "Круглосуточная поддержка",
|
||||
description: "Наша команда всегда готова помочь.",
|
||||
},
|
||||
title: "Круглосуточная поддержка", description: "Наша команда всегда готова помочь."},
|
||||
]}
|
||||
title="Почему выбирают MasterConnect?"
|
||||
description="Мы соединяем вас с лучшими мастерами для любых задач, гарантируя качество и надежность."
|
||||
@@ -146,25 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Как найти мастера?",
|
||||
content: "Просто выберите нужную категорию услуги, опишите задачу, и мы подберем вам лучших специалистов.",
|
||||
},
|
||||
id: "1", title: "Как найти мастера?", content: "Просто выберите нужную категорию услуги, опишите задачу, и мы подберем вам лучших специалистов."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Сколько стоит услуга?",
|
||||
content: "Цены на услуги могут варьироваться. Вы можете получить несколько предложений от разных мастеров и выбрать подходящее.",
|
||||
},
|
||||
id: "2", title: "Сколько стоит услуга?", content: "Цены на услуги могут варьироваться. Вы можете получить несколько предложений от разных мастеров и выбрать подходящее."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Могу ли я доверять мастерам?",
|
||||
content: "Все наши мастера проходят строгую проверку документов и отзывов, чтобы обеспечить вашу безопасность.",
|
||||
},
|
||||
id: "3", title: "Могу ли я доверять мастерам?", content: "Все наши мастера проходят строгую проверку документов и отзывов, чтобы обеспечить вашу безопасность."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Как оплатить услуги?",
|
||||
content: "Оплата производится удобным для вас способом после выполнения работы, напрямую мастеру или через платформу.",
|
||||
},
|
||||
id: "4", title: "Как оплатить услуги?", content: "Оплата производится удобным для вас способом после выполнения работы, напрямую мастеру или через платформу."},
|
||||
]}
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Ответы на самые популярные вопросы о поиске и заказе услуг."
|
||||
@@ -176,50 +118,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Услуги",
|
||||
items: [
|
||||
title: "Услуги", items: [
|
||||
{
|
||||
label: "Электрика",
|
||||
href: "#",
|
||||
},
|
||||
label: "Электрика", href: "#"},
|
||||
{
|
||||
label: "Сантехника",
|
||||
href: "#",
|
||||
},
|
||||
label: "Сантехника", href: "#"},
|
||||
{
|
||||
label: "Ремонт",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ремонт", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "О нас",
|
||||
items: [
|
||||
title: "О нас", items: [
|
||||
{
|
||||
label: "О компании",
|
||||
href: "#",
|
||||
},
|
||||
label: "О компании", href: "#"},
|
||||
{
|
||||
label: "Карьера",
|
||||
href: "#",
|
||||
},
|
||||
label: "Карьера", href: "#"},
|
||||
{
|
||||
label: "Блог",
|
||||
href: "#",
|
||||
},
|
||||
label: "Блог", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Поддержка",
|
||||
items: [
|
||||
title: "Поддержка", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Связаться с нами",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Связаться с нами", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user