185 lines
10 KiB
TypeScript
185 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { CheckCircle, Clock, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Главная", id: "/"},
|
||
{
|
||
name: "Услуги", id: "/services"},
|
||
{
|
||
name: "Для Мастеров", id: "/master-flow"},
|
||
{
|
||
name: "Контакты", id: "/contact"},
|
||
]}
|
||
brandName="MasterConnect"
|
||
button={{
|
||
text: "Войти", href: "/auth/login"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="client-journey" data-section="client-journey">
|
||
<FeatureCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
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", 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", 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", 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", imageAlt: "Task completed"},
|
||
]}
|
||
title="Как это работает для Заказчиков?"
|
||
description="Простой и удобный путь к решению ваших бытовых и профессиональных задач."
|
||
/>
|
||
</div>
|
||
|
||
<div id="client-testimonials" data-section="client-testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="depth-3d"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Анна Смирнова", role: "Довольный клиент", company: "Частное лицо", rating: 5,
|
||
text: "Очень быстро нашла электрика для срочного ремонта. Работа выполнена качественно и в срок. Рекомендую 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,
|
||
text: "Мы регулярно используем платформу для поиска квалифицированных мастеров. Всегда получаем отличный результат." 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,
|
||
text: "Удобный сервис, хороший выбор мастеров. Возникали небольшие вопросы, но поддержка помогла их быстро решить." 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,
|
||
text: "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: "24/7", label: "Поддержка"},
|
||
{
|
||
value: "50+", label: "Категорий услуг"},
|
||
]}
|
||
title="Что говорят наши Заказчики?"
|
||
description="Доверие и удовлетворение – наш главный приоритет. Посмотрите, как мы помогаем другим."
|
||
/>
|
||
</div>
|
||
|
||
<div id="client-faqs-media" data-section="client-faqs-media">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Как создать заказ?", content: "Нажмите 'Разместить заказ', опишите необходимую услугу, добавьте детали и укажите желаемое время."},
|
||
{
|
||
id: "2", title: "Безопасно ли использовать платформу?", content: "Да, все наши мастера проходят верификацию. Ваша безопасность — наш приоритет."},
|
||
{
|
||
id: "3", 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"
|
||
imageAlt="Man looking at a screen with questions."
|
||
mediaAnimation="blur-reveal"
|
||
mediaPosition="right"
|
||
title="Остались вопросы?"
|
||
description="Мы собрали ответы на самые частые вопросы от наших заказчиков."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="client-value-metrics" data-section="client-value-metrics">
|
||
<AboutMetric
|
||
useInvertedBackground={true}
|
||
title="MasterConnect: Ваше удобство в цифрах"
|
||
metrics={[
|
||
{
|
||
icon: CheckCircle,
|
||
label: "Успешных заказов", value: "99.5%"},
|
||
{
|
||
icon: Clock,
|
||
label: "Среднее время ответа мастера", value: "15 мин"},
|
||
{
|
||
icon: Users,
|
||
label: "Довольных заказчиков", value: "1М+"},
|
||
]}
|
||
metricsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Заказчикам", items: [
|
||
{
|
||
label: "Как это работает", href: "#"},
|
||
{
|
||
label: "Найти мастера", href: "/services"},
|
||
{
|
||
label: "Отзывы", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "О нас", items: [
|
||
{
|
||
label: "О компании", href: "#"},
|
||
{
|
||
label: "Карьера", href: "#"},
|
||
{
|
||
label: "Блог", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Поддержка", items: [
|
||
{
|
||
label: "FAQ", href: "#"},
|
||
{
|
||
label: "Связаться с нами", href: "/contact"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="MasterConnect"
|
||
copyrightText="© 2024 MasterConnect. Все права защищены."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|