frontend: home page

docker/frontend/src/app/page.tsx

@@ -0,0 +1,29 @@
+import Link from 'next/link'
+
+export default function Home() {
+  return (
+    <main className="min-h-screen flex flex-col items-center justify-center px-6"
+          style={{ background: 'var(--bg)' }}>
+      <div className="text-center max-w-xl">
+        <div className="mb-8 flex justify-center">
+          <div className="w-16 h-16 rounded-2xl bg-brand-600 flex items-center justify-center text-3xl font-bold text-white shadow-lg shadow-brand-600/30">
+            م
+          </div>
+        </div>
+        <h1 className="text-4xl font-bold text-white mb-3 tracking-tight">Manar</h1>
+        <p className="text-lg text-slate-400 mb-2">منار — AI Paid Media Ops Platform</p>
+        <p className="text-sm text-slate-500 mb-10">Monitor · Diagnose · Recommend · Execute · Report</p>
+        <div className="flex flex-col gap-3 items-center">
+          <Link href="/dashboard"
+            className="w-full max-w-xs bg-brand-600 hover:bg-brand-700 text-white font-semibold py-3 px-6 rounded-xl transition-colors text-center">
+            Open Dashboard
+          </Link>
+        </div>
+      </div>
+      <footer className="absolute bottom-6 text-xs text-slate-600 flex gap-4">
+        <Link href="/privacy" className="hover:text-slate-400 transition-colors">Privacy Policy</Link>
+        <Link href="/terms" className="hover:text-slate-400 transition-colors">Terms of Service</Link>
+      </footer>
+    </main>
+  )
+}