diff --git a/app/services/page.tsx b/app/services/page.tsx
new file mode 100644
index 0000000..91f7f2b
--- /dev/null
+++ b/app/services/page.tsx
@@ -0,0 +1,15 @@
+import Logo from "@/components/Logo/Logo";
+import PageItem from "@/components/PageBlock/PageItem";
+import PageContainer from "@/components/PageContainer/PageContainer";
+import ServicesList from "@/components/ServicesList/ServicesList";
+
+export default function ServicesPage() {
+    return (
+        <PageContainer center>
+            <PageItem fullScreenMobile>
+                <Logo title={"Сервисы LogiDex"} />
+                <ServicesList />
+            </PageItem>
+        </PageContainer>
+    );
+}
diff --git a/components/ServicesList/ServicesList.module.css b/components/ServicesList/ServicesList.module.css
new file mode 100644
index 0000000..2064ab1
--- /dev/null
+++ b/components/ServicesList/ServicesList.module.css
@@ -0,0 +1,7 @@
+.container {
+    width: 400px;
+
+    @media (max-width: 48em) {
+        width: 100%;
+    }
+}
diff --git a/components/ServicesList/ServicesList.tsx b/components/ServicesList/ServicesList.tsx
new file mode 100644
index 0000000..bfc30bf
--- /dev/null
+++ b/components/ServicesList/ServicesList.tsx
@@ -0,0 +1,36 @@
+import Link from "next/link";
+import { Button, Stack, Title } from "@mantine/core";
+import styles from "@/components/ServicesList/ServicesList.module.css";
+import TitleWithLines from "@/components/TitleWithLines/TitleWithLines";
+
+const ServicesList = () => {
+    const getServiceLink = (
+        title: string,
+        href: string,
+        isInDevelopment: boolean = false
+    ) => {
+        return (
+            <Button
+                component={Link}
+                size={"xl"}
+                href={isInDevelopment ? "" : href}
+                disabled={isInDevelopment}>
+                <Stack gap={0}>
+                    <Title order={4}>{title}</Title>
+                </Stack>
+            </Button>
+        );
+    };
+
+    return (
+        <Stack
+            className={styles.container}
+            gap={"lg"}>
+            {getServiceLink("CRM", "https://skirbo.ru/")}
+            <TitleWithLines title="Скоро будет" />
+            {getServiceLink("Analytics", "", true)}
+        </Stack>
+    );
+};
+
+export default ServicesList;
diff --git a/components/TitleWithLines/TitleWithLines.tsx b/components/TitleWithLines/TitleWithLines.tsx
new file mode 100644
index 0000000..b8960fa
--- /dev/null
+++ b/components/TitleWithLines/TitleWithLines.tsx
@@ -0,0 +1,19 @@
+import { Divider, Flex, Text } from "@mantine/core";
+
+type Props = {
+    title: string;
+}
+
+const TitleWithLines = ({ title }: Props) => {
+    return (
+        <Flex
+            align="center"
+            gap="xs">
+            <Divider style={{ flex: 1 }} />
+            <Text>{title}</Text>
+            <Divider style={{ flex: 1 }} />
+        </Flex>
+    );
+};
+
+export default TitleWithLines;
diff --git a/components/VerifyPhoneForm/VerifyPhoneForm.tsx b/components/VerifyPhoneForm/VerifyPhoneForm.tsx
index a0b5b97..f48a69b 100644
--- a/components/VerifyPhoneForm/VerifyPhoneForm.tsx
+++ b/components/VerifyPhoneForm/VerifyPhoneForm.tsx
@@ -22,6 +22,8 @@ const VerifyPhoneForm: FC = () => {
 
     const handleSubmit = (values: VerifyNumberForm) => {
         console.log(values);
+
+        redirect("/services");
     };
 
     const navigateToLogin = () => redirect("/");
diff --git a/theme.ts b/theme.ts
index 25e7c9d..9b9aa0b 100644
--- a/theme.ts
+++ b/theme.ts
@@ -14,7 +14,7 @@ export const myColor: MantineColorsTuple = [
 ];
 
 const radius = "lg";
-const size = "md";
+const size = "lg";
 
 export const theme = createTheme({
     colors: {