diff --git a/libs/site-pages/src/index.ts b/libs/site-pages/src/index.ts
index ab11484..259a74c 100644
--- a/libs/site-pages/src/index.ts
+++ b/libs/site-pages/src/index.ts
@@ -1,2 +1,3 @@
+export * from './lib/registration-page/registration-page';
 export * from './lib/login-page/login-page';
 export * from './lib/site-pages';
diff --git a/libs/site-pages/src/lib/registration-page/registration-page.module.scss b/libs/site-pages/src/lib/registration-page/registration-page.module.scss
new file mode 100644
index 0000000..45c2aa4
--- /dev/null
+++ b/libs/site-pages/src/lib/registration-page/registration-page.module.scss
@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/
diff --git a/libs/site-pages/src/lib/registration-page/registration-page.spec.tsx b/libs/site-pages/src/lib/registration-page/registration-page.spec.tsx
new file mode 100644
index 0000000..82cbf8a
--- /dev/null
+++ b/libs/site-pages/src/lib/registration-page/registration-page.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import RegistrationPage from './registration-page';
+
+describe('RegistrationPage', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<RegistrationPage />);
+    expect(baseElement).toBeTruthy();
+  });
+});
diff --git a/libs/site-pages/src/lib/registration-page/registration-page.tsx b/libs/site-pages/src/lib/registration-page/registration-page.tsx
new file mode 100644
index 0000000..a580930
--- /dev/null
+++ b/libs/site-pages/src/lib/registration-page/registration-page.tsx
@@ -0,0 +1,14 @@
+import styles from './registration-page.module.scss';
+
+/* eslint-disable-next-line */
+export interface RegistrationPageProps {}
+
+export function RegistrationPage(props: RegistrationPageProps) {
+  return (
+    <div className={styles['container']}>
+      <h1>Welcome to RegistrationPage!</h1>
+    </div>
+  );
+}
+
+export default RegistrationPage;