diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/page.tsx
index e789905..905659d 100644
--- a/apps/www/src/app/page.tsx
+++ b/apps/www/src/app/page.tsx
@@ -1,44 +1,11 @@
-import { Suspense } from 'react';
-
-import { api, HydrateClient } from '~/trpc/server';
-import { AuthShowcase } from './_components/auth-showcase';
-import {
-  CreatePostForm,
-  PostCardSkeleton,
-  PostList,
-} from './_components/posts';
-
-export const runtime = 'edge';
-
-export default function HomePage() {
-  // You can await this here if you don't want to show Suspense fallback below
-  void api.post.all.prefetch();
+import type { NextPage } from "next";
 
+const Home: NextPage = () => {
   return (
-    <HydrateClient>
-      <main className='container h-screen py-16'>
-        <div className='flex flex-col items-center justify-center gap-4'>
-          <h1 className='text-5xl font-extrabold tracking-tight sm:text-[5rem]'>
-            Create <span className='text-primary'>T3</span> Turbo
-          </h1>
-          <AuthShowcase />
-
-          <CreatePostForm />
-          <div className='w-full max-w-2xl overflow-y-scroll'>
-            <Suspense
-              fallback={
-                <div className='flex w-full flex-col gap-4'>
-                  <PostCardSkeleton />
-                  <PostCardSkeleton />
-                  <PostCardSkeleton />
-                </div>
-              }
-            >
-              <PostList />
-            </Suspense>
-          </div>
-        </div>
-      </main>
-    </HydrateClient>
+    <div>
+      <p>home page</p>
+    </div>
   );
-}
+};
+
+export default Home;