71 lines
3.2 KiB
TypeScript
71 lines
3.2 KiB
TypeScript
export default function CasesPage() {
|
||
return (
|
||
<main className="bg-neutral-950">
|
||
<section className="hero-bg">
|
||
<div className="max-w-7xl mx-auto px-4 sm:px-6 py-16 sm:py-20">
|
||
<div className="max-w-3xl">
|
||
<p className="text-emerald-300 text-sm mb-4">Кейсы и объекты</p>
|
||
<h1 className="text-4xl sm:text-5xl font-bold leading-tight">
|
||
Как будут выглядеть кейсы
|
||
<br />
|
||
после наполнения (примерно)
|
||
</h1>
|
||
<p className="mt-5 text-neutral-300 text-lg leading-relaxed">
|
||
Пока здесь демо-контент. Позже надо будет заменить на реальные адреса,
|
||
фото объектов, конфигурации и результаты внедрения. Подумать как это сделать.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section className="py-16 sm:py-20">
|
||
<div className="max-w-7xl mx-auto px-4 sm:px-6 grid md:grid-cols-2 xl:grid-cols-3 gap-6">
|
||
<article className="rounded-3xl overflow-hidden border border-white/10 bg-neutral-900">
|
||
<img
|
||
src="/images/case1.png"
|
||
alt="Жилой комплекс"
|
||
className="h-56 w-full object-cover"
|
||
/>
|
||
<div className="p-6">
|
||
<h2 className="text-2xl font-semibold mb-2">ЖК на 2 въезда</h2>
|
||
<p className="text-neutral-400">
|
||
Автоматизация въезда и выезда по номеру, приложение и базовая
|
||
история событий.
|
||
</p>
|
||
</div>
|
||
</article>
|
||
|
||
<article className="rounded-3xl overflow-hidden border border-white/10 bg-neutral-900">
|
||
<img
|
||
src="/images/case2.jpg"
|
||
alt="Дворовой шлагбаум"
|
||
className="h-56 w-full object-cover"
|
||
/>
|
||
<div className="p-6">
|
||
<h2 className="text-2xl font-semibold mb-2">Дворовой шлагбаум</h2>
|
||
<p className="text-neutral-400">
|
||
Апгрейд существующего въезда без полной замены всей схемы
|
||
доступа.
|
||
</p>
|
||
</div>
|
||
</article>
|
||
|
||
<article className="rounded-3xl overflow-hidden border border-white/10 bg-neutral-900">
|
||
<img
|
||
src="/images/case3.jpg"
|
||
alt="Управляющая компания"
|
||
className="h-56 w-full object-cover"
|
||
/>
|
||
<div className="p-6">
|
||
<h2 className="text-2xl font-semibold mb-2">Объект для УК</h2>
|
||
<p className="text-neutral-400">
|
||
Расширенная подписка с фото в истории, фильтрами и аналитикой по
|
||
событиям проезда.
|
||
</p>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
);
|
||
} |