init

app/cases/page.tsx

@@ -0,0 +1,71 @@
+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="https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?auto=format&fit=crop&w=1200&q=80"
+              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="https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=1200&q=80"
+              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="https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1200&q=80"
+              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>
+  );
+}