diff --git a/.idea/webResources.xml b/.idea/webResources.xml
new file mode 100644
index 0000000..3432ba4
--- /dev/null
+++ b/.idea/webResources.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebResourcesPaths">
+    <contentEntries>
+      <entry url="file://$PROJECT_DIR$">
+        <entryData>
+          <resourceRoots>
+            <path value="file://$PROJECT_DIR$/public" />
+          </resourceRoots>
+        </entryData>
+      </entry>
+    </contentEntries>
+  </component>
+</project>
\ No newline at end of file
diff --git a/next.config.ts b/next.config.ts
index d5ec5e4..1f7ea33 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,8 +1,17 @@
 import type { NextConfig } from 'next';
+import path from 'path';
 
 const nextConfig: NextConfig = {
   /* config options here */
   output: 'standalone',
+  sassOptions: {
+    includePaths: [path.resolve('./src/core/styles')],
+    prependData: `@import "index.scss";`,
+  },
+  compiler: {
+    removeConsole:
+      process.env.NODE_ENV === 'production' ? { exclude: ['error'] } : false,
+  },
 };
 
 export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
index dce7a20..fb3554a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,7 +23,7 @@
         "husky": "^9.1.7",
         "lint-staged": "^16.1.0",
         "prettier": "3.5.3",
-        "sass": "^1.89.0",
+        "sass": "1.77.8",
         "typescript": "^5"
       }
     },
@@ -868,330 +868,6 @@
         "node": ">=12.4.0"
       }
     },
-    "node_modules/@parcel/watcher": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
-      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "detect-libc": "^1.0.3",
-        "is-glob": "^4.0.3",
-        "micromatch": "^4.0.5",
-        "node-addon-api": "^7.0.0"
-      },
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "@parcel/watcher-android-arm64": "2.5.1",
-        "@parcel/watcher-darwin-arm64": "2.5.1",
-        "@parcel/watcher-darwin-x64": "2.5.1",
-        "@parcel/watcher-freebsd-x64": "2.5.1",
-        "@parcel/watcher-linux-arm-glibc": "2.5.1",
-        "@parcel/watcher-linux-arm-musl": "2.5.1",
-        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
-        "@parcel/watcher-linux-arm64-musl": "2.5.1",
-        "@parcel/watcher-linux-x64-glibc": "2.5.1",
-        "@parcel/watcher-linux-x64-musl": "2.5.1",
-        "@parcel/watcher-win32-arm64": "2.5.1",
-        "@parcel/watcher-win32-ia32": "2.5.1",
-        "@parcel/watcher-win32-x64": "2.5.1"
-      }
-    },
-    "node_modules/@parcel/watcher-android-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
-      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-darwin-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
-      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-darwin-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
-      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-freebsd-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
-      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
-      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
-      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
-      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
-      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-x64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
-      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-x64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
-      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
-      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-ia32": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
-      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
-      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher/node_modules/detect-libc": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
-      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "optional": true,
-      "bin": {
-        "detect-libc": "bin/detect-libc.js"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -1855,6 +1531,20 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "devOptional": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2090,6 +1780,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -2105,7 +1808,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
@@ -2223,19 +1926,41 @@
       }
     },
     "node_modules/chokidar": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
-        "readdirp": "^4.0.1"
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
       },
       "engines": {
-        "node": ">= 14.16.0"
+        "node": ">= 8.10.0"
       },
       "funding": {
         "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "devOptional": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
       }
     },
     "node_modules/cli-cursor": {
@@ -3256,7 +2981,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -3319,6 +3044,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -3627,9 +3367,9 @@
       }
     },
     "node_modules/immutable": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.2.tgz",
-      "integrity": "sha512-qHKXW1q6liAk1Oys6umoaZbDRqjcjgSrbnrifHsfsttza7zcvRAsL7mMV6xWcyhwQy7Xj5v4hhbr6b+iDYwlmQ==",
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
       "devOptional": true,
       "license": "MIT"
     },
@@ -3736,6 +3476,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-boolean-object": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
@@ -3831,7 +3584,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -3889,7 +3642,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -3915,7 +3668,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
@@ -4588,13 +4341,15 @@
         }
       }
     },
-    "node_modules/node-addon-api": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
-      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
-      "dev": true,
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "devOptional": true,
       "license": "MIT",
-      "optional": true
+      "engines": {
+        "node": ">=0.10.0"
+      }
     },
     "node_modules/object-assign": {
       "version": "4.1.1",
@@ -4853,7 +4608,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -5011,17 +4766,16 @@
       "license": "MIT"
     },
     "node_modules/readdirp": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
       "devOptional": true,
       "license": "MIT",
-      "engines": {
-        "node": ">= 14.18.0"
+      "dependencies": {
+        "picomatch": "^2.2.1"
       },
-      "funding": {
-        "type": "individual",
-        "url": "https://paulmillr.com/funding/"
+      "engines": {
+        "node": ">=8.10.0"
       }
     },
     "node_modules/reflect.getprototypeof": {
@@ -5224,14 +4978,14 @@
       }
     },
     "node_modules/sass": {
-      "version": "1.89.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.89.0.tgz",
-      "integrity": "sha512-ld+kQU8YTdGNjOLfRWBzewJpU5cwEv/h5yyqlSeJcj6Yh8U4TDA9UA5FPicqDz/xgRPWRSYIQNiFks21TbA9KQ==",
+      "version": "1.77.8",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.8.tgz",
+      "integrity": "sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
-        "chokidar": "^4.0.0",
-        "immutable": "^5.0.2",
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
         "source-map-js": ">=0.6.2 <2.0.0"
       },
       "bin": {
@@ -5239,9 +4993,6 @@
       },
       "engines": {
         "node": ">=14.0.0"
-      },
-      "optionalDependencies": {
-        "@parcel/watcher": "^2.4.1"
       }
     },
     "node_modules/scheduler": {
@@ -5815,7 +5566,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
diff --git a/package.json b/package.json
index 79b106d..5e15dfb 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "husky": "^9.1.7",
     "lint-staged": "^16.1.0",
     "prettier": "3.5.3",
-    "sass": "^1.89.0",
+    "sass": "1.77.8",
     "typescript": "^5"
   },
   "lint-staged": {
diff --git a/public/file.svg b/public/file.svg
deleted file mode 100644
index 004145c..0000000
--- a/public/file.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/public/globe.svg b/public/globe.svg
deleted file mode 100644
index 567f17b..0000000
--- a/public/globe.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/public/images/bg-start-desktop.jpg b/public/images/bg-start-desktop.jpg
new file mode 100644
index 0000000..dae1c98
Binary files /dev/null and b/public/images/bg-start-desktop.jpg differ
diff --git a/public/next.svg b/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/public/svg/phone-calling.svg b/public/svg/phone-calling.svg
new file mode 100644
index 0000000..0d89577
--- /dev/null
+++ b/public/svg/phone-calling.svg
@@ -0,0 +1,5 @@
+<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.07654 4.95375C8.91581 2.98452 11.9581 3.35347 13.4785 5.54029L15.37 8.26085C16.5861 10.01 16.4833 12.4418 15.0321 13.9957L14.6647 14.3889C14.6637 14.3917 14.6626 14.3946 14.6615 14.3978C14.6421 14.4532 14.593 14.6299 14.6413 14.9651C14.7415 15.6599 15.2689 17.072 17.4105 19.3649C19.5586 21.6648 20.8617 22.2069 21.4654 22.3067C21.726 22.3497 21.8622 22.3123 21.9057 22.2967L22.5186 21.6405C23.8293 20.2371 25.8727 19.9607 27.5205 20.9252L30.3862 22.6026C32.8356 24.0363 33.4057 27.5436 31.4482 29.6394L29.3175 31.9208C28.6524 32.6329 27.7455 33.2406 26.625 33.353C23.8891 33.6277 17.5515 33.27 10.9074 26.1565C4.70765 19.5186 3.52988 13.7451 3.38101 10.9243C3.30745 9.53054 3.91835 8.33508 4.72214 7.47451L7.07654 4.95375ZM11.6413 6.86124C10.8728 5.75586 9.49217 5.6899 8.70791 6.52956L6.35351 9.05032C5.85643 9.58252 5.59562 10.1925 5.62777 10.8016C5.74933 13.1047 6.7246 18.3557 12.5388 24.5806C18.6351 31.1077 24.2514 31.292 26.4039 31.076C26.8296 31.0333 27.2674 30.7931 27.6861 30.345L29.8168 28.0636C30.736 27.0794 30.4951 25.3064 29.2638 24.5858L26.398 22.9083C25.629 22.4581 24.7281 22.5973 24.15 23.2163L23.4667 23.9477L22.6761 23.1839C23.4667 23.9477 23.4657 23.9488 23.4648 23.95L23.4625 23.9521L23.4582 23.9569L23.4486 23.9668L23.4271 23.9883C23.4117 24.0035 23.3938 24.0202 23.3737 24.0382C23.3334 24.0742 23.2834 24.1152 23.2236 24.1584C23.1033 24.245 22.9432 24.3404 22.7409 24.4215C22.3269 24.5876 21.7801 24.6767 21.1048 24.5652C19.7884 24.3478 18.0633 23.3864 15.7791 20.9406C13.488 18.4878 12.6112 16.6577 12.4151 15.2968C12.3153 14.6041 12.3952 14.0495 12.5417 13.6307C12.6138 13.4247 12.6989 13.2605 12.7774 13.1358C12.8165 13.0736 12.8538 13.0215 12.8868 12.9791C12.9033 12.9579 12.9187 12.9392 12.9327 12.9228L12.9527 12.8999L12.9619 12.8898L12.9662 12.885L12.9683 12.8827C12.9694 12.8816 12.9704 12.8805 13.7679 13.6508L12.9704 12.8805L13.4006 12.4199C14.0689 11.7044 14.166 10.4926 13.5328 9.58182L11.6413 6.86124Z" fill="#222222"/>
+<path d="M19.8892 3.10483C19.9885 2.4811 20.5683 2.05799 21.1816 2.15896C21.2196 2.16636 21.3418 2.18957 21.4057 2.20406C21.5338 2.23306 21.7123 2.27768 21.9349 2.34363C22.3801 2.47548 23.002 2.69272 23.7484 3.04071C25.2429 3.73747 27.2316 4.95628 29.2953 7.05496C31.359 9.15363 32.5575 11.1761 33.2425 12.6958C33.5848 13.4549 33.7984 14.0873 33.928 14.54C33.9928 14.7664 34.0368 14.948 34.0653 15.0781C34.0795 15.1432 34.09 15.1955 34.0972 15.2341L34.1059 15.2817C34.2051 15.9054 33.7929 16.5195 33.1795 16.6205C32.568 16.7212 31.9918 16.3 31.8901 15.6793C31.887 15.6625 31.8783 15.6178 31.8691 15.5756C31.8505 15.4911 31.8186 15.3571 31.7679 15.1799C31.6663 14.8255 31.4901 14.2987 31.1973 13.6494C30.6126 12.3523 29.5611 10.5612 27.7042 8.67291C25.8475 6.78465 24.0862 5.71535 22.8108 5.12069C22.1722 4.82299 21.6543 4.64371 21.3057 4.54046C21.1315 4.48886 20.9125 4.43774 20.8294 4.41893C20.2189 4.31546 19.7902 3.72677 19.8892 3.10483Z" fill="#222222"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2291 8.36675C20.3998 7.7592 21.0225 7.40741 21.6199 7.581L21.3108 8.68104C21.6199 7.581 21.6193 7.58085 21.6199 7.581L21.622 7.58163L21.6243 7.5823L21.6294 7.58379L21.6409 7.58732L21.6706 7.59671C21.6933 7.60408 21.7215 7.61366 21.7552 7.6258C21.8226 7.65012 21.9115 7.68468 22.0207 7.73229C22.2393 7.82752 22.5379 7.97461 22.9047 8.19535C23.6389 8.63725 24.6412 9.37124 25.8186 10.5687C26.9961 11.7661 27.7179 12.7853 28.1524 13.532C28.3695 13.905 28.5141 14.2086 28.6077 14.4309C28.6545 14.5419 28.6885 14.6325 28.7124 14.701C28.7244 14.7352 28.7338 14.7639 28.741 14.7869L28.7503 14.8171L28.7538 14.8289L28.7553 14.834L28.7559 14.8364C28.756 14.8369 28.7565 14.8386 27.6748 15.1529L28.7565 14.8386C28.9272 15.4461 28.5813 16.0793 27.9838 16.2529C27.3915 16.4251 26.7744 16.0806 26.5975 15.4826L26.592 15.4661C26.584 15.4432 26.5674 15.3981 26.5396 15.3322C26.4841 15.2005 26.3835 14.9851 26.2161 14.6974C25.8816 14.1227 25.2775 13.2543 24.2277 12.1866C23.1777 11.1189 22.3239 10.5046 21.7587 10.1645C21.4758 9.99421 21.264 9.89186 21.1345 9.83541C21.0697 9.80717 21.0253 9.79035 21.0028 9.7822L20.9866 9.77657C20.3985 9.59676 20.0599 8.96912 20.2291 8.36675Z" fill="#222222"/>
+</svg>
diff --git a/public/svg/telegram.svg b/public/svg/telegram.svg
new file mode 100644
index 0000000..5155ff9
--- /dev/null
+++ b/public/svg/telegram.svg
@@ -0,0 +1,11 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="30" cy="30" r="30" fill="#D9D9D9"/>
+<g clip-path="url(#clip0_9_73)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6788 18.1128C47.063 15.7834 44.7304 13.9435 42.5546 14.8597L8.35405 29.26C5.96921 30.264 5.84701 33.7116 8.35575 34.7516C10.2119 35.521 13.0527 36.6492 15.9017 37.5886C18.2386 38.359 20.7862 39.0742 22.8271 39.2766C23.3858 39.945 24.089 40.587 24.8034 41.1744C25.8974 42.0742 27.2148 43.0024 28.5746 43.891C31.2978 45.6704 34.3194 47.373 36.356 48.4792C38.7898 49.8012 41.7034 48.279 42.141 45.6262L46.6788 18.1128ZM12.1897 31.985L42.4372 19.2492L38.2018 44.9298C36.2048 43.8438 33.326 42.2174 30.7626 40.5426C29.4658 39.695 28.2814 38.8558 27.344 38.085C27.0102 37.8104 26.7276 37.5604 26.4922 37.3366L34.4144 29.4142C35.1954 28.6332 35.1954 27.3668 34.4144 26.5858C33.6334 25.8047 32.367 25.8047 31.586 26.5858L22.9095 35.2622C21.4426 35.0746 19.3978 34.5294 17.1542 33.7898C15.4275 33.2204 13.6915 32.5738 12.1897 31.985Z" fill="#09244B"/>
+</g>
+<defs>
+<clipPath id="clip0_9_73">
+<rect width="48" height="48" fill="white" transform="translate(3 6)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/svg/whatsapp.svg b/public/svg/whatsapp.svg
new file mode 100644
index 0000000..cebd190
--- /dev/null
+++ b/public/svg/whatsapp.svg
@@ -0,0 +1,4 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="30" cy="30" r="30" fill="#D9D9D9"/>
+<path d="M41.2 18.64C39.7338 17.1628 37.9886 15.9919 36.066 15.1953C34.1432 14.3988 32.0812 13.9924 30 14C27.2178 14.0027 24.485 14.7364 22.0754 16.1275C19.6659 17.5187 17.6642 19.5185 16.2707 21.9267C14.8772 24.3349 14.1409 27.067 14.1355 29.8492C14.1301 32.6316 14.8559 35.3664 16.24 37.78L14 46L22.4 43.8C24.7195 45.0904 27.3258 45.7782 29.98 45.8C34.1994 45.8002 38.248 44.1336 41.2444 41.1632C44.241 38.193 45.943 34.1592 45.98 29.94C45.966 27.8346 45.5364 25.7527 44.7162 23.8136C43.896 21.8745 42.701 20.1164 41.2 18.64ZM30 43.06C27.6354 43.0616 25.314 42.426 23.28 41.22L22.8 40.92L17.82 42.24L19.14 37.38L18.82 36.88C17.1185 34.1334 16.4835 30.858 17.0352 27.6744C17.587 24.4909 19.2872 21.6203 21.8138 19.6064C24.3404 17.5926 27.5178 16.5753 30.7442 16.7474C33.9706 16.9194 37.022 18.2688 39.32 20.54C41.832 22.9964 43.27 26.347 43.32 29.86C43.2884 33.3718 41.871 36.729 39.3764 39.2012C36.882 41.6732 33.512 43.0602 30 43.06ZM37.22 33.18C36.82 32.98 34.88 32.02 34.52 31.9C34.16 31.78 33.88 31.7 33.62 32.1C33.2288 32.6362 32.808 33.1502 32.36 33.64C32.14 33.92 31.9 33.94 31.5 33.64C29.2194 32.7388 27.3194 31.0788 26.12 28.94C25.7 28.24 26.52 28.28 27.28 26.78C27.3362 26.6718 27.3654 26.5518 27.3654 26.43C27.3654 26.3082 27.3362 26.1882 27.28 26.08C27.28 25.88 26.38 23.92 26.06 23.14C25.74 22.36 25.42 22.48 25.16 22.46H24.38C24.1779 22.4631 23.9788 22.5093 23.796 22.5955C23.6132 22.6817 23.4509 22.806 23.32 22.96C22.8712 23.3963 22.5212 23.9238 22.2935 24.5069C22.0658 25.0899 21.9657 25.715 22 26.34C22.1254 27.8362 22.6889 29.2622 23.62 30.44C25.3244 32.9916 27.6602 35.0586 30.4 36.44C31.837 37.2788 33.507 37.6296 35.16 37.44C35.7104 37.3308 36.2318 37.107 36.69 36.783C37.1484 36.4592 37.5334 36.0424 37.82 35.56C38.0856 34.9712 38.1692 34.3166 38.06 33.68C37.88 33.48 37.62 33.38 37.22 33.18Z" fill="black"/>
+</svg>
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index 7705396..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/public/window.svg b/public/window.svg
deleted file mode 100644
index b2b2a44..0000000
--- a/public/window.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 60f458f..def1610 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,32 +1,38 @@
 import type { Metadata } from 'next';
-import { Geist, Geist_Mono } from 'next/font/google';
-import './globals.css';
+import { Open_Sans } from 'next/font/google';
+import '@core/styles/reset.scss';
+import '@core/styles/globals.scss';
 
-const geistSans = Geist({
-  variable: '--font-geist-sans',
-  subsets: ['latin'],
-});
-
-const geistMono = Geist_Mono({
-  variable: '--font-geist-mono',
-  subsets: ['latin'],
+const openSans = Open_Sans({
+  subsets: ['latin', 'cyrillic'],
+  weight: ['300', '400', '500', '600', '700'],
+  variable: '--open-sans',
 });
 
 export const metadata: Metadata = {
-  title: 'Пожарная экспертиза',
-  description: 'Пожарная экспертиза',
+  title: 'Обследование на соответствие пожарной безопасности',
+  description:
+    'Полное обследование объекта на соответствие требованиям пожарной безопасности',
+  openGraph: {
+    title: 'Обследование на соответствие пожарной безопасности',
+    description:
+      'Полное обследование объекта на соответствие требованиям пожарной безопасности',
+    siteName: 'Обследование на соответствие пожарной безопасности',
+    // images: [
+    //   {
+    //     url: `MetaSR.png`,
+    //     alt: 'icon',
+    //   },
+    // ],
+  },
 };
 
 export default function RootLayout({
   children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
+}: Readonly<{ children: React.ReactNode }>) {
   return (
     <html lang='en'>
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>
-        {children}
-      </body>
+      <body className={`${openSans.variable}`}>{children}</body>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a861409..c1a248a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-import HomePage from '@pages/home';
+import { HomePage } from '@pages/home';
 
 export default function Home() {
   return (
diff --git a/src/shared/.gitkeep b/src/core/constants/.gitkeep
similarity index 100%
rename from src/shared/.gitkeep
rename to src/core/constants/.gitkeep
diff --git a/src/core/styles/functions.scss b/src/core/styles/functions.scss
new file mode 100644
index 0000000..26695ad
--- /dev/null
+++ b/src/core/styles/functions.scss
@@ -0,0 +1,6 @@
+@use 'sass:math';
+
+@function rem($size) {
+  $remSize: math.div($size, $base-font-size);
+  @return $remSize * 1rem;
+}
\ No newline at end of file
diff --git a/src/app/globals.css b/src/core/styles/globals.scss
similarity index 65%
rename from src/app/globals.css
rename to src/core/styles/globals.scss
index e3734be..a252305 100644
--- a/src/app/globals.css
+++ b/src/core/styles/globals.scss
@@ -1,13 +1,6 @@
 :root {
   --background: #ffffff;
-  --foreground: #171717;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+  --foreground: #333333;
 }
 
 html,
@@ -34,9 +27,3 @@ a {
   color: inherit;
   text-decoration: none;
 }
-
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-}
diff --git a/src/core/styles/index.scss b/src/core/styles/index.scss
new file mode 100644
index 0000000..e682ecd
--- /dev/null
+++ b/src/core/styles/index.scss
@@ -0,0 +1,2 @@
+@import './variables.scss';
+@import './mixins.scss';
\ No newline at end of file
diff --git a/src/core/styles/mixins.scss b/src/core/styles/mixins.scss
new file mode 100644
index 0000000..ebe01bb
--- /dev/null
+++ b/src/core/styles/mixins.scss
@@ -0,0 +1,23 @@
+@mixin onlymobile {
+  @media (min-width: 0px) and (max-width: calc($tablet - 1px)) {
+    @content;
+  }
+}
+
+@mixin iftablet {
+  @media (min-width: $tablet) {
+    @content;
+  }
+}
+
+@mixin iflaptop {
+  @media (min-width: $laptop) {
+    @content;
+  }
+}
+
+@mixin ifdesktop {
+  @media (min-width: $desktop) {
+    @content;
+  }
+}
diff --git a/src/core/styles/reset.scss b/src/core/styles/reset.scss
new file mode 100644
index 0000000..0fa9db3
--- /dev/null
+++ b/src/core/styles/reset.scss
@@ -0,0 +1,106 @@
+/* Reset and base styles  */
+* {
+  padding: 0;
+  margin: 0;
+  border: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // stop highlights element blue when tapping
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Links */
+
+a,
+a:link,
+a:visited {
+  text-decoration: none;
+  color: unset;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+/* Components */
+
+aside,
+nav,
+footer,
+header,
+section,
+main {
+  display: block;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  font-size: inherit;
+  font-weight: inherit;
+  margin: 0;
+  padding: 0;
+  //margin-block-start: 0;
+  //margin-block-end: 0;
+}
+
+ul[role='list'], ol[role='list'] {
+  list-style: none;
+}
+
+ul,
+ul li {
+  list-style: none;
+}
+
+/* Form */
+
+input,
+textarea,
+button,
+select {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+  background-color: transparent;
+}
+
+input::-ms-clear {
+  display: none;
+}
+
+button,
+input[type='submit'] {
+  display: inline-block;
+  box-shadow: none;
+  background-color: transparent;
+  background: none;
+}
+
+input:focus,
+input:active,
+button:focus,
+button:active {
+  outline: none;
+}
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+}
+
+img, picture, svg, video, canvas {
+  background-repeat: no-repeat;
+  background-size: cover;
+}
diff --git a/src/core/styles/variables.scss b/src/core/styles/variables.scss
new file mode 100644
index 0000000..c583629
--- /dev/null
+++ b/src/core/styles/variables.scss
@@ -0,0 +1,21 @@
+
+//frontend breakpoint
+$mobile: 360px;
+$tablet: 768px;
+$laptop: 1024px;
+$desktop: 1440px;
+
+//fonts
+$font-open-sans: var(--open-sans), sans-serif;
+
+$font-regular: 500;
+$font-semi-bold: 600;
+
+// colors
+$color-white: #FFFFFF;
+$color-black: #000000;
+$color-orange: #E96526;
+$color-lightgray: #E4E1E1;
+$color-text: #333333;
+$color-text-light: #222222;
+$color-mark: #E96526;
\ No newline at end of file
diff --git a/src/pages/home/home.module.scss b/src/pages/home/home.module.scss
new file mode 100644
index 0000000..c07779c
--- /dev/null
+++ b/src/pages/home/home.module.scss
@@ -0,0 +1,106 @@
+.Start {
+  padding: 0px 160px 0px;
+
+  &_BgWrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 900px;
+    z-index: -1;
+
+    & img {
+      object-fit: cover;
+      filter: brightness(0.5);
+    }
+  }
+}
+
+.Header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid $color-white;
+  height: 80px;
+
+  .Logo {
+    color: $color-white;
+  }
+
+  .Buttons {
+    color: $color-white;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 30px;
+
+    .Icon {
+      width: 60px;
+      height: 60px;
+      cursor: pointer;
+    }
+
+    .Button {
+      display: flex;
+      flex-direction: row;
+      gap: 16px;
+      height: 48px;
+      padding: 24px;
+    }
+  }
+}
+
+.Info {
+  display: flex;
+  flex-direction: row;
+  padding: 160px 0 200px;
+
+  .Content {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    gap: 60px;
+
+    .Title {
+      font-family: $font-open-sans;
+      font-weight: $font-regular;
+      font-size: 60px;
+      line-height: 1;
+      color: $color-white;
+      max-width: 960px;
+    }
+
+    .List {
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      gap: 16px;
+    }
+
+    .ListItem {
+      font-family: $font-open-sans;
+      font-weight: $font-semi-bold;
+      font-size: 26px;
+      line-height: 1;
+      color: $color-white;
+    }
+  }
+
+  .Phone {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    flex-basis: 40%;
+    gap: 40px;
+
+    .Title {
+      font-family: $font-open-sans;
+      font-weight: $font-semi-bold;
+      font-size: 60px;
+      line-height: 1;
+      color: $color-white;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/pages/home/home.tsx b/src/pages/home/home.tsx
new file mode 100644
index 0000000..19a513c
--- /dev/null
+++ b/src/pages/home/home.tsx
@@ -0,0 +1,57 @@
+import s from './home.module.scss';
+import { Button } from '@shared/ui';
+import waIcon from '@public/svg/whatsapp.svg';
+import tgIcon from '@public/svg/telegram.svg';
+import callBtn from '@public/svg/phone-calling.svg';
+import bgStart from '@public/images/bg-start-desktop.jpg';
+import Image from 'next/image';
+
+export default function Home() {
+  return (
+    <section className={s.Start}>
+      <div className={s.Start_BgWrapper}>
+        <Image
+          src={bgStart}
+          placeholder='blur'
+          alt={''}
+          sizes='100vw'
+          quality={100}
+          fill
+          priority
+        />
+      </div>
+      <div className={s.Header}>
+        <div className={s.Logo}>Пожарная экспертиза</div>
+        <div className={s.Buttons}>
+          <Image className={s.Icon} src={waIcon} alt='whatsapp' />
+          <Image className={s.Icon} src={tgIcon} alt='telegram' />
+          <Button className={s.Button}>
+            <Image src={callBtn} alt='Call' />
+            Обратный звонок
+          </Button>
+        </div>
+      </div>
+      <div className={s.Info}>
+        <div className={s.Content}>
+          <h1 className={s.Title}>
+            Полное обследование объекта на соответствие требованиям пожарной
+            безопасности
+          </h1>
+          <ul className={s.List}>
+            <li className={s.ListItem}>
+              Пожарно-техническое обследование (пожарный аудит)
+            </li>
+            <li className={s.ListItem}>Расчёт пожарного риска</li>
+            <li className={s.ListItem}>
+              Сокращение затрат на модернизацию пожарных систем
+            </li>
+          </ul>
+        </div>
+        <div className={s.Phone}>
+          <p className={s.Title}>+7 999 123 45 67</p>
+          <Button variant='orange'>Получить консультацию</Button>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
index a293211..77ef521 100644
--- a/src/pages/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -1 +1 @@
-export { default } from './ui/Home';
+export { default as HomePage } from './home';
diff --git a/src/pages/home/ui/Home.module.scss b/src/pages/home/ui/Home.module.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/pages/home/ui/Home.tsx b/src/pages/home/ui/Home.tsx
deleted file mode 100644
index 6164505..0000000
--- a/src/pages/home/ui/Home.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-function Home() {
-  return <main>Home</main>;
-}
-
-export default Home;
diff --git a/src/shared/ui/button/button.module.scss b/src/shared/ui/button/button.module.scss
new file mode 100644
index 0000000..18fb351
--- /dev/null
+++ b/src/shared/ui/button/button.module.scss
@@ -0,0 +1,46 @@
+.Button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 13px 33px;
+  border-radius: 28px;
+
+  font-family: $font-open-sans;
+  font-weight: $font-regular;
+  font-size: 24px;
+  line-height: 1;
+
+  transition: all 0.15s linear;
+  white-space: nowrap;
+
+
+  svg {
+    width: 18px;
+    height: 18px;
+    //fill: var(--text-primary);
+
+    margin-right: 18px;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &:hover svg {
+    fill: var(--white);
+  }
+
+  &_default {
+    background: $color-lightgray;
+    color: $color-text;
+  }
+
+  &_orange {
+    background: $color-orange;
+    color: $color-white;
+  }
+
+  &_disabled {
+    cursor: not-allowed;
+  }
+}
\ No newline at end of file
diff --git a/src/shared/ui/button/button.tsx b/src/shared/ui/button/button.tsx
new file mode 100644
index 0000000..7e58bce
--- /dev/null
+++ b/src/shared/ui/button/button.tsx
@@ -0,0 +1,39 @@
+import s from './button.module.scss';
+import { FunctionComponent, HTMLAttributes, ReactNode, SVGProps } from 'react';
+import { clsx } from 'clsx';
+
+type ButtonProps = {
+  className?: string;
+  children?: ReactNode;
+  disabled?: boolean;
+  Icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
+  onClick?: () => void;
+  variant?: 'default' | 'orange' | 'ghost';
+} & HTMLAttributes<HTMLButtonElement>;
+
+export default function Button({
+  className,
+  children,
+  onClick,
+  Icon,
+  disabled,
+  variant = 'default',
+  ...props
+}: ButtonProps) {
+  return (
+    <button
+      className={clsx(
+        s.Button,
+        disabled && s.Button_disabled,
+        s['Button_' + variant],
+        className,
+      )}
+      onClick={onClick}
+      disabled={disabled}
+      {...props}
+    >
+      {Icon && <Icon />}
+      {children}
+    </button>
+  );
+}
diff --git a/src/shared/ui/button/index.ts b/src/shared/ui/button/index.ts
new file mode 100644
index 0000000..31d66cb
--- /dev/null
+++ b/src/shared/ui/button/index.ts
@@ -0,0 +1 @@
+export { default as Button } from './button';
diff --git a/src/shared/ui/index.ts b/src/shared/ui/index.ts
new file mode 100644
index 0000000..a039b75
--- /dev/null
+++ b/src/shared/ui/index.ts
@@ -0,0 +1 @@
+export { Button } from './button';
diff --git a/tsconfig.json b/tsconfig.json
index 841a965..aed8a19 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -23,7 +23,8 @@
       "@core/*": ["./src/core/*"],
       "@pages/*": ["./src/pages/*"],
       "@widgets/*": ["./src/widgets/*"],
-      "@shared/*": ["./src/shared/*"]
+      "@shared/*": ["./src/shared/*"],
+      "@public/*": ["./public/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],