init create-fias

2025-12-12 11:21:30 +05:00
commit a5b46a9f26
76 changed files with 36104 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -0,0 +1 @@
+npx lint-staged
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -0,0 +1 @@
+npm run build
--- a/README.md
+++ b/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
--- a/components.json
+++ b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/widgets",
+    "utils": "@/shared/lib/utils",
+    "ui": "@/shared/ui",
+    "lib": "@/shared/lib",
+    "hooks": "@/shared/hooks"
+  },
+  "iconLibrary": "lucide"
+}
--- a/dist/assets/buttons.esm-DK2fWHEW.js
+++ b/dist/assets/buttons.esm-DK2fWHEW.js
@@ -0,0 +1,445 @@
+/*!
+ * github-buttons v2.29.1
+ * (c) 2024 なつき
+ * @license BSD-2-Clause
+ */ var C = window.document,
+  p = window.Math,
+  k = window.HTMLElement,
+  b = window.XMLHttpRequest,
+  F = function (e, t) {
+    for (var r = 0, o = e.length; r < o; r++) t(e[r]);
+  },
+  A = function (e) {
+    return function (t, r, o) {
+      var a = e.createElement(t);
+      if (r != null)
+        for (var n in r) {
+          var c = r[n];
+          c != null && (a[n] != null ? (a[n] = c) : a.setAttribute(n, c));
+        }
+      return (
+        o != null &&
+          F(o, function (l) {
+            a.appendChild(typeof l == 'string' ? e.createTextNode(l) : l);
+          }),
+        a
+      );
+    };
+  },
+  _ = A(C),
+  V = function (e) {
+    var t;
+    return function () {
+      t || ((t = 1), e.apply(this, arguments));
+    };
+  },
+  m = function (e, t) {
+    return {}.hasOwnProperty.call(e, t);
+  },
+  Z = function (e) {
+    return ('' + e).toLowerCase();
+  },
+  X = 'github-buttons',
+  O = '2.29.1',
+  N = 'https://' + ('unpkg.com/' + X + '@' + O + '/dist') + '/buttons.html',
+  u = 'github.com',
+  P = 'https://api.' + u,
+  H = b && 'prototype' in b && 'withCredentials' in b.prototype,
+  R =
+    H &&
+    k &&
+    'attachShadow' in k.prototype &&
+    !('prototype' in k.prototype.attachShadow),
+  f = function (e, t, r) {
+    e.addEventListener
+      ? e.addEventListener(t, r, !1)
+      : e.attachEvent('on' + t, r);
+  },
+  E = function (e, t, r) {
+    e.removeEventListener
+      ? e.removeEventListener(t, r, !1)
+      : e.detachEvent('on' + t, r);
+  },
+  I = function (e, t, r) {
+    var o = function () {
+      return E(e, t, o), r.apply(this, arguments);
+    };
+    f(e, t, o);
+  },
+  $ = function (e, t, r) {
+    if (e.readyState != null) {
+      var o = 'readystatechange',
+        a = function () {
+          if (t.test(e.readyState)) return E(e, o, a), r.apply(this, arguments);
+        };
+      f(e, o, a);
+    }
+  },
+  q = function (e) {
+    var t = {
+      href: e.href,
+      title: e.title,
+      'aria-label': e.getAttribute('aria-label'),
+    };
+    return (
+      F(['icon', 'color-scheme', 'text', 'size', 'show-count'], function (r) {
+        var o = 'data-' + r;
+        t[o] = e.getAttribute(o);
+      }),
+      t['data-text'] == null && (t['data-text'] = e.textContent || e.innerText),
+      t
+    );
+  },
+  J =
+    'body{margin:0}a{text-decoration:none;outline:0}.widget{display:inline-block;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:0;line-height:0;white-space:nowrap}.btn,.social-count{position:relative;display:inline-block;display:inline-flex;height:14px;padding:2px 5px;font-size:11px;font-weight:600;line-height:14px;vertical-align:bottom;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid}.btn{border-radius:.25em}.btn:not(:last-child){border-radius:.25em 0 0 .25em}.social-count{border-left:0;border-radius:0 .25em .25em 0}.widget-lg .btn,.widget-lg .social-count{height:16px;padding:5px 10px;font-size:12px;line-height:16px}.octicon{display:inline-block;vertical-align:text-top;fill:currentColor;overflow:visible}',
+  Q = `.btn:focus-visible,.social-count:focus-visible{outline:2px solid #0969da;outline-offset:-2px}.btn{color:#25292e;background-color:#ebf0f4;border-color:#d1d9e0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23f6f8fa'/%3e%3cstop offset='90%25' stop-color='%23ebf0f4'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e");background-image:-moz-linear-gradient(top, #f6f8fa, #ebf0f4 90%);background-image:linear-gradient(180deg, #f6f8fa, #ebf0f4 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFF6F8FA', endColorstr='#FFEAEFF3')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#e5eaee;background-position:0 -0.5em;border-color:#d1d9e0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23eff2f5'/%3e%3cstop offset='90%25' stop-color='%23e5eaee'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e");background-image:-moz-linear-gradient(top, #eff2f5, #e5eaee 90%);background-image:linear-gradient(180deg, #eff2f5, #e5eaee 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFEFF2F5', endColorstr='#FFE4E9ED')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#e6eaef;border-color:#d1d9e0;background-image:none;filter:none}.social-count{color:#25292e;background-color:#fff;border-color:#d1d9e0}.social-count:hover,.social-count:focus{color:#0969da}.octicon-heart{color:#bf3989}`,
+  j =
+    '.btn:focus-visible,.social-count:focus-visible{outline:2px solid #0349b4;outline-offset:-2px}.btn{color:#25292e;background-color:#e0e6eb;border-color:#454c54;background-image:none;filter:none}.btn:hover,.btn:focus{background-color:#d0d7e0;background-position:0 -0.5em;border-color:#454c54;background-image:none;filter:none}.btn:active{background-color:#d1d9e0;border-color:#454c54}.social-count{color:#25292e;background-color:#fff;border-color:#454c54}.social-count:hover,.social-count:focus{color:#023b95}.octicon-heart{color:#7d0c57}',
+  K = `.btn:focus-visible,.social-count:focus-visible{outline:2px solid #1f6feb;outline-offset:-2px}.btn{color:#f0f6fc;background-color:#1a2026;border-color:#3d444d;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23212830'/%3e%3cstop offset='90%25' stop-color='%231a2026'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e");background-image:-moz-linear-gradient(top, #212830, #1a2026 90%);background-image:linear-gradient(180deg, #212830, #1a2026 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF212830', endColorstr='#FF191F25')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#1f242c;background-position:0 -0.5em;border-color:#3d444d;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23262c36'/%3e%3cstop offset='90%25' stop-color='%231f242c'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e");background-image:-moz-linear-gradient(top, #262c36, #1f242c 90%);background-image:linear-gradient(180deg, #262c36, #1f242c 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF262C36', endColorstr='#FF1E232B')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#2a313c;border-color:#3d444d;background-image:none;filter:none}.social-count{color:#f0f6fc;background-color:#0d1117;border-color:#3d444d}.social-count:hover,.social-count:focus{color:#388bfd}.octicon-heart{color:#db61a2}`,
+  Y = `.btn:focus-visible,.social-count:focus-visible{outline:2px solid #316dca;outline-offset:-2px}.btn{color:#d1d7e0;background-color:#232932;border-color:#3d444d;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%232a313c'/%3e%3cstop offset='90%25' stop-color='%23232932'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e");background-image:-moz-linear-gradient(top, #2a313c, #232932 90%);background-image:linear-gradient(180deg, #2a313c, #232932 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF2A313C', endColorstr='#FF222831')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#282f38;background-position:0 -0.5em;border-color:#3d444d;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%232f3742'/%3e%3cstop offset='90%25' stop-color='%23282f38'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e");background-image:-moz-linear-gradient(top, #2f3742, #282f38 90%);background-image:linear-gradient(180deg, #2f3742, #282f38 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF2F3742', endColorstr='#FF272E37')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#3d444d;border-color:#3d444d;background-image:none;filter:none}.social-count{color:#d1d7e0;background-color:#212830;border-color:#3d444d}.social-count:hover,.social-count:focus{color:#4184e4}.octicon-heart{color:#c96198}`,
+  U =
+    '.btn:focus-visible,.social-count:focus-visible{outline:2px solid #409eff;outline-offset:-2px}.btn{color:#fff;background-color:#262c36;border-color:#b7bdc8;background-image:none;filter:none}.btn:hover,.btn:focus{background-color:#232932;background-position:0 -0.5em;border-color:#b7bdc8;background-image:none;filter:none}.btn:active{background-color:#2f3742;border-color:#b7bdc8}.social-count{color:#fff;background-color:#010409;border-color:#b7bdc8}.social-count:hover,.social-count:focus{color:#5cacff}.octicon-heart{color:#ff90c8}',
+  W = function (e, t, r, o) {
+    t == null && (t = '&'),
+      r == null && (r = '='),
+      o == null && (o = window.encodeURIComponent);
+    var a = [];
+    for (var n in e) {
+      var c = e[n];
+      c != null && a.push(o(n) + r + o(c));
+    }
+    return a.join(t);
+  },
+  ee = function (e, t, r, o) {
+    o == null && (o = window.decodeURIComponent);
+    var a = {};
+    return (
+      F(e.split(t), function (n) {
+        if (n !== '') {
+          var c = n.split(r);
+          a[o(c[0])] = c[1] != null ? o(c.slice(1).join(r)) : void 0;
+        }
+      }),
+      a
+    );
+  },
+  g = {
+    light: Q,
+    light_high_contrast: j,
+    dark: K,
+    dark_dimmed: Y,
+    dark_high_contrast: U,
+  },
+  G = function (e, t) {
+    return '@media(prefers-color-scheme:' + e + '){' + g[m(g, t) ? t : e] + '}';
+  },
+  te = function (e) {
+    if (e == null) return g.light;
+    if (m(g, e)) return g[e];
+    var t = ee(e, ';', ':', function (r) {
+      return r.replace(/^[ \t\n\f\r]+|[ \t\n\f\r]+$/g, '');
+    });
+    return (
+      g[m(g, t['no-preference']) ? t['no-preference'] : 'light'] +
+      G('light', t.light) +
+      G('dark', t.dark)
+    );
+  },
+  x = {
+    'comment-discussion': {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path>',
+        },
+      },
+    },
+    download: {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z"></path><path d="M7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06l1.97 1.969Z"></path>',
+        },
+      },
+    },
+    eye: {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5c1.473 0 2.825-.742 3.955-1.715 1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.825.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z"></path>',
+        },
+      },
+    },
+    heart: {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>',
+        },
+      },
+    },
+    'issue-opened': {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path>',
+        },
+      },
+    },
+    'mark-github': {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path>',
+        },
+      },
+    },
+    package: {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="m8.878.392 5.25 3.045c.54.314.872.89.872 1.514v6.098a1.75 1.75 0 0 1-.872 1.514l-5.25 3.045a1.75 1.75 0 0 1-1.756 0l-5.25-3.045A1.75 1.75 0 0 1 1 11.049V4.951c0-.624.332-1.201.872-1.514L7.122.392a1.75 1.75 0 0 1 1.756 0ZM7.875 1.69l-4.63 2.685L8 7.133l4.755-2.758-4.63-2.685a.248.248 0 0 0-.25 0ZM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432Zm6.25 8.271 4.625-2.683a.25.25 0 0 0 .125-.216V5.677L8.75 8.432Z"></path>',
+        },
+      },
+    },
+    play: {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path>',
+        },
+      },
+    },
+    'repo-forked': {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path>',
+        },
+      },
+    },
+    'repo-template': {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M13.25 8a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-.75a.75.75 0 0 1 0-1.5h.75v-.25a.75.75 0 0 1 .75-.75ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2ZM2.75 8a.75.75 0 0 1 .75.75v.268c.083-.012.166-.018.25-.018h.5a.75.75 0 0 1 0 1.5h-.5a.25.25 0 0 0-.25.25v.75c0 .28.114.532.3.714a.75.75 0 1 1-1.05 1.072A2.495 2.495 0 0 1 2 11.5V8.75A.75.75 0 0 1 2.75 8ZM11 .75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0V1.5h-.75A.75.75 0 0 1 11 .75Zm-5 0A.75.75 0 0 1 6.75 0h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 6 .75Zm0 9A.75.75 0 0 1 6.75 9h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 6 9.75ZM4.992.662a.75.75 0 0 1-.636.848c-.436.063-.783.41-.846.846a.751.751 0 0 1-1.485-.212A2.501 2.501 0 0 1 4.144.025a.75.75 0 0 1 .848.637ZM2.75 4a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 2.75 4Zm10.5 0a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 .75-.75Z"></path>',
+        },
+      },
+    },
+    star: {
+      heights: {
+        16: {
+          width: 16,
+          path: '<path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path>',
+        },
+      },
+    },
+  },
+  oe = function (e, t) {
+    (e = Z(e).replace(/^octicon-/, '')), m(x, e) || (e = 'mark-github');
+    var r = t >= 24 && 24 in x[e].heights ? 24 : 16,
+      o = x[e].heights[r];
+    return (
+      '<svg viewBox="0 0 ' +
+      o.width +
+      ' ' +
+      r +
+      '" width="' +
+      (t * o.width) / r +
+      '" height="' +
+      t +
+      '" class="octicon octicon-' +
+      e +
+      '" aria-hidden="true">' +
+      o.path +
+      '</svg>'
+    );
+  },
+  y = {},
+  re = function (e, t) {
+    var r = y[e] || (y[e] = []);
+    if (!(r.push(t) > 1)) {
+      var o = V(function () {
+        for (delete y[e]; (t = r.shift()); ) t.apply(null, arguments);
+      });
+      if (H) {
+        var a = new b();
+        f(a, 'abort', o),
+          f(a, 'error', o),
+          f(a, 'load', function () {
+            var s;
+            try {
+              s = JSON.parse(this.responseText);
+            } catch (d) {
+              o(d);
+              return;
+            }
+            o(this.status !== 200, s);
+          }),
+          a.open('GET', e),
+          a.send();
+      } else {
+        var n = this || window;
+        n._ = function (s) {
+          (n._ = null), o(s.meta.status !== 200, s.data);
+        };
+        var c = A(n.document)('script', {
+            async: !0,
+            src: e + (e.indexOf('?') !== -1 ? '&' : '?') + 'callback=_',
+          }),
+          l = function () {
+            n._ && n._({ meta: {} });
+          };
+        f(c, 'load', l),
+          f(c, 'error', l),
+          $(c, /de|m/, l),
+          n.document.getElementsByTagName('head')[0].appendChild(c);
+      }
+    }
+  },
+  T = function (e, t, r) {
+    var o = A(e.ownerDocument),
+      a = e.appendChild(o('style', { type: 'text/css' })),
+      n = J + te(t['data-color-scheme']);
+    a.styleSheet
+      ? (a.styleSheet.cssText = n)
+      : a.appendChild(e.ownerDocument.createTextNode(n));
+    var c = Z(t['data-size']) === 'large',
+      l = o(
+        'a',
+        {
+          className: 'btn',
+          href: t.href,
+          rel: 'noopener',
+          target: '_blank',
+          title: t.title || void 0,
+          'aria-label': t['aria-label'] || void 0,
+          innerHTML: oe(t['data-icon'], c ? 16 : 14) + '&nbsp;',
+        },
+        [o('span', {}, [t['data-text'] || ''])],
+      ),
+      s = e.appendChild(
+        o('div', { className: 'widget' + (c ? ' widget-lg' : '') }, [l]),
+      ),
+      d = l.hostname.replace(/\.$/, '');
+    if (('.' + d).substring(d.length - u.length) !== '.' + u) {
+      l.removeAttribute('href'), r(s);
+      return;
+    }
+    var i = (' /' + l.pathname).split(/\/+/);
+    if (
+      ((((d === u || d === 'gist.' + u) && i[3] === 'archive') ||
+        (d === u &&
+          i[3] === 'releases' &&
+          (i[4] === 'download' ||
+            (i[4] === 'latest' && i[5] === 'download'))) ||
+        d === 'codeload.' + u) &&
+        (l.target = '_top'),
+      Z(t['data-show-count']) !== 'true' ||
+        d !== u ||
+        i[1] === 'marketplace' ||
+        i[1] === 'sponsors' ||
+        i[1] === 'orgs' ||
+        i[1] === 'users' ||
+        i[1] === '-')
+    ) {
+      r(s);
+      return;
+    }
+    var v, h;
+    if (!i[2] && i[1]) (h = 'followers'), (v = '?tab=followers');
+    else if (!i[3] && i[2]) (h = 'stargazers_count'), (v = '/stargazers');
+    else if (!i[4] && i[3] === 'subscription')
+      (h = 'subscribers_count'), (v = '/watchers');
+    else if (!i[4] && i[3] === 'fork') (h = 'forks_count'), (v = '/forks');
+    else if (i[3] === 'issues') (h = 'open_issues_count'), (v = '/issues');
+    else {
+      r(s);
+      return;
+    }
+    var D = i[2] ? '/repos/' + i[1] + '/' + i[2] : '/users/' + i[1];
+    re.call(this, P + D, function (B, L) {
+      if (!B) {
+        var w = L[h];
+        s.appendChild(
+          o(
+            'a',
+            {
+              className: 'social-count',
+              href: L.html_url + v,
+              rel: 'noopener',
+              target: '_blank',
+              'aria-label':
+                w +
+                ' ' +
+                h
+                  .replace(/_count$/, '')
+                  .replace('_', ' ')
+                  .slice(0, w < 2 ? -1 : void 0) +
+                ' on GitHub',
+            },
+            [('' + w).replace(/\B(?=(\d{3})+(?!\d))/g, ',')],
+          ),
+        );
+      }
+      r(s);
+    });
+  },
+  M = window.devicePixelRatio || 1,
+  z = function (e) {
+    return (M > 1 ? p.ceil((p.round(e * M) / M) * 2) / 2 : p.ceil(e)) || 0;
+  },
+  ae = function (e) {
+    var t = e.offsetWidth,
+      r = e.offsetHeight;
+    if (e.getBoundingClientRect) {
+      var o = e.getBoundingClientRect();
+      (t = p.max(t, z(o.width))), (r = p.max(r, z(o.height)));
+    }
+    return [t, r];
+  },
+  S = function (e, t) {
+    (e.style.width = t[0] + 'px'), (e.style.height = t[1] + 'px');
+  },
+  ne = function (e, t) {
+    if (!(e == null || t == null))
+      if ((e.getAttribute && (e = q(e)), R)) {
+        var r = _('span');
+        T(r.attachShadow({ mode: 'closed' }), e, function () {
+          t(r);
+        });
+      } else {
+        var o = _('iframe', {
+          src: 'javascript:0',
+          title: e.title || void 0,
+          allowtransparency: !0,
+          scrolling: 'no',
+          frameBorder: 0,
+        });
+        S(o, [0, 0]),
+          (o.style.border = 'none'),
+          (o.style.colorScheme = 'light');
+        var a = function () {
+          var n = o.contentWindow,
+            c;
+          try {
+            c = n.document.body;
+          } catch {
+            C.body.appendChild(o.parentNode.removeChild(o));
+            return;
+          }
+          E(o, 'load', a),
+            T.call(n, c, e, function (l) {
+              var s = ae(l);
+              o.parentNode.removeChild(o),
+                I(o, 'load', function () {
+                  S(o, s);
+                }),
+                (o.src = N + '#' + (o.name = W(e))),
+                t(o);
+            });
+        };
+        f(o, 'load', a), C.body.appendChild(o);
+      }
+  };
+export { ne as render };
--- a/dist/assets/index-CE5iMAnI.js
+++ b/dist/assets/index-CE5iMAnI.js
--- a/dist/assets/index-Dr5zRDhI.css
+++ b/dist/assets/index-Dr5zRDhI.css
--- a/dist/fias.svg
+++ b/dist/fias.svg
--- a/dist/index.html
+++ b/dist/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/fias.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>FIAS - React Js app</title>
+    <script type="module" crossorigin src="/assets/index-CE5iMAnI.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Dr5zRDhI.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -0,0 +1,54 @@
+import { dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { FlatCompat } from '@eslint/eslintrc';
+import prettierPlugin from 'eslint-plugin-prettier'; // Statik import
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  {
+    ignores: [
+      'node_modules/*',
+      'dist/*',
+      'build/*',
+      'coverage/*',
+      '*.min.js',
+      '*.log',
+    ],
+  },
+  ...compat.extends('next/core-web-vitals', 'next/typescript', 'prettier'),
+  {
+    files: ['**/*.{js,ts,jsx,tsx}'],
+    plugins: {
+      prettier: prettierPlugin,
+    },
+    rules: {
+      'prettier/prettier': 'warn',
+      'max-len': [
+        'error',
+        {
+          code: 200,
+          ignoreUrls: true,
+          ignoreComments: true,
+          ignoreStrings: true,
+        },
+      ],
+      'no-console': ['warn', { allow: ['error'] }],
+      eqeqeq: 'warn',
+      'no-duplicate-imports': 'error',
+    },
+  },
+  {
+    files: ['src/shared/ui/**/*.{js,ts,jsx,tsx}'],
+    rules: {
+      'max-len': 'off',
+    },
+  },
+];
+
+export default eslintConfig;
--- a/next.config.ts
+++ b/next.config.ts
@@ -0,0 +1,18 @@
+import type { NextConfig } from 'next';
+import createNextIntlPlugin from 'next-intl/plugin';
+
+const nextConfig: NextConfig = {
+  /* config options here */
+  devIndicators: false,
+  // eslint: {
+  //   ignoreDuringBuilds: true,
+  // },
+};
+const withNextIntl = createNextIntlPlugin({
+  requestConfig: './src/shared/config/i18n/request.ts',
+  experimental: {
+    createMessagesDeclaration: './src/shared/config/i18n/messages/uz.json',
+  },
+});
+
+export default withNextIntl(nextConfig);
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,74 @@
+{
+  "name": "robosell-shop",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start",
+    "prettier": "prettier src --write",
+    "lint": "eslint src --fix",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-accordion": "^1.2.8",
+    "@radix-ui/react-avatar": "^1.1.7",
+    "@radix-ui/react-checkbox": "^1.2.3",
+    "@radix-ui/react-dialog": "^1.1.11",
+    "@radix-ui/react-dropdown-menu": "^2.1.12",
+    "@radix-ui/react-label": "^2.1.4",
+    "@radix-ui/react-navigation-menu": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.2",
+    "@radix-ui/react-separator": "^1.1.4",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-tabs": "^1.1.9",
+    "@radix-ui/react-toggle": "^1.1.6",
+    "@radix-ui/react-toggle-group": "^1.1.7",
+    "@radix-ui/react-tooltip": "^1.2.4",
+    "@tabler/icons-react": "^3.31.0",
+    "@tanstack/react-query": "^5.76.0",
+    "@tanstack/react-table": "^8.21.3",
+    "axios": "^1.12.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "dayjs": "^1.11.13",
+    "lucide-react": "^0.503.0",
+    "next": "^15.5.4",
+    "next-intl": "^4.3.9",
+    "next-themes": "^0.4.6",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "recharts": "^2.15.3",
+    "sonner": "^2.0.3",
+    "tailwind-merge": "^3.2.0",
+    "vaul": "^1.1.2",
+    "zod": "^4.1.11"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3",
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "15.3.1",
+    "eslint-config-prettier": "^10.1.2",
+    "eslint-plugin-prettier": "^5.2.6",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.1",
+    "prettier": "^3.5.3",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.2.8",
+    "typescript": "^5"
+  },
+  "lint-staged": {
+    "*.{js,ts,jsx,tsx}": [
+      "prettier --write",
+      "eslint src --fix"
+    ]
+  }
+}
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -0,0 +1,5 @@
+const config = {
+  plugins: ['@tailwindcss/postcss'],
+};
+
+export default config;
--- a/prettier.config.cjs
+++ b/prettier.config.cjs
@@ -0,0 +1,9 @@
+/** @type {import("prettier").Config} */
+module.exports = {
+  semi: true, // Har satrda nuqta-vergul bo‘lishi
+  singleQuote: true, // ' ' ishlatilsin, " " emas
+  trailingComma: 'all', // so‘nggi vergullar qo‘yilsin
+  tabWidth: 2, // Indent 2 bo‘lsin
+  bracketSpacing: true, // { a: 1 } ichida bo‘sh joy qoldirsin
+  arrowParens: 'always', // (x) => {...}
+};
--- a/public/favicon.png
+++ b/public/favicon.png
--- a/public/favicon.svg
+++ b/public/favicon.svg
--- a/public/felix.svg
+++ b/public/felix.svg
--- a/src/app/[locale]/layout.tsx
+++ b/src/app/[locale]/layout.tsx
@@ -0,0 +1,66 @@
+import type { Metadata } from 'next';
+import '../globals.css';
+import { golosText } from '@/shared/config/fonts';
+import { ThemeProvider } from '@/shared/config/theme-provider';
+import { PRODUCT_INFO } from '@/shared/constants/data';
+import { hasLocale, Locale, NextIntlClientProvider } from 'next-intl';
+import { routing } from '@/shared/config/i18n/routing';
+import { notFound } from 'next/navigation';
+import Footer from '@/widgets/footer/ui';
+import Navbar from '@/widgets/navbar/ui';
+import { ReactNode } from 'react';
+import { setRequestLocale } from 'next-intl/server';
+import QueryProvider from '@/shared/config/react-query/QueryProvider';
+import Script from 'next/script';
+
+export const metadata: Metadata = {
+  title: PRODUCT_INFO.name,
+  description: PRODUCT_INFO.description,
+  icons: PRODUCT_INFO.favicon,
+};
+
+type Props = {
+  children: ReactNode;
+  params: Promise<{ locale: Locale }>;
+};
+
+export function generateStaticParams() {
+  return routing.locales.map((locale) => ({ locale }));
+}
+
+export default async function RootLayout({ children, params }: Props) {
+  const { locale } = await params;
+  if (!hasLocale(routing.locales, locale)) {
+    notFound();
+  }
+
+  // Enable static rendering
+  setRequestLocale(locale);
+
+  return (
+    <html lang={locale} suppressHydrationWarning>
+      <body className={`${golosText.variable} antialiased`}>
+        <NextIntlClientProvider locale={locale}>
+          <ThemeProvider
+            attribute={'class'}
+            defaultTheme="light"
+            enableSystem
+            disableTransitionOnChange
+          >
+            <QueryProvider>
+              <Navbar />
+              {children}
+              <Footer />
+            </QueryProvider>
+          </ThemeProvider>
+        </NextIntlClientProvider>
+      </body>
+      <Script
+        src="https://buttons.github.io/buttons.js"
+        strategy="lazyOnload"
+        async
+        defer
+      />
+    </html>
+  );
+}
--- a/src/app/[locale]/page.tsx
+++ b/src/app/[locale]/page.tsx
@@ -0,0 +1,13 @@
+import { getPosts } from '@/shared/config/api/testApi';
+import Welcome from '@/widgets/welcome';
+
+export default async function Home() {
+  const res = await getPosts({ _limit: 1 });
+  console.log('SSR res', res.data);
+
+  return (
+    <div>
+      <Welcome />
+    </div>
+  );
+}
--- a/src/app/favicon.ico
+++ b/src/app/favicon.ico
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -0,0 +1,128 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-golos-text);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+/* Ranglarni ko'rish uchun https://oklch.com/ saytidan foydalaning */
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(62.3% 0.214 259.815);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.015 286.067);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.21 0.006 285.885);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.705 0.015 286.067);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(62.3% 0.214 259.815);
+  --primary-foreground: oklch(0.21 0.006 285.885);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.552 0.016 285.938);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.552 0.016 285.938);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+@layer components {
+  .custom-container {
+    @apply container px-4 mx-auto;
+  }
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+type Props = {
+  children: ReactNode;
+};
+
+// Since we have a `not-found.tsx` page on the root, a layout file
+// is required, even if it's just passing children through.
+export default function RootLayout({ children }: Props) {
+  return children;
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -0,0 +1,6 @@
+import { redirect } from 'next/navigation';
+
+// This page only renders when the app is built statically (output: 'export')
+export default function RootPage() {
+  redirect('/uz');
+}
--- a/src/features/auth/lib/index.ts
+++ b/src/features/auth/lib/index.ts
@@ -0,0 +1 @@
+// Ushbu fayl loyiha structurasi uchun qo'shilgan. O'chirib tashlasangiz bo'ladi
--- a/src/features/auth/model/index.ts
+++ b/src/features/auth/model/index.ts
@@ -0,0 +1 @@
+// Ushbu fayl loyiha structurasi uchun qo'shilgan. O'chirib tashlasangiz bo'ladi
--- a/src/features/auth/ui/index.ts
+++ b/src/features/auth/ui/index.ts
@@ -0,0 +1 @@
+// Ushbu fayl loyiha structurasi uchun qo'shilgan. O'chirib tashlasangiz bo'ladi
--- a/src/features/index.ts
+++ b/src/features/index.ts
@@ -0,0 +1 @@
+// Ushbu fayl loyiha structurasi uchun qo'shilgan. O'chirib tashlasangiz bo'ladi
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -0,0 +1,11 @@
+import createMiddleware from 'next-intl/middleware';
+import { routing } from './shared/config/i18n/routing';
+
+export default createMiddleware(routing);
+
+export const config = {
+  // Match all pathnames except for
+  // - … if they start with `/api`, `/trpc`, `/_next` or `/_vercel`
+  // - … the ones containing a dot (e.g. `favicon.ico`)
+  matcher: '/((?!api|trpc|_next|_vercel|.*\\..*).*)',
+};
--- a/src/shared/config/api/URLs.ts
+++ b/src/shared/config/api/URLs.ts
@@ -0,0 +1,6 @@
+const BASE_URL =
+  process.env.NEXT_PUBLIC_API_URL || 'https://jsonplaceholder.typicode.com';
+
+const ENDP_POSTS = '/posts/';
+
+export { BASE_URL, ENDP_POSTS };
--- a/src/shared/config/api/httpClient.ts
+++ b/src/shared/config/api/httpClient.ts
@@ -0,0 +1,44 @@
+import getLocaleCS from '@/shared/lib/getLocaleCS';
+import axios from 'axios';
+import { getLocale } from 'next-intl/server';
+import { LanguageRoutes } from '../i18n/types';
+import { BASE_URL } from './URLs';
+
+const httpClient = axios.create({
+  baseURL: BASE_URL,
+  timeout: 10000,
+});
+
+httpClient.interceptors.request.use(
+  async (config) => {
+    console.log(`API REQUEST to ${config.url}`, config);
+
+    // Language configs
+    let language = LanguageRoutes.UZ;
+    try {
+      language = (await getLocale()) as LanguageRoutes;
+    } catch (e) {
+      console.log('error', e);
+      language = getLocaleCS() || LanguageRoutes.UZ;
+    }
+
+    config.headers['Accept-Language'] = language;
+    // const accessToken = localStorage.getItem('accessToken');
+    // if (accessToken) {
+    //   config.headers['Authorization'] = `Bearer ${accessToken}`;
+    // }
+
+    return config;
+  },
+  (error) => Promise.reject(error),
+);
+
+httpClient.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    console.error('API error:', error);
+    return Promise.reject(error);
+  },
+);
+
+export default httpClient;
--- a/src/shared/config/api/testApi.ts
+++ b/src/shared/config/api/testApi.ts
@@ -0,0 +1,14 @@
+import { ENDP_POSTS } from '@/shared/config/api/URLs';
+import { ReqWithPagination } from './types';
+import { AxiosResponse } from 'axios';
+import { TestApiType } from '@/shared/types/testApi';
+import httpClient from './httpClient';
+
+const getPosts = async (
+  pagination?: ReqWithPagination,
+): Promise<AxiosResponse<TestApiType>> => {
+  const response = await httpClient.get(ENDP_POSTS, { params: pagination });
+  return response;
+};
+
+export { getPosts };
--- a/src/shared/config/api/types.ts
+++ b/src/shared/config/api/types.ts
@@ -0,0 +1,20 @@
+export interface ResWithPagination<T> {
+  success: boolean;
+  message: string;
+  links: Links;
+  total_items: number;
+  total_pages: number;
+  page_size: number;
+  current_page: number;
+  data: T[];
+}
+
+interface Links {
+  next: number | null;
+  previous: number | null;
+}
+
+export interface ReqWithPagination {
+  _start?: number;
+  _limit?: number;
+}
--- a/src/shared/config/fonts.ts
+++ b/src/shared/config/fonts.ts
@@ -0,0 +1,9 @@
+import { Golos_Text } from 'next/font/google';
+
+const golosText = Golos_Text({
+  weight: ['400', '500', '600', '700', '800'],
+  variable: '--font-golos-text',
+  subsets: ['latin', 'cyrillic'],
+});
+
+export { golosText };
--- a/src/shared/config/i18n/messages/ki.json
+++ b/src/shared/config/i18n/messages/ki.json
@@ -0,0 +1,6 @@
+{
+  "HomePage": {
+    "title": "Salom dunyo! (Kiril)",
+    "about": "Go to the about page"
+  }
+}
--- a/src/shared/config/i18n/messages/ru.json
+++ b/src/shared/config/i18n/messages/ru.json
@@ -0,0 +1,6 @@
+{
+  "HomePage": {
+    "title": "Hello world!",
+    "about": "Go to the about page"
+  }
+}
--- a/src/shared/config/i18n/messages/uz.d.json.ts
+++ b/src/shared/config/i18n/messages/uz.d.json.ts
@@ -0,0 +1,10 @@
+// This file is auto-generated by next-intl, do not edit directly.
+// See: https://next-intl.dev/docs/workflows/typescript#messages-arguments
+
+declare const messages: {
+  HomePage: {
+    title: 'Salom dunyo!';
+    about: 'Go to the about page';
+  };
+};
+export default messages;
--- a/src/shared/config/i18n/messages/uz.json
+++ b/src/shared/config/i18n/messages/uz.json
@@ -0,0 +1,6 @@
+{
+  "HomePage": {
+    "title": "Salom dunyo!",
+    "about": "Go to the about page"
+  }
+}
--- a/src/shared/config/i18n/navigation.ts
+++ b/src/shared/config/i18n/navigation.ts
@@ -0,0 +1,7 @@
+import { createNavigation } from 'next-intl/navigation';
+import { routing } from './routing';
+
+// Lightweight wrappers around Next.js' navigation
+// APIs that consider the routing configuration
+export const { Link, redirect, usePathname, useRouter, getPathname } =
+  createNavigation(routing);
--- a/src/shared/config/i18n/request.ts
+++ b/src/shared/config/i18n/request.ts
@@ -0,0 +1,16 @@
+import { getRequestConfig } from 'next-intl/server';
+import { hasLocale } from 'next-intl';
+import { routing } from './routing';
+
+export default getRequestConfig(async ({ requestLocale }) => {
+  // Typically corresponds to the `[locale]` segment
+  const requested = await requestLocale;
+  const locale = hasLocale(routing.locales, requested)
+    ? requested
+    : routing.defaultLocale;
+
+  return {
+    locale,
+    messages: (await import(`./messages/${locale}.json`)).default,
+  };
+});
--- a/src/shared/config/i18n/routing.ts
+++ b/src/shared/config/i18n/routing.ts
@@ -0,0 +1,11 @@
+import { defineRouting } from 'next-intl/routing';
+import { LanguageRoutes } from './types';
+
+export const routing = defineRouting({
+  // A list of all locales that are supported
+  locales: [LanguageRoutes.UZ, LanguageRoutes.RU, LanguageRoutes.KI],
+
+  // Used when no locale matches
+  defaultLocale: LanguageRoutes.UZ,
+  localeDetection: false,
+});
--- a/src/shared/config/i18n/types.ts
+++ b/src/shared/config/i18n/types.ts
@@ -0,0 +1,5 @@
+export enum LanguageRoutes {
+  UZ = 'uz', // o'zbekcha
+  RU = 'ru', // ruscha
+  KI = 'ki', // kirilcha
+}
--- a/src/shared/config/react-query/QueryProvider.tsx
+++ b/src/shared/config/react-query/QueryProvider.tsx
@@ -0,0 +1,27 @@
+'use client';
+
+import { ReactNode, useState } from 'react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+const QueryProvider = ({ children }: { children: ReactNode }) => {
+  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            refetchOnWindowFocus: false,
+            retry: 1,
+            staleTime: 1000 * 60 * 5,
+            refetchOnReconnect: false,
+            refetchOnMount: false,
+            refetchInterval: 1000 * 60 * 5,
+          },
+        },
+      }),
+  );
+  return (
+    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  );
+};
+
+export default QueryProvider;
--- a/src/shared/config/theme-provider.tsx
+++ b/src/shared/config/theme-provider.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import * as React from 'react';
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+
+export function ThemeProvider({
+  children,
+  ...props
+}: React.ComponentProps<typeof NextThemesProvider>) {
+  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
+}
--- a/src/shared/constants/data.ts
+++ b/src/shared/constants/data.ts
@@ -0,0 +1,21 @@
+const PRODUCT_INFO = {
+  name: 'FIAS App',
+  description: 'Generated by create next app',
+  logo: '/favicon.png',
+  favicon: '/favicon.svg',
+  url: 'https://www.shadcnblocks.com',
+  socials: {
+    telegram: 'https://t.me/usmanov_dev',
+    instagram: 'https://t.me/usmanov_dev',
+    youtube: 'https://t.me/usmanov_dev',
+    linkedin: 'https://www.linkedin.com/in/usmonov-azizbek/',
+  },
+  contact: {
+    phone: '+998901234567',
+    email: 'contact@fias.uz',
+  },
+  terms_of_use: '',
+  creator: 'FIAS App',
+};
+
+export { PRODUCT_INFO };
--- a/src/shared/hooks/use-closer.ts
+++ b/src/shared/hooks/use-closer.ts
@@ -0,0 +1,39 @@
+import React, { useEffect } from 'react';
+
+/**
+ * Hook for closing some items when they are unnecessary to the user
+ * @param ref For an item that needs to be closed when the outer part is pressed
+ * @param closeFunction Closing function
+ * @param scrollClose If it shouldn't close when scrolling, false will be sent. Default true
+ */
+
+const useCloser = (
+  ref: React.RefObject<HTMLElement>,
+  closeFunction: () => void,
+  scrollClose: boolean = true,
+) => {
+  useEffect(() => {
+    // call function when click outside is ref element
+    function handleClickOutside(event: MouseEvent) {
+      if (ref.current && !ref.current.contains(event.target as Node)) {
+        closeFunction();
+      }
+    }
+
+    // call function when page is scrolling
+    function handleScroll() {
+      if (scrollClose) {
+        closeFunction();
+      }
+    }
+
+    document.addEventListener('mousedown', handleClickOutside);
+    document.addEventListener('scroll', handleScroll);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('scroll', handleScroll);
+    };
+  }, [ref, closeFunction]);
+};
+
+export default useCloser;
--- a/src/shared/hooks/use-mobile.ts
+++ b/src/shared/hooks/use-mobile.ts
@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+const MOBILE_BREAKPOINT = 768;
+
+/**
+ * Determine if it's on the current mobile screen (768px)
+ * @returns boolean
+ */
+const useIsMobile = () => {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
+    undefined,
+  );
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener('change', onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener('change', onChange);
+  }, []);
+
+  return !!isMobile;
+};
+
+export default useIsMobile;
--- a/src/shared/hooks/use-window-size.ts
+++ b/src/shared/hooks/use-window-size.ts
@@ -0,0 +1,38 @@
+import { useEffect, useState } from 'react';
+
+interface ISize {
+  width: number | undefined;
+  height: number | undefined;
+}
+
+/**
+ * Screen size determination
+ * @returns number
+ */
+const useWindowSize = () => {
+  const [size, setSize] = useState<ISize>({
+    width: undefined,
+    height: undefined,
+  });
+
+  useEffect(() => {
+    const getScreenSize = () => {
+      setSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+      });
+    };
+
+    getScreenSize();
+
+    window.addEventListener('resize', getScreenSize);
+
+    return () => {
+      window.removeEventListener('resize', getScreenSize);
+    };
+  }, []);
+
+  return size;
+};
+
+export default useWindowSize;
--- a/src/shared/lib/addBaseUrl.ts
+++ b/src/shared/lib/addBaseUrl.ts
@@ -0,0 +1,10 @@
+/**
+ * Add base url to url
+ * @param url Current url
+ * @returns string
+ */
+const addBaseUrl = (url: string) => {
+  return process.env.NEXT_PUBLIC_API_URL + url;
+};
+
+export default addBaseUrl;
--- a/src/shared/lib/formatDate.ts
+++ b/src/shared/lib/formatDate.ts
@@ -0,0 +1,89 @@
+import dayjs from 'dayjs';
+import 'dayjs/locale/uz-latn';
+import 'dayjs/locale/uz';
+import 'dayjs/locale/ru';
+import localizedFormat from 'dayjs/plugin/localizedFormat';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import { getLocale } from 'next-intl/server';
+
+// Install Dayjs plugins
+dayjs.extend(localizedFormat);
+dayjs.extend(relativeTime);
+
+// Find locale
+const getCurrentLocale = async () => {
+  const locale = await getLocale();
+  switch (locale) {
+    case 'ki':
+      return 'uz';
+    case 'uz':
+      return 'uz-latn';
+    case 'ru':
+      return 'ru';
+
+    default:
+      return 'uz-latn';
+  }
+};
+
+const formatDate = {
+  /**
+   * Show date in specified format
+   * @param time Date object or string or number
+   * @param format type
+   * @param locale Language (optional)
+   * @returns string
+   */
+  to: async (
+    time: Date | string | number,
+    format: string,
+    locale?: string,
+  ): Promise<string> => {
+    const currentLocale = locale || (await getCurrentLocale());
+    return dayjs(time).locale(currentLocale).format(format);
+  },
+
+  /**
+   * Sync date in specified format (for client-side)
+   * @param time Date object or string or number
+   * @param format type
+   * @param locale Language (optional, standard Uzbek)
+   * @returns string
+   */
+  format: (
+    time: Date | string | number,
+    format: string,
+    locale: string = 'uz',
+  ): string => {
+    return dayjs(time).locale(locale).format(format);
+  },
+
+  /**
+   * Show date in relative time format (today, yesterday, 2 days ago,...)
+   * @param time Date object or string or number
+   * @param locale Language (optional, standard Uzbek)
+   * @returns string
+   */
+  relative: async (
+    time: Date | string | number,
+    locale?: string,
+  ): Promise<string> => {
+    const currentLocale = locale || (await getCurrentLocale());
+    return dayjs(time).locale(currentLocale).fromNow();
+  },
+
+  /**
+   * Show relative time synchronously (for client-side)
+   * @param time Date object or string or number
+   * @param locale Language (optional, standard Uzbek)
+   * @returns string
+   */
+  relativeFormat: (
+    time: Date | string | number,
+    locale: string = 'uz',
+  ): string => {
+    return dayjs(time).locale(locale).fromNow();
+  },
+};
+
+export default formatDate;
--- a/src/shared/lib/formatPhone.ts
+++ b/src/shared/lib/formatPhone.ts
@@ -0,0 +1,38 @@
+/**
+ * Format the number (+998 00 111-22-33)
+ * @param value Number to be formatted
+ * @returns string +998 00 111-22-33
+ */
+const formatPhone = (value: string) => {
+  // Keep only numbers
+  const digits = value.replace(/\D/g, '');
+
+  // Return empty string if data is not available
+  if (digits.length === 0) {
+    return '';
+  }
+
+  const prefix = digits.startsWith('998') ? '+998 ' : '+998 ';
+
+  let formattedNumber = prefix;
+
+  if (digits.length > 3) {
+    formattedNumber += digits.slice(3, 5);
+  }
+
+  if (digits.length > 5) {
+    formattedNumber += ' ' + digits.slice(5, 8);
+  }
+
+  if (digits.length > 8) {
+    formattedNumber += '-' + digits.slice(8, 10);
+  }
+
+  if (digits.length > 10) {
+    formattedNumber += '-' + digits.slice(10, 12);
+  }
+
+  return formattedNumber.trim();
+};
+
+export default formatPhone;
--- a/src/shared/lib/formatPrice.ts
+++ b/src/shared/lib/formatPrice.ts
@@ -0,0 +1,32 @@
+import { LanguageRoutes } from '../config/i18n/types';
+import { getLocale } from 'next-intl/server';
+
+/**
+ * Format price. With label.
+ * @param amount Price
+ * @param withLabel Show label. Default false
+ * @returns string. Ex. X XXX XXX sum
+ */
+const formatPrice = async (amount: number | string, withLabel?: boolean) => {
+  const locale = (await getLocale()) as LanguageRoutes;
+  const label = withLabel
+    ? locale == LanguageRoutes.RU
+      ? ' сум'
+      : locale == LanguageRoutes.KI
+        ? ' сўм'
+        : ' so‘m'
+    : '';
+  const parts = String(amount).split('.');
+  const dollars = parts[0];
+  const cents = parts.length > 1 ? parts[1] : '00';
+
+  const formattedDollars = dollars.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+
+  if (String(amount).length == 0) {
+    return formattedDollars + '.' + cents + label;
+  } else {
+    return formattedDollars + label;
+  }
+};
+
+export default formatPrice;
--- a/src/shared/lib/getLocaleCS.ts
+++ b/src/shared/lib/getLocaleCS.ts
@@ -0,0 +1,13 @@
+import { LanguageRoutes } from '../config/i18n/types';
+
+const getLocaleCS = (): LanguageRoutes | undefined => {
+  if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+    const match = document.cookie
+      .split('; ')
+      .find((row) => row.startsWith('NEXT_LOCALE='));
+    return match?.split('=')[1] as LanguageRoutes;
+  }
+  return undefined;
+};
+
+export default getLocaleCS;
--- a/src/shared/lib/utils.ts
+++ b/src/shared/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
--- a/src/shared/types/testApi.ts
+++ b/src/shared/types/testApi.ts
@@ -0,0 +1,6 @@
+export interface TestApiType {
+  userId: number;
+  id: number;
+  title: string;
+  body: string;
+}
--- a/src/shared/ui/accordion.tsx
+++ b/src/shared/ui/accordion.tsx
@@ -0,0 +1,66 @@
+'use client';
+
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDownIcon } from 'lucide-react';
+
+import { cn } from '@/shared/lib/utils';
+
+function Accordion({
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
+  return <AccordionPrimitive.Root data-slot="accordion" {...props} />;
+}
+
+function AccordionItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
+  return (
+    <AccordionPrimitive.Item
+      data-slot="accordion-item"
+      className={cn('border-b last:border-b-0', className)}
+      {...props}
+    />
+  );
+}
+
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
+  return (
+    <AccordionPrimitive.Header className="flex">
+      <AccordionPrimitive.Trigger
+        data-slot="accordion-trigger"
+        className={cn(
+          'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
+  );
+}
+
+function AccordionContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
+  return (
+    <AccordionPrimitive.Content
+      data-slot="accordion-content"
+      className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+      {...props}
+    >
+      <div className={cn('pt-0 pb-4', className)}>{children}</div>
+    </AccordionPrimitive.Content>
+  );
+}
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
--- a/src/shared/ui/button.tsx
+++ b/src/shared/ui/button.tsx
@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { cn } from '@/shared/lib/utils';
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default:
+          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+        outline:
+          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+        secondary:
+          'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
+        ghost:
+          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+        icon: 'size-9',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  }) {
+  const Comp = asChild ? Slot : 'button';
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  );
+}
+
+export { Button, buttonVariants };
--- a/src/shared/ui/dropdown-menu.tsx
+++ b/src/shared/ui/dropdown-menu.tsx
@@ -0,0 +1,257 @@
+'use client';
+
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
+
+import { cn } from '@/shared/lib/utils';
+
+function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+  );
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      data-slot="dropdown-menu-trigger"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',
+          className,
+        )}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  );
+}
+
+function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+  );
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = 'default',
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean;
+  variant?: 'default' | 'destructive';
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      data-slot="dropdown-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  );
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  );
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean;
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      data-slot="dropdown-menu-label"
+      data-inset={inset}
+      className={cn(
+        'px-2 py-1.5 text-sm font-medium data-[inset]:pl-8',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      data-slot="dropdown-menu-separator"
+      className={cn('bg-border -mx-1 my-1 h-px', className)}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<'span'>) {
+  return (
+    <span
+      data-slot="dropdown-menu-shortcut"
+      className={cn(
+        'text-muted-foreground ml-auto text-xs tracking-widest',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean;
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8',
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto size-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+  );
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn(
+        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+};
--- a/src/shared/ui/input.tsx
+++ b/src/shared/ui/input.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+import { cn } from '@/shared/lib/utils';
+
+function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
+        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Input };
--- a/src/shared/ui/navigation-menu.tsx
+++ b/src/shared/ui/navigation-menu.tsx
@@ -0,0 +1,168 @@
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { cva } from 'class-variance-authority';
+import { ChevronDownIcon } from 'lucide-react';
+
+import { cn } from '@/shared/lib/utils';
+
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+  viewport?: boolean;
+}) {
+  return (
+    <NavigationMenuPrimitive.Root
+      data-slot="navigation-menu"
+      data-viewport={viewport}
+      className={cn(
+        'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      {viewport && <NavigationMenuViewport />}
+    </NavigationMenuPrimitive.Root>
+  );
+}
+
+function NavigationMenuList({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {
+  return (
+    <NavigationMenuPrimitive.List
+      data-slot="navigation-menu-list"
+      className={cn(
+        'group flex flex-1 list-none items-center justify-center gap-1',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function NavigationMenuItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {
+  return (
+    <NavigationMenuPrimitive.Item
+      data-slot="navigation-menu-item"
+      className={cn('relative', className)}
+      {...props}
+    />
+  );
+}
+
+const navigationMenuTriggerStyle = cva(
+  'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1',
+);
+
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {
+  return (
+    <NavigationMenuPrimitive.Trigger
+      data-slot="navigation-menu-trigger"
+      className={cn(navigationMenuTriggerStyle(), 'group', className)}
+      {...props}
+    >
+      {children}{' '}
+      <ChevronDownIcon
+        className="relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180"
+        aria-hidden="true"
+      />
+    </NavigationMenuPrimitive.Trigger>
+  );
+}
+
+function NavigationMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {
+  return (
+    <NavigationMenuPrimitive.Content
+      data-slot="navigation-menu-content"
+      className={cn(
+        'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto',
+        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function NavigationMenuViewport({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {
+  return (
+    <div
+      className={cn(
+        'absolute top-full left-0 isolate z-50 flex justify-center',
+      )}
+    >
+      <NavigationMenuPrimitive.Viewport
+        data-slot="navigation-menu-viewport"
+        className={cn(
+          'origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]',
+          className,
+        )}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function NavigationMenuLink({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {
+  return (
+    <NavigationMenuPrimitive.Link
+      data-slot="navigation-menu-link"
+      className={cn(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function NavigationMenuIndicator({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {
+  return (
+    <NavigationMenuPrimitive.Indicator
+      data-slot="navigation-menu-indicator"
+      className={cn(
+        'data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden',
+        className,
+      )}
+      {...props}
+    >
+      <div className="bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" />
+    </NavigationMenuPrimitive.Indicator>
+  );
+}
+
+export {
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuContent,
+  NavigationMenuTrigger,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+  navigationMenuTriggerStyle,
+};
--- a/src/shared/ui/sheet.tsx
+++ b/src/shared/ui/sheet.tsx
@@ -0,0 +1,139 @@
+'use client';
+
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+
+import { cn } from '@/shared/lib/utils';
+
+function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />;
+}
+
+function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />;
+}
+
+function SheetClose({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Close>) {
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />;
+}
+
+function SheetPortal({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />;
+}
+
+function SheetOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
+  return (
+    <SheetPrimitive.Overlay
+      data-slot="sheet-overlay"
+      className={cn(
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function SheetContent({
+  className,
+  children,
+  side = 'right',
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: 'top' | 'right' | 'bottom' | 'left';
+}) {
+  return (
+    <SheetPortal>
+      <SheetOverlay />
+      <SheetPrimitive.Content
+        data-slot="sheet-content"
+        className={cn(
+          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+          side === 'right' &&
+            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
+          side === 'left' &&
+            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
+          side === 'top' &&
+            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',
+          side === 'bottom' &&
+            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+          <XIcon className="size-4" />
+          <span className="sr-only">Close</span>
+        </SheetPrimitive.Close>
+      </SheetPrimitive.Content>
+    </SheetPortal>
+  );
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="sheet-header"
+      className={cn('flex flex-col gap-1.5 p-4', className)}
+      {...props}
+    />
+  );
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="sheet-footer"
+      className={cn('mt-auto flex flex-col gap-2 p-4', className)}
+      {...props}
+    />
+  );
+}
+
+function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Title>) {
+  return (
+    <SheetPrimitive.Title
+      data-slot="sheet-title"
+      className={cn('text-foreground font-semibold', className)}
+      {...props}
+    />
+  );
+}
+
+function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Description>) {
+  return (
+    <SheetPrimitive.Description
+      data-slot="sheet-description"
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+};
--- a/src/shared/ui/theme-toggle.tsx
+++ b/src/shared/ui/theme-toggle.tsx
@@ -0,0 +1,39 @@
+'use client';
+
+import * as React from 'react';
+import { Laptop, Moon, Sun } from 'lucide-react';
+import { useTheme } from 'next-themes';
+import { ToggleGroup, ToggleGroupItem } from './toggle-group';
+
+export function ModeToggle() {
+  const { setTheme } = useTheme();
+
+  return (
+    <ToggleGroup type="single" className="border">
+      <ToggleGroupItem
+        value="system"
+        className="border-r"
+        aria-label="Toggle system"
+        onClick={() => setTheme('system')}
+      >
+        <Laptop className="h-4 w-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem
+        value="light"
+        aria-label="Toggle light"
+        onClick={() => setTheme('light')}
+      >
+        <Sun className="h-4 w-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem
+        value="dark"
+        className="border-l"
+        aria-label="Toggle dark"
+        onClick={() => setTheme('dark')}
+      >
+        <Moon className="h-4 w-4" />
+      </ToggleGroupItem>
+      <span className="sr-only">Toggle theme</span>
+    </ToggleGroup>
+  );
+}
--- a/src/shared/ui/toggle-group.tsx
+++ b/src/shared/ui/toggle-group.tsx
@@ -0,0 +1,73 @@
+'use client';
+
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { type VariantProps } from 'class-variance-authority';
+
+import { cn } from '@/shared/lib/utils';
+import { toggleVariants } from '@/shared/ui/toggle';
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: 'default',
+  variant: 'default',
+});
+
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &
+  VariantProps<typeof toggleVariants>) {
+  return (
+    <ToggleGroupPrimitive.Root
+      data-slot="toggle-group"
+      data-variant={variant}
+      data-size={size}
+      className={cn(
+        'group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs',
+        className,
+      )}
+      {...props}
+    >
+      <ToggleGroupContext.Provider value={{ variant, size }}>
+        {children}
+      </ToggleGroupContext.Provider>
+    </ToggleGroupPrimitive.Root>
+  );
+}
+
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &
+  VariantProps<typeof toggleVariants>) {
+  const context = React.useContext(ToggleGroupContext);
+
+  return (
+    <ToggleGroupPrimitive.Item
+      data-slot="toggle-group-item"
+      data-variant={context.variant || variant}
+      data-size={context.size || size}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  );
+}
+
+export { ToggleGroup, ToggleGroupItem };
--- a/src/shared/ui/toggle.tsx
+++ b/src/shared/ui/toggle.tsx
@@ -0,0 +1,47 @@
+'use client';
+
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { cn } from '@/shared/lib/utils';
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: 'bg-transparent',
+        outline:
+          'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',
+      },
+      size: {
+        default: 'h-9 px-2 min-w-9',
+        sm: 'h-8 px-1.5 min-w-8',
+        lg: 'h-10 px-2.5 min-w-10',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof TogglePrimitive.Root> &
+  VariantProps<typeof toggleVariants>) {
+  return (
+    <TogglePrimitive.Root
+      data-slot="toggle"
+      className={cn(toggleVariants({ variant, size, className }))}
+      {...props}
+    />
+  );
+}
+
+export { Toggle, toggleVariants };
--- a/src/widgets/footer/lib/data.ts
+++ b/src/widgets/footer/lib/data.ts
@@ -0,0 +1,31 @@
+const sections = [
+  {
+    title: 'Product',
+    links: [
+      { name: 'Overview', href: '#' },
+      { name: 'Pricing', href: '#' },
+      { name: 'Marketplace', href: '#' },
+      { name: 'Features', href: '#' },
+    ],
+  },
+  {
+    title: 'Company',
+    links: [
+      { name: 'About', href: '#' },
+      { name: 'Team', href: '#' },
+      { name: 'Blog', href: '#' },
+      { name: 'Careers', href: '#' },
+    ],
+  },
+  {
+    title: 'Resources',
+    links: [
+      { name: 'Help', href: '#' },
+      { name: 'Sales', href: '#' },
+      { name: 'Advertise', href: '#' },
+      { name: 'Privacy', href: '#' },
+    ],
+  },
+];
+
+export { sections };
--- a/src/widgets/footer/ui/index.tsx
+++ b/src/widgets/footer/ui/index.tsx
@@ -0,0 +1,86 @@
+import { PRODUCT_INFO } from '@/shared/constants/data';
+import { InstagramIcon, YoutubeIcon } from 'lucide-react';
+import { sections } from '../lib/data';
+import { ModeToggle } from '@/shared/ui/theme-toggle';
+
+const Footer = () => {
+  return (
+    <section className="py-32">
+      <div className="custom-container">
+        <div className="flex w-full flex-col items-center justify-between gap-10 text-center lg:flex-row lg:items-start lg:text-left">
+          <div className="flex w-full flex-col items-center justify-between gap-6 lg:items-start">
+            {/* Logo */}
+            <div className="flex items-center gap-2 lg:justify-start">
+              <a href="https://shadcnblocks.com">
+                <img
+                  src={PRODUCT_INFO.logo}
+                  alt={PRODUCT_INFO.name}
+                  title={PRODUCT_INFO.name}
+                  className="h-8"
+                />
+              </a>
+              <h2 className="text-xl font-semibold">{PRODUCT_INFO.name}</h2>
+            </div>
+            <p className="text-sm text-muted-foreground">
+              A collection of 100+ responsive HTML templates for your startup
+              business or side project.
+            </p>
+            <ul className="flex items-center space-x-6 text-muted-foreground">
+              <li className="font-medium hover:text-primary">
+                <a href="#">
+                  <InstagramIcon className="size-6" />
+                </a>
+              </li>
+              <li className="font-medium hover:text-primary">
+                <a href="#">
+                  <YoutubeIcon className="size-6" />
+                </a>
+              </li>
+              <li className="font-medium hover:text-primary">
+                <a href="#">
+                  <InstagramIcon className="size-6" />
+                </a>
+              </li>
+              <li className="font-medium hover:text-primary">
+                <a href="#">
+                  <InstagramIcon className="size-6" />
+                </a>
+              </li>
+            </ul>
+            <ModeToggle />
+          </div>
+          <div className="grid w-full grid-cols-3 gap-6 lg:gap-20">
+            {sections.map((section, sectionIdx) => (
+              <div key={sectionIdx}>
+                <h3 className="mb-6 font-bold">{section.title}</h3>
+                <ul className="space-y-4 text-sm text-muted-foreground">
+                  {section.links.map((link, linkIdx) => (
+                    <li
+                      key={linkIdx}
+                      className="font-medium hover:text-primary"
+                    >
+                      <a href={link.href}>{link.name}</a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            ))}
+          </div>
+        </div>
+        <div className="mt-8 flex flex-col justify-between gap-4 border-t pt-8 text-center text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left">
+          <p>
+            © {new Date().getFullYear()} {PRODUCT_INFO.creator}. All rights
+            reserved.
+          </p>
+          <ul className="flex justify-center gap-4 lg:justify-start">
+            <li className="hover:text-primary">
+              <a href={PRODUCT_INFO.terms_of_use}>Terms and Conditions</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default Footer;
--- a/src/widgets/navbar/lib/data.ts
+++ b/src/widgets/navbar/lib/data.ts
@@ -0,0 +1,93 @@
+import { Book, Sunset, Trees, Zap } from 'lucide-react';
+import { MenuItem } from './model';
+import { LanguageRoutes } from '@/shared/config/i18n/types';
+
+const menu: MenuItem[] = [
+  { title: 'Home', url: '#' },
+  {
+    title: 'Products',
+    url: '#',
+    items: [
+      {
+        title: 'Blog',
+        description: 'The latest industry news, updates, and info',
+        icon: Book,
+        url: '#',
+      },
+      {
+        title: 'Company',
+        description: 'Our mission is to innovate and empower the world',
+        icon: Trees,
+        url: '#',
+      },
+      {
+        title: 'Careers',
+        description: 'Browse job listing and discover our workspace',
+        icon: Sunset,
+        url: '#',
+      },
+      {
+        title: 'Support',
+        description:
+          'Get in touch with our support team or visit our community forums',
+        icon: Zap,
+        url: '#',
+      },
+    ],
+  },
+  {
+    title: 'Resources',
+    url: '#',
+    items: [
+      {
+        title: 'Help Center',
+        description: 'Get all the answers you need right here',
+        icon: Zap,
+        url: '#',
+      },
+      {
+        title: 'Contact Us',
+        description: 'We are here to help you with any questions you have',
+        icon: Sunset,
+        url: '#',
+      },
+      {
+        title: 'Status',
+        description: 'Check the current status of our services and APIs',
+        icon: Trees,
+        url: '#',
+      },
+      {
+        title: 'Terms of Service',
+        description: 'Our terms and conditions for using our services',
+        icon: Book,
+        url: '#',
+      },
+    ],
+  },
+  {
+    title: 'Pricing',
+    url: '#',
+  },
+  {
+    title: 'Blog',
+    url: '#',
+  },
+];
+
+const languages: { name: string; key: LanguageRoutes }[] = [
+  {
+    name: "O'zbekcha",
+    key: LanguageRoutes.UZ,
+  },
+  {
+    name: 'Ўзбекча',
+    key: LanguageRoutes.KI,
+  },
+  {
+    name: 'Русский',
+    key: LanguageRoutes.RU,
+  },
+];
+
+export { menu, languages };
--- a/src/widgets/navbar/lib/model.ts
+++ b/src/widgets/navbar/lib/model.ts
@@ -0,0 +1,7 @@
+export interface MenuItem {
+  title: string;
+  url: string;
+  description?: string;
+  icon?: React.ComponentType<{ className?: string }>;
+  items?: MenuItem[];
+}
--- a/src/widgets/navbar/ui/ChangeLang.tsx
+++ b/src/widgets/navbar/ui/ChangeLang.tsx
@@ -0,0 +1,45 @@
+'use client';
+
+import * as React from 'react';
+import { GlobeIcon } from 'lucide-react';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/shared/ui/dropdown-menu';
+import { Button } from '@/shared/ui/button';
+import { languages } from '../lib/data';
+import { useParams, usePathname, useRouter } from 'next/navigation';
+import { LanguageRoutes } from '@/shared/config/i18n/types';
+
+export function ChangeLang() {
+  const { locale } = useParams();
+  const pathname = usePathname();
+  const router = useRouter();
+
+  const changeLocale = (locale: LanguageRoutes) => {
+    const segments = pathname.split('/');
+    segments[1] = locale;
+    const newPath = segments.join('/');
+    router.push(newPath);
+  };
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="outline">
+          <GlobeIcon />
+          <span>{languages.find((e) => e.key == locale)?.name}</span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end">
+        {languages.map((e, i) => (
+          <DropdownMenuItem key={i} onClick={() => changeLocale(e.key)}>
+            {e.name}
+          </DropdownMenuItem>
+        ))}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
--- a/src/widgets/navbar/ui/RenderItem.tsx
+++ b/src/widgets/navbar/ui/RenderItem.tsx
@@ -0,0 +1,40 @@
+import {
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuTrigger,
+} from '@/shared/ui/navigation-menu';
+import { MenuItem } from '../lib/model';
+import SubMenuLink from './SubMenuLink';
+
+const RenderMenuItem = (item: MenuItem) => {
+  // const t = useTranslations("")
+
+  if (item.items) {
+    return (
+      <NavigationMenuItem key={item.title}>
+        <NavigationMenuTrigger>{item.title}</NavigationMenuTrigger>
+        <NavigationMenuContent className="bg-popover text-popover-foreground">
+          {item.items.map((subItem) => (
+            <NavigationMenuLink asChild key={subItem.title} className="w-80">
+              <SubMenuLink item={subItem} />
+            </NavigationMenuLink>
+          ))}
+        </NavigationMenuContent>
+      </NavigationMenuItem>
+    );
+  }
+
+  return (
+    <NavigationMenuItem key={item.title}>
+      <NavigationMenuLink
+        href={item.url}
+        className="group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-accent-foreground"
+      >
+        {item.title}
+      </NavigationMenuLink>
+    </NavigationMenuItem>
+  );
+};
+
+export default RenderMenuItem;
--- a/src/widgets/navbar/ui/RenderMobileMenuItem.tsx
+++ b/src/widgets/navbar/ui/RenderMobileMenuItem.tsx
@@ -0,0 +1,32 @@
+import {
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from '@/shared/ui/accordion';
+import { MenuItem } from '../lib/model';
+import SubMenuLink from './SubMenuLink';
+
+const RenderMobileMenuItem = (item: MenuItem) => {
+  if (item.items) {
+    return (
+      <AccordionItem key={item.title} value={item.title} className="border-b-0">
+        <AccordionTrigger className="text-md py-0 font-semibold hover:no-underline">
+          {item.title}
+        </AccordionTrigger>
+        <AccordionContent className="mt-2">
+          {item.items.map((subItem) => (
+            <SubMenuLink key={subItem.title} item={subItem} />
+          ))}
+        </AccordionContent>
+      </AccordionItem>
+    );
+  }
+
+  return (
+    <a key={item.title} href={item.url} className="text-md font-semibold">
+      {item.title}
+    </a>
+  );
+};
+
+export default RenderMobileMenuItem;
--- a/src/widgets/navbar/ui/SubMenuLink.tsx
+++ b/src/widgets/navbar/ui/SubMenuLink.tsx
@@ -0,0 +1,24 @@
+import { MenuItem } from '../lib/model';
+
+const SubMenuLink = ({ item }: { item: MenuItem }) => {
+  return (
+    <a
+      className="flex flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-accent-foreground"
+      href={item.url}
+    >
+      <div className="text-foreground">
+        {item.icon && <item.icon className="size-5 shrink-0" />}
+      </div>
+      <div>
+        <div className="text-sm font-semibold">{item.title}</div>
+        {item.description && (
+          <p className="text-sm leading-snug text-muted-foreground">
+            {item.description}
+          </p>
+        )}
+      </div>
+    </a>
+  );
+};
+
+export default SubMenuLink;
--- a/src/widgets/navbar/ui/index.tsx
+++ b/src/widgets/navbar/ui/index.tsx
@@ -0,0 +1,123 @@
+import { Accordion } from '@/shared/ui/accordion';
+import { Button } from '@/shared/ui/button';
+import {
+  NavigationMenu,
+  NavigationMenuList,
+} from '@/shared/ui/navigation-menu';
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from '@/shared/ui/sheet';
+import { Menu } from 'lucide-react';
+import { menu } from '../lib/data';
+import { PRODUCT_INFO } from '@/shared/constants/data';
+import RenderMenuItem from './RenderItem';
+import RenderMobileMenuItem from './RenderMobileMenuItem';
+import { ChangeLang } from './ChangeLang';
+import Link from 'next/link';
+
+const Navbar = () => {
+  const auth = {
+    login: { title: 'Login', url: '#' },
+    signup: { title: 'Sign up', url: '#' },
+  };
+
+  return (
+    <section className="py-4">
+      <div className="custom-container">
+        {/* Desktop Menu */}
+        <nav className="hidden justify-between lg:flex">
+          <div className="flex items-center gap-6">
+            {/* Logo */}
+            <Link href={'/'} className="flex items-center gap-2">
+              <img
+                src={PRODUCT_INFO.logo}
+                className="max-h-8"
+                alt={PRODUCT_INFO.name}
+              />
+              <span className="text-lg font-semibold tracking-tighter">
+                {PRODUCT_INFO.name}
+              </span>
+            </Link>
+            <div className="flex items-center">
+              <NavigationMenu>
+                <NavigationMenuList>
+                  {menu.map((item) => RenderMenuItem(item))}
+                </NavigationMenuList>
+              </NavigationMenu>
+            </div>
+          </div>
+          <div className="flex gap-2">
+            <ChangeLang />
+            <Button asChild variant="outline">
+              <Link href={auth.login.url}>{auth.login.title}</Link>
+            </Button>
+            <Button asChild>
+              <Link href={auth.signup.url}>{auth.signup.title}</Link>
+            </Button>
+          </div>
+        </nav>
+
+        {/* Mobile Menu */}
+        <div className="block lg:hidden">
+          <div className="flex items-center justify-between">
+            {/* Logo */}
+            <Link href={'/'} className="flex items-center gap-2">
+              <img
+                src={PRODUCT_INFO.logo}
+                className="max-h-8"
+                alt={PRODUCT_INFO.name}
+              />
+            </Link>
+            <Sheet>
+              <div className="space-x-2">
+                <ChangeLang />
+                <SheetTrigger asChild>
+                  <Button variant="outline" size="icon">
+                    <Menu className="size-4" />
+                  </Button>
+                </SheetTrigger>
+              </div>
+              <SheetContent className="overflow-y-auto">
+                <SheetHeader>
+                  <SheetTitle>
+                    <Link href={'/'} className="flex items-center gap-2">
+                      <img
+                        src={PRODUCT_INFO.logo}
+                        className="max-h-8"
+                        alt={PRODUCT_INFO.name}
+                      />
+                    </Link>
+                  </SheetTitle>
+                </SheetHeader>
+                <div className="flex flex-col gap-6 p-4">
+                  <Accordion
+                    type="single"
+                    collapsible
+                    className="flex w-full flex-col gap-4"
+                  >
+                    {menu.map((item) => RenderMobileMenuItem(item))}
+                  </Accordion>
+
+                  <div className="flex flex-col gap-3">
+                    <Button asChild variant="outline">
+                      <Link href={auth.login.url}>{auth.login.title}</Link>
+                    </Button>
+                    <Button asChild>
+                      <Link href={auth.signup.url}>{auth.signup.title}</Link>
+                    </Button>
+                  </div>
+                </div>
+              </SheetContent>
+            </Sheet>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default Navbar;
--- a/src/widgets/welcome/index.tsx
+++ b/src/widgets/welcome/index.tsx
@@ -0,0 +1,32 @@
+'use client';
+
+import { getPosts } from '@/shared/config/api/testApi';
+import { useQuery } from '@tanstack/react-query';
+import Link from 'next/link';
+import React from 'react';
+
+const Welcome = () => {
+  const { data } = useQuery({
+    queryKey: ['posts'],
+    queryFn: () => getPosts({ _limit: 1 }),
+  });
+
+  console.log('CSR posts', data);
+
+  return (
+    <div className="custom-container h-full bg-accent min-h-[400px] rounded-2xl flex items-center justify-center">
+      <Link
+        className="github-button"
+        href="https://github.com/fiasuz/create-fias"
+        data-color-scheme="no-preference: light; light: light; dark: dark;"
+        data-icon="octicon-star"
+        data-size="large"
+        aria-label="Star fiasuz/create-fias on GitHub"
+      >
+        Star on github
+      </Link>
+    </div>
+  );
+};
+
+export default Welcome;
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "prettier.config.cjs"
+  ],
+  "exclude": ["node_modules"]
+}
				`@@ -0,0 +1 @@`
				`// Ushbu fayl loyiha structurasi uchun qo'shilgan. O'chirib tashlasangiz bo'ladi`