Scaffold web frontend: mock-backed chat + PDF split-view, Tailwind/shadcn

2026-07-31 12:16:47 +07:00
parent b72d4bf9d9
commit 967b917001
43 changed files with 5192 additions and 7 deletions
@@ -0,0 +1,36 @@
+import type { Metadata } from "next";
+import { DisclaimerBanner } from "@duoc-thu/ui";
+import { NavTabs } from "./_components/NavTabs";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Dược Thư RAG",
+  description: "Chatbot tra cứu Dược thư quốc gia Việt Nam",
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="vi">
+      <body className="flex min-h-screen flex-col">
+        <DisclaimerBanner />
+        <header className="flex flex-wrap items-center gap-4 bg-gradient-to-r from-primary to-teal-900 px-6 py-4 text-primary-foreground shadow-sm">
+          <div className="flex items-center gap-3">
+            <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-white/15">
+              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                <path d="M12 3v18M3 12h18" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" />
+              </svg>
+            </div>
+            <div>
+              <p className="m-0 text-lg font-bold leading-tight">Dược Thư RAG</p>
+              <p className="m-0 text-sm leading-tight text-primary-foreground/85">
+                Tra cứu Dược thư quốc gia Việt Nam
+              </p>
+            </div>
+          </div>
+          <NavTabs />
+        </header>
+        <main className="flex flex-1 justify-center p-6">{children}</main>
+      </body>
+    </html>
+  );
+}