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