From 3579c8e4cf06249c0b544f87e956973830e25f5d Mon Sep 17 00:00:00 2001
From: Oleg Proskurin <regx@usul.su>
Date: Sun, 30 Nov 2025 01:53:45 +0700
Subject: [PATCH] feat: lab layout

---
 .../src/app/{ => (lab)}/lab/generate/page.tsx |  0
 .../src/app/{ => (lab)}/lab/images/page.tsx   |  0
 .../src/app/{ => (lab)}/lab/layout.tsx        |  0
 .../src/app/{ => (lab)}/lab/live/page.tsx     |  0
 apps/landing/src/app/{ => (lab)}/lab/page.tsx |  0
 .../src/app/{ => (lab)}/lab/upload/page.tsx   |  0
 apps/landing/src/app/(lab)/layout.tsx         | 34 ++++++++++
 .../app/{ => (main)}/admin/apikeys/page.tsx   |  0
 .../src/app/{ => (main)}/admin/layout.tsx     |  0
 .../app/{ => (main)}/admin/master/page.tsx    |  0
 .../app/{ => (main)}/demo/gallery/page.tsx    |  0
 .../src/app/{ => (main)}/demo/layout.tsx      |  0
 .../src/app/{ => (main)}/demo/tti/page.tsx    |  0
 .../src/app/{ => (main)}/demo/upload/page.tsx |  0
 .../docs/api/text-to-image/page.tsx           |  0
 .../docs/guides/authentication/page.tsx       |  0
 .../src/app/{ => (main)}/docs/layout.tsx      |  0
 .../src/app/{ => (main)}/docs/page.tsx        |  0
 apps/landing/src/app/(main)/layout.tsx        | 37 +++++++++++
 apps/landing/src/app/{ => (main)}/page.tsx    |  0
 apps/landing/src/app/layout.tsx               | 28 ---------
 .../src/components/layout/lab/LabFooter.tsx   | 62 +++++++++++++++++++
 .../src/components/layout/lab/LabLayout.tsx   | 16 ++++-
 23 files changed, 146 insertions(+), 31 deletions(-)
 rename apps/landing/src/app/{ => (lab)}/lab/generate/page.tsx (100%)
 rename apps/landing/src/app/{ => (lab)}/lab/images/page.tsx (100%)
 rename apps/landing/src/app/{ => (lab)}/lab/layout.tsx (100%)
 rename apps/landing/src/app/{ => (lab)}/lab/live/page.tsx (100%)
 rename apps/landing/src/app/{ => (lab)}/lab/page.tsx (100%)
 rename apps/landing/src/app/{ => (lab)}/lab/upload/page.tsx (100%)
 create mode 100644 apps/landing/src/app/(lab)/layout.tsx
 rename apps/landing/src/app/{ => (main)}/admin/apikeys/page.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/admin/layout.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/admin/master/page.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/demo/gallery/page.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/demo/layout.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/demo/tti/page.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/demo/upload/page.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/docs/api/text-to-image/page.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/docs/guides/authentication/page.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/docs/layout.tsx (100%)
 rename apps/landing/src/app/{ => (main)}/docs/page.tsx (100%)
 create mode 100644 apps/landing/src/app/(main)/layout.tsx
 rename apps/landing/src/app/{ => (main)}/page.tsx (100%)
 create mode 100644 apps/landing/src/components/layout/lab/LabFooter.tsx

diff --git a/apps/landing/src/app/lab/generate/page.tsx b/apps/landing/src/app/(lab)/lab/generate/page.tsx
similarity index 100%
rename from apps/landing/src/app/lab/generate/page.tsx
rename to apps/landing/src/app/(lab)/lab/generate/page.tsx
diff --git a/apps/landing/src/app/lab/images/page.tsx b/apps/landing/src/app/(lab)/lab/images/page.tsx
similarity index 100%
rename from apps/landing/src/app/lab/images/page.tsx
rename to apps/landing/src/app/(lab)/lab/images/page.tsx
diff --git a/apps/landing/src/app/lab/layout.tsx b/apps/landing/src/app/(lab)/lab/layout.tsx
similarity index 100%
rename from apps/landing/src/app/lab/layout.tsx
rename to apps/landing/src/app/(lab)/lab/layout.tsx
diff --git a/apps/landing/src/app/lab/live/page.tsx b/apps/landing/src/app/(lab)/lab/live/page.tsx
similarity index 100%
rename from apps/landing/src/app/lab/live/page.tsx
rename to apps/landing/src/app/(lab)/lab/live/page.tsx
diff --git a/apps/landing/src/app/lab/page.tsx b/apps/landing/src/app/(lab)/lab/page.tsx
similarity index 100%
rename from apps/landing/src/app/lab/page.tsx
rename to apps/landing/src/app/(lab)/lab/page.tsx
diff --git a/apps/landing/src/app/lab/upload/page.tsx b/apps/landing/src/app/(lab)/lab/upload/page.tsx
similarity index 100%
rename from apps/landing/src/app/lab/upload/page.tsx
rename to apps/landing/src/app/(lab)/lab/upload/page.tsx
diff --git a/apps/landing/src/app/(lab)/layout.tsx b/apps/landing/src/app/(lab)/layout.tsx
new file mode 100644
index 0000000..7147cbd
--- /dev/null
+++ b/apps/landing/src/app/(lab)/layout.tsx
@@ -0,0 +1,34 @@
+import Image from 'next/image';
+
+export default function LabLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      <header className="relative z-10 border-b border-white/10 backdrop-blur-sm">
+        <nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
+          <div className="h-full flex items-center">
+            <Image
+              src="/banatie-logo-horisontal.png"
+              alt="Banatie Logo"
+              width={150}
+              height={40}
+              priority
+              className="h-full w-auto object-contain"
+            />
+          </div>
+          <a
+            href="#waitlist"
+            className="text-sm text-gray-300 hover:text-white transition-colors"
+          >
+            Join Beta
+          </a>
+        </nav>
+      </header>
+
+      {children}
+    </>
+  );
+}
diff --git a/apps/landing/src/app/admin/apikeys/page.tsx b/apps/landing/src/app/(main)/admin/apikeys/page.tsx
similarity index 100%
rename from apps/landing/src/app/admin/apikeys/page.tsx
rename to apps/landing/src/app/(main)/admin/apikeys/page.tsx
diff --git a/apps/landing/src/app/admin/layout.tsx b/apps/landing/src/app/(main)/admin/layout.tsx
similarity index 100%
rename from apps/landing/src/app/admin/layout.tsx
rename to apps/landing/src/app/(main)/admin/layout.tsx
diff --git a/apps/landing/src/app/admin/master/page.tsx b/apps/landing/src/app/(main)/admin/master/page.tsx
similarity index 100%
rename from apps/landing/src/app/admin/master/page.tsx
rename to apps/landing/src/app/(main)/admin/master/page.tsx
diff --git a/apps/landing/src/app/demo/gallery/page.tsx b/apps/landing/src/app/(main)/demo/gallery/page.tsx
similarity index 100%
rename from apps/landing/src/app/demo/gallery/page.tsx
rename to apps/landing/src/app/(main)/demo/gallery/page.tsx
diff --git a/apps/landing/src/app/demo/layout.tsx b/apps/landing/src/app/(main)/demo/layout.tsx
similarity index 100%
rename from apps/landing/src/app/demo/layout.tsx
rename to apps/landing/src/app/(main)/demo/layout.tsx
diff --git a/apps/landing/src/app/demo/tti/page.tsx b/apps/landing/src/app/(main)/demo/tti/page.tsx
similarity index 100%
rename from apps/landing/src/app/demo/tti/page.tsx
rename to apps/landing/src/app/(main)/demo/tti/page.tsx
diff --git a/apps/landing/src/app/demo/upload/page.tsx b/apps/landing/src/app/(main)/demo/upload/page.tsx
similarity index 100%
rename from apps/landing/src/app/demo/upload/page.tsx
rename to apps/landing/src/app/(main)/demo/upload/page.tsx
diff --git a/apps/landing/src/app/docs/api/text-to-image/page.tsx b/apps/landing/src/app/(main)/docs/api/text-to-image/page.tsx
similarity index 100%
rename from apps/landing/src/app/docs/api/text-to-image/page.tsx
rename to apps/landing/src/app/(main)/docs/api/text-to-image/page.tsx
diff --git a/apps/landing/src/app/docs/guides/authentication/page.tsx b/apps/landing/src/app/(main)/docs/guides/authentication/page.tsx
similarity index 100%
rename from apps/landing/src/app/docs/guides/authentication/page.tsx
rename to apps/landing/src/app/(main)/docs/guides/authentication/page.tsx
diff --git a/apps/landing/src/app/docs/layout.tsx b/apps/landing/src/app/(main)/docs/layout.tsx
similarity index 100%
rename from apps/landing/src/app/docs/layout.tsx
rename to apps/landing/src/app/(main)/docs/layout.tsx
diff --git a/apps/landing/src/app/docs/page.tsx b/apps/landing/src/app/(main)/docs/page.tsx
similarity index 100%
rename from apps/landing/src/app/docs/page.tsx
rename to apps/landing/src/app/(main)/docs/page.tsx
diff --git a/apps/landing/src/app/(main)/layout.tsx b/apps/landing/src/app/(main)/layout.tsx
new file mode 100644
index 0000000..ba6faf5
--- /dev/null
+++ b/apps/landing/src/app/(main)/layout.tsx
@@ -0,0 +1,37 @@
+import Image from 'next/image';
+import { Footer } from '@/components/shared/Footer';
+
+export default function MainLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      <header className="relative z-10 border-b border-white/10 backdrop-blur-sm">
+        <nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
+          <div className="h-full flex items-center">
+            <Image
+              src="/banatie-logo-horisontal.png"
+              alt="Banatie Logo"
+              width={150}
+              height={40}
+              priority
+              className="h-full w-auto object-contain"
+            />
+          </div>
+          <a
+            href="#waitlist"
+            className="text-sm text-gray-300 hover:text-white transition-colors"
+          >
+            Join Beta
+          </a>
+        </nav>
+      </header>
+
+      {children}
+
+      <Footer />
+    </>
+  );
+}
diff --git a/apps/landing/src/app/page.tsx b/apps/landing/src/app/(main)/page.tsx
similarity index 100%
rename from apps/landing/src/app/page.tsx
rename to apps/landing/src/app/(main)/page.tsx
diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx
index 3376bff..1ecaaad 100644
--- a/apps/landing/src/app/layout.tsx
+++ b/apps/landing/src/app/layout.tsx
@@ -1,7 +1,5 @@
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
-import Image from 'next/image';
-import { Footer } from '@/components/shared/Footer';
 import './globals.css';
 
 const inter = Inter({
@@ -71,38 +69,12 @@ export default function RootLayout({
       </head>
       <body className={`${inter.variable} antialiased`}>
         <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950">
-          {/* Animated gradient background */}
           <div className="fixed inset-0 overflow-hidden pointer-events-none">
             <div className="absolute top-1/4 -left-1/4 w-96 h-96 bg-purple-600/10 rounded-full blur-3xl animate-pulse"></div>
             <div className="absolute bottom-1/4 -right-1/4 w-96 h-96 bg-cyan-600/10 rounded-full blur-3xl animate-pulse delay-700"></div>
           </div>
 
-          {/* Header */}
-          <header className="relative z-10 border-b border-white/10 backdrop-blur-sm">
-            <nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
-              <div className="h-full flex items-center">
-                <Image
-                  src="/banatie-logo-horisontal.png"
-                  alt="Banatie Logo"
-                  width={150}
-                  height={40}
-                  priority
-                  className="h-full w-auto object-contain"
-                />
-              </div>
-              <a
-                href="#waitlist"
-                className="text-sm text-gray-300 hover:text-white transition-colors"
-              >
-                Join Beta
-              </a>
-            </nav>
-          </header>
-
-          {/* Page content */}
           {children}
-
-          <Footer />
         </div>
       </body>
     </html>
diff --git a/apps/landing/src/components/layout/lab/LabFooter.tsx b/apps/landing/src/components/layout/lab/LabFooter.tsx
new file mode 100644
index 0000000..8a9b406
--- /dev/null
+++ b/apps/landing/src/components/layout/lab/LabFooter.tsx
@@ -0,0 +1,62 @@
+'use client';
+
+/**
+ * Lab Footer Component
+ *
+ * Simple 1-line footer for lab section with contextual navigation links.
+ * Displays copyright on left and contextual docs/API links on right.
+ */
+
+import { usePathname } from 'next/navigation';
+import Link from 'next/link';
+
+type LinkMapEntry = {
+  docs: string;
+  api: string;
+};
+
+type LinkMap = {
+  [key: string]: LinkMapEntry;
+};
+
+const linkMap: LinkMap = {
+  '/lab/generate': { docs: '/docs', api: '/docs/api/text-to-image' },
+  '/lab/images': { docs: '/docs', api: '/docs/api/images' },
+  '/lab/live': { docs: '/docs', api: '/docs/api/text-to-image' },
+  '/lab/upload': { docs: '/docs', api: '/docs/api/upload' },
+};
+
+export const LabFooter = () => {
+  const pathname = usePathname();
+  const links = linkMap[pathname] || { docs: '/docs', api: '/docs/api' };
+
+  return (
+    <footer
+      className="border-t border-white/10 bg-slate-950/50 backdrop-blur-sm"
+      role="contentinfo"
+    >
+      <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4 md:gap-0 px-6 py-4 md:h-14">
+        {/* Left: Copyright */}
+        <p className="text-sm text-gray-500 order-2 md:order-1">
+          © 2025 Banatie. Built for builders who create.
+        </p>
+
+        {/* Right: Contextual Links */}
+        <nav aria-label="Footer navigation" className="flex items-center gap-6 order-1 md:order-2">
+          <Link
+            href={links.docs}
+            className="text-sm text-gray-500 hover:text-white transition-colors min-h-[44px] flex items-center"
+          >
+            Documentation
+          </Link>
+          <Link
+            href={links.api}
+            className="text-sm text-gray-500 hover:text-white transition-colors min-h-[44px] flex items-center"
+          >
+            API Reference
+          </Link>
+        </nav>
+      </div>
+    </footer>
+  );
+};
diff --git a/apps/landing/src/components/layout/lab/LabLayout.tsx b/apps/landing/src/components/layout/lab/LabLayout.tsx
index 738df36..2441810 100644
--- a/apps/landing/src/components/layout/lab/LabLayout.tsx
+++ b/apps/landing/src/components/layout/lab/LabLayout.tsx
@@ -7,10 +7,14 @@
  * Uses ThreeColumnLayout for consistent column structure across the app.
  *
  * Structure:
- * - Left: LabSidebar (w-64, hidden lg:block)
- * - Center: Page content (flex-1)
+ * - Left: LabSidebar (w-64, hidden lg:block, scrollable)
+ * - Center: Scrollable content area + fixed LabFooter at bottom
  * - Right: Reserved for future use (TOC, preview panels, etc.)
  *
+ * The center column uses a fixed height container with:
+ * - Scrollable content area (flex-1 overflow-y-auto)
+ * - Sticky footer always visible at bottom
+ *
  * This layout is rendered inside PageProvider context which provides:
  * - SubsectionNav at the top
  * - ApiKeyWidget in the right slot
@@ -20,6 +24,7 @@
 import { ReactNode } from 'react';
 import { ThreeColumnLayout } from '@/components/layout/ThreeColumnLayout';
 import { LabSidebar } from './LabSidebar';
+import { LabFooter } from './LabFooter';
 
 type LabLayoutProps = {
   children: ReactNode;
@@ -33,7 +38,12 @@ export const LabLayout = ({ children }: LabLayoutProps) => {
           <LabSidebar />
         </div>
       }
-      center={children}
+      center={
+        <div className="flex flex-col h-[calc(100vh-3rem)]">
+          <div className="flex-1 overflow-y-auto">{children}</div>
+          <LabFooter />
+        </div>
+      }
     />
   );
 };