bender/b2496ecc-aaa6-4b7e-b4e0-faf6849118de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #5

Merged
bender merged 2 commits from version_2 into main 2026-03-23 19:26:02 +00:00
Conversation 0 Commits 2 Files Changed 2 +49 -150
2 changed files with 49 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
src/app/page.tsx
View File

@@ -16,93 +16,64 @@ import { AlertCircle, Clock, Compass, Globe2 } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="small"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmall"
background="noise"
cardStyle="gradient-radial"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="light"
background="aurora"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Проблемы",
id: "problems",
},
name: "Проблемы", id: "problems"},
{
name: "Решения",
id: "solutions",
},
name: "Решения", id: "solutions"},
{
name: "Преимущества",
id: "advantages",
},
name: "Преимущества", id: "advantages"},
{
name: "О нас",
id: "about",
},
name: "О нас", id: "about"},
{
name: "Партнеры",
id: "trust",
},
name: "Партнеры", id: "trust"},
]}
brandName="Musa"
button={{
text: "Отправить запрос",
href: "#contact",
}}
text: "Отправить запрос", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Поставки для судовладельцев без задержек, ошибок и постоянного контроля"
description="Мы понимаем, насколько критичны скорость, точность и соблюдение сроков в вашей работе. Мы оперативно реагируем и надежно поставляем."
buttons={[
{
text: "Отправить запрос",
href: "#contact",
},
text: "Отправить запрос", href: "#contact"},
{
text: "Связаться с нами",
href: "#contact",
},
text: "Связаться с нами", href: "#contact"},
]}
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057718.jpg?_wi=1",
imageAlt: "Cargo ship at port at night",
},
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057718.jpg?_wi=1", imageAlt: "Cargo ship at port at night"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg?_wi=1",
imageAlt: "Marine supplies warehouse",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg?_wi=1", imageAlt: "Marine supplies warehouse"},
{
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057718.jpg?_wi=2",
imageAlt: "Cargo ship at port at night",
},
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057718.jpg?_wi=2", imageAlt: "Cargo ship at port at night"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg?_wi=2",
imageAlt: "Marine supplies warehouse",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg?_wi=2", imageAlt: "Marine supplies warehouse"},
{
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057718.jpg?_wi=3",
imageAlt: "Cargo ship at port at night",
},
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057718.jpg?_wi=3", imageAlt: "Cargo ship at port at night"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg?_wi=3",
imageAlt: "Marine supplies warehouse",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg?_wi=3", imageAlt: "Marine supplies warehouse"},
]}
/>
</div>
@@ -115,24 +86,16 @@ export default function LandingPage() {
features={[
{
icon: Globe2,
title: "Критические сроки",
description: "Любая задержка ведет к простою судна и огромным потерям. Мы гарантируем пунктуальность.",
},
title: "Критические сроки", description: "Любая задержка ведет к простою судна и огромным потерям. Мы гарантируем пунктуальность."},
{
icon: AlertCircle,
title: "Риск ошибок",
description: "Неверная поставка может парализовать работу. Мы обеспечиваем максимальную точность комплектации.",
},
title: "Риск ошибок", description: "Неверная поставка может парализовать работу. Мы обеспечиваем максимальную точность комплектации."},
{
icon: Clock,
title: "Необходимость контроля",
description: "Вы не должны тратить время на постоянную проверку. Мы работаем автономно и ответственно.",
},
title: "Необходимость контроля", description: "Вы не должны тратить время на постоянную проверку. Мы работаем автономно и ответственно."},
{
icon: Compass,
title: "Сложность логистики",
description: "Координация поставок в разных портах требует экспертизы. Мы берем это на себя.",
},
title: "Сложность логистики", description: "Координация поставок в разных портах требует экспертизы. Мы берем это на себя."},
]}
title="Ваши вызовы – наша ответственность"
description="Судовладельцы сталкиваются с уникальными трудностями. Мы знаем о них и готовы предложить эффективные решения."
@@ -147,47 +110,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Точные и своевременные поставки",
price: "Запросить цену",
imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-across-ocean_23-2151989578.jpg",
imageAlt: "Secure marine cargo delivery",
},
id: "s1", name: "Точные и своевременные поставки", price: "Запросить цену", imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-across-ocean_23-2151989578.jpg", imageAlt: "Secure marine cargo delivery"},
{
id: "s2",
name: "Полный ассортимент снабжения",
price: "Запросить цену",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car-report_329181-11798.jpg",
imageAlt: "Wide range of marine supplies",
},
id: "s2", name: "Полный ассортимент снабжения", price: "Запросить цену", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car-report_329181-11798.jpg", imageAlt: "Wide range of marine supplies"},
{
id: "s3",
name: "Оперативное реагирование 24/7",
price: "Запросить цену",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-container-cargo-ship-sea_335224-718.jpg",
imageAlt: "24/7 marine support",
},
id: "s3", name: "Оперативное реагирование 24/7", price: "Запросить цену", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-container-cargo-ship-sea_335224-718.jpg", imageAlt: "24/7 marine support"},
{
id: "s4",
name: "Прозрачная коммуникация",
price: "Запросить цену",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineers-with-water-sample_23-2149354040.jpg",
imageAlt: "Transparent logistics reporting",
},
id: "s4", name: "Прозрачная коммуникация", price: "Запросить цену", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineers-with-water-sample_23-2149354040.jpg", imageAlt: "Transparent logistics reporting"},
{
id: "s5",
name: "Адаптация к вашим стандартам",
price: "Запросить цену",
imageSrc: "http://img.b2bpic.net/free-photo/istanbul-s-ocean-scene-with-cruise-ship_53876-18001.jpg",
imageAlt: "Customized marine supply solutions",
},
id: "s5", name: "Адаптация к вашим стандартам", price: "Запросить цену", imageSrc: "http://img.b2bpic.net/free-photo/istanbul-s-ocean-scene-with-cruise-ship_53876-18001.jpg", imageAlt: "Customized marine supply solutions"},
{
id: "s6",
name: "Документальное сопровождение",
price: "Запросить цену",
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12790.jpg",
imageAlt: "Maritime documentation",
},
id: "s6", name: "Документальное сопровождение", price: "Запросить цену", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12790.jpg", imageAlt: "Maritime documentation"},
]}
title="Наши решения для вашей операционной эффективности"
description="Мы предлагаем комплексные услуги, разработанные с учетом специфики работы судовладельцев, обеспечивая бесперебойную работу."
@@ -201,40 +134,20 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99%",
title: "Точность поставок",
items: [
"Минимум ошибок",
"Оптимальная комплектация",
],
id: "m1", value: "99%", title: "Точность поставок", items: [
"Минимум ошибок", "Оптимальная комплектация"],
},
{
id: "m2",
value: "24/7",
title: "Доступность",
items: [
"Быстрое реагирование",
"Гибкий график",
],
id: "m2", value: "24/7", title: "Доступность", items: [
"Быстрое реагирование", "Гибкий график"],
},
{
id: "m3",
value: "30%",
title: "Сокращение затрат",
items: [
"Оптимизация логистики",
"Экономия времени",
],
id: "m3", value: "30%", title: "Сокращение затрат", items: [
"Оптимизация логистики", "Экономия времени"],
},
{
id: "m4",
value: "Прозрачность",
title: "Взаимодействие",
items: [
"Четкая отчетность",
"Единая точка контакта",
],
id: "m4", value: "Прозрачность", title: "Взаимодействие", items: [
"Четкая отчетность", "Единая точка контакта"],
},
]}
title="Преимущества работы с Musa"
@@ -247,9 +160,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Musa: Ваш надежный партнер в морских поставках"
description={[
"Компания Musa специализируется на предоставлении высококачественного морского снабжения судовладельцам. Мы понимаем динамику и жесткие требования морской индустрии, поэтому строим свою работу на принципах операционной дисциплины, скорости и абсолютной точности.",
"Наша цель — стать незаменимым звеном в вашей логистической цепочке, обеспечивая бесперебойную работу каждого судна. Мы гордимся своей способностью решать самые сложные задачи, гарантируя своевременные поставки в любой порт.",
]}
"Компания Musa специализируется на предоставлении высококачественного морского снабжения судовладельцам. Мы понимаем динамику и жесткие требования морской индустрии, поэтому строим свою работу на принципах операционной дисциплины, скорости и абсолютной точности.", "Наша цель — стать незаменимым звеном в вашей логистической цепочке, обеспечивая бесперебойную работу каждого судна. Мы гордимся своей способностью решать самые сложные задачи, гарантируя своевременные поставки в любой порт."]}
/>
</div>
@@ -259,14 +170,7 @@ export default function LandingPage() {
useInvertedBackground={false}
names={[]}
logos={[
"http://img.b2bpic.net/free-vector/gradient-cleaning-service-logo_23-2149221052.jpg",
"http://img.b2bpic.net/free-vector/set-badges-vintage-style_23-2147783079.jpg",
"http://img.b2bpic.net/free-vector/nautical-badges-collection_23-2147552763.jpg",
"http://img.b2bpic.net/free-vector/winter-fishing-equipment-emblem-with-realistic-image-fish-crossed-rods-with-ribbon-text_1284-57067.jpg",
"http://img.b2bpic.net/free-vector/flat-design-ibiza-label-collection_23-2149404373.jpg",
"http://img.b2bpic.net/free-vector/vintage-monochrome-marine-logo_225004-1913.jpg",
"http://img.b2bpic.net/free-vector/classic-labels-labor-day_23-2147657508.jpg",
]}
"http://img.b2bpic.net/free-vector/gradient-cleaning-service-logo_23-2149221052.jpg", "http://img.b2bpic.net/free-vector/set-badges-vintage-style_23-2147783079.jpg", "http://img.b2bpic.net/free-vector/nautical-badges-collection_23-2147552763.jpg", "http://img.b2bpic.net/free-vector/winter-fishing-equipment-emblem-with-realistic-image-fish-crossed-rods-with-ribbon-text_1284-57067.jpg", "http://img.b2bpic.net/free-vector/flat-design-ibiza-label-collection_23-2149404373.jpg", "http://img.b2bpic.net/free-vector/vintage-monochrome-marine-logo_225004-1913.jpg", "http://img.b2bpic.net/free-vector/classic-labels-labor-day_23-2147657508.jpg"]}
title="Нам доверяют лидеры индустрии"
description="Musa – выбор компаний, которые ценят надежность и безупречную репутацию в морских поставках."
/>
@@ -276,8 +180,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Свяжитесь с нами"
title="Начните работу с надежным партнером уже сегодня"
description="Оставьте заявку, и наш менеджер свяжется с вами, чтобы обсудить ваши потребности и предложить оптимальные решения."
@@ -291,16 +194,12 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Musa"
leftLink={{
text: "Политика конфиденциальности",
href: "#",
}}
text: "Политика конфиденциальности", href: "#"}}
rightLink={{
text: "Условия использования",
href: "#",
}}
text: "Условия использования", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-source-sans-3), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-source-sans-3), sans-serif;
font-family: var(--font-manrope), sans-serif;
}