diff --git a/app/routes/data-transfer/start.tsx b/app/routes/data-transfer/start.tsx
new file mode 100644
index 0000000..fdf8ea8
--- /dev/null
+++ b/app/routes/data-transfer/start.tsx
@@ -0,0 +1,36 @@
+import {
+  Button,
+  Container,
+  Heading,
+  HStack,
+  Radio,
+  RadioGroup,
+  Text,
+  Textarea,
+} from "@chakra-ui/react";
+import { useState } from "react";
+
+export default function () {
+  const [showCookieBox, setShowCookieBox] = useState(false);
+  return (
+    <Container maxW="container.md">
+      <Heading pt="36px">Let's get started</Heading>
+      <Text pt="128px">
+        Are you able to log in to the account you are transferring from?
+      </Text>
+      <RadioGroup onChange={(val) => setShowCookieBox(JSON.parse(val))}>
+        <HStack>
+          <Radio value="false">No</Radio>
+          <Radio value="true">Yes</Radio>
+        </HStack>
+      </RadioGroup>
+      <Textarea
+        id="cookie-box"
+        placeholder="Paste your .ROBLOSECURITY cookie here"
+        pt="16px"
+        style={{ display: showCookieBox ? "initial" : "unset" }}
+      />
+      <Button pt="32px">Continue</Button>
+    </Container>
+  );
+}