Update src/app/page.tsx

This commit is contained in:
2026-03-23 11:28:33 +00:00
parent 33d9714b51
commit f6bef06657

View File

@@ -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"
/>