deonisii/workparking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Улучшить мобильное меню и форму заявки, добавить номер лида и заменить middleware на proxy
All checks were successful
Auto Deploy / deploy (push) Successful in 22s
Details

Browse Source
This commit is contained in:
deonisii
2026-04-18 00:20:24 +03:00
parent 9b86175929
commit 45ae26e213
9 changed files with 571 additions and 322 deletions
Download Patch File Download Diff File Expand all files Collapse all files

173
app/layout.tsx
View File

@@ -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>
);
}
}