Update src/app/page.tsx
This commit is contained in:
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,22 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "О Центре",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Преимущества",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Отзывы",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "О нас", id: "#about" },
|
||||
{ name: "Преимущества", id: "#features" },
|
||||
{ name: "Резиденты", id: "#social" },
|
||||
{ name: "Отзывы", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Контакты", id: "#contact" },
|
||||
]}
|
||||
brandName="Business Center Q"
|
||||
/>
|
||||
@@ -56,67 +46,35 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Бизнес Центр Q: Ваше пространство для успеха"
|
||||
description="Аренда премиальных офисов в самом сердце деловой активности. Технологичность, комфорт и статус для вашего бизнеса."
|
||||
buttons={[
|
||||
{
|
||||
text: "Арендовать офис",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Арендовать офис", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skyscraper-reflecting-sky-clouds_23-2151978160.jpg"
|
||||
imageAlt="Бизнес центр Q"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
alt: "Middle age businessman smiling happy standing at the city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", alt: "Middle age businessman smiling happy standing at the city"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
alt: "Business woman in green suit using phone outside the street",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "Business woman in green suit using phone outside the street"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Young Businesswoman Portrait in Office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Young Businesswoman Portrait in Office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
alt: "Smiling Business Woman Looking up at Copy Space",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg", alt: "Smiling Business Woman Looking up at Copy Space"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
alt: "Portrait of a smiling blonde businesswoman formal dressed.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "Portrait of a smiling blonde businesswoman formal dressed."},
|
||||
]}
|
||||
avatarText="Присоединяйтесь к 200+ успешным компаниям"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/business-office-building-skyscraper-with-window-glass_74190-3323.jpg",
|
||||
alt: "Business office building skyscraper with window glass",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/business-office-building-skyscraper-with-window-glass_74190-3157.jpg",
|
||||
alt: "Business office building skyscraper with window glass",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/windows-business-building_1339-6977.jpg",
|
||||
alt: "windows of business building",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-388.jpg",
|
||||
alt: "Close-Up Of Modern Office Buildings",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Office Spaces",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/business-office-building-skyscraper-with-window-glass_74190-3323.jpg", alt: "Business office building skyscraper with window glass" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/business-office-building-skyscraper-with-window-glass_74190-3157.jpg", alt: "Business office building skyscraper with window glass" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/windows-business-building_1339-6977.jpg", alt: "windows of business building" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-388.jpg", alt: "Close-Up Of Modern Office Buildings" },
|
||||
{ type: "text", text: "Premium Office Spaces" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,9 +84,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Больше, чем просто офис"
|
||||
buttons={[
|
||||
{
|
||||
text: "Узнать больше",
|
||||
},
|
||||
{ text: "Узнать больше", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,21 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Безопасность 24/7",
|
||||
description: "Круглосуточная охрана и контроль доступа.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Высокоскоростной интернет",
|
||||
description: "Оптоволоконные линии для надежного подключения.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Коворкинг-зоны",
|
||||
description: "Стильные пространства для отдыха и встреч.",
|
||||
},
|
||||
{ icon: Shield, title: "Безопасность 24/7", description: "Круглосуточная охрана и контроль доступа." },
|
||||
{ icon: Zap, title: "Высокоскоростной интернет", description: "Оптоволоконные линии для надежного подключения." },
|
||||
{ icon: Coffee, title: "Коворкинг-зоны", description: "Стильные пространства для отдыха и встреч." },
|
||||
]}
|
||||
title="Почему выбирают БЦ Q"
|
||||
description="Современные инженерные системы, безопасность и высокий уровень сервиса для резидентов."
|
||||
@@ -166,33 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000 m²",
|
||||
title: "Общая площадь",
|
||||
items: [
|
||||
"Офисные блоки",
|
||||
"Торговая галерея",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Резидентов",
|
||||
items: [
|
||||
"Компании IT",
|
||||
"Консалтинг",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500",
|
||||
title: "Парковочных мест",
|
||||
items: [
|
||||
"Крытый паркинг",
|
||||
"Гостевая зона",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15,000 m²", title: "Общая площадь", items: ["Офисные блоки", "Торговая галерея"] },
|
||||
{ id: "m2", value: "200+", title: "Резидентов", items: ["Компании IT", "Консалтинг"] },
|
||||
{ id: "m3", value: "500", title: "Парковочных мест", items: ["Крытый паркинг", "Гостевая зона"] },
|
||||
]}
|
||||
title="БЦ Q в цифрах"
|
||||
description="Надежность и масштаб, которые говорят сами за себя."
|
||||
@@ -203,15 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"GlobalSolution",
|
||||
"FutureSystems",
|
||||
"AlphaSolutions",
|
||||
]}
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "GlobalSolution", "FutureSystems", "AlphaSolutions"]}
|
||||
title="Наши партнеры"
|
||||
description="Ведущие компании доверяют нам свой комфорт."
|
||||
/>
|
||||
@@ -222,46 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Отлично!",
|
||||
quote: "Профессиональный менеджмент и отличная локация.",
|
||||
name: "Алексей С.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Прекрасно",
|
||||
quote: "Здесь всегда комфортно работать и принимать клиентов.",
|
||||
name: "Мария В.",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Довольны",
|
||||
quote: "Современный сервис и быстрая реакция на запросы.",
|
||||
name: "Дмитрий П.",
|
||||
role: "Директор",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Статус",
|
||||
quote: "Этот БЦ действительно поднимает имидж нашей компании.",
|
||||
name: "Елена К.",
|
||||
role: "HR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Рекомендую",
|
||||
quote: "Отличная инфраструктура для сотрудников.",
|
||||
name: "Иван С.",
|
||||
role: "Менеджер",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg",
|
||||
},
|
||||
{ id: "1", title: "Отлично!", quote: "Профессиональный менеджмент и отличная локация.", name: "Алексей С.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
|
||||
{ id: "2", title: "Прекрасно", quote: "Здесь всегда комфортно работать и принимать клиентов.", name: "Мария В.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
|
||||
{ id: "3", title: "Довольны", quote: "Современный сервис и быстрая реакция на запросы.", name: "Дмитрий П.", role: "Директор", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
|
||||
{ id: "4", title: "Статус", quote: "Этот БЦ действительно поднимает имидж нашей компании.", name: "Елена К.", role: "HR", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg" },
|
||||
{ id: "5", title: "Рекомендую", quote: "Отличная инфраструктура для сотрудников.", name: "Иван С.", role: "Менеджер", imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg" },
|
||||
]}
|
||||
title="Отзывы наших резидентов"
|
||||
description="Узнайте, почему они выбрали бизнес центр Q."
|
||||
@@ -273,21 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Есть ли гостевая парковка?",
|
||||
content: "Да, для гостей предусмотрена отдельная бесплатная зона.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Какие сроки аренды?",
|
||||
content: "Предлагаем гибкие условия от 11 месяцев.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Как посмотреть офис?",
|
||||
content: "Запишитесь через форму ниже для экскурсии.",
|
||||
},
|
||||
{ id: "f1", title: "Есть ли гостевая парковка?", content: "Да, для гостей предусмотрена отдельная бесплатная зона." },
|
||||
{ id: "f2", title: "Какие сроки аренды?", content: "Предлагаем гибкие условия от 11 месяцев." },
|
||||
{ id: "f3", title: "Как посмотреть офис?", content: "Запишитесь через форму ниже для экскурсии." },
|
||||
]}
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Все, что нужно знать об аренде в БЦ Q."
|
||||
@@ -298,9 +163,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Свяжитесь с нами"
|
||||
title="Готовы к переезду в БЦ Q?"
|
||||
description="Оставьте заявку и получите персональное предложение."
|
||||
@@ -313,32 +176,17 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="БЦ Q"
|
||||
columns={[
|
||||
{
|
||||
title: "Навигация",
|
||||
items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Юридическая информация",
|
||||
items: [
|
||||
{
|
||||
label: "Политика конфиденциальности",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Навигация", items: [
|
||||
{ label: "О нас", href: "#about" },
|
||||
{ label: "Контакты", href: "#contact" }
|
||||
] },
|
||||
{ title: "Юридическая информация", items: [
|
||||
{ label: "Политика конфиденциальности", href: "#" }
|
||||
] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user