diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 4aa93585..b591535c 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -1,16 +1,11 @@
 import { useSession } from "next-auth/react";
-
 import Head from "next/head";
-import Link from "next/link";
-import { Button, Input, Stack } from "@chakra-ui/react";
-
 import { CallToAction } from "../components/CallToAction";
 import { Faq } from "../components/Faq";
 import { Footer } from "../components/Footer";
 import { Header } from "../components/Header";
 import { Hero } from "../components/Hero";
-
-import styles from "../styles/Home.module.css";
+import UserChoice from "../components/UserChoice";
 
 export default function Home() {
   const { data: session } = useSession();
@@ -47,12 +42,7 @@ export default function Home() {
       </Head>
       <Header />
       <main className="h-3/4  z-0 bg-white flex flex-col items-center justify-center gap-2">
-        <Button size="lg" colorScheme="blue" className="drop-shadow">
-          <Link href="/grading/grade-output">Rate a prompt and output now</Link>
-        </Button>
-        <Button size="lg" colorScheme="blue" className="drop-shadow">
-          <Link href="/summarize/story">Summarize a story</Link>
-        </Button>
+        <UserChoice />
       </main>
       <Footer />
     </>