Added app links

fixed slider filter
2026-02-27 11:55:50 +05:00 · 2025-12-17 14:56:32 +05:00 · 2025-12-17 14:55:02 +05:00 · 2025-12-17 14:09:36 +05:00 · 2025-12-17 14:07:11 +05:00 · 2025-12-17 14:05:27 +05:00
69 changed files with 3896 additions and 1714 deletions
--- a/16
+++ b/16
@ -1,4 +1,4 @@
-FROM node:18-alpine AS builder
+FROM node:20-alpine AS builder

 # Enable corepack and install pnpm
 RUN corepack enable && corepack prepare pnpm@latest --activate
@ -7,12 +7,20 @@ RUN corepack enable && corepack prepare pnpm@latest --activate
 ENV CI=true

 WORKDIR /app
+
+# Copy package.json and pnpm-lock.yaml first for caching
+COPY package.json pnpm-lock.yaml ./
+
+# Install dependencies
+RUN pnpm install --frozen-lockfile
+
+# Copy the rest of the files
 COPY . .

-# Install dependencies and build
-RUN pnpm install && pnpm build
+# Build the application
+RUN pnpm build

-FROM node:18-alpine AS runner
+FROM node:20-alpine AS runner

 RUN corepack enable && corepack prepare pnpm@latest --activate

--- a/next.config.ts
+++ b/next.config.ts
@ -8,6 +8,11 @@ const nextConfig: NextConfig = {
        hostname: 'media.bambooapp.ai',
        pathname: '/files/**',
      },
+      {
+        protocol: 'https',
+        hostname: 'taylordb.ai',
+        pathname: '/media/**',
+      },
    ],
  },
 };
--- a/package.json
+++ b/package.json
@ -7,7 +7,7 @@
    "dev": "next dev --turbopack",
    "build": "next build",
    "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint ."
  },
  "dependencies": {
    "@hookform/resolvers": "^5.0.1",
@ -25,23 +25,25 @@
    "@radix-ui/react-toast": "^1.2.11",
    "@radix-ui/react-tooltip": "^1.2.6",
    "@reduxjs/toolkit": "^2.7.0",
+    "@taylordb/query-builder": "^0.10.1",
    "aos": "^2.3.4",
    "axios": "^1.9.0",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cookies-next": "^5.1.0",
    "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
    "embla-carousel-autoplay": "^8.6.0",
    "embla-carousel-react": "^8.6.0",
    "json-to-graphql-query": "^2.3.0",
    "lodash": "^4.17.21",
    "lucide-react": "^0.501.0",
-    "next": "15.3.1",
+    "next": "16.0.10",
    "next-redux-wrapper": "^8.1.0",
    "next-themes": "^0.4.6",
-    "react": "^19.0.0",
+    "react": "19.2.3",
    "react-day-picker": "8.10.1",
-    "react-dom": "^19.0.0",
+    "react-dom": "19.2.3",
    "react-hook-form": "^7.56.1",
    "react-redux": "^9.2.0",
    "sonner": "^2.0.3",
@ -53,7 +55,6 @@
    "zod": "^3.24.3"
  },
  "devDependencies": {
-    "@eslint/eslintrc": "^3",
    "@eslint/js": "^9.25.0",
    "@tailwindcss/postcss": "^4",
    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
@ -63,11 +64,11 @@
    "@types/eslint-plugin-tailwindcss": "^3.17.0",
    "@types/lodash": "^4.17.16",
    "@types/node": "^20.17.30",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
    "@typescript-eslint/parser": "^8.30.1",
    "eslint": "^9",
-    "eslint-config-next": "15.3.1",
+    "eslint-config-next": "16.0.10",
    "eslint-config-prettier": "^10.1.2",
    "eslint-plugin-import-x": "^4.10.6",
    "eslint-plugin-react": "^7.37.5",
@ -79,5 +80,11 @@
    "tailwindcss": "^4",
    "typescript": "^5",
    "typescript-eslint": "^8.30.1"
+  },
+  "pnpm": {
+    "overrides": {
+      "@types/react": "19.2.7",
+      "@types/react-dom": "19.2.3"
+    }
  }
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@ -1,20 +1,15 @@
 import AboutPage from '@/pages-templates/about';

-import { mainPageApi } from '@/features/pages/api/pages.api';
-
-import { makeStore } from '@/shared/store';
+import { fetchAboutUsPageContent } from '@/features/pages/services/pages.service';

 export const metadata = {
-  title: "О нас",
-  description: "Узнайте больше о нашей компании, истории и ценностях. Качественное топливо и отличный сервис.",
+  title: 'О нас',
+  description:
+    'Узнайте больше о нашей компании, истории и ценностях. Качественное топливо и отличный сервис.',
 };

 export default async function About() {
-  const store = makeStore();
-
-  const { data } = await store.dispatch(
-    mainPageApi.endpoints.fetchAboutUsPageContent.initiate(),
-  );
+  const data = await fetchAboutUsPageContent();

  if (!data) return null;

--- a/src/app/api-utlities/@types/index.ts
+++ b/src/app/api-utlities/@types/index.ts
@ -22,90 +22,90 @@ export interface Select {
 }

 export type Discount = Root<{
-  _name: string;
-  _opisanie: string;
-  _do: string;
-  _foto: Image[];
+  zagolovok: string;
+  opisanie: string;
+  do: string;
+  foto: Image[];
 }>;

 export type Job = Root<{
  id: number;
-  _name: string;
-  _type: Select[];
-  _localtio: Select[];
-  _tags: Select[];
+  zagolovok: string;
+  tip: Select[];
+  lokaciya: Select[];
+  tegi: Select[];
 }>;

 export type Partner = Root<{
  id: number;
-  _name: string;
-  _image: Image[];
+  nazvanie: string;
+  izobrozhenie: Image[];
 }>;

 export type Station = Root<{
-  _name: string;
-  _opisanie: string;
-  _adress: string;
-  _chasyRaboty: Select;
-  _lat: number;
-  _long: number;
-  _avtomojka: boolean;
-  _dtCopy: boolean;
-  _avtomojkaCopy: boolean;
-  _ai92Copy: boolean;
-  _ai95Copy: boolean;
-  _z100Copy: boolean;
-  _propanCopy: boolean;
-  _zaryadnayaStanci: boolean;
-  _miniMarketCop: boolean;
-  _region: Select[];
-  _foto: Image[];
+  imya: string;
+  opisanie: string;
+  adress: string;
+  chasyRaboty: Select[];
+  lat: number;
+  long: number;
+  avtomojka: boolean;
+  ai92: boolean;
+  ai95: boolean;
+  z100: boolean;
+  propan: boolean;
+  zaryadnayaStanciya: boolean;
+  dt: boolean;
+  miniMarket: boolean;
+  tualet: boolean;
+  region: Select[];
+  foto: Image[];
 }>;

 export type TextResponse = Root<{
-  _name: string;
-  _znachenie: string | null;
+  klyuchNeIzmenyat: string;
+  znachenie: string | null;
 }>;

 export type MediaResponse = Root<{
-  _name: string;
-  _foto: Image[];
-  _klyuchNeIzmenya: string;
+  mestopolozheniya: string;
+  foto: Image[];
+  klyuchNeIzmenyat: string;
 }>;

 export type Team = Root<{
-  _foto: Image[];
-  _zvanie: string;
-  _name: string;
+  foto: Image[];
+  zvanie: string;
+  polnoeImya: string;
 }>;

 export type History = Root<{
-  _name: string;
-  _god: string;
-  _opisanie: string;
+  zagolovok: string;
+  god: string;
+  opisanie: string;
 }>;

 export type Review = Root<{
  id: number;
-  _name: string;
-  _otzyv: string;
-  _rejting: number;
+  polnoeImya: string;
+  otzyv: string;
+  rejting: number;
 }>;

 export type Charity = Root<{
-  _name: string;
-  _opisanie: string;
-  _data: string;
-  _lokaciya: string;
-  _foto: Image[];
+  zagolovok: string;
+  opisanie: string;
+  data: string;
+  lokaciya: string;
+  foto: Image[];
 }>;

 export type Certificate = Root<{
-  _name: string;
-  _opisanie: string;
-  _dataVydachi: string;
-  _dejstvitelenDo: string;
-  _foto: Image[];
+  nazvanie: string;
+  opisanie: string;
+  dataVydachi: string;
+  dejstvitelenDo: string;
+  foto: Image[];
 }>;

 export type TeamMembers = ReturnType<typeof presentTeamMembers>;
--- a/src/app/api-utlities/clients/taylor.client.ts
+++ b/src/app/api-utlities/clients/taylor.client.ts
@ -12,6 +12,7 @@ export const requestTaylor = async (query: object, variables?: object) => {
    headers: {
      Authorization: process.env.TAYLOR_API_TOKEN || '',
      'Content-type': 'application/json',
+      schema: 'readable',
    },
  });

--- a/src/app/api-utlities/errors/authorization.error.ts
+++ b/src/app/api-utlities/errors/authorization.error.ts
@ -0,0 +1 @@
+export class AuthorizationError extends Error {}
--- a/src/app/api-utlities/presenters/index.ts
+++ b/src/app/api-utlities/presenters/index.ts
@ -25,102 +25,102 @@ export const presentSelect = (selectItems: Select[]) =>
 export const presentPartners = (partners: Partner) =>
  partners.records.map((record, index) => ({
    id: index + 1,
-    name: record._name,
-    poster: presentImage(record._image),
+    name: record.nazvanie,
+    poster: presentImage(record.izobrozhenie),
  }));

 export const presentJobs = (jobs: Job) =>
  jobs.records.map((job, index) => ({
    id: index + 1,
-    name: job._name,
-    tags: job._tags.map((tag) => tag.name),
-    location: presentSelect(job._localtio),
-    type: presentSelect(job._type),
+    name: job.zagolovok,
+    tags: job.tegi.map((tag) => tag.name),
+    location: presentSelect(job.lokaciya),
+    type: presentSelect(job.tip),
  }));

 export const presentTeamMembers = (members: Team) =>
  members.records.map((member) => ({
-    name: member._name,
-    photo: presentImage(member._foto),
-    profession: member._zvanie,
+    name: member.polnoeImya,
+    photo: presentImage(member.foto),
+    profession: member.zvanie,
  }));

 export const presentHistoryItems = (historyItems: History) =>
  historyItems.records.map((item) => ({
-    name: item._name,
-    year: item._god,
-    description: item._opisanie,
+    name: item.zagolovok,
+    year: item.god,
+    description: item.opisanie,
  }));

 export const presentDiscounts = (discounts: Discount) =>
  discounts.records.map((discount, index) => ({
    id: index + 1,
-    name: discount._name,
-    description: discount._opisanie,
-    expiresAt: discount._do,
-    image: presentImage(discount._foto),
+    name: discount.zagolovok,
+    description: discount.opisanie,
+    expiresAt: discount.do,
+    image: presentImage(discount.foto),
  }));

 export const presentStations = (stations: Station) =>
  stations.records.map((station, index) => ({
    id: index + 1,
-    name: station._name,
-    description: station._opisanie,
-    address: station._adress,
-    workingHours: station._chasyRaboty?.name || null,
-    latitude: station._lat,
-    longitude: station._long,
-    carWash: station._avtomojka || false,
-    ai92: station._dtCopy || false,
-    ai95: station._ai92Copy || false,
-    dt: station._avtomojkaCopy || false,
-    z100: station._ai95Copy || false,
-    propan: station._z100Copy || false,
-    electricCharge: station._propanCopy || false,
-    miniMarket: station._zaryadnayaStanci || false,
-    toilet: station._miniMarketCop || false,
-    region: presentSelect(station._region),
-    image: presentImage(station._foto),
+    name: station.imya,
+    description: station.opisanie,
+    address: station.adress,
+    workingHours: presentSelect(station.chasyRaboty),
+    latitude: station.lat,
+    longitude: station.long,
+    carWash: station.avtomojka || false,
+    ai92: station.ai92 || false,
+    ai95: station.ai95 || false,
+    dt: station.dt || false,
+    z100: station.z100 || false,
+    propan: station.propan || false,
+    electricCharge: station.zaryadnayaStanciya || false,
+    miniMarket: station.miniMarket || false,
+    toilet: station.tualet || false,
+    region: presentSelect(station.region),
+    image: presentImage(station.foto),
  }));

 export const presentTexts = (texts: TextResponse) =>
  texts.records.map((item) => ({
-    key: item._name,
-    value: item._znachenie,
+    key: item.klyuchNeIzmenyat,
+    value: item.znachenie,
  }));

 export const presentMedia = (media: MediaResponse) => {
  return media.records.map((record) => ({
-    key: record._klyuchNeIzmenya,
-    name: record._name,
-    photo: presentImage(record._foto),
+    key: record.klyuchNeIzmenyat,
+    name: record.mestopolozheniya,
+    photo: presentImage(record.foto),
  }));
 };

 export const presentReviews = (reviews: Review) =>
  reviews.records.map((review) => ({
    id: review.id,
-    fullname: review._name,
-    review: review._otzyv,
-    rating: review._rejting,
+    fullname: review.polnoeImya,
+    review: review.otzyv,
+    rating: review.rejting,
  }));

 export const presentCharities = (charities: Charity) =>
  charities.records.map((charity, index) => ({
    id: index + 1,
-    name: charity._name,
-    description: charity._opisanie,
-    date: charity._data,
-    location: charity._lokaciya,
-    image: presentImage(charity._foto),
+    name: charity.zagolovok,
+    description: charity.opisanie,
+    date: charity.data,
+    location: charity.lokaciya,
+    image: presentImage(charity.foto),
  }));

 export const presentCertificates = (certificates: Certificate) =>
  certificates.records.map((certificate, index) => ({
    id: index + 1,
-    name: certificate._name,
-    description: certificate._opisanie,
-    issuedAt: certificate._dataVydachi,
-    validUntil: certificate._dejstvitelenDo,
-    image: presentImage(certificate._foto),
+    name: certificate.nazvanie,
+    description: certificate.opisanie,
+    issuedAt: certificate.dataVydachi,
+    validUntil: certificate.dejstvitelenDo,
+    image: presentImage(certificate.foto),
  }));
--- a/src/app/api-utlities/presenters/taylor-presenters.ts
+++ b/src/app/api-utlities/presenters/taylor-presenters.ts
@ -0,0 +1,238 @@
+import { isEmpty } from 'lodash';
+
+import {
+  AttachmentColumnValue,
+  TableRaws,
+} from '@/shared/types/database.types';
+
+// Helper to get image URL from Attachment array
+export const getAttachmentUrl = (
+  attachments: AttachmentColumnValue[] | undefined | null,
+): string | null => {
+  if (isEmpty(attachments) || !attachments?.[0]) return null;
+  const attachment = attachments[0];
+  return `${process.env.TAYLOR_MEDIA_URL}/${attachment.url}`;
+};
+
+// Helper to get link select name (link to selectTable returns object with name)
+export const getLinkSelectName = (
+  link: { name: string } | undefined | null,
+): string | null => {
+  return link?.name || null;
+};
+
+// Helper to get multiple link select names (for arrays of links)
+export const getLinkSelectNames = (
+  links: Array<{ name: string }> | undefined | null,
+): string[] => {
+  if (!links || isEmpty(links)) return [];
+  return links.map((link) => link.name);
+};
+
+// Presenters for TaylorDB query builder results (direct array format, no wrapper)
+
+export const presentPartnersFromTaylor = (
+  partners: TableRaws<'partnyory'>[],
+): Array<{ id: number; name: string; poster: string | null }> => {
+  return partners.map((partner, index) => ({
+    id: index + 1,
+    name: partner.nazvanie || '',
+    poster: getAttachmentUrl(partner.izobrozhenie),
+  }));
+};
+
+export const presentJobsFromTaylor = (
+  jobs: TableRaws<'vakansii'>[],
+): Array<{
+  id: number;
+  name: string;
+  tags: string[];
+  location: string | null;
+  type: string | null;
+}> => {
+  return jobs.map((job, index) => ({
+    id: index + 1,
+    name: job.zagolovok || '',
+    // tegi is a LinkColumnType, so it returns objects when loaded with .with()
+    tags: Array.isArray(job.tegi)
+      ? (job.tegi as Array<{ name: string }>).map((tag) => tag.name)
+      : [],
+    // tip and lokaciya are SingleSelectColumnType, which return arrays of strings
+    location: job.lokaciya?.[0] || null,
+    type: job.tip?.[0] || null,
+  }));
+};
+
+export const presentDiscountsFromTaylor = (
+  discounts: TableRaws<'akcii'>[],
+): Array<{
+  id: number;
+  name: string;
+  description: string;
+  expiresAt: string;
+  image: string | null;
+}> => {
+  return discounts.map((discount, index) => ({
+    id: index + 1,
+    name: discount.zagolovok || '',
+    description: discount.opisanie || '',
+    expiresAt: discount.do || '',
+    image: getAttachmentUrl(discount.foto),
+  }));
+};
+
+export const presentStationsFromTaylor = (
+  stations: TableRaws<'azs'>[],
+): Array<{
+  id: number;
+  name: string;
+  description: string;
+  address: string;
+  workingHours: string | null;
+  latitude: number;
+  longitude: number;
+  carWash: boolean;
+  ai92: boolean;
+  ai95: boolean;
+  dt: boolean;
+  z100: boolean;
+  propan: boolean;
+  electricCharge: boolean;
+  miniMarket: boolean;
+  toilet: boolean;
+  region: string | null;
+  image: string | null;
+}> => {
+  return stations.map((station, index) => ({
+    id: index + 1,
+    name: station.imya || '',
+    description: station.opisanie || '',
+    address: station.adress || '',
+    // chasyRaboty and region are SingleSelectColumnType, which return arrays of strings
+    workingHours: station.chasyRaboty?.[0] || null,
+    // Parse string coordinates to numbers
+    latitude: parseFloat(station.lat || '0') || 0,
+    longitude: parseFloat(station.long || '0') || 0,
+    carWash: station.avtomojka || false,
+    ai92: station.ai92 || false,
+    ai95: station.ai95 || false,
+    dt: station.dt || false,
+    z100: station.z100 || false,
+    propan: station.propan || false,
+    electricCharge: station.zaryadnayaStanciya || false,
+    miniMarket: station.miniMarket || false,
+    toilet: station.tualet || false,
+    region: station.region?.[0] || null,
+    image: getAttachmentUrl(station.foto),
+  }));
+};
+
+export const presentTeamMembersFromTaylor = (
+  members: TableRaws<'komanda'>[],
+): Array<{
+  name: string;
+  photo: string | null;
+  profession: string;
+}> => {
+  return members.map((member) => ({
+    name: member.polnoeImya || '',
+    photo: getAttachmentUrl(member.foto),
+    profession: member.zvanie || '',
+  }));
+};
+
+export const presentHistoryItemsFromTaylor = (
+  historyItems: TableRaws<'istoriyaKompanii'>[],
+): Array<{
+  name: string;
+  year: string;
+  description: string;
+}> => {
+  return historyItems.map((item) => ({
+    name: item.zagolovok || '',
+    year: String(item.god || ''),
+    description: item.opisanie || '',
+  }));
+};
+
+export const presentReviewsFromTaylor = (
+  reviews: TableRaws<'otzyvy'>[],
+): Array<{
+  id: number;
+  fullname: string;
+  review: string;
+  rating: number;
+}> => {
+  return reviews.map((review) => ({
+    id: review.id || 0,
+    fullname: review.polnoeImya || '',
+    review: review.otzyv || '',
+    rating: review.rejting || 0,
+  }));
+};
+
+export const presentCharitiesFromTaylor = (
+  charities: TableRaws<'blagotvoritelnyjFond'>[],
+): Array<{
+  id: number;
+  name: string;
+  description: string;
+  date: string;
+  location: string;
+  image: string | null;
+}> => {
+  return charities.map((charity, index) => ({
+    id: index + 1,
+    name: charity.zagolovok || '',
+    description: charity.opisanie || '',
+    date: charity.data || '',
+    location: charity.lokaciya || '',
+    image: getAttachmentUrl(charity.foto),
+  }));
+};
+
+export const presentCertificatesFromTaylor = (
+  certificates: TableRaws<'sertifikaty'>[],
+): Array<{
+  id: number;
+  name: string;
+  description: string;
+  issuedAt: string;
+  validUntil: string;
+  image: string | null;
+}> => {
+  return certificates.map((certificate, index) => ({
+    id: index + 1,
+    name: certificate.nazvanie || '',
+    description: certificate.opisanie || '',
+    issuedAt: certificate.dataVydachi || '',
+    validUntil: certificate.dejstvitelenDo || '',
+    image: getAttachmentUrl(certificate.foto),
+  }));
+};
+
+export const presentTextsFromTaylor = (
+  texts: TableRaws<'tekstovyjKontentSajta'>[],
+): Array<{
+  key: string;
+  value: string | null;
+}> => {
+  return texts.map((item) => ({
+    key: item.klyuchNeIzmenyat || '',
+    value: item.znachenie || null,
+  }));
+};
+
+export const presentMediaFromTaylor = (
+  media: TableRaws<'mediaKontentSajta'>[],
+): Array<{
+  key: string;
+  name: string;
+  photo: string | null;
+}> => {
+  return media.map((record) => ({
+    key: record.klyuchNeIzmenyat || '',
+    name: record.mestopolozheniya || '',
+    photo: getAttachmentUrl(record.foto),
+  }));
+};
--- a/src/app/api-utlities/requests/about-us-page.request
+++ b/src/app/api-utlities/requests/about-us-page.request
@ -1,13 +0,0 @@
-import {
-  historyRequest,
-  reviewsRequest,
-  stationsWithImageRequest,
-  teamRequest,
-} from './common';
-
-export const aboutUsPageRequest = {
-  ...teamRequest,
-  ...historyRequest,
-  ...stationsWithImageRequest,
-  ...reviewsRequest,
-};
--- a/src/app/api-utlities/requests/certificates-page.request.ts
+++ b/src/app/api-utlities/requests/certificates-page.request.ts
@ -1,5 +0,0 @@
-import { certificatesRequest } from './common';
-
-export const certificatesPageRequest = {
-  ...certificatesRequest,
-};
--- a/src/app/api-utlities/requests/charity-page.request
+++ b/src/app/api-utlities/requests/charity-page.request
@ -1,5 +0,0 @@
-import { charityRequest } from './common';
-
-export const charityPageRequest = {
-  ...charityRequest,
-};
--- a/src/app/api-utlities/requests/common.ts
+++ b/src/app/api-utlities/requests/common.ts
@ -1,29 +1,29 @@
 import { EnumType, VariableType } from 'json-to-graphql-query';

 export const stationsRequest = {
-  _azs: {
+  azs: {
    records: {
-      _name: true,
-      _opisanie: true,
-      _adress: true,
-      _chasyRaboty: {
+      imya: true,
+      opisanie: true,
+      adress: true,
+      chasyRaboty: {
        name: true,
      },
-      _lat: true,
-      _long: true,
-      _avtomojka: true,
-      _dtCopy: true, // ai92
-      _ai92Copy: true, // ai95
-      _ai95Copy: true, // z100
-      _z100Copy: true, // propan
-      _propanCopy: true, // electricCharge
-      _avtomojkaCopy: true, // DT
-      _zaryadnayaStanci: true, // miniMarket
-      _miniMarketCop: true, // toilet
-      _region: {
+      lat: true,
+      long: true,
+      avtomojka: true,
+      ai92: true,
+      ai95: true,
+      z100: true,
+      propan: true,
+      zaryadnayaStanciya: true,
+      dt: true,
+      miniMarket: true,
+      tualet: true,
+      region: {
        name: true,
      },
-      _foto: {
+      foto: {
        url: true,
      },
    },
@ -31,13 +31,13 @@ export const stationsRequest = {
 };

 export const stationsWithImageRequest = {
-  _azs: {
+  azs: {
    __args: {
      filtersSet: {
        conjunction: new EnumType('and'),
        filtersSet: [
          {
-            field: new EnumType('_foto'),
+            field: new EnumType('foto'),
            operator: 'isNotEmpty',
            value: [],
          },
@ -46,26 +46,27 @@ export const stationsWithImageRequest = {
    },

    records: {
-      _name: true,
-      _opisanie: true,
-      _adress: true,
-      _chasyRaboty: {
+      imya: true,
+      opisanie: true,
+      adress: true,
+      chasyRaboty: {
        name: true,
      },
-      _lat: true,
-      _long: true,
-      _avtomojka: true,
-      _dtCopy: true, // ai92
-      _ai92Copy: true, // ai95
-      _ai95Copy: true, // z100
-      _z100Copy: true, // propan
-      _propanCopy: true, // electricCharge
-      _zaryadnayaStanci: true, // miniMarket
-      _miniMarketCop: true, // toilet
-      _region: {
+      lat: true,
+      long: true,
+      avtomojka: true,
+      ai92: true,
+      ai95: true,
+      z100: true,
+      propan: true,
+      zaryadnayaStanciya: true,
+      dt: true,
+      miniMarket: true,
+      tualet: true,
+      region: {
        name: true,
      },
-      _foto: {
+      foto: {
        url: true,
      },
    },
@ -73,10 +74,10 @@ export const stationsWithImageRequest = {
 };

 export const partnersRequest = {
-  _partners: {
+  partnyory: {
    records: {
-      _name: true,
-      _image: {
+      nazvanie: true,
+      izobrozhenie: {
        url: true,
      },
    },
@ -84,16 +85,16 @@ export const partnersRequest = {
 };

 export const jobsRequest = {
-  _vacancies: {
+  vakansii: {
    records: {
-      _name: true,
-      _tags: {
+      zagolovok: true,
+      tegi: {
        name: true,
      },
-      _type: {
+      tip: {
        name: true,
      },
-      _localtio: {
+      lokaciya: {
        name: true,
      },
    },
@ -101,70 +102,70 @@ export const jobsRequest = {
 };

 export const discountsRequest = {
-  _akcii: {
+  akcii: {
    records: {
-      _name: true,
-      _opisanie: true,
-      _do: true,
-      _foto: {
-        url: true,
+      zagolovok: true,
+      opisanie: true,
+      do: true,
+      foto: {
+        name: true,
      },
    },
  },
 };

 export const textsRequest = {
-  _kontentSajta: {
+  tekstovyjKontentSajta: {
    records: {
-      _name: true,
-      _znachenie: true,
+      znachenie: true,
+      klyuchNeIzmenyat: true,
    },
  },
 };

 export const mediaRequest = {
-  _mediaKontentS: {
+  mediaKontentSajta: {
    records: {
-      _name: true,
-      _foto: {
+      mestopolozheniya: true,
+      foto: {
        id: true,
        url: true,
      },
-      _klyuchNeIzmenya: true,
+      klyuchNeIzmenyat: true,
    },
  },
 };

 export const teamRequest = {
-  _komanda: {
+  komanda: {
    records: {
-      _foto: {
+      foto: {
        url: true,
      },
-      _zvanie: true,
-      _name: true,
+      zvanie: true,
+      polnoeImya: true,
    },
  },
 };

 export const historyRequest = {
-  _istoriya: {
+  istoriyaKompanii: {
    records: {
-      _name: true,
-      _god: true,
-      _opisanie: true,
+      zagolovok: true,
+      god: true,
+      opisanie: true,
    },
  },
 };

 export const reviewsRequest = {
-  _otzyvy: {
+  otzyvy: {
    __args: {
      filtersSet: {
        conjunction: new EnumType('and'),
        filtersSet: [
          {
-            field: new EnumType('_status'),
+            field: new EnumType('status'),
            operator: 'contains',
            value: 'Опубликовано',
          },
@ -173,21 +174,21 @@ export const reviewsRequest = {
    },
    records: {
      id: true,
-      _name: true,
-      _otzyv: true,
-      _rejting: true,
+      polnoeImya: true,
+      otzyv: true,
+      rejting: true,
    },
  },
 };

 export const charityRequest = {
-  _blagotvoriteln: {
+  blagotvoritelnyjFond: {
    records: {
-      _name: true,
-      _opisanie: true,
-      _data: true,
-      _lokaciya: true,
-      _foto: {
+      zagolovok: true,
+      opisanie: true,
+      data: true,
+      lokaciya: true,
+      foto: {
        url: true,
      },
    },
@ -195,13 +196,13 @@ export const charityRequest = {
 };

 export const certificatesRequest = {
-  _sertifikaty: {
+  sertifikaty: {
    records: {
-      _name: true,
-      _opisanie: true,
-      _dataVydachi: true,
-      _dejstvitelenDo: true,
-      _foto: {
+      nazvanie: true,
+      opisanie: true,
+      dataVydachi: true,
+      dejstvitelenDo: true,
+      foto: {
        url: true,
      },
    },
@ -212,7 +213,7 @@ export const createReviewMutation = {
  __variables: {
    review: 'TableOtzyvyMutationParameters',
  },
-  _otzyvy: {
+  otzyvy: {
    createRecord: {
      __args: {
        records: [new VariableType('review')],
--- a/src/app/api-utlities/requests/main-page.request.ts
+++ b/src/app/api-utlities/requests/main-page.request.ts
@ -1,13 +0,0 @@
-import {
-  discountsRequest,
-  jobsRequest,
-  partnersRequest,
-  stationsRequest,
-} from './common';
-
-export const mainPageRequest = {
-  ...partnersRequest,
-  ...jobsRequest,
-  ...discountsRequest,
-  ...stationsRequest,
-};
--- a/src/app/api/bonus/info/route.ts
+++ b/src/app/api/bonus/info/route.ts
@ -2,6 +2,7 @@ import { RequestCookie } from 'next/dist/compiled/@edge-runtime/cookies';
 import { NextRequest } from 'next/server';

 import oriyoClient from '@/app/api-utlities/clients/oriyo.client';
+import { AuthorizationError } from '@/app/api-utlities/errors/authorization.error';

 import { authorizationMiddleware } from '../../middlewares/auth.middleware';
 import { validationErrorHandler } from '../../middlewares/error-handler.middleware';
@ -16,6 +17,10 @@ const routeHandler = async (req: NextRequest, requestCookie: RequestCookie) => {
    },
  });

+  if (oriyoResponse.status === 401) {
+    throw new AuthorizationError();
+  }
+
  return new Response(JSON.stringify(oriyoResponse.data), {
    headers: { 'Content-Type': 'application/json' },
  });
--- a/src/app/api/bonus/transactions/route.ts
+++ b/src/app/api/bonus/transactions/route.ts
@ -3,6 +3,7 @@ import { NextRequest } from 'next/server';
 import { z } from 'zod';

 import oriyoClient from '@/app/api-utlities/clients/oriyo.client';
+import { AuthorizationError } from '@/app/api-utlities/errors/authorization.error';
 import { getParams } from '@/app/api-utlities/utilities/get-params';

 import { authorizationMiddleware } from '../../middlewares/auth.middleware';
@ -34,6 +35,25 @@ const routeHandler = async (req: NextRequest, requestCookie: RequestCookie) => {
    },
  });

+  if (oriyoResponse.status === 404)
+    return new Response(
+      JSON.stringify({
+        transactions: [],
+        card_id,
+        current_page: validatedRequest.page,
+        limit: validatedRequest.limit,
+        total_records: 0,
+        total_pages: 0,
+      }),
+      {
+        headers: { 'Content-Type': 'application/json' },
+      },
+    );
+
+  if (oriyoResponse.status === 401) {
+    throw new AuthorizationError();
+  }
+
  if (oriyoResponse.data.error) throw oriyoResponse.data;

  return new Response(JSON.stringify(oriyoResponse.data), {
--- a/src/app/api/cache-revalidate/route.ts
+++ b/src/app/api/cache-revalidate/route.ts
@ -1,16 +1,15 @@
-import { revalidateTag } from 'next/cache';
+import { revalidatePath } from 'next/cache';
 import { NextResponse } from 'next/server';

-import { FetchTags } from '@/shared/api/tags';
-
 export async function GET() {
  try {
-    revalidateTag(FetchTags.TAYLOR);
+    revalidatePath('/', 'layout');
+    revalidatePath('/', 'page');

    return NextResponse.json({ success: true });
  } catch (err) {
    return NextResponse.json(
-      { error: 'Failed to revalidate', detail: err },
+      { error: 'Failed to drop cache', detail: err },
      { status: 500 },
    );
  }
--- a/src/app/api/corporate/transactions/route.ts
+++ b/src/app/api/corporate/transactions/route.ts
@ -3,6 +3,7 @@ import { NextRequest } from 'next/server';
 import { z } from 'zod';

 import oriyoClient from '@/app/api-utlities/clients/oriyo.client';
+import { AuthorizationError } from '@/app/api-utlities/errors/authorization.error';
 import { getParams } from '@/app/api-utlities/utilities/get-params';

 import { authorizationMiddleware } from '../../middlewares/auth.middleware';
@ -34,6 +35,24 @@ const routeHandler = async (req: NextRequest, requestCookie: RequestCookie) => {
    },
  });

+  if (oriyoResponse.status === 404)
+    return new Response(
+      JSON.stringify({
+        transactions: [],
+        current_page: validatedRequest.page,
+        limit: validatedRequest.limit,
+        total_records: 0,
+        total_pages: 0,
+      }),
+      {
+        headers: { 'Content-Type': 'application/json' },
+      },
+    );
+
+  if (oriyoResponse.status === 401) {
+    throw new AuthorizationError();
+  }
+
  if (oriyoResponse.data.error) throw oriyoResponse.data;

  return new Response(JSON.stringify(oriyoResponse.data), {
--- a/src/app/api/middlewares/auth.middleware.ts
+++ b/src/app/api/middlewares/auth.middleware.ts
@ -1,6 +1,7 @@
-import { has } from 'lodash';
 import { NextRequest, NextResponse } from 'next/server';

+import { AuthorizationError } from '@/app/api-utlities/errors/authorization.error';
+
 export const authorizationMiddleware =
  (handler: Function, authorizationTokenKey: string) =>
  async (req: NextRequest, ...args: any[]) => {
@ -16,7 +17,7 @@ export const authorizationMiddleware =
    try {
      return await handler(req, requestedToken, ...args);
    } catch (error) {
-      if (has(error, 'code') && error.code === 401) {
+      if (error instanceof AuthorizationError) {
        const response = NextResponse.json(
          { message: 'Authorization session was timed out' },
          { status: 401 },
--- a/src/app/api/reviews/create/route.ts
+++ b/src/app/api/reviews/create/route.ts
@ -1,5 +1,4 @@
 import { NextRequest } from 'next/server';
-import { z } from 'zod';

 import { requestTaylor } from '@/app/api-utlities/clients/taylor.client';
 import { createReviewMutation } from '@/app/api-utlities/requests/common';
@ -15,9 +14,9 @@ export const POST = async (req: NextRequest) => {
    { mutation: createReviewMutation },
    {
      review: {
-        _name: validatedRequest.name,
-        _otzyv: validatedRequest.reviewMessage,
-        _rejting: validatedRequest.rating,
+        polnoeImya: validatedRequest.name,
+        otzyv: validatedRequest.reviewMessage,
+        rejting: validatedRequest.rating,
      },
    },
  );
--- a/src/app/charity/page.tsx
+++ b/src/app/charity/page.tsx
@ -1,8 +1,6 @@
 import { CharityPage } from '@/pages-templates/charity';

-import { mainPageApi } from '@/features/pages/api/pages.api';
-
-import { makeStore } from '@/shared/store';
+import { fetchCharityPageContent } from '@/features/pages/services/pages.service';

 export const metadata = {
  title: 'Благотворительность',
@ -11,13 +9,9 @@ export const metadata = {
 };

 export default async function Charity() {
-  const store = makeStore();
+  const data = await fetchCharityPageContent();

-  const { data, isLoading, error } = await store.dispatch(
-    mainPageApi.endpoints.fetchCharityPageContent.initiate(),
-  );
-
-  if (isLoading || !data) return null;
+  if (!data) return null;

  return <CharityPage content={data} />;
 }
--- a/src/app/clients/certificates/page.tsx
+++ b/src/app/clients/certificates/page.tsx
@ -1,8 +1,6 @@
 import { CertificatesPage } from '@/pages-templates/clients/certificates';

-import { mainPageApi } from '@/features/pages/api/pages.api';
-
-import { makeStore } from '@/shared/store';
+import { fetchCertificatesPageContent } from '@/features/pages/services/pages.service';

 export const metadata = {
  title: 'Сертификаты',
@ -11,13 +9,9 @@ export const metadata = {
 };

 export default async function Certificates() {
-  const store = makeStore();
+  const data = await fetchCertificatesPageContent();

-  const { data, isLoading, error } = await store.dispatch(
-    mainPageApi.endpoints.fetchCertificatesPageContent.initiate(),
-  );
-
-  if (isLoading || !data) return null;
+  if (!data) return null;

  return <CertificatesPage content={data} />;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -1,10 +1,12 @@
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';

-import { textControlApi } from '@/shared/language/api/text-control.api';
-import { mediaControlApi } from '@/shared/media/api/media-control.api';
+import {
+  fetchMediaContent,
+  fetchTextContent,
+} from '@/features/pages/services/pages.service';
+
 import { Providers } from '@/shared/providers/providers';
-import { makeStore } from '@/shared/store';
 import { MediaItem } from '@/shared/types/media.type';
 import { TextItem } from '@/shared/types/text.types';

@ -29,17 +31,11 @@ export default async function RootLayout({
 }: Readonly<{
  children: React.ReactNode;
 }>) {
-  const store = makeStore();
-
-  // Запрос текстов
-  const textResponse = await store.dispatch(
-    textControlApi.endpoints.fetchText.initiate(),
-  );
-
-  // Запрос медиа
-  const mediaResponse = await store.dispatch(
-    mediaControlApi.endpoints.fetchMedia.initiate(),
-  );
+  // Fetch texts and media using TaylorDB query builder
+  const [textItems, mediaItems] = await Promise.all([
+    fetchTextContent(),
+    fetchMediaContent(),
+  ]);
  return (
    <html
      lang='ru'
@ -49,8 +45,8 @@ export default async function RootLayout({
    >
      <body className={`${inter.className} min-w-2xs antialiased`}>
        <Providers
-          textItems={textResponse.data as TextItem[]}
-          mediaItems={mediaResponse.data as MediaItem[]}
+          textItems={textItems as TextItem[]}
+          mediaItems={mediaItems as MediaItem[]}
        >
          <Header />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@ -1,8 +1,7 @@
-import { mainPageApi } from '@/features/pages/api/pages.api';
-
-import { makeStore } from '@/shared/store';
+import { fetchMainPageContent } from '@/features/pages/services/pages.service';

 import { AboutSection } from '@/widgets/about-section';
+import { AppDownloadSection } from '@/widgets/app-download-section';
 import { CharitySection } from '@/widgets/charity-section';
 import { CtaSection } from '@/widgets/cta-section';
 import { HeroSection } from '@/widgets/hero-section';
@ -13,17 +12,14 @@ import { StatsSection } from '@/widgets/stats-section';
 import { VacanciesSection } from '@/widgets/vacancies-section';

 export default async function Home() {
-  const store = makeStore();
+  const data = await fetchMainPageContent();

-  const { data, isLoading, error } = await store.dispatch(
-    mainPageApi.endpoints.fetchMainPageContent.initiate(),
-  );
-
-  if (isLoading || !data) return null;
+  if (!data) return null;

  return (
    <main>
      <HeroSection />
+      <AppDownloadSection />
      <StatsSection />
      <MapSection stations={data.stations} />
      <AboutSection />
--- a/src/entities/bonus/api/bonus.api.ts
+++ b/src/entities/bonus/api/bonus.api.ts
@ -1,11 +1,10 @@
-import {
-  TransactionRequest,
-  TransactionResponse,
-} from '@/entities/transactions/model/types';
-
 import { baseAPI } from '@/shared/api/base-api';

 import { ClientInfo } from '../model/types/bonus-client-info.type';
+import {
+  BonusTransactionRequest,
+  BonusTransactionResponse,
+} from '../model/types/bonus-transactions.type';

 export const bonusApi = baseAPI.injectEndpoints({
  endpoints: (builder) => ({
@ -17,8 +16,8 @@ export const bonusApi = baseAPI.injectEndpoints({
      },
    }),
    fetchBonusTransactions: builder.query<
-      TransactionResponse,
-      TransactionRequest
+      BonusTransactionResponse,
+      BonusTransactionRequest
    >({
      query: (request) => {
        return {
--- a/src/entities/bonus/model/types/bonus-transactions.type.ts
+++ b/src/entities/bonus/model/types/bonus-transactions.type.ts
@ -1,24 +1,22 @@
-export interface TransactionResponse {
-  transactions: Transaction[];
-  card_id: string;
+export interface BonusTransactionResponse {
+  transactions: BonusTransaction[];
  current_page: number;
  limit: number;
  total_records: number;
  total_pages: number;
 }

-export interface Transaction {
+export interface BonusTransaction {
  id: number;
  date_create: string;
  station?: string;
-  station_name?: string;
  product_name: string;
  amount: string;
  price_real: string;
  sum_real: string;
 }

-export interface TransactionRequest {
+export interface BonusTransactionRequest {
  start_date?: string;
  end_date?: string;
  page: number;
--- a/src/entities/corporate/api/corporate.api.ts
+++ b/src/entities/corporate/api/corporate.api.ts
@ -1,11 +1,10 @@
-import {
-  TransactionRequest,
-  TransactionResponse,
-} from '@/entities/transactions/model/types';
-
 import { baseAPI } from '@/shared/api/base-api';

 import { CorporateInfoResponse } from '../model/types/corporate-client-info.type';
+import {
+  CorporateTransactionRequest,
+  CorporateTransactionResponse,
+} from '../model/types/corporate-transactions.type';

 export const corporateApi = baseAPI.injectEndpoints({
  endpoints: (builder) => ({
@ -17,8 +16,8 @@ export const corporateApi = baseAPI.injectEndpoints({
      },
    }),
    fetchCorporateTransactions: builder.query<
-      TransactionResponse,
-      TransactionRequest
+      CorporateTransactionResponse,
+      CorporateTransactionRequest
    >({
      query: (request) => {
        return {
--- a/src/entities/corporate/model/types/corporate-transactions.type.ts
+++ b/src/entities/corporate/model/types/corporate-transactions.type.ts
@ -0,0 +1,24 @@
+export interface CorporateTransactionResponse {
+  transactions: CorporateTransaction[];
+  current_page: number;
+  limit: number;
+  total_records: number;
+  total_pages: number;
+}
+
+export interface CorporateTransaction {
+  date_create: string;
+  station_name?: string;
+  product_name: string;
+  amount: string;
+  price_real: string;
+  sum_real: string;
+  uid: string;
+}
+
+export interface CorporateTransactionRequest {
+  start_date?: string;
+  end_date?: string;
+  page: number;
+  limit: number;
+}
--- a/src/features/map/ui/yandex-map.tsx
+++ b/src/features/map/ui/yandex-map.tsx
@ -5,6 +5,7 @@ import {
  YMaps,
 } from '@pbe/react-yandex-maps';
 import { isEmpty } from 'lodash';
+import { useEffect, useRef } from 'react';

 import { Point } from '../model';

@ -21,6 +22,29 @@ export const YandexMap = ({
  selectedStation,
  handleMapStationClick,
 }: YandexMapProps) => {
+  const mapRef = useRef<any>(null);
+
+  useEffect(() => {
+    if (!mapRef.current) return;
+
+    if (selectedStation !== null) {
+      const selectedPoint = points.find(
+        (point) => point.id === selectedStation,
+      );
+      if (selectedPoint) {
+        mapRef.current
+          .setCenter(selectedPoint.coordinates, mapRef.current.getZoom(), {
+            duration: 1000,
+          })
+          .then(() => {
+            mapRef.current.setZoom(13, { duration: 300 });
+          });
+      }
+    } else {
+      mapRef.current.setZoom(11, { duration: 300 });
+    }
+  }, [selectedStation, points]);
+
  return (
    <YMaps
      query={{
@ -42,6 +66,9 @@ export const YandexMap = ({
          suppressObsoleteBrowserNotifier: true,
        }}
        className='h-full max-h-[500px] w-full overflow-hidden rounded-md shadow-lg'
+        instanceRef={(ref) => {
+          mapRef.current = ref;
+        }}
      >
        {points.map((point) => {
          const isSelectedStation = selectedStation === point.id;
--- a/src/features/pages/api/pages.api.ts
+++ b/src/features/pages/api/pages.api.ts
@ -1,99 +0,0 @@
-import { jsonToGraphQLQuery } from 'json-to-graphql-query';
-
-import {
-  AboutUsPageData,
-  CertificatesPageData,
-  CharityPageData,
-  MainPageData,
-} from '@/app/api-utlities/@types/pages';
-import {
-  presentCertificates,
-  presentCharities,
-  presentDiscounts,
-  presentHistoryItems,
-  presentJobs,
-  presentPartners,
-  presentReviews,
-  presentStations,
-  presentTeamMembers,
-} from '@/app/api-utlities/presenters';
-import { aboutUsPageRequest } from '@/app/api-utlities/requests/about-us-page.request copy';
-import { certificatesPageRequest } from '@/app/api-utlities/requests/certificates-page.request';
-import { charityPageRequest } from '@/app/api-utlities/requests/charity-page.request copy';
-import { mainPageRequest } from '@/app/api-utlities/requests/main-page.request';
-
-import { taylorAPI } from '@/shared/api/taylor-api';
-
-export const mainPageApi = taylorAPI.injectEndpoints({
-  endpoints: (builder) => ({
-    fetchMainPageContent: builder.query<MainPageData, void>({
-      query: () => ({
-        url: '',
-        method: 'POST',
-        body: {
-          query: jsonToGraphQLQuery({ query: mainPageRequest }),
-        },
-      }),
-
-      transformResponse: (response: any) => {
-        return {
-          partners: presentPartners(response.data._partners),
-          jobs: presentJobs(response.data._vacancies),
-          discounts: presentDiscounts(response.data._akcii),
-          stations: presentStations(response.data._azs),
-        };
-      },
-    }),
-
-    fetchAboutUsPageContent: builder.query<AboutUsPageData, void>({
-      query: () => ({
-        url: '',
-        method: 'POST',
-        body: {
-          query: jsonToGraphQLQuery({ query: aboutUsPageRequest }),
-        },
-      }),
-
-      transformResponse: (response: any) => {
-        return {
-          team: presentTeamMembers(response.data._komanda),
-          history: presentHistoryItems(response.data._istoriya),
-          stations: presentStations(response.data._azs),
-          reviews: presentReviews(response.data._otzyvy),
-        };
-      },
-    }),
-
-    fetchCharityPageContent: builder.query<CharityPageData, void>({
-      query: () => ({
-        url: '',
-        method: 'POST',
-        body: {
-          query: jsonToGraphQLQuery({ query: charityPageRequest }),
-        },
-      }),
-
-      transformResponse: (response: any) => {
-        return {
-          charities: presentCharities(response.data._blagotvoriteln),
-        };
-      },
-    }),
-
-    fetchCertificatesPageContent: builder.query<CertificatesPageData, void>({
-      query: () => ({
-        url: '',
-        method: 'POST',
-        body: {
-          query: jsonToGraphQLQuery({ query: certificatesPageRequest }),
-        },
-      }),
-
-      transformResponse: (response: any) => {
-        return {
-          certificates: presentCertificates(response.data._sertifikaty),
-        };
-      },
-    }),
-  }),
-});
--- a/src/features/pages/services/pages.service.ts
+++ b/src/features/pages/services/pages.service.ts
@ -0,0 +1,193 @@
+import {
+  AboutUsPageData,
+  CertificatesPageData,
+  CharityPageData,
+  MainPageData,
+} from '@/app/api-utlities/@types/pages';
+import {
+  presentCertificatesFromTaylor,
+  presentCharitiesFromTaylor,
+  presentDiscountsFromTaylor,
+  presentHistoryItemsFromTaylor,
+  presentJobsFromTaylor,
+  presentMediaFromTaylor,
+  presentPartnersFromTaylor,
+  presentReviewsFromTaylor,
+  presentStationsFromTaylor,
+  presentTeamMembersFromTaylor,
+  presentTextsFromTaylor,
+} from '@/app/api-utlities/presenters/taylor-presenters';
+
+import { taylorQueryBuilder } from '@/shared/api/taylor-query-builder';
+
+/**
+ * Fetches main page content using TaylorDB query builder
+ * Replaces the RTK Query GraphQL approach with type-safe query builder
+ */
+export async function fetchMainPageContent(): Promise<MainPageData> {
+  // Use batch queries to fetch all data in a single request
+  const [partnersData, jobsData, discountsData, stationsData] =
+    await taylorQueryBuilder
+      .batch([
+        // Fetch partners
+        taylorQueryBuilder
+          .selectFrom('partnyory')
+          .selectAll()
+          .with({
+            izobrozhenie: (qb) => qb.selectAll(),
+          }),
+
+        // Fetch jobs
+        taylorQueryBuilder
+          .selectFrom('vakansii')
+          .selectAll()
+          .with({
+            tegi: (qb) => qb.select(['name']),
+          }),
+
+        // Fetch discounts
+        taylorQueryBuilder
+          .selectFrom('akcii')
+          .selectAll()
+          .with({
+            foto: (qb) => qb.selectAll(),
+          }),
+
+        // Fetch stations
+        taylorQueryBuilder
+          .selectFrom('azs')
+          .selectAll()
+          .with({
+            foto: (qb) => qb.selectAll(),
+          }),
+      ])
+      .execute();
+
+  console.log('Loading main page content...');
+
+  return {
+    partners: presentPartnersFromTaylor(partnersData),
+    jobs: presentJobsFromTaylor(jobsData),
+    discounts: presentDiscountsFromTaylor(discountsData),
+    stations: presentStationsFromTaylor(stationsData),
+  };
+}
+
+/**
+ * Fetches about us page content using TaylorDB query builder
+ */
+export async function fetchAboutUsPageContent(): Promise<AboutUsPageData> {
+  // Use batch queries to fetch all data in a single request
+  const [teamData, historyData, stationsData, reviewsData] =
+    await taylorQueryBuilder
+      .batch([
+        // Fetch team members
+        taylorQueryBuilder
+          .selectFrom('komanda')
+          .selectAll()
+          .with({
+            foto: (qb) => qb.selectAll(),
+          }),
+
+        // Fetch history items
+        taylorQueryBuilder.selectFrom('istoriyaKompanii').selectAll(),
+
+        // Fetch stations
+        taylorQueryBuilder
+          .selectFrom('azs')
+          .selectAll()
+          .where('foto', 'isNotEmpty')
+          .with({
+            foto: (qb) => qb.selectAll(),
+          }),
+
+        // Fetch reviews (filtered by published status)
+        taylorQueryBuilder
+          .selectFrom('otzyvy')
+          .selectAll()
+          .where('status', '=', 'Опубликовано'),
+      ])
+      .execute();
+
+  console.log('Loading about us page content...');
+
+  return {
+    team: presentTeamMembersFromTaylor(teamData),
+    history: presentHistoryItemsFromTaylor(historyData),
+    stations: presentStationsFromTaylor(stationsData),
+    reviews: presentReviewsFromTaylor(reviewsData),
+  };
+}
+
+/**
+ * Fetches charity page content using TaylorDB query builder
+ */
+export async function fetchCharityPageContent(): Promise<CharityPageData> {
+  const charitiesData = await taylorQueryBuilder
+    .selectFrom('blagotvoritelnyjFond')
+    .selectAll()
+    .with({
+      foto: (qb) => qb.selectAll(),
+    })
+    .execute();
+
+  console.log('Loading charity page content...');
+
+  return {
+    charities: presentCharitiesFromTaylor(charitiesData),
+  };
+}
+
+/**
+ * Fetches certificates page content using TaylorDB query builder
+ */
+export async function fetchCertificatesPageContent(): Promise<CertificatesPageData> {
+  const certificatesData = await taylorQueryBuilder
+    .selectFrom('sertifikaty')
+    .selectAll()
+    .with({
+      foto: (qb) => qb.selectAll(),
+    })
+    .execute();
+
+  console.log('Loading certificates page content...');
+
+  return {
+    certificates: presentCertificatesFromTaylor(certificatesData),
+  };
+}
+
+/**
+ * Fetches text content using TaylorDB query builder
+ */
+export async function fetchTextContent(): Promise<
+  Array<{ key: string; value: string | null }>
+> {
+  const textsData = await taylorQueryBuilder
+    .selectFrom('tekstovyjKontentSajta')
+    .selectAll()
+    .execute();
+
+  console.log('Loading text content...');
+
+  return presentTextsFromTaylor(textsData);
+}
+
+/**
+ * Fetches media content using TaylorDB query builder
+ */
+export async function fetchMediaContent(): Promise<
+  Array<{ key: string; name: string; photo: string | null }>
+> {
+  const mediaData = await taylorQueryBuilder
+    .selectFrom('mediaKontentSajta')
+    .selectAll()
+    .with({
+      foto: (qb) => qb.selectAll(),
+    })
+    .execute();
+
+  console.log('Loading media content...');
+
+  return presentMediaFromTaylor(mediaData);
+}
--- a/src/pages-templates/(dashboard)/corporate-dashboard/index.tsx
+++ b/src/pages-templates/(dashboard)/corporate-dashboard/index.tsx
@ -8,9 +8,10 @@ import {
  useFetchCorporateTransactionsQuery,
  useFetchMyCorporateInfoQuery,
 } from '@/entities/corporate/api/corporate.api';
-import { TransactionRequest } from '@/entities/transactions/model/types';
+import { CorporateTransactionRequest } from '@/entities/corporate/model/types/corporate-transactions.type';

 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { formatDate } from '@/shared/lib/format-date';
 import { Button } from '@/shared/shadcn-ui/button';
 import {
  Card,
@ -19,21 +20,26 @@ import {
  CardHeader,
  CardTitle,
 } from '@/shared/shadcn-ui/card';
+import { TableCell, TableHead, TableRow } from '@/shared/shadcn-ui/table';

 import { TransactionsTable } from '@/widgets/transactions-table';

 export function CorporateDashboard() {
  const { t } = useTextController();

-  const { data, isLoading } = useFetchMyCorporateInfoQuery({});
+  const { data } = useFetchMyCorporateInfoQuery({});

-  const [request, setTransactionFetchRequest] = useState<TransactionRequest>({
-    limit: 10,
-    page: 1,
-  });
+  const [request, setTransactionFetchRequest] =
+    useState<CorporateTransactionRequest>({
+      limit: 10,
+      page: 1,
+    });

-  const { data: transactionsResponse, refetch } =
-    useFetchCorporateTransactionsQuery(request);
+  const {
+    data: transactionsResponse,
+    refetch,
+    isFetching,
+  } = useFetchCorporateTransactionsQuery(request);

  useEffect(() => {
    refetch();
@ -159,12 +165,66 @@ export function CorporateDashboard() {
            </Card>
          </div>

-          {transactionsResponse && (
-            <TransactionsTable
-              data={transactionsResponse}
-              onChange={setTransactionFetchRequest}
-            />
-          )}
+          <TransactionsTable
+            isLoading={isFetching}
+            renderHeaders={() => (
+              <TableRow>
+                <TableHead>
+                  {t('corporate.transactions.tableHeaders.date')}
+                </TableHead>
+                <TableHead>
+                  {t('corporate.transactions.tableHeaders.card')}
+                </TableHead>
+                <TableHead>
+                  {t('corporate.transactions.tableHeaders.station')}
+                </TableHead>
+                <TableHead>
+                  {t('corporate.transactions.tableHeaders.product')}
+                </TableHead>
+                <TableHead className='text-right'>
+                  {t('corporate.transactions.tableHeaders.quantity')}
+                </TableHead>
+                <TableHead className='text-right'>
+                  {t('corporate.transactions.tableHeaders.price')}
+                </TableHead>
+                <TableHead className='text-right'>
+                  {t('corporate.transactions.tableHeaders.total')}
+                </TableHead>
+              </TableRow>
+            )}
+            renderRow={(transaction, index) => (
+              <TableRow key={index}>
+                <TableCell>
+                  {formatDate(
+                    new Date(transaction.date_create),
+                    'dd.MM.yyyy HH:mm',
+                  )}
+                </TableCell>
+                <TableCell>{transaction.uid}</TableCell>
+                <TableCell>{transaction.station_name}</TableCell>
+                <TableCell>{transaction.product_name}</TableCell>
+                <TableCell className='text-right'>
+                  {transaction.amount}
+                </TableCell>
+                <TableCell className='text-right'>
+                  {transaction.price_real} {t('corporate.currency')}
+                </TableCell>
+                <TableCell className='text-right font-medium'>
+                  {transaction.sum_real} {t('corporate.currency')}
+                </TableCell>
+              </TableRow>
+            )}
+            data={
+              transactionsResponse || {
+                limit: 10,
+                current_page: 1,
+                total_pages: 0,
+                total_records: 0,
+                transactions: [],
+              }
+            }
+            onChange={setTransactionFetchRequest}
+          />
        </div>
      </main>
    </div>
--- a/src/pages-templates/(dashboard)/customer-dashboard/index.tsx
+++ b/src/pages-templates/(dashboard)/customer-dashboard/index.tsx
@ -8,10 +8,11 @@ import {
  useFetchBonusTransactionsQuery,
  useFetchMyBonusInfoQuery,
 } from '@/entities/bonus/api/bonus.api';
-import { TransactionRequest } from '@/entities/transactions/model/types';
+import { BonusTransactionRequest } from '@/entities/bonus/model/types/bonus-transactions.type';

 import Loader from '@/shared/components/loader';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { formatDate } from '@/shared/lib/format-date';
 import { Button } from '@/shared/shadcn-ui/button';
 import {
  Card,
@ -20,21 +21,26 @@ import {
  CardHeader,
  CardTitle,
 } from '@/shared/shadcn-ui/card';
+import { TableCell, TableHead, TableRow } from '@/shared/shadcn-ui/table';

 import { TransactionsTable } from '@/widgets/transactions-table';

 export function CustomerDashboard() {
  const { t } = useTextController();

-  const [request, setTransactionFetchRequest] = useState<TransactionRequest>({
-    limit: 10,
-    page: 1,
-  });
+  const [request, setTransactionFetchRequest] =
+    useState<BonusTransactionRequest>({
+      limit: 10,
+      page: 1,
+    });

  const { data, isLoading } = useFetchMyBonusInfoQuery({});

-  const { data: transactionsResponse, refetch } =
-    useFetchBonusTransactionsQuery(request);
+  const {
+    data: transactionsResponse,
+    refetch,
+    isFetching: isTransactionLoading,
+  } = useFetchBonusTransactionsQuery(request);

  useEffect(() => {
    refetch();
@ -148,12 +154,59 @@ export function CustomerDashboard() {
            </Card>
          </div>

-          {transactionsResponse && (
-            <TransactionsTable
-              data={transactionsResponse}
-              onChange={setTransactionFetchRequest}
-            />
-          )}
+          <TransactionsTable
+            isLoading={isTransactionLoading}
+            data={
+              transactionsResponse || {
+                limit: 10,
+                current_page: 1,
+                total_pages: 0,
+                total_records: 0,
+                transactions: [],
+              }
+            }
+            renderHeaders={() => (
+              <TableRow>
+                <TableHead>
+                  {t('corporate.transactions.tableHeaders.date')}
+                </TableHead>
+                <TableHead>
+                  {t('corporate.transactions.tableHeaders.station')}
+                </TableHead>
+                <TableHead>
+                  {t('corporate.transactions.tableHeaders.product')}
+                </TableHead>
+                <TableHead className='text-right'>
+                  {t('corporate.transactions.tableHeaders.quantity')}
+                </TableHead>
+                <TableHead className='text-right'>
+                  {t('corporate.transactions.tableHeaders.price')}
+                </TableHead>
+                <TableHead className='text-right'>
+                  {t('corporate.transactions.tableHeaders.total')}
+                </TableHead>
+              </TableRow>
+            )}
+            renderRow={(transaction) => (
+              <TableRow key={transaction.id}>
+                <TableCell>
+                  {formatDate(transaction.date_create, 'dd.MM.yyyy HH:mm')}
+                </TableCell>
+                <TableCell>{transaction.station}</TableCell>
+                <TableCell>{transaction.product_name}</TableCell>
+                <TableCell className='text-right'>
+                  {transaction.amount}
+                </TableCell>
+                <TableCell className='text-right'>
+                  {transaction.price_real} {t('corporate.currency')}
+                </TableCell>
+                <TableCell className='text-right font-medium'>
+                  {transaction.sum_real} {t('corporate.currency')}
+                </TableCell>
+              </TableRow>
+            )}
+            onChange={setTransactionFetchRequest}
+          />
        </div>
      </main>
    </div>
--- a/src/pages-templates/about/index.tsx
+++ b/src/pages-templates/about/index.tsx
@ -12,6 +12,7 @@ import AnimatedCounter from '@/shared/components/animated-counter';
 import { Container } from '@/shared/components/container';
 import { Review } from '@/shared/components/review';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { useMediaController } from '@/shared/media/hooks/use-media-controller';
 import { Button } from '@/shared/shadcn-ui/button';
 import { Card, CardContent } from '@/shared/shadcn-ui/card';

@ -25,6 +26,7 @@ export interface AboutPageProps {

 export default function AboutPage({ content }: AboutPageProps) {
  const { t } = useTextController();
+  const { m } = useMediaController();

  return (
    <div className='flex min-h-screen flex-col'>
@ -33,12 +35,14 @@ export default function AboutPage({ content }: AboutPageProps) {
        <section className='relative'>
          <div className='relative h-[400px] w-full overflow-hidden'>
            <Image
-              src='/placeholder.svg?height=400&width=1920&text=Наша+История'
+              src={
+                m('about.hero-section.banner') ||
+                '/placeholder.svg?height=400&width=1920&text=Наша+История'
+              }
              alt={t('about.hero.imageAlt')}
-              width={1920}
-              height={400}
              className='object-cover'
              priority
+              fill
            />
            <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30 px-2'>
              <div
@ -102,7 +106,10 @@ export default function AboutPage({ content }: AboutPageProps) {
              className='relative h-[500px] overflow-hidden rounded-xl shadow-xl'
            >
              <Image
-                src='/placeholder.svg?height=500&width=600&text=Главный+офис'
+                src={
+                  m('about.second-section.banner') ||
+                  '/placeholder.svg?height=500&width=600&text=Главный+офис'
+                }
                alt={t('about.overview.imageAlt')}
                fill
                className='object-cover'
--- a/src/pages-templates/charity/index.tsx
+++ b/src/pages-templates/charity/index.tsx
@ -14,6 +14,7 @@ import { CharityPageData } from '@/app/api-utlities/@types/pages';

 import { Container } from '@/shared/components/container';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { useMediaController } from '@/shared/media/hooks/use-media-controller';
 import {
  Card,
  CardContent,
@ -29,7 +30,7 @@ export interface CharityPageProps {

 export function CharityPage({ content }: CharityPageProps) {
  const { t } = useTextController();
-
+  const { m } = useMediaController();
  return (
    <div className='flex min-h-screen flex-col'>
      <main className='flex-1'>
@ -37,12 +38,14 @@ export function CharityPage({ content }: CharityPageProps) {
        <section className='relative'>
          <div className='relative h-[400px] w-full overflow-hidden'>
            <Image
-              src='/placeholder.svg?height=500&width=1920&text=Благотворительный+фонд+Ориё'
+              src={
+                m('charity.hero-section.banner') ||
+                '/placeholder.svg?height=500&width=1920&text=Благотворительный+фонд+Ориё'
+              }
              alt={t('charity.hero.imageAlt')}
-              width={1920}
-              height={500}
              className='object-cover'
              priority
+              fill
            />
            <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
              <Container data-aos='fade-down' data-aos-duration='800'>
@ -104,7 +107,10 @@ export function CharityPage({ content }: CharityPageProps) {
              className='relative h-[500px] overflow-hidden rounded-xl shadow-xl'
            >
              <Image
-                src='/placeholder.svg?height=500&width=600&text=Наша+миссия'
+                src={
+                  m('charity.second-section.banner') ||
+                  '/placeholder.svg?height=500&width=600&text=Наша+миссия'
+                }
                alt={t('charity.mission.imageAlt')}
                fill
                className='object-cover'
--- a/src/pages-templates/clients/index.tsx
+++ b/src/pages-templates/clients/index.tsx
@ -4,6 +4,7 @@ import Image from 'next/image';

 import { Container } from '@/shared/components/container';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { useMediaController } from '@/shared/media/hooks/use-media-controller';

 import { BenefitsSection } from '@/widgets/clients/ui/benefits-section';
 import { ServicesOverviewSection } from '@/widgets/clients/ui/services-overview-section';
@ -11,6 +12,7 @@ import { CtaSection } from '@/widgets/cta-section';

 export function ClientsPage() {
  const { t } = useTextController();
+  const { m } = useMediaController();

  return (
    <div className='flex min-h-screen flex-col'>
@ -19,12 +21,14 @@ export function ClientsPage() {
        <section className='relative'>
          <div className='relative h-[400px] w-full overflow-hidden'>
            <Image
-              src='/placeholder.svg?height=400&width=1920&text=Для+наших+клиентов'
+              src={
+                m('clients.hero-section.banner') ||
+                '/placeholder.svg?height=400&width=1920&text=Для+наших+клиентов'
+              }
              alt='Для наших клиентов'
-              width={1920}
-              height={400}
              className='object-cover'
              priority
+              fill
            />
            <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
              <Container className='py-0'>
--- a/src/pages-templates/clients/loyalty/index.tsx
+++ b/src/pages-templates/clients/loyalty/index.tsx
@ -16,8 +16,6 @@ export function LoyaltyPage() {
  const { t } = useTextController();
  const { m } = useMediaController();

-  const loyaltyProgrammMedia = m('page.loyaly.banner1');
-
  return (
    <div className='flex min-h-screen flex-col'>
      <main className='flex-1'>
@ -25,12 +23,14 @@ export function LoyaltyPage() {
        <section className='relative'>
          <div className='relative h-[400px] w-full overflow-hidden'>
            <Image
-              src='/placeholder.svg?height=400&width=1920&text=Программа+лояльности'
+              src={
+                m('loyalty.hero-section.banner') ||
+                '/placeholder.svg?height=400&width=1920&text=Программа+лояльности'
+              }
              alt='Программа лояльности'
-              width={1920}
-              height={400}
              className='object-cover'
              priority
+              fill
            />
            <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
              <Container data-aos='fade-down' data-aos-duration='800'>
@ -111,7 +111,7 @@ export function LoyaltyPage() {
              className='relative h-[400px] overflow-hidden rounded-xl shadow-xl'
            >
              <Image
-                src={loyaltyProgrammMedia?.photo || ProgrammImg}
+                src={m('loyalty.second-section.banner') || ProgrammImg}
                alt='Программа лояльности'
                fill
                className='w-full object-contain p-2.5'
--- a/src/pages-templates/login/index.tsx
+++ b/src/pages-templates/login/index.tsx
@ -155,7 +155,10 @@ export default function LoginPage() {
            <div className='mt-8 text-center text-sm text-gray-500'>
              <p>
                {t('auth.loginIssues')}{' '}
-                <Link href='mailto:info@oriyo.tj' className='text-red-600 hover:underline'>
+                <Link
+                  href={`mailto:${t('auth.loginForm.contactUs.mail')}`}
+                  className='text-red-600 hover:underline'
+                >
                  {t('auth.contactLink')}
                </Link>
              </p>
--- a/src/middleware.ts
+++ b/src/middleware.ts
@ -1,6 +1,6 @@
 import { NextRequest, NextResponse } from 'next/server';

-export function middleware(req: NextRequest) {
+export function proxy(req: NextRequest) {
  const url = req.nextUrl.clone();
  const path = url.pathname;

--- a/src/shared/api/taylor-api.ts
+++ b/src/shared/api/taylor-api.ts
@ -6,6 +6,7 @@ const baseQuery = fetchBaseQuery({
  baseUrl: process.env.TAYLOR_API_ENDPOINT,
  headers: {
    Authorization: process.env.TAYLOR_API_TOKEN || '',
+    schema: 'readable',
  },
  next: {
    tags: [FetchTags.TAYLOR],
--- a/src/shared/api/taylor-query-builder.ts
+++ b/src/shared/api/taylor-query-builder.ts
@ -0,0 +1,13 @@
+import { createQueryBuilder } from '@taylordb/query-builder';
+
+import { TaylorDatabase } from '../types/database.types';
+
+// Initialize TaylorDB query builder instance
+// Note: If you have generated types from taylor.types.ts, you can import them here
+// import { TaylorDatabase } from '@/path/to/taylor.types';
+
+export const taylorQueryBuilder = createQueryBuilder<TaylorDatabase>({
+  baseId: process.env.TAYLOR_BASE_ID || '',
+  baseUrl: process.env.TAYLOR_API_ENDPOINT || '',
+  apiKey: process.env.TAYLOR_API_TOKEN || '',
+});
--- a/src/shared/assets/logo.tsx
+++ b/src/shared/assets/logo.tsx
@ -7,12 +7,11 @@ import { useMediaController } from '../media/hooks/use-media-controller';

 export const Logo = () => {
  const { m } = useMediaController();
-  const logo = m('logo');

  return (
    <Link className='flex items-center gap-2' href={'/'}>
      <Image
-        src={logo?.photo || '/logo-new.png'}
+        src={m('logo') || '/logo-new.png'}
        alt='oriyo-logo'
        width={110}
        height={40}
--- a/src/shared/components/about-counter.tsx
+++ b/src/shared/components/about-counter.tsx
@ -1,77 +1,66 @@
 'use client';

 import { Users } from 'lucide-react';
-import { useEffect, useRef, useState } from 'react';

 import { useTextController } from '@/shared/language/hooks/use-text-controller';

+import { useIntersectionObserver } from '../hooks/use-intersection-observer';
 import AnimatedCounter from './animated-counter';

+const stats = [
+  {
+    value: 'about.stats.items.1.value',
+    suffix: 'about.stats.items.1.suffix',
+    label: 'about.stats.items.1.label',
+  },
+  {
+    value: 'about.stats.items.2.value',
+    suffix: 'about.stats.items.2.suffix',
+    label: 'about.stats.items.2.label',
+  },
+  {
+    value: 'about.stats.items.3.value',
+    suffix: 'about.stats.items.3.suffix',
+    label: 'about.stats.items.3.label',
+    decimals: 1,
+  },
+];
+
 export default function AboutCounter() {
-  const [isVisible, setIsVisible] = useState(false);
-  const sectionRef = useRef<HTMLDivElement>(null);
-
  const { t } = useTextController();
+  const { sectionRef, isVisible } = useIntersectionObserver<HTMLDivElement>();

-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const [entry] = entries;
-        if (entry.isIntersecting) {
-          setIsVisible(true);
-          observer.disconnect();
-        }
-      },
-      {
-        threshold: 0.1,
-      },
-    );
-
-    if (sectionRef.current) {
-      observer.observe(sectionRef.current);
-    }
-
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
+  const toNumber = (value: string) => {
+    return Number(t(value));
+  };

  return (
    <div
      ref={sectionRef}
      className='my-4 grid grid-cols-1 gap-6 text-center md:my-8'
    >
-      <div className='transform rounded-lg bg-white p-3 shadow-md transition-transform hover:scale-105 sm:p-6'>
-        <div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
-          <Users className='h-6 w-6 text-red-600' />
+      {stats.map((stat, index) => (
+        <div
+          key={index}
+          className='transform rounded-lg bg-white p-3 shadow-md transition-transform hover:scale-105 sm:p-6'
+        >
+          <div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
+            <Users className='h-6 w-6 text-red-600' />
+          </div>
+          <h3 className='text-2xl font-bold text-gray-900'>
+            {isVisible ? (
+              <AnimatedCounter
+                end={toNumber(stat.value)}
+                suffix={t(stat.suffix)}
+                decimals={stat.decimals || 0}
+              />
+            ) : (
+              `0${t(stat.suffix)}`
+            )}
+          </h3>
+          <p className='text-gray-600'>{t(stat.label)}</p>
        </div>
-        <h3 className='text-2xl font-bold text-gray-900'>
-          {isVisible ? <AnimatedCounter end={150} suffix='+' /> : '0+'}
-        </h3>
-        <p className='text-gray-600'>{t('about.stats.items.2.label')}</p>
-      </div>
-      <div className='transform rounded-lg bg-white p-3 shadow-md transition-transform hover:scale-105 sm:p-6'>
-        <div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
-          <Users className='h-6 w-6 text-red-600' />
-        </div>
-        <h3 className='text-2xl font-bold text-gray-900'>
-          {isVisible ? <AnimatedCounter end={5} suffix='M+' /> : '0M+'}
-        </h3>
-        <p className='text-gray-600'>{t('about.stats.items.4.label')}</p>
-      </div>
-      <div className='transform rounded-lg bg-white p-3 shadow-md transition-transform hover:scale-105 sm:p-6'>
-        <div className='mb-4 inline-flex items-center justify-center rounded-full bg-red-100 p-2'>
-          <Users className='h-6 w-6 text-red-600' />
-        </div>
-        <h3 className='text-2xl font-bold text-gray-900'>
-          {isVisible ? (
-            <AnimatedCounter end={98} suffix='%' decimals={1} />
-          ) : (
-            '0%'
-          )}
-        </h3>
-        <p className='text-gray-600'>{t('about.stats.items.5.label')}</p>
-      </div>
+      ))}
    </div>
  );
 }
--- a/src/shared/components/app-store-buttons.tsx
+++ b/src/shared/components/app-store-buttons.tsx
@ -0,0 +1,91 @@
+'use client';
+
+import { useTextController } from '@/shared/language/hooks/use-text-controller';
+
+export const AppStoreButtons = ({ className = '' }: { className?: string }) => {
+  const { t } = useTextController();
+
+  const playStoreLink = t('play.google.com');
+  const appStoreLink = t('app.store');
+
+  return (
+    <div className={`flex flex-wrap gap-4 ${className}`}>
+      {/* Google Play Button */}
+      <a
+        href={playStoreLink}
+        target='_blank'
+        rel='noopener noreferrer'
+        className='flex items-center gap-3 rounded-xl bg-black px-5 py-2.5 text-white transition-all hover:scale-105 hover:bg-gray-900 shadow-lg'
+      >
+        <svg
+          viewBox='0 0 32 32'
+          className='w-7 h-7'
+          xmlns='http://www.w3.org/2000/svg'
+          fill='none'
+        >
+          <mask id='mask0_87_8320' maskUnits='userSpaceOnUse' x='7' y='3' width='24' height='26' style={{ maskType: 'alpha' }}>
+            <path d='M30.0484 14.4004C31.3172 15.0986 31.3172 16.9014 30.0484 17.5996L9.75627 28.7659C8.52052 29.4459 7 28.5634 7 27.1663L7 4.83374C7 3.43657 8.52052 2.55415 9.75627 3.23415L30.0484 14.4004Z' fill='#C4C4C4'/>
+          </mask>
+          <g mask='url(#mask0_87_8320)'>
+            <path d='M7.63473 28.5466L20.2923 15.8179L7.84319 3.29883C7.34653 3.61721 7 4.1669 7 4.8339V27.1664C7 27.7355 7.25223 28.2191 7.63473 28.5466Z' fill='url(#paint0_linear_87_8320)'/>
+            <path d='M30.048 14.4003C31.3169 15.0985 31.3169 16.9012 30.048 17.5994L24.9287 20.4165L20.292 15.8175L24.6923 11.4531L30.048 14.4003Z' fill='url(#paint1_linear_87_8320)'/>
+            <path d='M24.9292 20.4168L20.2924 15.8179L7.63477 28.5466C8.19139 29.0232 9.02389 29.1691 9.75635 28.766L24.9292 20.4168Z' fill='url(#paint2_linear_87_8320)'/>
+            <path d='M7.84277 3.29865L20.2919 15.8177L24.6922 11.4533L9.75583 3.23415C9.11003 2.87878 8.38646 2.95013 7.84277 3.29865Z' fill='url(#paint3_linear_87_8320)'/>
+          </g>
+          <defs>
+            <linearGradient id='paint0_linear_87_8320' x1='15.6769' y1='10.874' x2='7.07106' y2='19.5506' gradientUnits='userSpaceOnUse'>
+              <stop stopColor='#00C3FF'/>
+              <stop offset='1' stopColor='#1BE2FA'/>
+            </linearGradient>
+            <linearGradient id='paint1_linear_87_8320' x1='20.292' y1='15.8176' x2='31.7381' y2='15.8176' gradientUnits='userSpaceOnUse'>
+              <stop stopColor='#FFCE00'/>
+              <stop offset='1' stopColor='#FFEA00'/>
+            </linearGradient>
+            <linearGradient id='paint2_linear_87_8320' x1='7.36932' y1='30.1004' x2='22.595' y2='17.8937' gradientUnits='userSpaceOnUse'>
+              <stop stopColor='#DE2453'/>
+              <stop offset='1' stopColor='#FE3944'/>
+            </linearGradient>
+            <linearGradient id='paint3_linear_87_8320' x1='8.10725' y1='1.90137' x2='22.5971' y2='13.7365' gradientUnits='userSpaceOnUse'>
+              <stop stopColor='#11D574'/>
+              <stop offset='1' stopColor='#01F176'/>
+            </linearGradient>
+          </defs>
+        </svg>
+        <div className='flex flex-col items-start leading-none'>
+          <span className='text-[10px] uppercase font-medium opacity-80 mb-0.5'>Get it on</span>
+          <span className='text-base font-bold'>Google Play</span>
+        </div>
+      </a>
+
+      {/* App Store Button */}
+      <a
+        href={appStoreLink}
+        target='_blank'
+        rel='noopener noreferrer'
+        className='flex items-center gap-3 rounded-xl bg-black px-5 py-2.5 text-white transition-all hover:scale-105 hover:bg-gray-900 shadow-lg'
+      >
+        <svg
+          viewBox='0 0 32 32'
+          className='w-7 h-7'
+          xmlns='http://www.w3.org/2000/svg'
+          fill='none'
+        >
+          <circle cx='16' cy='16' r='14' fill='url(#paint0_linear_87_8317)'/>
+          <path d='M18.4468 8.65403C18.7494 8.12586 18.5685 7.45126 18.0428 7.14727C17.5171 6.84328 16.8456 7.02502 16.543 7.55318L16.0153 8.47442L15.4875 7.55318C15.1849 7.02502 14.5134 6.84328 13.9877 7.14727C13.462 7.45126 13.2811 8.12586 13.5837 8.65403L14.748 10.6864L11.0652 17.1149H8.09831C7.49173 17.1149 7 17.6089 7 18.2183C7 18.8277 7.49173 19.3217 8.09831 19.3217H18.4324C18.523 19.0825 18.6184 18.6721 18.5169 18.2949C18.3644 17.7279 17.8 17.1149 16.8542 17.1149H13.5997L18.4468 8.65403Z' fill='white'/>
+          <path d='M11.6364 20.5419C11.449 20.3328 11.0292 19.9987 10.661 19.8888C10.0997 19.7211 9.67413 19.8263 9.45942 19.9179L8.64132 21.346C8.33874 21.8741 8.51963 22.5487 9.04535 22.8527C9.57107 23.1567 10.2425 22.975 10.5451 22.4468L11.6364 20.5419Z' fill='white'/>
+          <path d='M22.2295 19.3217H23.9017C24.5083 19.3217 25 18.8277 25 18.2183C25 17.6089 24.5083 17.1149 23.9017 17.1149H20.9653L17.6575 11.3411C17.4118 11.5757 16.9407 12.175 16.8695 12.8545C16.778 13.728 16.9152 14.4636 17.3271 15.1839C18.7118 17.6056 20.0987 20.0262 21.4854 22.4468C21.788 22.975 22.4594 23.1567 22.9852 22.8527C23.5109 22.5487 23.6918 21.8741 23.3892 21.346L22.2295 19.3217Z' fill='white'/>
+          <defs>
+            <linearGradient id='paint0_linear_87_8317' x1='16' y1='2' x2='16' y2='30' gradientUnits='userSpaceOnUse'>
+              <stop stopColor='#2AC9FA'/>
+              <stop offset='1' stopColor='#1F65EB'/>
+            </linearGradient>
+          </defs>
+        </svg>
+        <div className='flex flex-col items-start leading-none'>
+          <span className='text-[10px] uppercase font-medium opacity-80 mb-0.5'>Download on the</span>
+          <span className='text-base font-bold'>App Store</span>
+        </div>
+      </a>
+    </div>
+  );
+};
--- a/src/shared/components/spinner.tsx
+++ b/src/shared/components/spinner.tsx
@ -0,0 +1,20 @@
+import { Loader2 } from 'lucide-react';
+
+import { cn } from '../lib/utils';
+
+interface SpinnerProps {
+  className?: string;
+  size?: 'sm' | 'md' | 'lg';
+}
+
+export function Spinner({ className, size = 'md' }: SpinnerProps) {
+  const sizeClasses = {
+    sm: 'h-4 w-4',
+    md: 'h-6 w-6',
+    lg: 'h-8 w-8',
+  };
+
+  return (
+    <Loader2 className={cn(`animate-spin ${sizeClasses[size]}`, className)} />
+  );
+}
--- a/src/shared/components/table-loading-overlay.tsx
+++ b/src/shared/components/table-loading-overlay.tsx
@ -0,0 +1,28 @@
+import { cn } from '../lib/utils';
+import { Spinner } from './spinner';
+
+interface TableLoadingOverlayProps {
+  isLoading: boolean;
+  message?: string;
+  className?: string;
+}
+
+export default function TableLoadingOverlay({
+  isLoading,
+  message = 'Загрузка данных...',
+  className,
+}: TableLoadingOverlayProps) {
+  if (!isLoading) return null;
+
+  return (
+    <div
+      className={cn(
+        'absolute inset-0 z-10 flex flex-col items-center justify-center bg-white/80 backdrop-blur-[1px] transition-opacity duration-200',
+        className,
+      )}
+    >
+      <Spinner size='lg' className='mb-2 text-red-600' />
+      <p className='font-medium text-gray-700'>{message}</p>
+    </div>
+  );
+}
--- a/src/shared/hooks/use-intersection-observer.ts
+++ b/src/shared/hooks/use-intersection-observer.ts
@ -0,0 +1,31 @@
+import { useEffect, useRef, useState } from 'react';
+
+export const useIntersectionObserver = <T extends HTMLElement>() => {
+  const [isVisible, setIsVisible] = useState(false);
+  const sectionRef = useRef<T>(null);
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const [entry] = entries;
+        if (entry.isIntersecting) {
+          setIsVisible(true);
+          observer.disconnect();
+        }
+      },
+      {
+        threshold: 0.1,
+      },
+    );
+
+    if (sectionRef.current) {
+      observer.observe(sectionRef.current);
+    }
+
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+
+  return { sectionRef, isVisible };
+};
--- a/src/shared/language/api/text-control.api.ts
+++ b/src/shared/language/api/text-control.api.ts
@ -1,25 +0,0 @@
-import { jsonToGraphQLQuery } from 'json-to-graphql-query';
-
-import { presentTexts } from '@/app/api-utlities/presenters';
-import { textsRequest } from '@/app/api-utlities/requests/common';
-
-import { taylorAPI } from '@/shared/api/taylor-api';
-import { TextItem } from '@/shared/types/text.types';
-
-export const textControlApi = taylorAPI.injectEndpoints({
-  endpoints: (builder) => ({
-    fetchText: builder.query<TextItem[], void>({
-      query: () => ({
-        url: '',
-        method: 'POST',
-        body: {
-          query: jsonToGraphQLQuery({ query: textsRequest }),
-        },
-      }),
-
-      transformResponse: (response: any) => {
-        return presentTexts(response.data._kontentSajta);
-      },
-    }),
-  }),
-});
--- a/src/shared/lib/format-date.ts
+++ b/src/shared/lib/format-date.ts
@ -0,0 +1,9 @@
+import { formatInTimeZone } from 'date-fns-tz';
+
+export const formatDate = (
+  date: Date | string,
+  formatStr: string = 'dd.MM.yyyy HH:mm',
+) => {
+  const utcDate = new Date(date);
+  return formatInTimeZone(utcDate, 'UTC', formatStr);
+};
--- a/src/shared/media/api/media-control.api.ts
+++ b/src/shared/media/api/media-control.api.ts
@ -17,7 +17,7 @@ export const mediaControlApi = taylorAPI.injectEndpoints({
        },
      }),
      transformResponse: (response: any) => {
-        return presentMedia(response.data._mediaKontentS);
+        return presentMedia(response.data.mediaKontentSajta);
      },
    }),
  }),
--- a/src/shared/media/context/media-control.provider.tsx
+++ b/src/shared/media/context/media-control.provider.tsx
@ -7,7 +7,7 @@ import { MediaItem } from '@/shared/types/media.type';
 export type MediaMap = Record<string, MediaItem>;

 type MediaControlContextType = {
-  m: (key: string) => MediaItem | undefined;
+  m: (key: string) => string | null;
 };

 export const MediaControlContext = createContext<
@ -26,12 +26,12 @@ export function MediaControlProvider({
    return pr;
  }, {} as MediaMap);

-  const getMedia = (key: string): MediaItem | undefined => {
+  const getMedia = (key: string): string | null => {
    if (mediaMap?.[key]) {
-      return mediaMap[key];
+      return mediaMap[key].photo;
    }
    console.warn(`Media key not found: ${key}`);
-    return undefined;
+    return null;
  };

  return (
--- a/src/shared/types/database.types.ts
+++ b/src/shared/types/database.types.ts
@ -0,0 +1,548 @@
+/**
+ * Copyright (c) 2025 TaylorDB
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+interface FileInformation {
+  fieldname: string;
+  originalname: string;
+  encoding: string;
+  mimetype: string;
+  destination: string;
+  filename: string;
+  path: string;
+  size: number;
+  format: string;
+  width: number;
+  height: number;
+}
+
+interface UploadResponse {
+  collectionName: string;
+  fileInformation: FileInformation;
+  metadata: {
+    thumbnails: any[];
+    clips: any[];
+  };
+  baseId: string;
+  storageAdaptor: string;
+  _id: string;
+  __v: number;
+}
+
+export interface AttachmentColumnValue {
+  url: string;
+  fileType: string;
+  size: number;
+}
+
+export class Attachment {
+  public readonly collectionName: string;
+  public readonly fileInformation: FileInformation;
+  public readonly metadata: { thumbnails: any[]; clips: any[] };
+  public readonly baseId: string;
+  public readonly storageAdaptor: string;
+  public readonly _id: string;
+
+  constructor(data: UploadResponse) {
+    this.collectionName = data.collectionName;
+    this.fileInformation = data.fileInformation;
+    this.metadata = data.metadata;
+    this.baseId = data.baseId;
+    this.storageAdaptor = data.storageAdaptor;
+    this._id = data._id;
+  }
+
+  toColumnValue(): AttachmentColumnValue {
+    return {
+      url: this.fileInformation.path,
+      fileType: this.fileInformation.mimetype,
+      size: this.fileInformation.size,
+    };
+  }
+}
+
+type IsWithinOperatorValue =
+  | 'pastWeek'
+  | 'pastMonth'
+  | 'pastYear'
+  | 'nextWeek'
+  | 'nextMonth'
+  | 'nextYear'
+  | 'daysFromNow'
+  | 'daysAgo'
+  | 'currentWeek'
+  | 'currentMonth'
+  | 'currentYear';
+
+type DefaultDateFilterValue =
+  | (
+      | 'today'
+      | 'tomorrow'
+      | 'yesterday'
+      | 'oneWeekAgo'
+      | 'oneWeekFromNow'
+      | 'oneMonthAgo'
+      | 'oneMonthFromNow'
+    )
+  | ['exactDay' | 'exactTimestamp', string]
+  | ['daysAgo' | 'daysFromNow', number];
+
+type DateFilters = {
+  '=': DefaultDateFilterValue;
+  '!=': DefaultDateFilterValue;
+  '<': DefaultDateFilterValue;
+  '>': DefaultDateFilterValue;
+  '<=': DefaultDateFilterValue;
+  '>=': DefaultDateFilterValue;
+  isWithIn:
+    | IsWithinOperatorValue
+    | { value: 'daysAgo' | 'daysFromNow'; date: number };
+  isEmpty: boolean;
+  isNotEmpty: boolean;
+};
+
+type DateAggregations = {
+  empty: number;
+  filled: number;
+  unique: number;
+  percentEmpty: number;
+  percentFilled: number;
+  percentUnique: number;
+  min: number | null;
+  max: number | null;
+  daysRange: number | null;
+  monthRange: number | null;
+};
+
+type TextFilters = {
+  '=': string;
+  '!=': string;
+  caseEqual: string;
+  hasAnyOf: string[];
+  contains: string;
+  startsWith: string;
+  endsWith: string;
+  doesNotContain: string;
+  isEmpty: never;
+  isNotEmpty: never;
+};
+
+type LinkFilters = {
+  hasAnyOf: number[];
+  hasAllOf: number[];
+  isExactly: number[];
+  '=': number;
+  hasNoneOf: number[];
+  contains: string;
+  doesNotContain: string;
+  isEmpty: never;
+  isNotEmpty: never;
+};
+
+type SelectFilters<O extends readonly string[]> = {
+  hasAnyOf: O[number][];
+  hasAllOf: O[number][];
+  isExactly: O[number][];
+  '=': O[number];
+  hasNoneOf: O[number][];
+  contains: string;
+  doesNotContain: string;
+  isEmpty: never;
+  isNotEmpty: never;
+};
+
+type LinkAggregations = {
+  empty: number;
+  filled: number;
+  percentEmpty: number;
+  percentFilled: number;
+};
+
+type NumberFilters = {
+  '=': number;
+  '!=': number;
+  '>': number;
+  '>=': number;
+  '<': number;
+  '<=': number;
+  hasAnyOf: number[];
+  hasNoneOf: number[];
+  isEmpty: never;
+  isNotEmpty: never;
+};
+
+type NumberAggregations = {
+  sum: number;
+  average: number;
+  median: number;
+  min: number | null;
+  max: number | null;
+  range: number;
+  standardDeviation: number;
+  histogram: Record<string, number>;
+  empty: number;
+  filled: number;
+  unique: number;
+  percentEmpty: number;
+  percentFilled: number;
+  percentUnique: number;
+};
+
+type CheckboxFilters = {
+  '=': number;
+};
+
+/**
+ *
+ * Column types
+ *
+ */
+export type ColumnType<
+  S,
+  U,
+  I,
+  R extends boolean,
+  F extends { [key: string]: any } = object,
+  A extends { [key: string]: any } = object,
+> = {
+  raw: S;
+  insert: I;
+  update: U;
+  filters: F;
+  aggregations: A;
+  isRequired: R;
+};
+
+export type DateColumnType<R extends boolean> = ColumnType<
+  string,
+  string,
+  string,
+  R,
+  DateFilters,
+  DateAggregations
+>;
+
+export type TextColumnType<R extends boolean> = ColumnType<
+  string,
+  string,
+  string,
+  R,
+  TextFilters
+>;
+
+export type ALinkColumnType<
+  T extends string,
+  S,
+  U,
+  I,
+  R extends boolean,
+  F extends { [key: string]: any } = LinkFilters,
+  A extends LinkAggregations = LinkAggregations,
+> = ColumnType<S, U, I, R, F, A> & {
+  linkedTo: T;
+};
+
+export type LinkColumnType<
+  T extends string,
+  R extends boolean,
+> = ALinkColumnType<
+  T,
+  object,
+  number | number[] | { newIds: number[]; deletedIds: number[] },
+  number | number[],
+  R
+>;
+
+export type AttachmentColumnType<R extends boolean> = ALinkColumnType<
+  'attachmentTable',
+  AttachmentColumnValue[],
+  Attachment[] | { newIds: number[]; deletedIds: number[] } | number[],
+  Attachment[] | number[],
+  R
+>;
+
+export type NumberColumnType<R extends boolean> = ColumnType<
+  number,
+  number,
+  number,
+  R,
+  NumberFilters,
+  NumberAggregations
+>;
+
+export type CheckboxColumnType<R extends boolean> = ColumnType<
+  boolean,
+  boolean,
+  boolean,
+  R,
+  CheckboxFilters
+>;
+
+export type AutoGeneratedNumberColumnType = ColumnType<
+  number,
+  never,
+  never,
+  false,
+  NumberFilters,
+  NumberAggregations
+>;
+
+export type AutoGeneratedDateColumnType = ColumnType<
+  string,
+  never,
+  never,
+  false,
+  DateFilters,
+  DateAggregations
+>;
+
+export type SingleSelectColumnType<
+  O extends readonly string[],
+  R extends boolean,
+> = ALinkColumnType<
+  'selectTable',
+  O[number],
+  O[number] | O[number][],
+  O[number] | O[number][],
+  R,
+  SelectFilters<O>
+>;
+
+export type TableRaws<T extends keyof TaylorDatabase> = {
+  [K in keyof TaylorDatabase[T]]: TaylorDatabase[T][K] extends ColumnType<
+    infer S,
+    any,
+    any,
+    infer R,
+    any,
+    any
+  >
+    ? R extends true
+      ? S
+      : S | undefined
+    : never;
+};
+
+export type TableInserts<T extends keyof TaylorDatabase> = {
+  [K in keyof TaylorDatabase[T]]: TaylorDatabase[T][K] extends ColumnType<
+    any,
+    infer I,
+    any,
+    infer R,
+    any,
+    any
+  >
+    ? R extends true
+      ? I
+      : I | undefined
+    : never;
+};
+
+export type TableUpdates<T extends keyof TaylorDatabase> = {
+  [K in keyof TaylorDatabase[T]]: TaylorDatabase[T][K] extends ColumnType<
+    any,
+    any,
+    infer U,
+    any,
+    any,
+    any
+  >
+    ? U
+    : never;
+};
+
+export type SelectTable = {
+  id: AutoGeneratedNumberColumnType;
+  name: TextColumnType<true>;
+  color: TextColumnType<true>;
+};
+
+export type AttachmentTable = {
+  id: AutoGeneratedNumberColumnType;
+  name: TextColumnType<true>;
+  metadata: TextColumnType<true>;
+  size: NumberColumnType<true>;
+  fileType: TextColumnType<true>;
+  url: TextColumnType<true>;
+};
+
+export type CollaboratorsTable = {
+  id: AutoGeneratedNumberColumnType;
+  name: TextColumnType<true>;
+  emailAddress: TextColumnType<true>;
+  avatar: TextColumnType<true>;
+};
+
+export type TaylorDatabase = {
+  /**
+   *
+   *
+   * Internal tables, these tables can not be queried directly.
+   *
+   */
+  selectTable: SelectTable;
+  attachmentTable: AttachmentTable;
+  collaboratorsTable: CollaboratorsTable;
+  vakansii: VakansiiTable;
+  partnyory: PartnyoryTable;
+  azs: AzsTable;
+  akcii: AkciiTable;
+  istoriyaKompanii: IstoriyaKompaniiTable;
+  komanda: KomandaTable;
+  otzyvy: OtzyvyTable;
+  tekstovyjKontentSajta: TekstovyjKontentSajtaTable;
+  sertifikaty: SertifikatyTable;
+  mediaKontentSajta: MediaKontentSajtaTable;
+  blagotvoritelnyjFond: BlagotvoritelnyjFondTable;
+};
+
+export const VakansiiTipOptions = ['Офис', 'Заправки'] as const;
+export const VakansiiLokaciyaOptions = ['Душанбе'] as const;
+
+type VakansiiTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  zagolovok: TextColumnType<false>;
+  tip: SingleSelectColumnType<typeof VakansiiTipOptions, false>;
+  lokaciya: SingleSelectColumnType<typeof VakansiiLokaciyaOptions, false>;
+  tegi: LinkColumnType<'selectTable', false>;
+};
+type PartnyoryTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  nazvanie: TextColumnType<false>;
+  izobrozhenie: AttachmentColumnType<false>;
+};
+
+export const AzsChasyRabotyOptions = ['Круглосуточно'] as const;
+export const AzsRegionOptions = [
+  'Душанбе',
+  'Бохтар',
+  'Худжанд',
+  'Регар',
+  'Вахдат',
+  'А.Джоми',
+  'Обикиик',
+  'Кулоб',
+  'Дахана',
+  'Ёвон',
+  'Панч',
+  'Исфара',
+  'Мастчох',
+  'Хисор',
+] as const;
+
+type AzsTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  imya: TextColumnType<false>;
+  adress: TextColumnType<false>;
+  opisanie: TextColumnType<false>;
+  chasyRaboty: SingleSelectColumnType<typeof AzsChasyRabotyOptions, false>;
+  lat: TextColumnType<false>;
+  long: TextColumnType<false>;
+  avtomojka: CheckboxColumnType<false>;
+  dt: CheckboxColumnType<false>;
+  ai92: CheckboxColumnType<false>;
+  ai95: CheckboxColumnType<false>;
+  z100: CheckboxColumnType<false>;
+  propan: CheckboxColumnType<false>;
+  zaryadnayaStanciya: CheckboxColumnType<false>;
+  miniMarket: CheckboxColumnType<false>;
+  tualet: CheckboxColumnType<false>;
+  region: SingleSelectColumnType<typeof AzsRegionOptions, false>;
+  foto: AttachmentColumnType<false>;
+};
+type AkciiTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  zagolovok: TextColumnType<false>;
+  opisanie: TextColumnType<false>;
+  do: DateColumnType<false>;
+  foto: AttachmentColumnType<false>;
+};
+type IstoriyaKompaniiTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  zagolovok: TextColumnType<false>;
+  god: NumberColumnType<false>;
+  opisanie: TextColumnType<false>;
+};
+type KomandaTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  polnoeImya: TextColumnType<false>;
+  foto: AttachmentColumnType<false>;
+  zvanie: TextColumnType<false>;
+};
+
+export const OtzyvyStatusOptions = ['Опубликовано', 'Не публиковать'] as const;
+
+type OtzyvyTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  polnoeImya: TextColumnType<false>;
+  otzyv: TextColumnType<false>;
+  rejting: NumberColumnType<false>;
+  status: SingleSelectColumnType<typeof OtzyvyStatusOptions, false>;
+};
+type TekstovyjKontentSajtaTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  klyuchNeIzmenyat: TextColumnType<true>;
+  znachenie: TextColumnType<true>;
+  opisanie: LinkColumnType<'selectTable', false>;
+};
+type SertifikatyTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  nazvanie: TextColumnType<false>;
+  opisanie: TextColumnType<false>;
+  dataVydachi: DateColumnType<false>;
+  dejstvitelenDo: DateColumnType<false>;
+  foto: AttachmentColumnType<false>;
+};
+
+export const MediaKontentSajtaStranicaOptions = [
+  'Главная',
+  'О нас',
+  'Благотворительность',
+  'Общая',
+  'Клиенты',
+  'Программа лояльности',
+] as const;
+
+type MediaKontentSajtaTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  mestopolozheniya: TextColumnType<false>;
+  klyuchNeIzmenyat: TextColumnType<true>;
+  foto: AttachmentColumnType<false>;
+  stranica: SingleSelectColumnType<
+    typeof MediaKontentSajtaStranicaOptions,
+    false
+  >;
+};
+type BlagotvoritelnyjFondTable = {
+  id: NumberColumnType<false>;
+  createdAt: AutoGeneratedDateColumnType;
+  updatedAt: AutoGeneratedDateColumnType;
+  zagolovok: TextColumnType<false>;
+  opisanie: TextColumnType<false>;
+  data: DateColumnType<false>;
+  lokaciya: TextColumnType<false>;
+  foto: AttachmentColumnType<false>;
+};
--- a/src/widgets/about-section.tsx
+++ b/src/widgets/about-section.tsx
@ -6,9 +6,11 @@ import Image from 'next/image';
 import AboutCounter from '@/shared/components/about-counter';
 import { Container } from '@/shared/components/container';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { useMediaController } from '@/shared/media/hooks/use-media-controller';

 export const AboutSection = () => {
  const { t } = useTextController();
+  const { m } = useMediaController();

  return (
    <section id='about'>
@ -37,7 +39,7 @@ export const AboutSection = () => {
            data-aos='zoom-in-down'
          >
            <Image
-              src='/clients/loyatly/oriyo-price-board.png'
+              src={m('main.price-board') || ''}
              alt='About our company'
              fill
              className='w-full object-contain p-2.5'
--- a/src/widgets/app-download-section.tsx
+++ b/src/widgets/app-download-section.tsx
@ -0,0 +1,47 @@
+'use client';
+
+import Image from 'next/image';
+
+import { Container } from '@/shared/components/container';
+import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { useMediaController } from '@/shared/media/hooks/use-media-controller';
+import { AppStoreButtons } from '@/shared/components/app-store-buttons';
+
+export const AppDownloadSection = () => {
+  const { t } = useTextController();
+  const { m } = useMediaController();
+
+  return (
+    <section className='bg-gray-50 py-16 sm:py-24 overflow-hidden'>
+      <Container>
+        <div className='flex flex-col items-center text-center space-y-8'>
+          <div className='space-y-4'>
+            <h2 className='text-3xl sm:text-4xl font-bold tracking-tight text-gray-900'>
+              {t('common.name')} всегда с вами
+            </h2>
+            <p className='text-lg text-gray-600 max-w-2xl mx-auto'>
+              Заправляйтесь быстрее, копите баллы и следите за акциями в нашем мобильном приложении. Ваш верный помощник на дорогах Таджикистана.
+            </p>
+          </div>
+          
+          <AppStoreButtons className='justify-center' />
+
+          <div className='flex flex-wrap items-center justify-center gap-6 text-sm font-medium text-gray-500'>
+            <div className='flex items-center gap-1.5 transition-colors hover:text-red-600'>
+              <svg className='w-5 h-5 text-green-500' fill='none' viewBox='0 0 24 24' stroke='currentColor'>
+                <path strokeLinecap='round' strokeLinejoin='round' strokeWidth={2} d='M5 13l4 4L19 7' />
+              </svg>
+              Бонусная карта в телефоне
+            </div>
+            <div className='flex items-center gap-1.5 transition-colors hover:text-red-600'>
+              <svg className='w-5 h-5 text-green-500' fill='none' viewBox='0 0 24 24' stroke='currentColor'>
+                <path strokeLinecap='round' strokeLinejoin='round' strokeWidth={2} d='M5 13l4 4L19 7' />
+              </svg>
+              История заправок
+            </div>
+          </div>
+        </div>
+      </Container>
+    </section>
+  );
+};
--- a/src/widgets/charity-section.tsx
+++ b/src/widgets/charity-section.tsx
@ -13,8 +13,6 @@ export const CharitySection = () => {
  const { t } = useTextController();
  const { m } = useMediaController();

-  const charityMedia = m('home.charity.banner');
-
  return (
    <section id='charity'>
      <Container>
@ -25,7 +23,8 @@ export const CharitySection = () => {
          >
            <Image
              src={
-                charityMedia?.photo || '/placeholder.svg?height=400&width=600'
+                m('home.charity.banner') ||
+                '/placeholder.svg?height=400&width=600'
              }
              alt='Charity Foundation'
              fill
--- a/src/widgets/clients/ui/benefits-section.tsx
+++ b/src/widgets/clients/ui/benefits-section.tsx
@ -5,6 +5,7 @@ import Image from 'next/image';

 import { Container } from '@/shared/components/container';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { useMediaController } from '@/shared/media/hooks/use-media-controller';

 interface Benefit {
  title: string;
@ -32,6 +33,7 @@ const benefits: Array<Benefit> = [

 export const BenefitsSection = () => {
  const { t } = useTextController();
+  const { m } = useMediaController();

  return (
    <section className='bg-gray-50'>
@ -72,7 +74,10 @@ export const BenefitsSection = () => {
            className='relative order-1 h-[400px] overflow-hidden rounded-xl shadow-xl md:order-2'
          >
            <Image
-              src='/placeholder.svg?height=400&width=600&text=Преимущества+для+клиентов'
+              src={
+                m('clients.third-section.banner') ||
+                '/placeholder.svg?height=400&width=600&text=Преимущества+для+клиентов'
+              }
              alt='Преимущества для клиентов'
              fill
              className='object-cover'
--- a/src/widgets/cta-section.tsx
+++ b/src/widgets/cta-section.tsx
@ -1,10 +1,7 @@
 'use client';

-import Link from 'next/link';
-
 import { Container } from '@/shared/components/container';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
-import { Button } from '@/shared/shadcn-ui/button';

 export const CtaSection = () => {
  const { t } = useTextController();
@ -17,9 +14,9 @@ export const CtaSection = () => {
            {t('home.cta.title')}
          </h2>
          <p className='mb-8 max-w-2xl'>{t('home.cta.description')}</p>
-          <h4 className='text-xl font-bold'>
-            {t('common.buttons.purchaseCardAtGasStations')}
-          </h4>
+            <h4 className='text-xl font-bold'>
+              {t('common.buttons.purchaseCardAtGasStations')}
+            </h4>
        </div>
      </Container>
    </section>
--- a/src/widgets/footer.tsx
+++ b/src/widgets/footer.tsx
@ -4,6 +4,7 @@ import { Fuel, Mail, MapPin, Phone } from 'lucide-react';
 import Link from 'next/link';

 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { AppStoreButtons } from '@/shared/components/app-store-buttons';
 import { Logo } from '@/shared/assets/logo';

 export const Footer = () => {
@ -19,7 +20,7 @@ export const Footer = () => {
                <Logo/>
              </div>
              <p className='mb-4 text-gray-400'>{t('home.hero.description')}</p>
-              <div className='flex space-x-4'>
+              <div className='mb-6 flex space-x-4'>
                <a href={t('social.facebook')} target='_blank' className='text-gray-400 hover:text-white'>
                  <svg
                    className='h-6 w-6'
@ -49,6 +50,7 @@ export const Footer = () => {
                  </svg>
                </a>
              </div>
+              <AppStoreButtons className='mt-4' />
            </div>
          </div>
          <div className='flex md:justify-center'>
--- a/src/widgets/hero-section.tsx
+++ b/src/widgets/hero-section.tsx
@ -3,16 +3,31 @@
 import { MapPin } from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
+import { useEffect } from 'react';

 import { useTextController } from '@/shared/language/hooks/use-text-controller';
 import { useMediaController } from '@/shared/media/hooks/use-media-controller';
+import { AppStoreButtons } from '@/shared/components/app-store-buttons';
 import { Button } from '@/shared/shadcn-ui/button';

 export const HeroSection = () => {
  const { t } = useTextController();
  const { m } = useMediaController();

-  const banner = m('home.hero-section.banner');
+  useEffect(() => {
+    const iframe = document.getElementById('xtraseats-iframe');
+
+    iframe?.addEventListener('load', () => {
+      window.addEventListener('message', function (event) {
+        // Optional: validate event.origin === "https://app.realpromo.io"
+        if (iframe && event.data.iframeHeight) {
+          if (iframe) {
+            iframe.style.height = event.data.iframeHeight + 10 + 'px';
+          }
+        }
+      });
+    });
+  }, []);

  return (
    <section className='relative'>
@ -28,7 +43,7 @@ export const HeroSection = () => {
          className='sm:!-top-16 sm:-right-40 sm:!h-[70vh] sm:!w-[100vh] md:!-top-10 md:!-right-30 xl:!top-0 xl:!right-0'
        >
          <Image
-            src={banner?.photo || '/oriyo_bg.jpeg'}
+            src={m('home.hero-section.banner') || '/oriyo_bg.jpeg'}
            alt='Oriyo Station'
            fill
            className='object-cover sm:scale-110 md:scale-120 xl:scale-140'
--- a/src/widgets/map-section.tsx
+++ b/src/widgets/map-section.tsx
@ -8,7 +8,6 @@ import { GasStationMap } from '@/features/map';

 import { Container } from '@/shared/components/container';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
-import { useMediaController } from '@/shared/media/hooks/use-media-controller';

 interface MapSectionProps {
  stations: Stations;
@ -16,9 +15,6 @@ interface MapSectionProps {

 export const MapSection = ({ stations }: MapSectionProps) => {
  const { t } = useTextController();
-  const { m } = useMediaController();
-
-  const stationsMedia = m('stations.main');

  return (
    <section id='stations' className='bg-gray-50'>
--- a/src/widgets/stats-section.tsx
+++ b/src/widgets/stats-section.tsx
@ -1,69 +1,63 @@
 'use client';

-import { useEffect, useRef, useState } from 'react';
-
 import { Container } from '@/shared/components/container';
+import { useIntersectionObserver } from '@/shared/hooks/use-intersection-observer';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';

 import AnimatedCounter from '../shared/components/animated-counter';

+const stats = [
+  {
+    key: 'stations',
+    value: 'home.stats.stations.value',
+    suffix: 'home.stats.stations.suffix',
+    label: 'home.stats.stations',
+  },
+  {
+    key: 'daily',
+    value: 'home.stats.daily.value',
+    suffix: 'home.stats.daily.suffix',
+    label: 'home.stats.daily',
+  },
+  {
+    key: 'years',
+    value: 'home.stats.years.value',
+    suffix: '',
+    label: 'home.stats.years',
+  },
+  {
+    key: 'mode',
+    value: 'home.stats.mode.value',
+    suffix: 'home.stats.mode.suffix',
+    label: 'home.stats.mode',
+  },
+];
+
 export function StatsSection() {
-  const [isVisible, setIsVisible] = useState(false);
-  const sectionRef = useRef<HTMLDivElement>(null);
-
  const { t } = useTextController();
+  const { sectionRef, isVisible } = useIntersectionObserver<HTMLDivElement>();

-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const [entry] = entries;
-        if (entry.isIntersecting) {
-          setIsVisible(true);
-          observer.disconnect();
-        }
-      },
-      {
-        threshold: 0.1,
-      },
-    );
-
-    if (sectionRef.current) {
-      observer.observe(sectionRef.current);
-    }
-
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
+  const toNumber = (value: string) => Number(t(value));

  return (
    <section ref={sectionRef} className='bg-red-600 text-white'>
      <Container>
        <div className='grid grid-cols-2 gap-4 text-center sm:gap-8 md:grid-cols-4'>
-          <div className='space-y-2'>
-            <h3 className='text-3xl font-bold'>
-              {isVisible ? <AnimatedCounter end={25} suffix='+' /> : '0+'}
-            </h3>
-            <p className='text-sm text-white/80'>{t('home.stats.stations')}</p>
-          </div>
-          <div className='space-y-2'>
-            <h3 className='text-3xl font-bold'>
-              {isVisible ? <AnimatedCounter end={10000} suffix='+' /> : '0+'}
-            </h3>
-            <p className='text-sm text-white/80'>{t('home.stats.daily')}</p>
-          </div>
-          <div className='space-y-2'>
-            <h3 className='text-3xl font-bold'>
-              {isVisible ? <AnimatedCounter end={15} /> : '0'}
-            </h3>
-            <p className='text-sm text-white/80'>{t('home.stats.years')}</p>
-          </div>
-          <div className='space-y-2'>
-            <h3 className='text-3xl font-bold'>
-              {isVisible ? <AnimatedCounter end={24} suffix='/7' /> : '0/7'}
-            </h3>
-            <p className='text-sm text-white/80'>{t('home.stats.mode')}</p>
-          </div>
+          {stats.map(({ key, value, suffix, label }) => (
+            <div key={key} className='space-y-2'>
+              <h3 className='text-3xl font-bold'>
+                {isVisible ? (
+                  <AnimatedCounter
+                    end={toNumber(value)}
+                    suffix={t(suffix) || undefined}
+                  />
+                ) : (
+                  `0${t(suffix) || ''}`
+                )}
+              </h3>
+              <p className='text-sm text-white/80'>{t(label)}</p>
+            </div>
+          ))}
        </div>
      </Container>
    </section>
--- a/src/widgets/transactions-table.tsx
+++ b/src/widgets/transactions-table.tsx
@ -1,294 +0,0 @@
-'use client';
-
-import { format } from 'date-fns';
-import { ru } from 'date-fns/locale';
-import { CalendarIcon } from 'lucide-react';
-import { useEffect, useState } from 'react';
-
-import {
-  TransactionRequest,
-  TransactionResponse,
-} from '@/entities/transactions/model/types';
-
-import { useTextController } from '@/shared/language/hooks/use-text-controller';
-import { Button } from '@/shared/shadcn-ui/button';
-import { Calendar } from '@/shared/shadcn-ui/calendar';
-import { Label } from '@/shared/shadcn-ui/label';
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from '@/shared/shadcn-ui/popover';
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/shared/shadcn-ui/table';
-
-import {
-  Pagination,
-  PaginationContent,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious,
-} from './pagination';
-
-export interface TransactionsTableProps {
-  onChange: (request: TransactionRequest) => void;
-  data: TransactionResponse;
-}
-
-export const TransactionsTable = ({
-  data,
-  onChange,
-}: TransactionsTableProps) => {
-  const [startDate, setStartDate] = useState<Date | undefined>(undefined);
-  const [endDate, setEndDate] = useState<Date | undefined>(undefined);
-  const [currentPage, setCurrentPage] = useState(1);
-  const [itemsPerPage, setItemsPerPage] = useState(10);
-
-  const handlePageChange = (page: number) => {
-    if (page < 1 || page > data.total_pages) return;
-    setCurrentPage(page);
-  };
-
-  const getPageNumbers = () => {
-    const pages = [];
-    const maxVisiblePages = 5; // Maximum number of visible pages
-    const halfVisible = Math.floor(maxVisiblePages / 2);
-
-    let startPage = Math.max(1, currentPage - halfVisible);
-    let endPage = Math.min(data.total_pages, currentPage + halfVisible);
-
-    if (currentPage <= halfVisible) {
-      endPage = Math.min(data.total_pages, maxVisiblePages);
-    } else if (currentPage + halfVisible >= data.total_pages) {
-      startPage = Math.max(1, data.total_pages - maxVisiblePages + 1);
-    }
-
-    for (let i = startPage; i <= endPage; i++) {
-      pages.push(i);
-    }
-
-    return pages;
-  };
-
-  const filterTransactions = () => {
-    if (!startDate || !endDate) return;
-    setCurrentPage(1); // Reset to the first page when applying filters
-  };
-
-  const { t } = useTextController();
-
-  useEffect(() => {
-    onChange({
-      limit: itemsPerPage,
-      page: currentPage,
-      ...(startDate ? { start_date: format(startDate, 'yyyy-MM-dd') } : {}),
-      ...(endDate ? { end_date: format(endDate, 'yyyy-MM-dd') } : {}),
-    });
-  }, [startDate, endDate, itemsPerPage, currentPage]);
-
-  if (!data) return null;
-
-  return (
-    <div className='space-y-6'>
-      <div className='flex flex-col items-start justify-between gap-4 md:flex-row md:items-center'>
-        <h2 className='text-2xl font-bold'>
-          {t('corporate.transactions.title')}
-        </h2>
-
-        <div className='flex w-full flex-col gap-4 md:w-auto md:flex-row'>
-          <div className='grid gap-2 sm:grid-cols-2'>
-            <div className='flex items-center gap-2'>
-              <Label htmlFor='start-date'>
-                {t('corporate.transactions.dateFrom')}
-              </Label>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button
-                    variant='outline'
-                    className='w-full justify-start text-left font-normal'
-                  >
-                    <CalendarIcon className='mr-2 h-4 w-4' />
-                    {startDate
-                      ? format(startDate, 'PP', { locale: ru })
-                      : 'Выберите дату'}
-                  </Button>
-                </PopoverTrigger>
-                <PopoverContent className='w-auto p-0'>
-                  <Calendar
-                    mode='single'
-                    selected={startDate}
-                    onSelect={setStartDate}
-                    initialFocus
-                  />
-                </PopoverContent>
-              </Popover>
-            </div>
-
-            <div className='flex items-center gap-2'>
-              <Label htmlFor='end-date'>
-                {t('corporate.transactions.dateTo')}
-              </Label>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button
-                    variant='outline'
-                    className='w-full justify-start text-left font-normal'
-                  >
-                    <CalendarIcon className='mr-2 h-4 w-4' />
-                    {endDate
-                      ? format(endDate, 'PP', { locale: ru })
-                      : t('corporate.transactions.selectDate')}
-                  </Button>
-                </PopoverTrigger>
-                <PopoverContent className='w-auto p-0'>
-                  <Calendar
-                    mode='single'
-                    selected={endDate}
-                    onSelect={setEndDate}
-                    initialFocus
-                  />
-                </PopoverContent>
-              </Popover>
-            </div>
-          </div>
-
-          <Button
-            className='mt-auto bg-red-600 hover:bg-red-700'
-            onClick={filterTransactions}
-          >
-            {t('corporate.transactions.applyButton')}
-          </Button>
-        </div>
-      </div>
-
-      <div className='rounded-md border'>
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>
-                {t('corporate.transactions.tableHeaders.date')}
-              </TableHead>
-              <TableHead>
-                {t('corporate.transactions.tableHeaders.station')}
-              </TableHead>
-              <TableHead>
-                {t('corporate.transactions.tableHeaders.product')}
-              </TableHead>
-              <TableHead className='text-right'>
-                {t('corporate.transactions.tableHeaders.quantity')}
-              </TableHead>
-              <TableHead className='text-right'>
-                {t('corporate.transactions.tableHeaders.price')}
-              </TableHead>
-              <TableHead className='text-right'>
-                {t('corporate.transactions.tableHeaders.total')}
-              </TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {data.transactions.length > 0 ? (
-              data.transactions.map((transaction) => (
-                <TableRow key={transaction.id}>
-                  <TableCell>
-                    {format(new Date(transaction.date_create), 'dd.MM.yyyy')}
-                  </TableCell>
-                  <TableCell>
-                    {transaction.station || transaction.station_name}
-                  </TableCell>
-                  <TableCell>{transaction.product_name}</TableCell>
-                  <TableCell className='text-right'>
-                    {transaction.price_real}
-                  </TableCell>
-                  <TableCell className='text-right'>
-                    {transaction.amount} {t('corporate.currency')}
-                  </TableCell>
-                  <TableCell className='text-right font-medium'>
-                    {transaction.sum_real} {t('corporate.currency')}
-                  </TableCell>
-                </TableRow>
-              ))
-            ) : (
-              <TableRow>
-                <TableCell
-                  colSpan={6}
-                  className='py-6 text-center text-gray-500'
-                >
-                  {t('corporate.transactions.noTransactions')}
-                </TableCell>
-              </TableRow>
-            )}
-          </TableBody>
-        </Table>
-      </div>
-
-      {data.transactions.length > 0 && (
-        <div className='flex flex-col items-center justify-between gap-4 sm:flex-row'>
-          <div className='text-sm text-gray-500'>
-            Показано {data.transactions.length} из {data.total_records} операций
-          </div>
-
-          <Pagination>
-            <PaginationContent>
-              <PaginationItem>
-                <PaginationPrevious
-                  onClick={() => handlePageChange(currentPage - 1)}
-                  className={
-                    currentPage === 1 ? 'pointer-events-none opacity-50' : ''
-                  }
-                />
-              </PaginationItem>
-
-              {getPageNumbers().map((page, index) => (
-                <PaginationItem key={index}>
-                  <PaginationLink
-                    isActive={currentPage === page}
-                    onClick={() => handlePageChange(page as number)}
-                  >
-                    {page}
-                  </PaginationLink>
-                </PaginationItem>
-              ))}
-
-              <PaginationItem>
-                <PaginationNext
-                  onClick={() => handlePageChange(currentPage + 1)}
-                  className={
-                    currentPage === data.total_pages
-                      ? 'pointer-events-none opacity-50'
-                      : ''
-                  }
-                />
-              </PaginationItem>
-            </PaginationContent>
-          </Pagination>
-
-          <div className='flex items-center gap-2'>
-            <span className='text-sm text-gray-500'>
-              {t('transactions.entries')}
-            </span>
-            <select
-              className='rounded border p-1 text-sm'
-              value={itemsPerPage}
-              onChange={(e) => {
-                setItemsPerPage(Number(e.target.value));
-                setCurrentPage(1); // Reset to first page when changing items per page
-              }}
-            >
-              <option value={5}>5</option>
-              <option value={10}>10</option>
-              <option value={20}>20</option>
-              <option value={50}>50</option>
-            </select>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
--- a/src/widgets/transactions-table/index.ts
+++ b/src/widgets/transactions-table/index.ts
@ -0,0 +1 @@
+export { TransactionsTable } from "./ui/transactions-table";
--- a/src/widgets/transactions-table/ui/table-pagination.tsx
+++ b/src/widgets/transactions-table/ui/table-pagination.tsx
@ -0,0 +1,121 @@
+import { ChangeEvent } from 'react';
+
+import { useTextController } from '@/shared/language/hooks/use-text-controller';
+
+import {
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+} from '../../pagination';
+
+interface TablePaginationProps {
+  currentPage: number;
+  itemsPerPage: number;
+  totalPages: number;
+  totalOperations?: number;
+  transactionsQuantity: number;
+  itemsPerPageOptions: number[];
+  onPageChange: (page: number) => void;
+  onItemsPerPageChange: (e: ChangeEvent<HTMLSelectElement>) => void;
+}
+
+export const TransactionsTablePagination = ({
+  currentPage,
+  itemsPerPage,
+  totalPages,
+  totalOperations = 0,
+  itemsPerPageOptions,
+  transactionsQuantity,
+  onPageChange,
+  onItemsPerPageChange,
+}: TablePaginationProps) => {
+  const { t } = useTextController();
+
+  const getPageNumbers = () => {
+    const pages = [];
+    const maxVisiblePages = 5; // Maximum number of visible pages
+    const halfVisible = Math.floor(maxVisiblePages / 2);
+
+    let startPage = Math.max(1, currentPage - halfVisible);
+    let endPage = Math.min(totalPages, currentPage + halfVisible);
+
+    if (currentPage <= halfVisible) {
+      endPage = Math.min(totalPages, maxVisiblePages);
+    } else if (currentPage + halfVisible >= totalPages) {
+      startPage = Math.max(1, totalPages - maxVisiblePages + 1);
+    }
+
+    for (let i = startPage; i <= endPage; i++) {
+      pages.push(i);
+    }
+
+    return pages;
+  };
+
+  return (
+    <>
+      {transactionsQuantity > 0 && (
+        <div className='flex flex-col items-center justify-between gap-4 sm:flex-row'>
+          <div className='text-sm text-gray-500'>
+            Показано {transactionsQuantity} из {totalOperations} операций
+          </div>
+
+          <Pagination>
+            <PaginationContent>
+              <PaginationItem>
+                <PaginationPrevious
+                  onClick={() => onPageChange(currentPage - 1)}
+                  className={
+                    currentPage === 1 ? 'pointer-events-none opacity-50' : ''
+                  }
+                />
+              </PaginationItem>
+
+              {getPageNumbers().map((page, index) => (
+                <PaginationItem key={index}>
+                  <PaginationLink
+                    isActive={currentPage === page}
+                    onClick={() => onPageChange(page as number)}
+                  >
+                    {page}
+                  </PaginationLink>
+                </PaginationItem>
+              ))}
+
+              <PaginationItem>
+                <PaginationNext
+                  onClick={() => onPageChange(currentPage + 1)}
+                  className={
+                    currentPage === totalPages
+                      ? 'pointer-events-none opacity-50'
+                      : ''
+                  }
+                />
+              </PaginationItem>
+            </PaginationContent>
+          </Pagination>
+
+          <div className='flex items-center gap-2'>
+            <span className='text-sm text-gray-500'>
+              {t('transactions.entries')}
+            </span>
+            <select
+              className='rounded border p-1 text-sm'
+              value={itemsPerPage}
+              onChange={onItemsPerPageChange}
+            >
+              {itemsPerPageOptions.map((option) => (
+                <option key={option} value={option}>
+                  {option}
+                </option>
+              ))}
+            </select>
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
--- a/src/widgets/transactions-table/ui/transactions-table-header.tsx
+++ b/src/widgets/transactions-table/ui/transactions-table-header.tsx
@ -0,0 +1,121 @@
+import { format } from 'date-fns';
+import { ru } from 'date-fns/locale';
+import { CalendarIcon, Printer, X } from 'lucide-react';
+import { Dispatch, SetStateAction } from 'react';
+
+import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { Button } from '@/shared/shadcn-ui/button';
+import { Calendar } from '@/shared/shadcn-ui/calendar';
+import { Label } from '@/shared/shadcn-ui/label';
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/shared/shadcn-ui/popover';
+
+interface TransactionsTableHeaderProps {
+  startDate: Date | undefined;
+  setStartDate: Dispatch<SetStateAction<Date | undefined>>;
+  endDate: Date | undefined;
+  setEndDate: Dispatch<SetStateAction<Date | undefined>>;
+}
+
+export const TransactionsTableHeader = ({
+  startDate,
+  setStartDate,
+  endDate,
+  setEndDate,
+}: TransactionsTableHeaderProps) => {
+  const { t } = useTextController();
+
+  return (
+    <div className='flex flex-col items-start justify-between gap-4 md:flex-row md:items-center'>
+      <div className='flex items-center justify-between max-md:w-full'>
+        <h2 className='text-2xl font-bold'>
+          {t('corporate.transactions.title')}
+        </h2>
+        <Button
+          size={'icon'}
+          variant={'outline'}
+          onClick={() => window.print()}
+          className='flex md:hidden'
+        >
+          <Printer />
+        </Button>
+      </div>
+
+      <div className='flex w-full flex-col justify-center gap-4 md:w-auto md:flex-row'>
+        <Button
+          size={'icon'}
+          variant={'outline'}
+          onClick={() => window.print()}
+          className='hidden md:flex'
+        >
+          <Printer />
+        </Button>
+
+        <div className='grid gap-2 sm:grid-cols-2'>
+          <div className='flex items-center gap-2'>
+            <Label htmlFor='start-date'>
+              {t('corporate.transactions.dateFrom')}
+            </Label>
+            <Popover>
+              <PopoverTrigger asChild>
+                <Button
+                  variant='outline'
+                  className='w-full justify-start text-left font-normal'
+                >
+                  <CalendarIcon className='mr-2 h-4 w-4' />
+                  {startDate
+                    ? format(startDate, 'PP', { locale: ru })
+                    : 'Выберите дату'}
+                </Button>
+              </PopoverTrigger>
+              <PopoverContent className='w-auto p-0'>
+                <Calendar
+                  mode='single'
+                  selected={startDate}
+                  onSelect={setStartDate}
+                  initialFocus
+                />
+              </PopoverContent>
+              <Button variant='ghost' onClick={() => setStartDate(undefined)}>
+                <X className='mr-2 h-4 w-4' />
+              </Button>
+            </Popover>
+          </div>
+
+          <div className='flex items-center gap-2'>
+            <Label htmlFor='end-date'>
+              {t('corporate.transactions.dateTo')}
+            </Label>
+            <Popover>
+              <PopoverTrigger asChild>
+                <Button
+                  variant='outline'
+                  className='w-full justify-start text-left font-normal'
+                >
+                  <CalendarIcon className='mr-2 h-4 w-4' />
+                  {endDate
+                    ? format(endDate, 'PP', { locale: ru })
+                    : t('corporate.transactions.selectDate')}
+                </Button>
+              </PopoverTrigger>
+              <PopoverContent className='w-auto p-0'>
+                <Calendar
+                  mode='single'
+                  selected={endDate}
+                  onSelect={setEndDate}
+                  initialFocus
+                />
+              </PopoverContent>
+              <Button variant='ghost' onClick={() => setEndDate(undefined)}>
+                <X className='mr-2 h-4 w-4' />
+              </Button>
+            </Popover>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
--- a/src/widgets/transactions-table/ui/transactions-table.tsx
+++ b/src/widgets/transactions-table/ui/transactions-table.tsx
@ -0,0 +1,123 @@
+import { format } from 'date-fns';
+import { ChangeEvent, useEffect, useState } from 'react';
+
+import TableLoadingOverlay from '@/shared/components/table-loading-overlay';
+import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHeader,
+  TableRow,
+} from '@/shared/shadcn-ui/table';
+
+import { TransactionsTablePagination } from './table-pagination';
+import { TransactionsTableHeader } from './transactions-table-header';
+
+export interface TransactionRequest {
+  start_date?: string;
+  end_date?: string;
+  page: number;
+  limit: number;
+}
+
+export interface TransactionsTableProps<T> {
+  data: {
+    transactions: T[];
+    total_pages: number;
+    total_records: number;
+  };
+  isLoading: boolean;
+  onChange: (request: TransactionRequest) => void;
+  renderHeaders: () => React.ReactNode;
+  renderRow: (transaction: T, index: number) => React.ReactNode;
+  itemsPerPageOptions?: number[];
+}
+
+export const TransactionsTable = <T,>({
+  data,
+  isLoading,
+  onChange,
+  renderHeaders,
+  renderRow,
+  itemsPerPageOptions = [5, 10, 20, 50],
+}: TransactionsTableProps<T>) => {
+  const [startDate, setStartDate] = useState<Date | undefined>(
+    new Date(new Date().setMonth(new Date().getMonth() - 1)),
+  );
+  const [endDate, setEndDate] = useState<Date | undefined>(new Date());
+  const [currentPage, setCurrentPage] = useState(1);
+  const [itemsPerPage, setItemsPerPage] = useState(itemsPerPageOptions[0]);
+
+  const handlePageChange = (page: number) => {
+    if (page < 1 || page > data.total_pages) return;
+    setCurrentPage(page);
+  };
+
+  const handleItemsPerPageChange = (e: ChangeEvent<HTMLSelectElement>) => {
+    setItemsPerPage(Number(e.target.value));
+    setCurrentPage(1); // Reset to first page when changing items per page
+  };
+
+  const filterTransactions = () => {
+    if (!startDate || !endDate) return;
+    setCurrentPage(1); // Reset to the first page when applying filters
+  };
+
+  const { t } = useTextController();
+
+  useEffect(() => {
+    onChange({
+      limit: itemsPerPage,
+      page: currentPage,
+      ...(startDate ? { start_date: format(startDate, 'yyyy-MM-dd') } : {}),
+      ...(endDate ? { end_date: format(endDate, 'yyyy-MM-dd') } : {}),
+    });
+  }, [startDate, endDate, itemsPerPage, currentPage]);
+
+  if (!data) return null;
+
+  return (
+    <div className='relative space-y-6'>
+      <TableLoadingOverlay isLoading={isLoading} />
+      <TransactionsTableHeader
+        startDate={startDate}
+        setStartDate={setStartDate}
+        endDate={endDate}
+        setEndDate={setEndDate}
+      />
+
+      <div className='relative rounded-md border'>
+        <Table>
+          <TableHeader>{renderHeaders()}</TableHeader>
+          <TableBody>
+            {data.transactions.length > 0 ? (
+              data.transactions.map((transaction, index) =>
+                renderRow(transaction, index),
+              )
+            ) : (
+              <TableRow>
+                <TableCell
+                  colSpan={6}
+                  className='py-6 text-center text-gray-500'
+                >
+                  {t('corporate.transactions.no-data')}
+                </TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </div>
+      <TransactionsTablePagination
+        currentPage={currentPage}
+        itemsPerPage={itemsPerPage}
+        itemsPerPageOptions={itemsPerPageOptions}
+        totalPages={data.total_pages}
+        transactionsQuantity={data.transactions.length}
+        totalOperations={data.total_records}
+        onPageChange={handlePageChange}
+        onItemsPerPageChange={handleItemsPerPageChange}
+      />
+    </div>
+  );
+};
--- a/src/widgets/vacancies-section.tsx
+++ b/src/widgets/vacancies-section.tsx
@ -1,6 +1,7 @@
 'use client';

 import { Briefcase } from 'lucide-react';
+import Link from 'next/link';

 import { Jobs } from '@/app/api-utlities/@types/index';

@ -16,7 +17,6 @@ import {
  TabsList,
  TabsTrigger,
 } from '@/shared/shadcn-ui/tabs';
-import Link from 'next/link';

 interface VacanciesSectionProps {
  jobs: Jobs;
@ -131,7 +131,7 @@ const Vacancy = ({ jobTitle, location, tags }: VacancyProps) => {
                })}
              </div>
            </div>
-            <Link href='mailto:info@oriyo.tj'>
+            <Link href={`mailto:${t('home.vacancies.vacancy.applyToMail')}`}>
              <Button variant='outline' size='sm'>
                {t('common.buttons.apply')}
              </Button>
--- a/tsconfig.json
+++ b/tsconfig.json
@ -1,7 +1,11 @@
 {
  "compilerOptions": {
    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
@ -11,23 +15,45 @@
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
    "incremental": true,
-    "types": ["node"],
+    "types": [
+      "node"
+    ],
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
-      "@/*": ["./src/*"],
-      "@/entities/*": ["./src/entities/*"],
-      "@/features/*": ["./src/features/*"],
-      "@/shared/*": ["./src/shared/*"],
-      "@/widgets/*": ["./src/widgets/*"],
-      "@/pages-templates/*": ["./src/pages-templates/*"]
+      "@/*": [
+        "./src/*"
+      ],
+      "@/entities/*": [
+        "./src/entities/*"
+      ],
+      "@/features/*": [
+        "./src/features/*"
+      ],
+      "@/shared/*": [
+        "./src/shared/*"
+      ],
+      "@/widgets/*": [
+        "./src/widgets/*"
+      ],
+      "@/pages-templates/*": [
+        "./src/pages-templates/*"
+      ]
    }
  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }
Author	SHA1	Message	Date
Umar Adilov	a1c95a019a	Added app links	2026-02-27 11:55:50 +05:00
Umar Adilov	31e6939949	fixed slider filter	2025-12-17 14:56:32 +05:00
Umar Adilov	82121bac91	fixed slider filter	2025-12-17 14:55:02 +05:00
Umar Adilov	d33a4d941a	Fixed deps	2025-12-17 14:09:36 +05:00
Umar Adilov	94ef553982	Frozen files	2025-12-17 14:07:11 +05:00
Umar Adilov	d2b4d046df	Upgraded nextjs	2025-12-17 14:05:27 +05:00
Umar Adilov	f98e1fc715	Integrated query builder	2025-12-17 13:41:43 +05:00
Umar Adilov	f96934d27d	removed iframe	2025-07-08 13:52:40 +05:00
Umar Adilov	6de16d017f	Fixed presenters	2025-07-08 13:49:01 +05:00
BunyodL	86b116dd97	update: center the marker on station select	2025-05-22 10:53:16 +05:00
BunyodL	55a7b32c76	fix: fix the counting	2025-05-22 09:56:47 +05:00
BunyodL	8c2b92d194	update: get counter values from backend	2025-05-22 09:26:52 +05:00
BunyodL	6e3a498d46	refactor: make use-intersection-observer hook	2025-05-22 08:53:50 +05:00
BunyodL	cdc9de27f3	update: add print-btn	2025-05-21 22:22:59 +05:00
BunyodL	88f9fdd25c	fix: format-date without localizing	2025-05-21 22:06:33 +05:00
BunyodL	3321395b7f	refactor: move transactions-table to a separate folder	2025-05-21 21:52:51 +05:00
BunyodL	20eef84823	fix: make mails dynamic	2025-05-21 20:59:02 +05:00
Umar Adilov	bf134a99d5	Fixed issue with transactions table	2025-05-16 17:46:51 +05:00
Umar Adilov	06b886ca5d	added taylordb to allowed media content	2025-05-15 14:49:30 +05:00
Umar Adilov	1daf3ed4e4	added taylordb to allowed media content	2025-05-15 14:46:39 +05:00
Umar Adilov	92c01590fd	Added media content for charity	2025-05-15 10:54:43 +05:00
Umar Adilov	93288d1413	Added loader while loading transactions	2025-05-14 20:25:41 +05:00
Umar Adilov	4299f57e2d	Added loader while loading transactions	2025-05-14 20:21:29 +05:00
Umar Adilov	64d2c12494	Fixed media content fetch	2025-05-14 20:08:01 +05:00
Umar Adilov	a6d836a543	Merge branch 'dev' of https://devgit.oriyo.tj/adilovcode/oriyo_next into feat-get-media	2025-05-14 20:05:00 +05:00
Umar Adilov	a2730f0b03	Integrated media content to all pages	2025-05-14 20:04:24 +05:00
Umar Adilov	042186323b	Fixed auth issues	2025-05-14 18:29:05 +05:00
Umar Adilov	7ddf6cd35c	Fixed issue with transaction table	2025-05-14 17:45:25 +05:00
Umar Adilov	69c2e898cf	refactor taylor requests	2025-05-14 16:39:11 +05:00
Umar Adilov	7272c30b2c	fixed revalidate path	2025-05-10 18:25:58 +05:00
Umar Adilov	537ed60fa8	Added support for deleting all cache data	2025-05-10 18:14:48 +05:00
Umar Adilov	edb39d5538	Optimized on docker build	2025-05-10 18:07:11 +05:00
				`@ -0,0 +1 @@`
				`export class AuthorizationError extends Error {}`
				`@ -0,0 +1 @@`
				`export { TransactionsTable } from "./ui/transactions-table";`