Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5e601e37b6 | |||
| 6854c2807e | |||
| 034204e907 | |||
| 9eee2135fa | |||
| 482bf68866 | |||
| 19bcfdffee | |||
| 696489f861 | |||
| d781f7e4fe | |||
| 9bc2b50f0a |
178
src/app/page.tsx
178
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "О студии",
|
||||
id: "about",
|
||||
},
|
||||
name: "О студии", id: "about"},
|
||||
{
|
||||
name: "Процесс",
|
||||
id: "process",
|
||||
},
|
||||
name: "Процесс", id: "process"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Контакты", id: "contact"},
|
||||
]}
|
||||
brandName="LOCO architect"
|
||||
/>
|
||||
@@ -48,62 +42,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Вы приходите с участком и бюджетом — мы уходим когда вручаем ключи"
|
||||
description="LOCO Architect— комплексный подход к архитектуре в Ташкенте."
|
||||
buttons={[
|
||||
{
|
||||
text: "Оставить контакт",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Оставить контакт", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-exterior-with-window-balcony-pattern_74190-8325.jpg"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797658.jpg",
|
||||
alt: "Modern office space with futuristic decor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797658.jpg", alt: "Modern office space with futuristic decor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821376.jpg",
|
||||
alt: "Futuristic kitchen interior design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821376.jpg", alt: "Futuristic kitchen interior design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg",
|
||||
alt: "Photo of concrete stairs",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg", alt: "Photo of concrete stairs"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg",
|
||||
alt: "Modern office space with futuristic decor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg", alt: "Modern office space with futuristic decor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-29780.jpg",
|
||||
alt: "Low angle view of the skylight",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-29780.jpg", alt: "Low angle view of the skylight"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Архитектура",
|
||||
},
|
||||
type: "text", text: "Архитектура"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Дизайн",
|
||||
},
|
||||
type: "text", text: "Дизайн"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Строительство",
|
||||
},
|
||||
type: "text", text: "Строительство"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Геология",
|
||||
},
|
||||
type: "text", text: "Геология"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Авторский надзор",
|
||||
},
|
||||
type: "text", text: "Авторский надзор"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,8 +84,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Стройка без системы"
|
||||
description={[
|
||||
"Архитектор, строители, поставщики — каждый сам по себе. Вы посередине.",
|
||||
]}
|
||||
"Архитектор, строители, поставщики — каждый сам по себе. Вы посередине."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -123,8 +93,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Наш подход"
|
||||
description={[
|
||||
"Один договор. Геология. Проект. Строительство. Сдача. Одна команда. Один ответственный.",
|
||||
]}
|
||||
"Один договор. Геология. Проект. Строительство. Сдача. Одна команда. Один ответственный."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,34 +104,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Шаг 1",
|
||||
title: "Анализ участка",
|
||||
items: [
|
||||
"Оценка грунта",
|
||||
"Инсоляция",
|
||||
"Топография",
|
||||
],
|
||||
id: "1", label: "Шаг 1", title: "Анализ участка", items: [
|
||||
"Оценка грунта", "Инсоляция", "Топография"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Шаг 2",
|
||||
title: "Проектирование и смета",
|
||||
items: [
|
||||
"Архитектурный проект",
|
||||
"Конструктив",
|
||||
"Детальный бюджет",
|
||||
],
|
||||
id: "2", label: "Шаг 2", title: "Проектирование и смета", items: [
|
||||
"Архитектурный проект", "Конструктив", "Детальный бюджет"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Шаг 3",
|
||||
title: "Реализация и сдача",
|
||||
items: [
|
||||
"Строительство",
|
||||
"Авторский надзор",
|
||||
"Передача ключей",
|
||||
],
|
||||
id: "3", label: "Шаг 3", title: "Реализация и сдача", items: [
|
||||
"Строительство", "Авторский надзор", "Передача ключей"],
|
||||
},
|
||||
]}
|
||||
title="Как мы работаем"
|
||||
@@ -175,8 +126,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Для кого мы работаем"
|
||||
description={[
|
||||
"Мы работаем с теми, у кого есть деньги и нет желания тратить время на процесс.",
|
||||
]}
|
||||
"Мы работаем с теми, у кого есть деньги и нет желания тратить время на процесс."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,45 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Профессионалы",
|
||||
quote: "Полное спокойствие на каждом этапе.",
|
||||
name: "Алишер К.",
|
||||
role: "Бизнесмен",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210751.jpg",
|
||||
},
|
||||
id: "t1", title: "Профессионалы", quote: "Полное спокойствие на каждом этапе.", name: "Алишер К.", role: "Бизнесмен", imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210751.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Качество",
|
||||
quote: "Системный подход сэкономил мне кучу времени.",
|
||||
name: "Елена М.",
|
||||
role: "Предприниматель",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-wave-background_1017-3114.jpg",
|
||||
},
|
||||
id: "t2", title: "Качество", quote: "Системный подход сэкономил мне кучу времени.", name: "Елена М.", role: "Предприниматель", imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-wave-background_1017-3114.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Надежность",
|
||||
quote: "От проекта до ключей без головной боли.",
|
||||
name: "Рустам Д.",
|
||||
role: "Инвестор",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-145164.jpg",
|
||||
},
|
||||
id: "t3", title: "Надежность", quote: "От проекта до ключей без головной боли.", name: "Рустам Д.", role: "Инвестор", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-145164.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Локация",
|
||||
quote: "Лучшие архитектурные решения в Ташкенте.",
|
||||
name: "Дильдора Х.",
|
||||
role: "Частный заказчик",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012374.jpg",
|
||||
},
|
||||
id: "t4", title: "Локация", quote: "Лучшие архитектурные решения в Ташкенте.", name: "Дильдора Х.", role: "Частный заказчик", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012374.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Результат",
|
||||
quote: "Премиальный уровень сервиса и качества.",
|
||||
name: "Бахтиёр С.",
|
||||
role: "Владелец бизнеса",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-full-shot_23-2148993903.jpg",
|
||||
},
|
||||
id: "t5", title: "Результат", quote: "Премиальный уровень сервиса и качества.", name: "Бахтиёр С.", role: "Владелец бизнеса", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-full-shot_23-2148993903.jpg"},
|
||||
]}
|
||||
title="Почему LOCO"
|
||||
description="Мнения наших клиентов о сотрудничестве."
|
||||
@@ -238,25 +158,17 @@ export default function LandingPage() {
|
||||
description="Оставьте заявку, и мы свяжемся с вами для обсуждения деталей."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ваше имя",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ваше имя", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Номер телефона",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Номер телефона", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Краткое описание задачи",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Краткое описание задачи", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg"
|
||||
buttonText="Разберём ваш объект"
|
||||
buttonText="Получить консультацию специалиста"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -265,29 +177,19 @@ export default function LandingPage() {
|
||||
logoText="LOCO architect"
|
||||
columns={[
|
||||
{
|
||||
title: "Навигация",
|
||||
items: [
|
||||
title: "Навигация", items: [
|
||||
{
|
||||
label: "О студии",
|
||||
href: "#about",
|
||||
},
|
||||
label: "О студии", href: "#about"},
|
||||
{
|
||||
label: "Процесс",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Процесс", href: "#process"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Связь",
|
||||
items: [
|
||||
title: "Связь", items: [
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "https://t.me/locostudio",
|
||||
},
|
||||
label: "Telegram", href: "https://t.me/locostudio"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/locostudio",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/locostudio"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -297,4 +199,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #1a2f1d;
|
||||
--card: #0e190f;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #0a1a0c;
|
||||
--secondary-cta: #0d200f;
|
||||
--secondary-cta-text: #d4f6d8;
|
||||
--accent: #1a3d1f;
|
||||
--background-accent: #355e3b;
|
||||
--accent: #132d17;
|
||||
--background-accent: #223c26;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user