Introduce basic homepage

app/page.tsx

@@ -1,3 +1,32 @@
+import '@ens-tools/thorin-core/style.css';
 export default function () {
-    return <div>ens.page v0.1-alpha.1</div>;
+    return (
+        <>
+            <section className="bg-ens-light-blue-light dark:bg-ens-dark-blue-surface h-48 flex justify-center items-center">
+                <div className="text-center">
+                    <h1 className="text-2xl font-bold">Welcome to ENS Page</h1>
+                    <p>Your personal link site, for your decentralized name.</p>
+                </div>
+            </section>
+            <section className="flex justify-center items-center">
+                <div className="mt-6">
+                    <h2>View your ENS name</h2>
+                    <form action={'/query'}>
+                        <input
+                            type="text"
+                            name="name"
+                            placeholder="ens.eth"
+                            className="p-2 dark:bg-ens-dark-grey-surface bg-ens-light-grey-surface outline-ens-dark-blue-surface border border-black dark:border-neutral-500 rounded-lg rounded-r-none border-r-0"
+                        ></input>
+                        <button
+                            type="submit"
+                            className="p-2 dark:bg-ens-dark-blue-light bg-ens-light-blue-light rounded-lg rounded-l-none"
+                        >
+                            Search
+                        </button>
+                    </form>
+                </div>
+            </section>
+        </>
+    );
 }

app/query/route.ts

@@ -0,0 +1,11 @@
+
+// This route is needed in order not to use the client side forms on the index
+export async function GET(request: Request) {
+    const { searchParams } = new URL(request.url);
+
+    if (!searchParams.has('name')) {
+        return Response.redirect('https://ens.page');
+    }
+
+    return Response.redirect('https://ens.page/' + searchParams.get('name'));
+}

package.json

@@ -15,6 +15,7 @@
     "dependencies": {
         "@adraffy/ens-normalize": "^1.10.0",
         "@ens-tools/format": "^0.0.2",
+        "@ens-tools/thorin-core": "0.0.3-8",
         "autoprefixer": "^10.4.14",
         "clsx": "^2.0.0",
         "next": "^13.4.10",