Add app directory

app/page.tsx

@@ -0,0 +1,32 @@
+import clsx from 'clsx';
+import { gltfLoader, manager } from 'lib/gltf-loader';
+import { getMousePosition } from 'lib/utils';
+import dynamic from 'next/dynamic';
+import Head from 'next/head';
+import Image from 'next/image';
+import { Suspense, useCallback } from 'react';
+import { InitFn, THREE, useThree } from 'rua-three';
+import styles from 'styles/index/index.module.css';
+import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
+
+export default function Page() {
+  return (
+    <main className="h-[calc(100vh-142px)] flex justify-center items-center text-xl">
+      <div className="z-0 flex flex-col w-full h-full max-w-4xl px-4 py-32 text-2xl">
+        <h1 className="flex pb-4 text-5xl">
+          <span className={clsx('font-Aleo font-semibold', styles.gradient)}>
+            Hi there
+          </span>
+          <span className="ml-3">
+            <Image
+              src="/images/img/hands.svg"
+              alt="hands"
+              width={36}
+              height={36}
+            />
+          </span>
+        </h1>
+      </div>
+    </main>
+  );
+}