feat: services page

components/ServicesList/ServicesList.module.css

@@ -0,0 +1,7 @@
+.container {
+    width: 400px;
+
+    @media (max-width: 48em) {
+        width: 100%;
+    }
+}

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;