diff --git a/website/src/components/Dashboard/WelcomeModal.tsx b/website/src/components/Dashboard/WelcomeModal.tsx
new file mode 100644
index 00000000..24e6b389
--- /dev/null
+++ b/website/src/components/Dashboard/WelcomeModal.tsx
@@ -0,0 +1,52 @@
+import {
+ Box,
+ Button,
+ Modal,
+ ModalBody,
+ ModalCloseButton,
+ ModalContent,
+ ModalFooter,
+ ModalHeader,
+ ModalOverlay,
+ Text,
+ useColorModeValue,
+} from "@chakra-ui/react";
+import { useSession } from "next-auth/react";
+import { useState } from "react";
+
+export function WelcomeModal() {
+ const backgroundColor = useColorModeValue("white", "gray.700");
+ const { data: session } = useSession();
+
+ const [showModal, setShowModal] = useState(true);
+
+ if (!session) {
+ return <>;
+ }
+ if (session && session.user)
+ return (
+ <>
+ setShowModal(false)} isCentered>
+
+
+ Welcome, {session.user.name}!
+
+
+
+
+ Open Assistant is an open-source AI assistant that uses and trains advanced language models to
+ understand and respond to humans.
+
+ Help train
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/website/src/components/Dashboard/index.ts b/website/src/components/Dashboard/index.ts
index 6e110534..0d6ca5e3 100644
--- a/website/src/components/Dashboard/index.ts
+++ b/website/src/components/Dashboard/index.ts
@@ -1,2 +1,3 @@
export { LeaderboardTable } from "./LeaderboardTable";
export { TaskOption } from "./TaskOption";
+export { WelcomeModal } from "./WelcomeModal";
diff --git a/website/src/pages/dashboard.tsx b/website/src/pages/dashboard.tsx
index 3971e125..c4245554 100644
--- a/website/src/pages/dashboard.tsx
+++ b/website/src/pages/dashboard.tsx
@@ -1,16 +1,10 @@
import { Flex } from "@chakra-ui/react";
import Head from "next/head";
-import { useSession } from "next-auth/react";
-import { LeaderboardTable, TaskOption } from "src/components/Dashboard";
+import { LeaderboardTable, TaskOption, WelcomeModal } from "src/components/Dashboard";
import { getDashboardLayout } from "src/components/Layout";
import { TaskCategory } from "src/components/Tasks/TaskTypes";
const Dashboard = () => {
- const { data: session } = useSession();
-
- // TODO(#670): Do something more meaningful when the user is new.
- console.log(session?.user?.isNew);
-
return (
<>
@@ -18,6 +12,7 @@ const Dashboard = () => {
+