basic page structure, navbar and footer

2026-09-22 13:38:45 +00:00 · 2021-06-22 14:55:53 +01:00
parent 0f049edbce
commit 0d467cfa13
9 changed files with 122 additions and 10 deletions
@@ -0,0 +1,29 @@
+import Head from 'next/head'
+import Image from 'next/image'
+import { useRouter } from 'next/router'
+
+import siteConfig from '../config/site.json'
+import Navbar from '../components/Navbar'
+import FileListing from '../components/FileListing'
+import Footer from '../components/Footer'
+
+export default function Folders() {
+  const { query } = useRouter()
+
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen">
+      <Head>
+        <title>{siteConfig.title}</title>
+      </Head>
+
+      <main className="flex flex-col w-full flex-1 bg-gray-50">
+        <Navbar />
+        <div className="mx-auto w-full max-w-4xl">
+          <FileListing query={query} />
+        </div>
+      </main>
+
+      <Footer />
+    </div>
+  )
+}