Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -32,63 +32,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "О нас",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Автопарк",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Цены",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Главная", id: "#hero" },
|
||||
{ name: "О нас", id: "#about" },
|
||||
{ name: "Автопарк", id: "#products" },
|
||||
{ name: "Цены", id: "#pricing" },
|
||||
{ name: "Контакты", id: "#contact" },
|
||||
]}
|
||||
brandName="КамиКар"
|
||||
button={{
|
||||
text: "Начать",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Начать", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="КамиКар — аренда авто с максимальной выгодой"
|
||||
description="Минимальные комиссии. Быстрый старт. Максимальный доход для вашего бизнеса."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg",
|
||||
imageAlt: "luxury car rental corporate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-tram-motion-public-transport-urban-mobility-concept_169016-68632.jpg",
|
||||
imageAlt: "city car driving professional",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31860.jpg",
|
||||
imageAlt: "car rental app interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-by-car-town-using-phone_1303-11014.jpg",
|
||||
imageAlt: "luxury car rental corporate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-smartphone-while-sitting-bike_23-2149318521.jpg",
|
||||
imageAlt: "city car driving professional",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg", imageAlt: "luxury car rental corporate" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/yellow-tram-motion-public-transport-urban-mobility-concept_169016-68632.jpg", imageAlt: "city car driving professional" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31860.jpg", imageAlt: "car rental app interface" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,15 +62,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Надежная транспортная компания",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/start-up-company-teamwork-talking-video-meeting-sitting-couch-listening-explaning-remote-manager-team-strategy_482257-5233.jpg",
|
||||
alt: "professional team customer service",
|
||||
},
|
||||
{ type: "text", content: "Надежная транспортная компания" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/start-up-company-teamwork-talking-video-meeting-sitting-couch-listening-explaning-remote-manager-team-strategy_482257-5233.jpg", alt: "professional team" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,30 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Комиссия 1%",
|
||||
tags: [
|
||||
"Выгодно",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calculator-money-wallet-investment-saving-finance-concept-pink-background-3d-rendering_56104-1432.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Мгновенные выплаты",
|
||||
tags: [
|
||||
"Скорость",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-trolley-with-alarm-clock_23-2147961756.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Без скрытых платежей",
|
||||
tags: [
|
||||
"Прозрачность",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-prism-crystal-with-dark-shadow-white-backdrop_23-2147948819.jpg",
|
||||
},
|
||||
{ id: "1", title: "Комиссия 1%", tags: ["Выгодно"], imageSrc: "http://img.b2bpic.net/free-photo/calculator-money-wallet-investment-saving-finance-concept-pink-background-3d-rendering_56104-1432.jpg" },
|
||||
{ id: "2", title: "Мгновенные выплаты", tags: ["Скорость"], imageSrc: "http://img.b2bpic.net/free-photo/shopping-trolley-with-alarm-clock_23-2147961756.jpg" },
|
||||
{ id: "3", title: "Без скрытых платежей", tags: ["Прозрачность"], imageSrc: "http://img.b2bpic.net/free-photo/long-prism-crystal-with-dark-shadow-white-backdrop_23-2147948819.jpg" }
|
||||
]}
|
||||
title="Наши преимущества"
|
||||
description="Лучшие условия для заработка и работы на рынке аренды."
|
||||
@@ -154,48 +90,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Toyota Camry",
|
||||
price: "от 3300 ₽",
|
||||
variant: "Бизнес",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-female-providing-safety-service_23-2148404127.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "LADA Largus",
|
||||
price: "от 2200 ₽",
|
||||
variant: "Эконом",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-middle-aged-bearded-trucker-standing-by-his-semi-truck-holding-thumbs-up_342744-1318.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "ГАЗель Next",
|
||||
price: "от 4500 ₽",
|
||||
variant: "Грузовой",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-docks_23-2152008994.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hyundai Solaris",
|
||||
price: "от 2500 ₽",
|
||||
variant: "Комфорт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15091.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kia Rio",
|
||||
price: "от 2600 ₽",
|
||||
variant: "Комфорт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-business-woman-sitting-car-working-laptop_231208-7771.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Haval Jolion",
|
||||
price: "от 3500 ₽",
|
||||
variant: "Кроссовер",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-pickup-truck-wet-winter-road-motion-power-road_169016-71373.jpg",
|
||||
},
|
||||
{ id: "1", name: "Toyota Camry", price: "от 3300 ₽", variant: "Бизнес", imageSrc: "http://img.b2bpic.net/free-photo/security-female-providing-safety-service_23-2148404127.jpg" },
|
||||
{ id: "2", name: "LADA Largus", price: "от 2200 ₽", variant: "Эконом", imageSrc: "http://img.b2bpic.net/free-photo/professional-middle-aged-bearded-trucker-standing-by-his-semi-truck-holding-thumbs-up_342744-1318.jpg" },
|
||||
{ id: "3", name: "ГАЗель Next", price: "от 4500 ₽", variant: "Грузовой", imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-docks_23-2152008994.jpg" }
|
||||
]}
|
||||
title="Наш автопарк"
|
||||
description="Более 50+ автомобилей для работы и личных целей."
|
||||
@@ -208,54 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "daily",
|
||||
badge: "Стандарт",
|
||||
price: "2200 ₽",
|
||||
subtitle: "Посуточная аренда",
|
||||
buttons: [
|
||||
{
|
||||
text: "Выбрать",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Без депозита",
|
||||
"Техподдержка 24/7",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "weekly",
|
||||
badge: "Выгодный",
|
||||
price: "14000 ₽",
|
||||
subtitle: "Недельная аренда",
|
||||
buttons: [
|
||||
{
|
||||
text: "Выбрать",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Скидка 10%",
|
||||
"Приоритет в очереди",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Премиум",
|
||||
price: "55000 ₽",
|
||||
subtitle: "Аренда на месяц",
|
||||
buttons: [
|
||||
{
|
||||
text: "Выбрать",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Скидка 20%",
|
||||
"Персональный менеджер",
|
||||
],
|
||||
},
|
||||
{ id: "daily", badge: "Стандарт", price: "2200 ₽", subtitle: "Посуточная аренда", buttons: [{ text: "Выбрать", href: "#contact" }], features: ["Без депозита", "Техподдержка 24/7"] },
|
||||
{ id: "weekly", badge: "Выгодный", price: "14000 ₽", subtitle: "Недельная аренда", buttons: [{ text: "Выбрать", href: "#contact" }], features: ["Скидка 10%", "Приоритет в очереди"] },
|
||||
{ id: "monthly", badge: "Премиум", price: "55000 ₽", subtitle: "Аренда на месяц", buttons: [{ text: "Выбрать", href: "#contact" }], features: ["Скидка 20%", "Персональный менеджер"] }
|
||||
]}
|
||||
title="Тарифные планы"
|
||||
description="Гибкая система оплаты для долгосрочной аренды."
|
||||
@@ -268,24 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Автомобилей в парке",
|
||||
value: "150+",
|
||||
icon: Car,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Активных водителей",
|
||||
value: "300+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Выполненных заказов",
|
||||
value: "50k+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ id: "m1", title: "Автомобилей в парке", value: "150+", icon: Car },
|
||||
{ id: "m2", title: "Активных водителей", value: "300+", icon: Users },
|
||||
{ id: "m3", title: "Выполненных заказов", value: "50k+", icon: CheckCircle }
|
||||
]}
|
||||
title="Наши показатели"
|
||||
description="Результаты, которые говорят сами за себя."
|
||||
@@ -297,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Как подключиться к Яндекс.Такси?",
|
||||
content: "Оставьте заявку, наши менеджеры свяжутся с вами в течение 15 минут.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Какие документы нужны?",
|
||||
content: "Водительское удостоверение, паспорт и СТС.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Есть ли скрытые комиссии?",
|
||||
content: "Нет, всё прозрачно, комиссия только 1%.",
|
||||
},
|
||||
{ id: "1", title: "Как подключиться?", content: "Оставьте заявку, менеджеры перезвонят." },
|
||||
{ id: "2", title: "Какие нужны документы?", content: "Паспорт, права и СТС." },
|
||||
{ id: "3", title: "Есть ли комиссии?", content: "Только 1% прозрачной комиссии." }
|
||||
]}
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Ответы на все важные вопросы."
|
||||
@@ -323,26 +148,9 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Связаться с нами"
|
||||
description="Оставьте свои контактные данные, и мы свяжемся с вами."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ваше имя",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Ваш телефон",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Комментарий к заявке",
|
||||
rows: 4,
|
||||
}}
|
||||
description="Оставьте данные для связи."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Имя", required: true }, { name: "phone", type: "tel", placeholder: "Телефон", required: true }]}
|
||||
textarea={{ name: "message", placeholder: "Комментарий" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-girl-using-her-phone_53876-96885.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -351,37 +159,10 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg"
|
||||
logoText="КамиКар"
|
||||
columns={[
|
||||
{
|
||||
title: "Компания",
|
||||
items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Автопарк",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Сервис",
|
||||
items: [
|
||||
{
|
||||
label: "Тарифы",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Компания", items: [{ label: "О нас", href: "#about" }] }, { title: "Сервис", items: [{ label: "Тарифы", href: "#pricing" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user