diff --git a/apps/web/components/Form.jsx b/apps/web/components/Form.jsx
index f062393..47a2a1a 100644
--- a/apps/web/components/Form.jsx
+++ b/apps/web/components/Form.jsx
@@ -1,14 +1,12 @@
 import styles from './Form.module.scss';
 import { publicRuntimeConfig } from '@/config/runtime';
-import Button from '@/elements/Button';
-import Error from '@/elements/Error';
-import Input from '@/elements/Input';
+import { Button, Error, Input } from '@/elements';
 import axios from 'axios';
 import { useState } from 'react';
 
 const { APP_BASE_PATH } = publicRuntimeConfig;
 
-export default function Form() {
+export function Form() {
   const [hasError, setHasError] = useState(false);
   const error = hasError ? <Error>Неверный логин или пароль</Error> : null;
 
diff --git a/apps/web/components/Login.jsx b/apps/web/components/Login.jsx
index e968933..0722e04 100644
--- a/apps/web/components/Login.jsx
+++ b/apps/web/components/Login.jsx
@@ -1,8 +1,8 @@
-import Form from './Form';
+import { Form } from './Form';
 import styles from './Login.module.scss';
-import Logo from '@/elements/Logo';
+import { Logo } from '@/elements';
 
-export default function Login() {
+export function Login() {
   return (
     <div className={styles.wrapper}>
       <div className={styles.login}>
diff --git a/apps/web/components/index.js b/apps/web/components/index.js
new file mode 100644
index 0000000..d64efa0
--- /dev/null
+++ b/apps/web/components/index.js
@@ -0,0 +1,2 @@
+export * from './Form';
+export * from './Login';
diff --git a/apps/web/elements/Button.tsx b/apps/web/elements/Button.tsx
index df70352..d156cce 100644
--- a/apps/web/elements/Button.tsx
+++ b/apps/web/elements/Button.tsx
@@ -3,7 +3,7 @@ import styles from './Button.module.css';
 
 type ButtonProps = JSX.IntrinsicElements['button'];
 
-export default function Button({ children, ...props }: ButtonProps) {
+export function Button({ children, ...props }: ButtonProps) {
   return (
     <button className={styles.btn} {...props}>
       {children}
diff --git a/apps/web/elements/Error.jsx b/apps/web/elements/Error.jsx
index 9747204..d1f5668 100644
--- a/apps/web/elements/Error.jsx
+++ b/apps/web/elements/Error.jsx
@@ -1,5 +1,5 @@
 import styles from './Error.module.css';
 
-export default function Error({ children }) {
+export function Error({ children }) {
   return <span className={styles.error}>{children}</span>;
 }
diff --git a/apps/web/elements/Input.tsx b/apps/web/elements/Input.tsx
index a16544a..fa47346 100644
--- a/apps/web/elements/Input.tsx
+++ b/apps/web/elements/Input.tsx
@@ -2,6 +2,6 @@ import styles from './Input.module.css';
 
 type InputProps = JSX.IntrinsicElements['input'];
 
-export default function Input(props: InputProps) {
+export function Input(props: InputProps) {
   return <input className={styles.input} {...props} />;
 }
diff --git a/apps/web/elements/Logo.jsx b/apps/web/elements/Logo.jsx
index f45e4e1..2526ac0 100644
--- a/apps/web/elements/Logo.jsx
+++ b/apps/web/elements/Logo.jsx
@@ -1,6 +1,6 @@
 import Image from 'next/image';
 import logo from 'public/assets/images/logo-primary.svg';
 
-export default function Logo() {
+export function Logo() {
   return <Image src={logo} alt="logo" width={154} />;
 }
diff --git a/apps/web/elements/index.js b/apps/web/elements/index.js
new file mode 100644
index 0000000..9336413
--- /dev/null
+++ b/apps/web/elements/index.js
@@ -0,0 +1,5 @@
+export * from './Button';
+export * from './Error';
+export * from './H';
+export * from './Input';
+export * from './Logo';
diff --git a/apps/web/pages/index.jsx b/apps/web/pages/index.jsx
index f39e348..cf79ca6 100644
--- a/apps/web/pages/index.jsx
+++ b/apps/web/pages/index.jsx
@@ -1,4 +1,4 @@
-import Login from '@/components/Login';
+import { Login } from '@/components';
 import { publicRuntimeConfig } from '@/config/runtime';
 import Head from 'next/head';
 
@@ -13,7 +13,7 @@ function PageHead() {
   );
 }
 
-export default function Home() {
+export default function Page() {
   return (
     <>
       <PageHead />
diff --git a/apps/web/pages/telegram.jsx b/apps/web/pages/telegram.jsx
new file mode 100644
index 0000000..bbe39b0
--- /dev/null
+++ b/apps/web/pages/telegram.jsx
@@ -0,0 +1,24 @@
+import { Login } from '@/components';
+import { publicRuntimeConfig } from '@/config/runtime';
+import Head from 'next/head';
+
+const { APP_DESCRIPTION } = publicRuntimeConfig;
+
+function PageHead() {
+  return (
+    <Head>
+      <title>{`Вход - ${APP_DESCRIPTION}`}</title>
+      <meta name="description" content={APP_DESCRIPTION} />
+    </Head>
+  );
+}
+
+export default function Page() {
+  return (
+    <>
+      <PageHead />
+      Telegram
+      <Login />
+    </>
+  );
+}