Улучшить мобильное меню и форму заявки, добавить номер лида и заменить middleware на proxy
All checks were successful
Auto Deploy / deploy (push) Successful in 22s
All checks were successful
Auto Deploy / deploy (push) Successful in 22s
This commit is contained in:
deonisii
@@ -1,5 +1,6 @@
|
||||
import { prisma } from "@/lib/prisma";
|
||||
import LeadStatusSelect from "@/components/lead-status-select";
|
||||
import { LeadStatus } from "@prisma/client";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
@@ -8,6 +9,8 @@ type SearchParams = Promise<{
|
||||
status?: string;
|
||||
}>;
|
||||
|
||||
const leadStatuses = Object.values(LeadStatus);
|
||||
|
||||
function formatLeadNumber(id: string, createdAt: Date) {
|
||||
const date = new Date(createdAt);
|
||||
const y = date.getFullYear();
|
||||
@@ -24,7 +27,10 @@ export default async function AdminLeadsPage({
|
||||
}) {
|
||||
const params = await searchParams;
|
||||
const q = params.q?.trim() || "";
|
||||
const status = params.status?.trim() || "";
|
||||
const statusParam = params.status?.trim() || "";
|
||||
const status = leadStatuses.includes(statusParam as LeadStatus)
|
||||
? (statusParam as LeadStatus)
|
||||
: undefined;
|
||||
|
||||
const leads = await prisma.lead.findMany({
|
||||
where: {
|
||||
@@ -39,7 +45,7 @@ export default async function AdminLeadsPage({
|
||||
],
|
||||
}
|
||||
: {},
|
||||
status ? { status: status as any } : {},
|
||||
status ? { status } : {},
|
||||
],
|
||||
},
|
||||
orderBy: { createdAt: "desc" },
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
import LeadForm from "@/components/lead-form";
|
||||
|
||||
export default function ContactsPage() {
|
||||
return (
|
||||
<main className="bg-neutral-950">
|
||||
@@ -84,6 +86,18 @@ export default function ContactsPage() {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="pb-16 sm:pb-20">
|
||||
<div className="max-w-5xl mx-auto px-4 sm:px-6">
|
||||
<div className="rounded-[32px] border border-white/10 bg-neutral-900 p-6 sm:p-10">
|
||||
<LeadForm
|
||||
id="lead-form"
|
||||
title="Оставить заявку"
|
||||
description="Заполните короткую форму. Мы свяжемся с вами, уточним задачу и предложим подходящий сценарий для объекта."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
173
app/layout.tsx
173
app/layout.tsx
@@ -29,10 +29,15 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="ru">
|
||||
<body className={`${inter.className} bg-neutral-950 text-white`}>
|
||||
<header className="sticky top-0 z-50 border-b border-white/10 bg-black">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 py-4 flex items-center justify-between gap-4">
|
||||
<Link href="/" className="text-xl sm:text-2xl font-bold">
|
||||
WorkParking
|
||||
<header className="sticky top-0 z-50 border-b border-white/10 bg-black/85 backdrop-blur-xl">
|
||||
<div className="max-w-7xl mx-auto flex items-center justify-between gap-4 px-4 py-3 sm:px-6 sm:py-4">
|
||||
<Link href="/" className="flex flex-col leading-none">
|
||||
<span className="text-lg font-semibold tracking-[-0.03em] sm:text-2xl">
|
||||
WorkParking
|
||||
</span>
|
||||
<span className="mt-1 hidden text-[11px] uppercase tracking-[0.24em] text-neutral-500 sm:block">
|
||||
Smart entry systems
|
||||
</span>
|
||||
</Link>
|
||||
|
||||
<nav className="hidden md:flex items-center gap-6 text-sm text-neutral-200">
|
||||
@@ -54,95 +59,99 @@ export default function RootLayout({
|
||||
{children}
|
||||
|
||||
<footer className="border-t border-white/10 bg-black">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 py-10 sm:py-12">
|
||||
<div className="flex flex-col gap-10 md:flex-row md:items-start md:justify-between">
|
||||
<div className="max-w-md">
|
||||
<div className="text-white text-xl font-semibold">WorkParking</div>
|
||||
<p className="mt-3 text-sm leading-relaxed text-neutral-400">
|
||||
Апгрейд дворовых шлагбаумов в Москве: въезд и выезд по номеру,
|
||||
приложение для жителей, история проездов и подписка на сервис.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-8 md:gap-10">
|
||||
<div>
|
||||
<div className="text-xs uppercase tracking-[0.2em] text-neutral-500 mb-4">
|
||||
Навигация
|
||||
<div className="mx-auto max-w-7xl px-4 py-6 sm:px-6 sm:py-10">
|
||||
<div className="rounded-[28px] border border-white/10 bg-neutral-950/70 px-5 py-5 shadow-[0_24px_80px_rgba(0,0,0,0.28)] sm:px-8 sm:py-7">
|
||||
<div className="flex flex-col gap-6 lg:flex-row lg:items-end lg:justify-between">
|
||||
<div className="max-w-xl">
|
||||
<div className="text-lg font-semibold tracking-[-0.03em] sm:text-xl">
|
||||
WorkParking
|
||||
</div>
|
||||
<div className="flex flex-col gap-3 text-sm">
|
||||
{navLinks.map((link) => (
|
||||
<Link
|
||||
key={link.href}
|
||||
href={link.href}
|
||||
className="text-neutral-300 hover:text-emerald-300 transition-colors"
|
||||
<p className="mt-2 max-w-md text-sm leading-relaxed text-neutral-400">
|
||||
Умные системы въезда для дворов, ЖК и управляющих компаний
|
||||
без перегруженного внедрения.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-[auto_auto_auto] lg:gap-8">
|
||||
<div>
|
||||
<div className="mb-3 text-[11px] uppercase tracking-[0.22em] text-neutral-500">
|
||||
Навигация
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-x-5 gap-y-2 text-sm sm:flex sm:flex-col sm:gap-2">
|
||||
{navLinks.map((link) => (
|
||||
<Link
|
||||
key={link.href}
|
||||
href={link.href}
|
||||
className="text-neutral-300 transition-colors hover:text-emerald-300"
|
||||
>
|
||||
{link.label}
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="mb-3 text-[11px] uppercase tracking-[0.22em] text-neutral-500">
|
||||
Контакты
|
||||
</div>
|
||||
<div className="flex flex-col gap-2 text-sm">
|
||||
<a
|
||||
href="tel:+79999698149"
|
||||
className="text-neutral-300 transition-colors hover:text-emerald-300"
|
||||
>
|
||||
{link.label}
|
||||
</Link>
|
||||
))}
|
||||
+7 (999) 969-81-49
|
||||
</a>
|
||||
<a
|
||||
href="mailto:sale@parkflow.ru"
|
||||
className="text-neutral-300 transition-colors hover:text-emerald-300"
|
||||
>
|
||||
sale@parkflow.ru
|
||||
</a>
|
||||
<a
|
||||
href="mailto:info@parkflow.ru"
|
||||
className="text-neutral-300 transition-colors hover:text-emerald-300"
|
||||
>
|
||||
info@parkflow.ru
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="text-xs uppercase tracking-[0.2em] text-neutral-500 mb-4">
|
||||
Контакты
|
||||
</div>
|
||||
<div className="flex flex-col gap-3 text-sm">
|
||||
<a
|
||||
href="tel:+79999698149"
|
||||
className="text-neutral-300 hover:text-emerald-300 transition-colors"
|
||||
>
|
||||
+7 (999) 969-81-49
|
||||
</a>
|
||||
<a
|
||||
href="mailto:sale@parkflow.ru"
|
||||
className="text-neutral-300 hover:text-emerald-300 transition-colors"
|
||||
>
|
||||
sale@parkflow.ru
|
||||
</a>
|
||||
<a
|
||||
href="mailto:info@parkflow.ru"
|
||||
className="text-neutral-300 hover:text-emerald-300 transition-colors"
|
||||
>
|
||||
info@parkflow.ru
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="text-xs uppercase tracking-[0.2em] text-neutral-500 mb-4">
|
||||
Мы в сети
|
||||
</div>
|
||||
<div className="flex flex-col gap-3 text-sm">
|
||||
<a
|
||||
href="#"
|
||||
className="text-neutral-300 hover:text-emerald-300 transition-colors"
|
||||
>
|
||||
VK
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="text-neutral-300 hover:text-emerald-300 transition-colors"
|
||||
>
|
||||
Telegram
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="text-neutral-300 hover:text-emerald-300 transition-colors"
|
||||
>
|
||||
MAX
|
||||
</a>
|
||||
<div>
|
||||
<div className="mb-3 text-[11px] uppercase tracking-[0.22em] text-neutral-500">
|
||||
Каналы
|
||||
</div>
|
||||
<div className="flex flex-col gap-2 text-sm">
|
||||
<a
|
||||
href="#"
|
||||
className="text-neutral-300 transition-colors hover:text-emerald-300"
|
||||
>
|
||||
VK
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="text-neutral-300 transition-colors hover:text-emerald-300"
|
||||
>
|
||||
Telegram
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
className="text-neutral-300 transition-colors hover:text-emerald-300"
|
||||
>
|
||||
MAX
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-10 border-t border-white/10 pt-5 flex flex-col gap-2 text-sm text-neutral-500 md:flex-row md:items-center md:justify-between">
|
||||
<div>© 2026 WorkParking</div>
|
||||
<div>ООО «Пракфлоу» • ИНН 7777773333</div>
|
||||
<div className="mt-5 flex flex-col gap-1 border-t border-white/10 pt-4 text-xs text-neutral-500 sm:flex-row sm:items-center sm:justify-between sm:text-sm">
|
||||
<div>© 2026 WorkParking</div>
|
||||
<div>ООО «Пракфлоу» • ИНН 7777773333</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
123
app/page.tsx
123
app/page.tsx
@@ -1,10 +1,10 @@
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import LeadForm from "@/components/lead-form";
|
||||
import BarrierIcon from "@/components/barrier-icon";
|
||||
import {
|
||||
ArrowRight,
|
||||
Camera,
|
||||
Fence,
|
||||
Smartphone,
|
||||
CheckCircle2,
|
||||
BarChart3,
|
||||
@@ -13,31 +13,31 @@ import {
|
||||
export default function Home() {
|
||||
return (
|
||||
<main>
|
||||
<section className="hero-bg min-h-[calc(100vh-73px)] flex items-center">
|
||||
<div className="max-w-7xl mx-auto w-full px-4 sm:px-6 py-14 sm:py-20">
|
||||
<div className="grid lg:grid-cols-2 gap-10 lg:gap-16 items-center">
|
||||
<section className="hero-bg flex min-h-[calc(100vh-65px)] items-center">
|
||||
<div className="mx-auto w-full max-w-7xl px-4 py-10 sm:px-6 sm:py-20">
|
||||
<div className="grid items-center gap-8 lg:grid-cols-2 lg:gap-16">
|
||||
<div>
|
||||
<div className="inline-flex items-center gap-2 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-4 py-2 text-sm text-emerald-300 mb-6">
|
||||
<div className="mb-5 inline-flex items-center gap-2 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-3 py-1.5 text-xs text-emerald-300 sm:px-4 sm:py-2 sm:text-sm">
|
||||
<span className="h-2.5 w-2.5 rounded-full bg-emerald-400" />
|
||||
Апгрейд дворовых шлагбаумов в Москве
|
||||
</div>
|
||||
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight">
|
||||
<h1 className="text-4xl font-bold leading-[0.98] tracking-[-0.05em] sm:text-5xl lg:text-6xl">
|
||||
Умный въезд
|
||||
<br />
|
||||
для двора, ЖК и УК
|
||||
для двора
|
||||
</h1>
|
||||
|
||||
<p className="mt-5 text-base sm:text-lg lg:text-xl text-neutral-300 max-w-2xl leading-relaxed">
|
||||
<p className="mt-4 max-w-2xl text-[15px] leading-relaxed text-neutral-300 sm:mt-5 sm:text-lg lg:text-xl">
|
||||
Распознавание номера автомобиля, автоматический въезд и выезд,
|
||||
приложение для жителей, история проездов, фото с камеры и
|
||||
аналитика по подписке.
|
||||
приложение для жителей, история проездов и удобный контроль
|
||||
доступа для двора, ЖК, ТСЖ и управляющей компании.
|
||||
</p>
|
||||
|
||||
<div className="mt-8 flex flex-col sm:flex-row gap-4">
|
||||
<div className="mt-7 flex flex-col gap-3 sm:mt-8 sm:flex-row sm:gap-4">
|
||||
<Link
|
||||
href="/pricing"
|
||||
className="inline-flex items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-6 py-4 text-base font-semibold hover:bg-emerald-500 transition-colors"
|
||||
className="inline-flex items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-5 py-3.5 text-sm font-semibold transition-colors hover:bg-emerald-500 sm:px-6 sm:py-4 sm:text-base"
|
||||
>
|
||||
Посмотреть тарифы
|
||||
<ArrowRight className="w-5 h-5" />
|
||||
@@ -45,13 +45,13 @@ export default function Home() {
|
||||
|
||||
<Link
|
||||
href="/for-uk"
|
||||
className="inline-flex items-center justify-center gap-2 rounded-2xl border border-white/20 px-6 py-4 text-base font-semibold hover:border-white/40 hover:bg-white/5 transition-colors"
|
||||
className="inline-flex items-center justify-center gap-2 rounded-2xl border border-white/20 px-5 py-3.5 text-sm font-semibold transition-colors hover:border-white/40 hover:bg-white/5 sm:px-6 sm:py-4 sm:text-base"
|
||||
>
|
||||
Решение для УК
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="mt-8 grid sm:grid-cols-3 gap-3 text-sm">
|
||||
<div className="mt-6 grid gap-3 text-sm sm:mt-8 sm:grid-cols-3">
|
||||
<div className="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-neutral-300">
|
||||
Въезд и выезд по номеру
|
||||
</div>
|
||||
@@ -65,8 +65,8 @@ export default function Home() {
|
||||
</div>
|
||||
|
||||
<div className="relative">
|
||||
<div className="rounded-[28px] border border-white/10 bg-neutral-900/80 p-4 sm:p-6 shadow-2xl">
|
||||
<div className="relative h-[260px] sm:h-[360px] lg:h-[460px] w-full overflow-hidden rounded-[22px]">
|
||||
<div className="rounded-[28px] border border-white/10 bg-neutral-900/80 p-3 shadow-2xl sm:p-6">
|
||||
<div className="relative h-[250px] w-full overflow-hidden rounded-[22px] sm:h-[360px] lg:h-[460px]">
|
||||
<Image
|
||||
src="/images/barrier.jpg"
|
||||
alt="Дворовой въезд со шлагбаумом"
|
||||
@@ -78,13 +78,13 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="hidden sm:block absolute -left-6 bottom-6 z-20 rounded-2xl border border-white/10 bg-black/85 backdrop-blur px-4 py-4 shadow-xl">
|
||||
<div className="absolute inset-x-3 bottom-3 z-20 rounded-2xl border border-white/10 bg-black/85 px-4 py-3 shadow-xl backdrop-blur sm:inset-x-auto sm:-left-6 sm:bottom-6 sm:block">
|
||||
<div className="flex items-start gap-3">
|
||||
<Camera className="w-8 h-8 text-emerald-400 mt-1" />
|
||||
<Camera className="mt-1 h-7 w-7 text-emerald-400 sm:h-8 sm:w-8" />
|
||||
<div>
|
||||
<p className="text-sm text-neutral-400">Контроль доступа</p>
|
||||
<p className="text-2xl font-bold">ANPR-камера</p>
|
||||
<p className="text-sm text-neutral-400">
|
||||
<p className="text-xs text-neutral-400 sm:text-sm">Контроль доступа</p>
|
||||
<p className="text-lg font-bold sm:text-2xl">ANPR-камера</p>
|
||||
<p className="text-xs text-neutral-400 sm:text-sm">
|
||||
распознавание номера и фото проезда
|
||||
</p>
|
||||
</div>
|
||||
@@ -108,20 +108,20 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="py-16 sm:py-20 bg-neutral-950">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6">
|
||||
<div className="max-w-3xl mb-10 sm:mb-14">
|
||||
<section className="bg-neutral-950 py-12 sm:py-20">
|
||||
<div className="mx-auto max-w-7xl px-4 sm:px-6">
|
||||
<div className="mb-8 max-w-3xl sm:mb-14">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold">
|
||||
Что входит в апгрейд
|
||||
</h2>
|
||||
<p className="mt-4 text-neutral-400 text-base sm:text-lg">
|
||||
<p className="mt-3 text-base text-neutral-400 sm:mt-4 sm:text-lg">
|
||||
Мы не просто ставим оборудование, а превращаем обычный шлагбаум в
|
||||
управляемую систему доступа для двора и управляющей компании.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid md:grid-cols-3 gap-6">
|
||||
<div className="rounded-3xl bg-neutral-900 border border-white/10 p-6 sm:p-8">
|
||||
<div className="grid gap-4 md:grid-cols-3 md:gap-6">
|
||||
<div className="rounded-3xl border border-white/10 bg-neutral-900 p-5 sm:p-8">
|
||||
<Camera className="w-11 h-11 text-emerald-500 mb-5" />
|
||||
<h3 className="text-xl font-semibold mb-3">Распознавание номера</h3>
|
||||
<p className="text-neutral-400 leading-relaxed">
|
||||
@@ -130,8 +130,8 @@ export default function Home() {
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="rounded-3xl bg-neutral-900 border border-white/10 p-6 sm:p-8">
|
||||
<Fence className="w-11 h-11 text-emerald-500 mb-5" />
|
||||
<div className="rounded-3xl border border-white/10 bg-neutral-900 p-5 sm:p-8">
|
||||
<BarrierIcon className="mb-5 h-11 w-11 text-emerald-500" />
|
||||
<h3 className="text-xl font-semibold mb-3">
|
||||
Управление шлагбаумом
|
||||
</h3>
|
||||
@@ -141,7 +141,7 @@ export default function Home() {
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="rounded-3xl bg-neutral-900 border border-white/10 p-6 sm:p-8">
|
||||
<div className="rounded-3xl border border-white/10 bg-neutral-900 p-5 sm:p-8">
|
||||
<Smartphone className="w-11 h-11 text-emerald-500 mb-5" />
|
||||
<h3 className="text-xl font-semibold mb-3">
|
||||
Приложение и личный доступ
|
||||
@@ -155,23 +155,23 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="py-16 sm:py-20 bg-neutral-900">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6">
|
||||
<div className="max-w-3xl mb-10 sm:mb-14">
|
||||
<section className="bg-neutral-900 py-12 sm:py-20">
|
||||
<div className="mx-auto max-w-7xl px-4 sm:px-6">
|
||||
<div className="mb-8 max-w-3xl sm:mb-14">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold">
|
||||
Два формата подписки
|
||||
</h2>
|
||||
<p className="mt-4 text-neutral-400 text-base sm:text-lg">
|
||||
<p className="mt-3 text-base text-neutral-400 sm:mt-4 sm:text-lg">
|
||||
Можно начать с базового тарифа и перейти на расширенный, когда
|
||||
понадобится более глубокая история и аналитика.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid lg:grid-cols-2 gap-6">
|
||||
<div className="rounded-3xl border border-white/10 bg-black/30 p-6 sm:p-8">
|
||||
<div className="flex items-center justify-between gap-4 mb-6">
|
||||
<div className="grid gap-4 lg:grid-cols-2 lg:gap-6">
|
||||
<div className="rounded-3xl border border-white/10 bg-black/30 p-5 sm:p-8">
|
||||
<div className="mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<h3 className="text-2xl font-semibold">Базовая подписка</h3>
|
||||
<span className="rounded-full bg-emerald-500/10 border border-emerald-500/30 px-4 py-2 text-emerald-300 text-sm">
|
||||
<span className="w-fit rounded-full border border-emerald-500/30 bg-emerald-500/10 px-4 py-2 text-sm text-emerald-300">
|
||||
10 000 ₽ / мес
|
||||
</span>
|
||||
</div>
|
||||
@@ -196,10 +196,10 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="rounded-3xl border border-emerald-500/30 bg-emerald-500/5 p-6 sm:p-8">
|
||||
<div className="flex items-center justify-between gap-4 mb-6">
|
||||
<div className="rounded-3xl border border-emerald-500/30 bg-emerald-500/5 p-5 sm:p-8">
|
||||
<div className="mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<h3 className="text-2xl font-semibold">Расширенная подписка</h3>
|
||||
<span className="rounded-full bg-emerald-500/10 border border-emerald-500/30 px-4 py-2 text-emerald-300 text-sm">
|
||||
<span className="w-fit rounded-full border border-emerald-500/30 bg-emerald-500/10 px-4 py-2 text-sm text-emerald-300">
|
||||
15 000 ₽ / мес
|
||||
</span>
|
||||
</div>
|
||||
@@ -227,15 +227,15 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="py-16 sm:py-20 bg-neutral-950">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6">
|
||||
<div className="grid lg:grid-cols-2 gap-8 lg:gap-14 items-start">
|
||||
<section className="bg-neutral-950 py-12 sm:py-20">
|
||||
<div className="mx-auto max-w-7xl px-4 sm:px-6">
|
||||
<div className="grid items-start gap-6 lg:grid-cols-2 lg:gap-14">
|
||||
<div>
|
||||
<h2 className="text-3xl sm:text-4xl font-bold mb-6">
|
||||
Что получает объект
|
||||
</h2>
|
||||
|
||||
<div className="space-y-4">
|
||||
<div className="space-y-3 sm:space-y-4">
|
||||
{[
|
||||
"Контроль въезда и выезда по номеру автомобиля",
|
||||
"Историю всех событий проезда",
|
||||
@@ -245,7 +245,7 @@ export default function Home() {
|
||||
].map((item) => (
|
||||
<div
|
||||
key={item}
|
||||
className="flex items-start gap-3 rounded-2xl border border-white/10 bg-neutral-900 px-4 py-4"
|
||||
className="flex items-start gap-3 rounded-2xl border border-white/10 bg-neutral-900 px-4 py-3.5 sm:py-4"
|
||||
>
|
||||
<CheckCircle2 className="w-5 h-5 text-emerald-500 mt-0.5 shrink-0" />
|
||||
<p className="text-neutral-200">{item}</p>
|
||||
@@ -254,36 +254,36 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="rounded-[28px] border border-white/10 bg-neutral-900 p-6 sm:p-8">
|
||||
<div className="rounded-[28px] border border-white/10 bg-neutral-900 p-5 sm:p-8">
|
||||
<h3 className="text-2xl font-semibold mb-5">
|
||||
Для кого подходит решение
|
||||
</h3>
|
||||
|
||||
<div className="space-y-4 text-neutral-300">
|
||||
<div className="rounded-2xl bg-black/30 border border-white/10 p-4">
|
||||
<div className="rounded-2xl border border-white/10 bg-black/30 p-4">
|
||||
Дворы многоквартирных домов
|
||||
</div>
|
||||
<div className="rounded-2xl bg-black/30 border border-white/10 p-4">
|
||||
<div className="rounded-2xl border border-white/10 bg-black/30 p-4">
|
||||
Жилые комплексы с закрытым въездом
|
||||
</div>
|
||||
<div className="rounded-2xl bg-black/30 border border-white/10 p-4">
|
||||
<div className="rounded-2xl border border-white/10 bg-black/30 p-4">
|
||||
Управляющие компании, ТСЖ и ТСН
|
||||
</div>
|
||||
<div className="rounded-2xl bg-black/30 border border-white/10 p-4">
|
||||
<div className="rounded-2xl border border-white/10 bg-black/30 p-4">
|
||||
Объекты, где нужен простой старт и платное расширение функций
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-8 flex flex-col sm:flex-row gap-4">
|
||||
<div className="mt-7 flex flex-col gap-3 sm:mt-8 sm:flex-row sm:gap-4">
|
||||
<Link
|
||||
href="/services"
|
||||
className="inline-flex items-center justify-center rounded-2xl bg-white text-black px-6 py-4 font-semibold hover:bg-neutral-200 transition-colors"
|
||||
className="inline-flex items-center justify-center rounded-2xl bg-white px-5 py-3.5 font-semibold text-black transition-colors hover:bg-neutral-200 sm:px-6 sm:py-4"
|
||||
>
|
||||
Посмотреть услуги
|
||||
</Link>
|
||||
<Link
|
||||
href="/pricing"
|
||||
className="inline-flex items-center justify-center rounded-2xl border border-white/20 px-6 py-4 font-semibold hover:border-white/40 hover:bg-white/5 transition-colors"
|
||||
className="inline-flex items-center justify-center rounded-2xl border border-white/20 px-5 py-3.5 font-semibold transition-colors hover:border-white/40 hover:bg-white/5 sm:px-6 sm:py-4"
|
||||
>
|
||||
Смотреть тарифы
|
||||
</Link>
|
||||
@@ -293,24 +293,23 @@ export default function Home() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="py-16 sm:py-24 bg-gradient-to-b from-neutral-950 to-black">
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6">
|
||||
<div className="rounded-[32px] border border-white/10 bg-neutral-900 p-6 sm:p-10">
|
||||
<section className="bg-gradient-to-b from-neutral-950 to-black py-12 sm:py-24">
|
||||
<div className="mx-auto max-w-4xl px-4 sm:px-6">
|
||||
<div className="rounded-[32px] border border-white/10 bg-neutral-900 p-5 sm:p-10">
|
||||
<div className="max-w-2xl mx-auto text-center">
|
||||
<h2 className="text-3xl sm:text-4xl font-bold">
|
||||
Обсудим апгрейд вашего шлагбаума
|
||||
</h2>
|
||||
<p className="mt-4 text-neutral-400 text-base sm:text-lg">
|
||||
На следующем этапе сюда можно подключить реальную форму и
|
||||
отправку заявки в backend.
|
||||
<p className="mt-3 text-base text-neutral-400 sm:mt-4 sm:text-lg">
|
||||
Оставьте контакты и коротко опишите объект. Мы предложим
|
||||
подходящий сценарий внедрения и тариф.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<LeadForm />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
import {
|
||||
Camera,
|
||||
Fence,
|
||||
Smartphone,
|
||||
Server,
|
||||
CheckCircle2,
|
||||
} from "lucide-react";
|
||||
import BarrierIcon from "@/components/barrier-icon";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
@@ -42,7 +42,7 @@ export default function ServicesPage() {
|
||||
</div>
|
||||
|
||||
<div className="rounded-3xl border border-white/10 bg-neutral-900 p-6 sm:p-8">
|
||||
<Fence className="w-10 h-10 text-emerald-500 mb-5" />
|
||||
<BarrierIcon className="mb-5 h-10 w-10 text-emerald-500" />
|
||||
<h2 className="text-2xl font-semibold mb-3">
|
||||
Интеграция с действующим шлагбаумом
|
||||
</h2>
|
||||
@@ -98,4 +98,4 @@ export default function ServicesPage() {
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user