diff --git a/web/components/Onboarding/GetStarted.tsx b/web/components/Onboarding/GetStarted.tsx
new file mode 100644
index 00000000..d3988ff7
--- /dev/null
+++ b/web/components/Onboarding/GetStarted.tsx
@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function GetStartedPage({ setPage }: Props) {
+  return <div></div>;
+}
diff --git a/web/components/Onboarding/HouseholdInfo.tsx b/web/components/Onboarding/HouseholdInfo.tsx
new file mode 100644
index 00000000..be89081d
--- /dev/null
+++ b/web/components/Onboarding/HouseholdInfo.tsx
@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function HouseholdInfoPage({ setPage }: Props) {
+  return <div></div>;
+}
diff --git a/web/components/Onboarding/LiabilityWaiver.tsx b/web/components/Onboarding/LiabilityWaiver.tsx
new file mode 100644
index 00000000..1d5fc9ef
--- /dev/null
+++ b/web/components/Onboarding/LiabilityWaiver.tsx
@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function LiabilityWaiverPage({ setPage }: Props) {
+  return <div></div>;
+}
diff --git a/web/components/Onboarding/PreferredContact.tsx b/web/components/Onboarding/PreferredContact.tsx
new file mode 100644
index 00000000..5000b8f8
--- /dev/null
+++ b/web/components/Onboarding/PreferredContact.tsx
@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function PreferredContactPage({ setPage }: Props) {
+  return <div></div>;
+}
diff --git a/web/components/Onboarding/RequestItems.tsx b/web/components/Onboarding/RequestItems.tsx
new file mode 100644
index 00000000..b3e3fbd4
--- /dev/null
+++ b/web/components/Onboarding/RequestItems.tsx
@@ -0,0 +1,13 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function RequestItemsPage({ setPage }: Props) {
+
+  return (
+    <div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/web/components/Onboarding/ShippingAddress.tsx b/web/components/Onboarding/ShippingAddress.tsx
new file mode 100644
index 00000000..6e0000a9
--- /dev/null
+++ b/web/components/Onboarding/ShippingAddress.tsx
@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function ShippingAddressPage({ setPage }: Props) {
+  return <div></div>;
+}
diff --git a/web/pages/admin/caregivers.tsx b/web/pages/admin/caregivers.tsx
index 559518e9..e5916176 100644
--- a/web/pages/admin/caregivers.tsx
+++ b/web/pages/admin/caregivers.tsx
@@ -4,7 +4,7 @@ import { useRouter } from "next/router";
 import React, { useMemo, useState } from "react";
 
 import { Caregiver } from "@lib/types/users";
-import { deleteCaretaker, getCaregivers } from "db/actions/caregiver/Caregiver";
+import { deleteCaretaker, getCaregivers } from "db/actions/admin/Caregiver";
 
 import CaretakerTable from "@components/CaretakerTable";
 
diff --git a/web/pages/caregiver/onboarding.tsx b/web/pages/caregiver/onboarding.tsx
new file mode 100644
index 00000000..835c69fe
--- /dev/null
+++ b/web/pages/caregiver/onboarding.tsx
@@ -0,0 +1,34 @@
+import { useState } from "react";
+
+import GetStartedPage from "@components/Onboarding/GetStarted";
+import HouseholdInfoPage from "@components/Onboarding/HouseholdInfo";
+import LiabilityWaiverPage from "@components/Onboarding/LiabilityWaiver";
+import RequestItemsPage from "@components/Onboarding/RequestItems";
+import ShippingAddressPage from "@components/Onboarding/ShippingAddress";
+import PreferredContactPage from "@components/Onboarding/PreferredContact";
+
+export default function CaregiverOnboarding() {
+  // Page 0 - Let's Get Started, Page 1 - Household Information, Page 2 - Liability Waiver,
+  // Page 3 - Request Items, Page 4 - Shipping Address, Page 5 - Contact Page
+  const [page, setPage] = useState(0);
+
+  return (
+    <div>
+      {page == 0 ? (
+        <GetStartedPage setPage={setPage} />
+      ) : page == 1 ? (
+        <HouseholdInfoPage setPage={setPage} />
+      ) : page == 2 ? (
+        <LiabilityWaiverPage setPage={setPage} />
+      ) : page == 3 ? (
+        <RequestItemsPage setPage={setPage} />
+      ) : page == 4 ? (
+        <ShippingAddressPage setPage={setPage} />
+      ) : page == 5 ? (
+        <PreferredContactPage setPage={setPage} />
+      ) : null
+      // Save data and route to next page
+      }
+    </div>
+  );
+}
diff --git a/web/pages/index.tsx b/web/pages/index.tsx
deleted file mode 100644
index c92e0b33..00000000
--- a/web/pages/index.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Account, Caregiver } from "@lib/types/users";
-import { createCaregiverAccount } from "db/actions/SignUp";
-import { updateCaregiver } from "db/actions/caregiver/Caregiver";
-
-export default function Index() {
-    return (
-        <div>
-            <button
-            onClick={() => {
-                const caregiver: Partial<Caregiver> = {
-                    numAdults: 1,
-                    numChildren: 1,
-                    signedWaivers: [],
-                    address: "5 Cramer Drive",
-                    city: "Chester",
-                    state: "NJ",
-                    zipCode: "07930",
-                    contact: "Email",
-                };
-
-                updateCaregiver("Ufnn7fOKQKSeGAe54tpHEaGVGUl2", caregiver);
-            }}>
-                Click me
-            </button>
-        </div>
-    )
-}
\ No newline at end of file