diff --git a/apps/dashboard/src/components/dashboard-account-settings/email-and-auth/email-and-auth-page.tsx b/apps/dashboard/src/components/dashboard-account-settings/email-and-auth/email-and-auth-page.tsx
new file mode 100644
index 000000000..a3fb17122
--- /dev/null
+++ b/apps/dashboard/src/components/dashboard-account-settings/email-and-auth/email-and-auth-page.tsx
@@ -0,0 +1,20 @@
+import { PageLayout } from "../page-layout";
+import { EmailsSection } from "./emails-section";
+import { MfaSection } from "./mfa-section";
+import { OtpSection } from "./otp-section";
+import { PasskeySection } from "./passkey-section";
+import { PasswordSection } from "./password-section";
+
+export function EmailsAndAuthPage(props?: {
+  mockMode?: boolean,
+}) {
+  return (
+    <PageLayout>
+      <EmailsSection mockMode={props?.mockMode}/>
+      <PasswordSection mockMode={props?.mockMode} />
+      <PasskeySection mockMode={props?.mockMode} />
+      <OtpSection mockMode={props?.mockMode} />
+      <MfaSection mockMode={props?.mockMode} />
+    </PageLayout>
+  );
+}