diff --git a/.DS_Store b/.DS_Store
index e94f1dc493a77b4692091a208521f3dc355226d0..56b57d9d4b1db36bebe668bc6b5bcf285956a798 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8c098953bc4a43c534bfe2b878038aacb0dbcb03
--- /dev/null
+++ b/app/api/auth/[...nextauth]/route.ts
@@ -0,0 +1,4 @@
+// Referring to the auth.ts we just created
+import {handlers} from "@/shared/api/model/auth/auth";
+
+export const {GET, POST} = handlers
\ No newline at end of file
diff --git a/app/api/file/upload/route.ts b/app/api/file/upload/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3878f82c6f807a488a19167c6caf9288d7a9b8f9
--- /dev/null
+++ b/app/api/file/upload/route.ts
@@ -0,0 +1,116 @@
+import {NextRequest, NextResponse} from "next/server";
+import {auth} from "@/shared/api/model/auth/auth";
+import {ApiResponse} from "@/shared/types/types";
+import {errorMessages} from "@/shared/config";
+
+export async function POST(req: NextRequest) {
+
+    try {
+        const session = await auth();
+
+        const url = process.env.DB_HOST + `/upload/`
+
+        const referer = req.headers.get("referer");
+        const isHost =  referer?.includes(String(process.env.HOST)) ?? false;
+
+        if(!isHost) {
+            return NextResponse.json<ApiResponse>(
+                {message: "Доступ ограничен", status: 400},
+                {status: 400}
+            );
+        }
+
+
+        const body = await req.formData();
+
+        const response = await fetch(url, {
+            method: "POST",
+            headers: {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                //@ts-expect-error
+                Authorization: `Bearer ${session?.accessToken || ""}`,
+            },
+            cache: "no-store",
+            body,
+        });
+
+
+
+        if (!response.ok) {
+            const contentType = response.headers.get("Content-Type");
+            const customMessage = errorMessages[response.status] || `Ошибка ${response.status}`;
+
+            if (response.status === 204) {
+                return NextResponse.json<ApiResponse>({
+                    message: "Операция выполнена успешно (204 No Content).",
+                    status: response.status,
+                    data: null,
+                }, {
+                    status: response.status,
+                });
+            }
+
+            if (contentType && contentType.includes("text/html")) {
+                const errorHtml = await response.text();
+                return NextResponse.json<ApiResponse>({
+                    message: `Ошибка на сервере (${response.status}). Возможно, проблема на стороне API.`,
+                    status: response.status,
+                    data: errorHtml,
+                }, {
+                    status: response.status,
+                });
+            }
+
+            try {
+                const data = await response.json();
+                return NextResponse.json<ApiResponse>({
+                    message: data?.success || data?.error || customMessage, // Используем серверное сообщение или дефолтное
+                    status: response.status,
+                    data,
+                }, {
+                    status: response.status,
+                });
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            } catch (error) {
+                return NextResponse.json<ApiResponse>({
+                    message: customMessage,
+                    status: response.status,
+                }, {
+                    status: response.status,
+                });
+            }
+        }
+
+        try {
+            const data = await response.json();
+            return NextResponse.json<ApiResponse>({
+                message: data?.success || data?.error || "Успешный ответ",
+                status: response.status,
+                data,
+            }, {
+                status: response.status,
+            });
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        } catch (error) {
+            return NextResponse.json<ApiResponse>({
+                message: "Запрос выполнен, но данных нет.",
+                status: response.status,
+                data: null,
+            }, {
+                status: response.status,
+            });
+        }
+
+
+    } catch (error) {
+        return NextResponse.json<ApiResponse>(
+            {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                //@ts-ignore
+                message: error.message || "Internal Server Error",
+                status: 500,
+            },
+            {status: 500}
+        );
+    }
+}
diff --git a/app/faq/page.tsx b/app/faq/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c2b01efdc2c5a655d8feffba1d90c40eb71cd304
--- /dev/null
+++ b/app/faq/page.tsx
@@ -0,0 +1,3 @@
+export const dynamic = 'force-static';
+
+export {default} from "@/views/faq"
\ No newline at end of file
diff --git a/package.json b/package.json
index 5498b508c19ea2297459042336e62bba639092eb..e055d28fe4dbd6cc0c8d2f7d68a7a1e539fad06d 100644
--- a/package.json
+++ b/package.json
@@ -9,10 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.66.4",
+    "@tanstack/react-query-devtools": "^5.66.4",
     "@types/react-scroll": "^1.8.10",
     "@types/sanitize-html": "^2.13.0",
     "clsx": "^2.1.1",
     "next": "15.1.7",
+    "next-auth": "^5.0.0-beta.25",
     "react": "^19.0.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "^19.0.0",
diff --git a/public/.DS_Store b/public/.DS_Store
index 921de0787afa7c12efc6f449a07e485df3d40f75..a026e8f67b943f33ade002e2a82ba3252c942562 100644
Binary files a/public/.DS_Store and b/public/.DS_Store differ
diff --git a/public/media/about/b-f-sm.png b/public/media/about/b-f-sm.png
index a82848496d4c50dfcb68c4f69b87dd82e26dd8e8..67797713de3a63933f3ae995719f7fee9f9dedd9 100644
Binary files a/public/media/about/b-f-sm.png and b/public/media/about/b-f-sm.png differ
diff --git a/public/media/cards/main-card.jpg b/public/media/cards/main-card.jpg
index c4ab771459a17163235266bec81c9a6787d93e34..961ea0f3a43a205828015d9dd670e21d409e7c67 100644
Binary files a/public/media/cards/main-card.jpg and b/public/media/cards/main-card.jpg differ
diff --git a/public/media/cards/q-1.png b/public/media/cards/q-1.png
deleted file mode 100644
index c1fe13ba243db93a26efab394dad1bcedab03dce..0000000000000000000000000000000000000000
Binary files a/public/media/cards/q-1.png and /dev/null differ
diff --git a/public/media/cards/quiz/1.jpg b/public/media/cards/quiz/1.jpg
index 1c3d2a5bad8c1a11c06811d5f0498875c46e2ce7..bbc16be6e8f0e6bd208adcaadfd8c1394bcc5e71 100644
Binary files a/public/media/cards/quiz/1.jpg and b/public/media/cards/quiz/1.jpg differ
diff --git a/public/media/cards/quiz/2.jpg b/public/media/cards/quiz/2.jpg
index 88e4cc3b82c4fe474c5853f63d8849062f2af613..51a5b636d64240efaf22877d9b716c3d284db98d 100644
Binary files a/public/media/cards/quiz/2.jpg and b/public/media/cards/quiz/2.jpg differ
diff --git a/public/media/cards/quiz/3.jpg b/public/media/cards/quiz/3.jpg
index 658a82a90234ef3ad66d0511274ba8349ea42b99..2c7500f01e75762de00b88fcc78f52f05a2c4523 100644
Binary files a/public/media/cards/quiz/3.jpg and b/public/media/cards/quiz/3.jpg differ
diff --git a/public/media/cards/quiz/4.jpg b/public/media/cards/quiz/4.jpg
index 7ccd5822e8397a607f19451522c6dc50fba3d28a..799b498054027ae7b007ada838cee1c4773d24a4 100644
Binary files a/public/media/cards/quiz/4.jpg and b/public/media/cards/quiz/4.jpg differ
diff --git a/public/media/cards/quiz/5.jpg b/public/media/cards/quiz/5.jpg
index 4d0231cf1805c02fa24292a3bc495d565f00e9ae..c4bd9934e2774824e4698be65c2a3bf07aaf28b4 100644
Binary files a/public/media/cards/quiz/5.jpg and b/public/media/cards/quiz/5.jpg differ
diff --git a/public/media/cards/quiz/6.jpg b/public/media/cards/quiz/6.jpg
index bdd059ecc1d84f318d94e53ea6380562394cdce2..99ba28f104789b10c4b3b7d5e56da2d6fef20e52 100644
Binary files a/public/media/cards/quiz/6.jpg and b/public/media/cards/quiz/6.jpg differ
diff --git a/public/media/cards/quiz/7.jpg b/public/media/cards/quiz/7.jpg
index 469dbc94861f283841e012c2506192a87d01afe4..9b4ef297dea3fd3ca8c3a9ad8b93a93c8b1cf833 100644
Binary files a/public/media/cards/quiz/7.jpg and b/public/media/cards/quiz/7.jpg differ
diff --git a/public/media/cards/quiz/8.jpg b/public/media/cards/quiz/8.jpg
index f24b4a8720a5a141b053015c5ddc6580093aa0b3..cb372087dfd5cfdd39d1e9270bb78b24800b6b0f 100644
Binary files a/public/media/cards/quiz/8.jpg and b/public/media/cards/quiz/8.jpg differ
diff --git a/public/media/faq/b-f-lg.png b/public/media/faq/b-f-lg.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa2c3cb9d58049b8325afac0867c814b782c5ca4
Binary files /dev/null and b/public/media/faq/b-f-lg.png differ
diff --git a/public/media/faq/b-f-sm.png b/public/media/faq/b-f-sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..67797713de3a63933f3ae995719f7fee9f9dedd9
Binary files /dev/null and b/public/media/faq/b-f-sm.png differ
diff --git a/public/media/faq/b-r-sm.png b/public/media/faq/b-r-sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f1fdba3db539ccffef800810530356802368a57
Binary files /dev/null and b/public/media/faq/b-r-sm.png differ
diff --git a/public/media/faq/top-slime.png b/public/media/faq/top-slime.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfc7e10c1fd4fd1d17358ede35303e61702e6ecd
Binary files /dev/null and b/public/media/faq/top-slime.png differ
diff --git a/public/media/home/b-f-sm.png b/public/media/home/b-f-sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c652b16669e69a834730b877907e95d36a74e33
Binary files /dev/null and b/public/media/home/b-f-sm.png differ
diff --git a/public/media/home/b-lg.png b/public/media/home/b-lg.png
new file mode 100644
index 0000000000000000000000000000000000000000..feec58552f757b248a8dffc4f3266836626b3c5d
Binary files /dev/null and b/public/media/home/b-lg.png differ
diff --git a/public/media/home/b-sm.png b/public/media/home/b-sm.png
index 70a275f56b7b72a6471665c768352842945e33e7..23ec585577f4175b7659f8616ac0e4e00ceef9d4 100644
Binary files a/public/media/home/b-sm.png and b/public/media/home/b-sm.png differ
diff --git a/public/media/home/f-lg.png b/public/media/home/f-lg.png
index ebee7e08ea18d2ddcde219a596462434c869bf4a..1a7bfc9837005e7c0dcbbe282e4a381bdd247c23 100644
Binary files a/public/media/home/f-lg.png and b/public/media/home/f-lg.png differ
diff --git a/public/media/home/f-sm.png b/public/media/home/f-sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d125c65f2f67592f1e8b496015c5804dd9f04e7
Binary files /dev/null and b/public/media/home/f-sm.png differ
diff --git a/public/media/home/h-lg.png b/public/media/home/h-lg.png
index b768648dc33ab0f0c619d338e1d0944a161afa5d..9b348d77208d4246e7eae26e1add927658ac34a2 100644
Binary files a/public/media/home/h-lg.png and b/public/media/home/h-lg.png differ
diff --git a/public/media/layout/footer-desktop.png b/public/media/layout/footer-desktop.png
index 2451aa214ec09d90fdfb785572bc7658e14ac487..ee303566828e939a2849a8e894d1f0597bfd4745 100644
Binary files a/public/media/layout/footer-desktop.png and b/public/media/layout/footer-desktop.png differ
diff --git a/public/media/prize/prize-lg.png b/public/media/prize/prize-lg.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2da8b0d65fc3c390d95ec82b0df2014644a571a
Binary files /dev/null and b/public/media/prize/prize-lg.png differ
diff --git a/public/media/prize/prize-sm.png b/public/media/prize/prize-sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c07787b078619e4b240d17c9a3fdda23d8651c7
Binary files /dev/null and b/public/media/prize/prize-sm.png differ
diff --git a/public/media/prize/underline-lg.png b/public/media/prize/underline-lg.png
new file mode 100644
index 0000000000000000000000000000000000000000..68cd3648ab5aecb9528a3702fbf28c1ff4b4af4d
Binary files /dev/null and b/public/media/prize/underline-lg.png differ
diff --git a/public/media/prize/underline-sm.png b/public/media/prize/underline-sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..03440df83ee492eda1a7c07c63f9b58624b77ba5
Binary files /dev/null and b/public/media/prize/underline-sm.png differ
diff --git a/public/media/step/arrow-1.png b/public/media/step/arrow-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7f1460cf0da804e12d55043d584b7c4b327a243
Binary files /dev/null and b/public/media/step/arrow-1.png differ
diff --git a/public/media/step/arrow-2.png b/public/media/step/arrow-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd4babc00e7567a003a90ceae7dc3cc11ea7ce37
Binary files /dev/null and b/public/media/step/arrow-2.png differ
diff --git a/public/media/step/sketch.png b/public/media/step/sketch.png
new file mode 100644
index 0000000000000000000000000000000000000000..93408569b93d8e477eacbd51fe1c63edc2ff7c49
Binary files /dev/null and b/public/media/step/sketch.png differ
diff --git a/public/media/utils/navlink-line-dark.png b/public/media/utils/navlink-line-dark.png
index 271b953d125ee592b69f5f741ba78d01c2747e9e..95da6a7cd0c15da9f60907879de7a20816472cee 100644
Binary files a/public/media/utils/navlink-line-dark.png and b/public/media/utils/navlink-line-dark.png differ
diff --git a/public/media/utils/package-sm.png b/public/media/utils/package-sm.png
index 9e2bb2e02da17549dc3ba9b364eabca5aba05a2e..5b0570dbb9f557bfbe59459a78b23736e97f1c26 100644
Binary files a/public/media/utils/package-sm.png and b/public/media/utils/package-sm.png differ
diff --git a/public/media/utils/package.png b/public/media/utils/package.png
new file mode 100644
index 0000000000000000000000000000000000000000..87ae65649127a5f08b8f76ec84e3f6f691dcf433
Binary files /dev/null and b/public/media/utils/package.png differ
diff --git a/public/rules/Rules_promotion_competition_Fruittella_Creative_family_competition.pdf b/public/rules/Rules_promotion_competition_Fruittella_Creative_family_competition.pdf
index c346d5eb53eeadd9d098fa76677dce47277b141c..e4d68567642255688e54b2d57e34e61aeb136263 100644
Binary files a/public/rules/Rules_promotion_competition_Fruittella_Creative_family_competition.pdf and b/public/rules/Rules_promotion_competition_Fruittella_Creative_family_competition.pdf differ
diff --git a/src/.DS_Store b/src/.DS_Store
index 9889cc6d63ac5611d496389b7168f5b766e0e9ca..d6c9ed1b687afa49de69a70ca24a5ef341c0eb7b 100644
Binary files a/src/.DS_Store and b/src/.DS_Store differ
diff --git a/src/app/appEntry.tsx b/src/app/appEntry.tsx
index f9800f6c4eb539b55042e73904d6131d2ac9f8fb..9a7b2347482b8a913e8c7ea3c906c7d38d0a5a08 100644
--- a/src/app/appEntry.tsx
+++ b/src/app/appEntry.tsx
@@ -1,34 +1,53 @@
+import { Fragment, ReactNode } from "react";
+import { BaseLayout } from "@/app/layouts/base-layout";
 
-import {Fragment, ReactNode} from "react";
-import {BaseLayout} from "@/app/layouts/base-layout";
-import {CookieAlert} from "@/feature/cookie-alert";
-import {QuizDetailed} from "@/widgets/quiz-detailed/ui/QuizDetailed";
-import {VideoModal} from "@/widgets/video-modal";
+import { CookieAlert } from "@/feature/cookie-alert";
+import { NextAuthProvider } from "@/app/providers/NextAuthProvider";
+import { QuizDetailed } from "@/widgets/quiz-detailed/ui/QuizDetailed";
+import { UploadFile } from "@/widgets/upload-file";
+import { PreviewFile } from "@/widgets/preview-file";
+import { VideoModal } from "@/widgets/video-modal";
+import { QueryClientProvider } from "./providers/QueryClientProvider";
+import { ModalView } from "@/feature/modal-view";
+import { SignUp } from "@/widgets/sign-up";
+import { AuthError, UploadError, UploadSuccess } from "@/widgets/modal-status";
 
 export default function RootLayout(props: Readonly<{ children: ReactNode }>) {
+  const { children } = props;
 
-    const {children} = props;
+  return (
+    <html lang="ru">
+      <head>
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+        />
+        <meta name="format-detection" content="telephone=no" />
+        <meta property="og:title" content="Fruit-tella" />
+        <meta property="og:image" content={`${process.env.HOST}/sharing.png`} />
+        <meta property="vk:image" content={`${process.env.HOST}/sharing.png`} />
+        <meta
+          content="Фруктовые моменты с Fruit-tella! Выполняйте вкусные задания всей семьей"
+          property="og:description"
+        />
 
-    return (
-        <html lang="ru">
-        <head>
-            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
-            <meta name="format-detection" content="telephone=no"/>
-            <meta property="og:title" content="Fruit-tella"/>
-            <meta property="og:image" content={`${process.env.HOST}/sharing.png`}/>
-            <meta property="vk:image" content={`${process.env.HOST}/sharing.png`}/>
-            <meta content="Фруктовые моменты с Fruit-tella! Выполняйте вкусные задания всей семьей"
-                  property="og:description"/>
+        <link
+          rel="icon"
+          type="image/svg+xml"
+          href={`${process.env.HOST}/favicon.svg`}
+        />
+        <link rel="shortcut icon" href={`${process.env.HOST}/favicon.ico`} />
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href={`${process.env.HOST}/apple-touch-icon.png`}
+        />
+        <meta name="apple-mobile-web-app-title" content="Fruit-tella" />
+        <link rel="manifest" href={`${process.env.HOST}/site.webmanifest`} />
 
-            <link rel="icon" type="image/svg+xml" href={`${process.env.HOST}/favicon.svg`}/>
-            <link rel="shortcut icon" href={`${process.env.HOST}/favicon.ico`}/>
-            <link rel="apple-touch-icon" sizes="180x180" href={`${process.env.HOST}/apple-touch-icon.png`}/>
-            <meta name="apple-mobile-web-app-title" content="Fruit-tella"/>
-            <link rel="manifest" href={`${process.env.HOST}/site.webmanifest`}/>
-
-            <script
-                dangerouslySetInnerHTML={{
-                    __html: `(function (m, e, t, r, i, k, a){m[i] = m[i] || function () {(m[i].a = m[i].a || []).push(arguments)};
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `(function (m, e, t, r, i, k, a){m[i] = m[i] || function () {(m[i].a = m[i].a || []).push(arguments)};
                 m[i].l=1*new Date();
                 for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) {return;}}
                 k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
@@ -41,28 +60,48 @@ export default function RootLayout(props: Readonly<{ children: ReactNode }>) {
                 webvisor:true
             });
               `,
-                }}
-            />
-
-
-        </head>
-        <body>
+          }}
+        />
+      </head>
+      <body>
         <noscript>
-            <div>
-                <img
-                    src="https://mc.yandex.ru/watch/98670843"
-                    style={{position: "absolute", left: "-9999px"}} alt=""/>
-            </div>
+          <div>
+            <img
+              src="https://mc.yandex.ru/watch/98670843"
+              style={{ position: "absolute", left: "-9999px" }}
+              alt=""
+            />
+          </div>
         </noscript>
-        <Fragment>
-            <BaseLayout>
-                {children}
-            </BaseLayout>
-            <CookieAlert/>
-            <QuizDetailed/>
-            <VideoModal/>
-        </Fragment>
-        </body>
-        </html>
-    );
+        <QueryClientProvider>
+          <NextAuthProvider>
+            <Fragment>
+              <BaseLayout>{children}</BaseLayout>
+              <ModalView size={"lg"} id={"preview"}>
+                <PreviewFile />
+              </ModalView>
+              <ModalView size={"lg"} id={"upload"}>
+                <UploadFile />
+              </ModalView>
+              <ModalView id={"auth"}>
+                <SignUp />
+              </ModalView>
+              <ModalView size={"lg"} id={"error"}>
+                <UploadError />
+              </ModalView>
+              <ModalView size={"sm"} id={"success"}>
+                <UploadSuccess />
+              </ModalView>
+              <ModalView id={"auth-error"}>
+                <AuthError />
+              </ModalView>
+              <CookieAlert />
+              <QuizDetailed />
+              <VideoModal />
+            </Fragment>
+          </NextAuthProvider>
+        </QueryClientProvider>
+      </body>
+    </html>
+  );
 }
diff --git a/src/app/layouts/base-layout/ui/Menu/Menu.tsx b/src/app/layouts/base-layout/ui/Menu/Menu.tsx
index 48251d42e5f1e220c0cdac10d4b08802cef3e272..f9bee59a0c3168241ac3f6ef066dd724ef6a6cbb 100644
--- a/src/app/layouts/base-layout/ui/Menu/Menu.tsx
+++ b/src/app/layouts/base-layout/ui/Menu/Menu.tsx
@@ -29,6 +29,14 @@ export const Menu = () => {
                         </NavBar.Item>
                     ))
                 }
+                <NavBar.Item>
+                    <NavLink
+                        target={"_blank"}
+                        href={'/rules/Rules_promotion_competition_Fruittella_Creative_family_competition.pdf'}
+                    >
+                        Правила
+                    </NavLink>
+                </NavBar.Item>
                 <NavBar.Item>
                     <NavLink
                         target={"_blank"}
@@ -58,6 +66,14 @@ export const Menu = () => {
                         </NavBar.Item>
                     ))
                 }
+                <NavBar.Item>
+                    <NavLink
+                        target={"_blank"}
+                        href={'/rules/Rules_promotion_competition_Fruittella_Creative_family_competition.pdf'}
+                    >
+                        Правила
+                    </NavLink>
+                </NavBar.Item>
                 <NavBar.Item>
                     <NavLink
                         target={"_blank"}
diff --git a/src/app/layouts/base-layout/ui/config/consts.ts b/src/app/layouts/base-layout/ui/config/consts.ts
index 39fdf5d9fae4ca807aab2abea5710fa93c533145..6a56239f6656da40c621a3c9aa4d8eb699e1d90f 100644
--- a/src/app/layouts/base-layout/ui/config/consts.ts
+++ b/src/app/layouts/base-layout/ui/config/consts.ts
@@ -9,10 +9,10 @@ export const MENU_LINK_ARRAY = [
         href: paths.ABOUT,
         label: "О продукте"
     },
-    // {
-    //     href: paths.FAQ,
-    //     label: "FAQ"
-    // },
+    {
+        href: paths.FAQ,
+        label: "FAQ"
+    },
     // {
     //     href: '',
     //     label: "Правила"
diff --git a/src/app/providers/NextAuthProvider.tsx b/src/app/providers/NextAuthProvider.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c63a470378cc2327f6071077bbc05bd4cea47501
--- /dev/null
+++ b/src/app/providers/NextAuthProvider.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+import {SessionProvider} from 'next-auth/react';
+import {ReactNode} from 'react';
+
+export function NextAuthProvider({children}: {
+    children: ReactNode;
+}) {
+    return <SessionProvider>{children}</SessionProvider>;
+}
\ No newline at end of file
diff --git a/src/app/providers/QueryClientProvider.tsx b/src/app/providers/QueryClientProvider.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..dbe53d5075fe3b83dd1d5e1c7379d4064cc4e0d4
--- /dev/null
+++ b/src/app/providers/QueryClientProvider.tsx
@@ -0,0 +1,15 @@
+'use client'
+import {QueryClientProvider as Provider} from '@tanstack/react-query'
+import type * as React from 'react'
+import {getQueryClient} from "@/shared/api/get-query-client";
+import {ReactQueryDevtools} from "@tanstack/react-query-devtools";
+
+export function QueryClientProvider({children}: { children: React.ReactNode }) {
+    const queryClient = getQueryClient()
+    return (
+        <Provider client={queryClient}>
+            <ReactQueryDevtools initialIsOpen/>
+            {children}
+        </Provider>
+    )
+}
\ No newline at end of file
diff --git a/src/app/providers/index.ts b/src/app/providers/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6cd77d4d74554cb8c34b2d0550656a4ee6ef9ea5
--- /dev/null
+++ b/src/app/providers/index.ts
@@ -0,0 +1 @@
+export * from "./QueryClientProvider"
\ No newline at end of file
diff --git a/src/entities/file/api/file.service.ts b/src/entities/file/api/file.service.ts
new file mode 100644
index 0000000000000000000000000000000000000000..92fb13f4dc37de7c1481dfb0cb756bf3309cd0e3
--- /dev/null
+++ b/src/entities/file/api/file.service.ts
@@ -0,0 +1,32 @@
+import {ApiResponse} from "@/shared/types/types";
+
+class FileService {
+    async postFile(formData: FormData): Promise<ApiResponse<{ success?: string, error?: string }>> {
+        const url = '/api/file/upload';
+        try {
+            const res =  await fetch(url, {
+                method: "POST",
+                body: formData
+            })
+
+            if (!res.ok) {
+                const errorResponse = await res.json(); // Парсим ошибку из ответа
+                const errorMessage = `Error POST ${url}, status: ${res.status}`;
+                throw {
+                    message: errorResponse?.error || errorMessage,
+                    status: res.status,
+                };
+            }
+
+            return (await res.json());
+        } catch (error) {
+            const errorMessage = `Error POST ${url}`;
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            throw new Error(error?.message || errorMessage);
+        }
+    }
+}
+
+
+export const apiFile = new FileService();
\ No newline at end of file
diff --git a/src/entities/file/api/index.ts b/src/entities/file/api/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b91afe4ac422af98c68897d07412ae56522d2c27
--- /dev/null
+++ b/src/entities/file/api/index.ts
@@ -0,0 +1 @@
+export * from "./file.service"
\ No newline at end of file
diff --git a/src/entities/file/index.ts b/src/entities/file/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d52f88510702aaa73ff3eea10de1b4916fd1a11f
--- /dev/null
+++ b/src/entities/file/index.ts
@@ -0,0 +1 @@
+export * from "./api"
\ No newline at end of file
diff --git a/src/feature/.DS_Store b/src/feature/.DS_Store
index 030fb19d015fbad9d05bfbeb4f825da92d150666..1951e1cdc9c29942e7236f9453871716d8c2ade4 100644
Binary files a/src/feature/.DS_Store and b/src/feature/.DS_Store differ
diff --git a/src/feature/card-start/CardStart.tsx b/src/feature/card-start/CardStart.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..da7bc12a62bd0dafb52956b42fcfbf2a61a6a6fa
--- /dev/null
+++ b/src/feature/card-start/CardStart.tsx
@@ -0,0 +1,33 @@
+'use client'
+import styles from "./index.module.scss"
+import clsx from "clsx";
+import {Button} from "@/shared/ui/Inputs/Button";
+import {scroller} from "react-scroll";
+
+export const CardStart = () => {
+
+
+    const scrollToSection = () => {
+        scroller.scrollTo("steps-upload", {
+            smooth: true,
+            duration: 1200,
+        });
+    };
+
+    return (
+        <div className={clsx(styles["card-closed"])}>
+            <div className={clsx(styles.base)}>
+                <div className={clsx(styles.sketch)}>
+                    <picture>
+                        <img src="/media/cards/card-sketch.png" alt=""/>
+                    </picture>
+                </div>
+            </div>
+            <div className={clsx(styles.bottom)}>
+                <Button size={"lg"} onClick={scrollToSection} variant={"solid"}>
+                    участвовать
+                </Button>
+            </div>
+        </div>
+    )
+};
\ No newline at end of file
diff --git a/src/feature/card-start/index.module.scss b/src/feature/card-start/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..95e40f32acc184899108103e387a5036a7479f63
--- /dev/null
+++ b/src/feature/card-start/index.module.scss
@@ -0,0 +1,85 @@
+.base {
+  @apply relative w-full;
+
+  max-width: 7rem;
+  height: 10rem;
+  border-radius: 0.75rem;
+  border: 1px solid #fff;
+
+
+  transform: rotate(-28deg);
+
+
+  @media (min-width: 1024px) {
+    transform: rotate(0);
+    @apply relative;
+    max-width: 13rem;
+    height: 18rem;
+    border-radius: 1.2rem;
+    border: 2px solid #fff;
+  }
+
+
+  background: linear-gradient(0deg, #F8BA00, #F8BA00);
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: url("/media/cards/frame-start-card.png");
+    background-size: 100%;
+    background-blend-mode: color;
+    pointer-events: none;
+    border-radius: 0.75rem;
+
+    @media (min-width: 1024px) {
+      border-radius: 1.2rem;
+    }
+  }
+}
+
+
+.card-closed {
+  @apply w-full relative;
+
+  @apply flex items-center justify-center;
+
+  @media (min-width: 1024px) {
+    max-width: 13rem;
+    height: 18rem;
+  }
+}
+
+.bottom {
+
+  @apply absolute;
+  @apply -translate-x-1/2 -translate-y-1/2;
+  @apply left-1/2 top-1/2;
+
+  @media (min-width: 1024px) {
+    @apply absolute bottom-2 left-1/2 top-auto;
+    @apply -translate-x-1/2 translate-y-1/2;
+  }
+}
+
+.sketch {
+  @apply w-full;
+  @apply absolute;
+  max-width: 3.75rem;
+  @apply -right-8 -top-8;
+
+  @media (min-width: 1024px) {
+    @apply absolute;
+    @apply -right-12 -top-14;
+    @apply pointer-events-none;
+    max-width: 6rem;
+
+  }
+
+  img {
+    @apply w-full block;
+  }
+}
\ No newline at end of file
diff --git a/src/feature/card-start/index.ts b/src/feature/card-start/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cd55c56a9cdc11f03bc642fadcf5f0245e8b0a75
--- /dev/null
+++ b/src/feature/card-start/index.ts
@@ -0,0 +1 @@
+export * from "./CardStart"
\ No newline at end of file
diff --git a/src/feature/modal-view/.DS_Store b/src/feature/modal-view/.DS_Store
deleted file mode 100644
index 0ace23eec5421e9e12efdfa89952f62357551280..0000000000000000000000000000000000000000
Binary files a/src/feature/modal-view/.DS_Store and /dev/null differ
diff --git a/src/feature/prize-info/index.module.scss b/src/feature/prize-info/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..96b45aa262c265576e2c5a79c56ce364a7043f3b
--- /dev/null
+++ b/src/feature/prize-info/index.module.scss
@@ -0,0 +1,52 @@
+.base {
+  @apply absolute;
+  @apply -left-4 bottom-18;
+  @media (min-width: 1024px) {
+    @apply right-10 bottom-3 left-auto;
+  }
+}
+
+.in {
+  width: 25rem;
+  @media (min-width: 1024px) {
+    width: 30rem;
+    @apply mx-auto;
+  }
+
+
+  img {
+    @apply w-full block;
+  }
+}
+
+.name {
+  @apply text-white text-center;
+  @apply relative pb-8 w-fit;
+  @apply -mb-1 ml-23;
+  font-family: "Caveat", sans-serif;
+  font-size: 1.75rem;
+  @apply leading-none;
+
+  &::before {
+    content: "";
+    background-image: url("/media/prize/underline-sm.png");
+    background-position: left bottom;
+    background-size: contain;
+    background-repeat: no-repeat;
+    height: 1.125rem;
+    @apply bottom-0 left-0;
+    @apply w-60 absolute;
+  }
+
+
+  @media (min-width: 1024px) {
+    font-size: 2.5rem;
+    @apply pb-10 ml-32 mb-0;
+    &::before {
+      content: "";
+      background-image: url("/media/prize/underline-lg.png");
+      @apply left-9;
+      @apply h-7 w-96;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/feature/prize-info/index.ts b/src/feature/prize-info/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..21ec561bd54b972bcab1976bc6d8a87e12df653b
--- /dev/null
+++ b/src/feature/prize-info/index.ts
@@ -0,0 +1 @@
+export * from "./ui"
\ No newline at end of file
diff --git a/src/feature/prize-info/ui/PrizeInfo.tsx b/src/feature/prize-info/ui/PrizeInfo.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9a962240e92bad228f812aadb1e73fc49363f0b1
--- /dev/null
+++ b/src/feature/prize-info/ui/PrizeInfo.tsx
@@ -0,0 +1,19 @@
+import styles from "../index.module.scss"
+import clsx from "clsx";
+
+export const PrizeInfo = () => {
+    return (
+        <div className={clsx(styles.base)}>
+            <div className={clsx(styles.name)}>
+               Набор елочных игрушек <br/>
+               в форме фруктов и ягод
+            </div>
+            <div className={clsx(styles.in)}>
+                <picture>
+                    <source media={"(min-width: 1024px)"} srcSet={"/media/prize/prize-lg.png"}/>
+                    <img src="/media/prize/prize-sm.png" alt=""/>
+                </picture>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/feature/prize-info/ui/index.ts b/src/feature/prize-info/ui/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..753cd02ec539200bff26a5e46be5711321e9851d
--- /dev/null
+++ b/src/feature/prize-info/ui/index.ts
@@ -0,0 +1 @@
+export * from "./PrizeInfo"
\ No newline at end of file
diff --git a/src/feature/product-link/index.module.scss b/src/feature/product-link/index.module.scss
index 5f3795b8fac3ad524934b5def3a967283497020a..79f6408d076a6fdc91cbbc8d9868da89d98775f5 100644
--- a/src/feature/product-link/index.module.scss
+++ b/src/feature/product-link/index.module.scss
@@ -1,38 +1,37 @@
 .base {
   @apply relative;
-  @apply z-10;
+  @apply w-fit z-10;
   @apply flex flex-col;
-
-  @apply items-center w-full;
-
-
-
-  @media (min-width: 1024px) {
-    @apply w-fit;
-  }
 }
 
-
 .in {
   @apply inline-flex items-start gap-2;
-  @apply whitespace-nowrap;
   transform-origin: right top;
+  @apply whitespace-nowrap;
+
+  &:nth-child(2) {
+    .link {
+      @apply ml-4 mt-2;
+    }
+  }
+
   animation: upInDown 4s ease-in-out infinite;
+
   @media (min-width: 1024px) {
-    @apply inline-flex gap-5;
+    @apply gap-5;
     @apply w-fit;
+
     &:nth-child(2) {
       .link {
         @apply ml-0 mt-0;
       }
     }
   }
-
 }
 
 .arrow {
-  @apply w-9 hidden;
-  @apply lg:w-20 lg:block;
+  @apply w-9;
+  @apply lg:w-20;
   @media (min-width: 1024px) {
     transform: rotate(0) translateY(0);
   }
@@ -49,15 +48,15 @@
   }
 }
 
-
 .link {
   @apply text-white;
-  @apply relative pb-px px-2;
-  font-size: 1.8rem;
+  @apply relative pb-px;
+  font-size: 1.125rem;
   @apply leading-normal;
   font-family: "Caveat", sans-serif;
   @media (min-width: 1024px) {
     font-size: 2.75rem;
+    //@apply pb-4;
   }
 
   &::before,
@@ -83,29 +82,27 @@
 .product {
   @apply w-full absolute;
 
-  @apply lg:block;
-  max-width: 19rem;
-  @apply top-28 right-5;
+  max-width: 9rem;
+  @apply bottom-0 -right-32;
 
   @media (min-width: 1024px) {
-    @apply bottom-0 left-full right-auto top-auto;
+    max-width: 20rem;
+    @apply bottom-8 left-full right-auto;
   }
 
-
   img {
     @apply w-full block;
   }
 }
 
-
 @keyframes upInDown {
   from {
-    transform: rotate(-2deg);
+    transform: rotate(-3deg);
   }
   50% {
-    transform: rotate(1deg);
+    transform: rotate(2deg);
   }
   to {
-    transform: rotate(-2deg);
+    transform: rotate(-3deg);
   }
-}
\ No newline at end of file
+}
diff --git a/src/feature/product-link/ui/ProductLink.tsx b/src/feature/product-link/ui/ProductLink.tsx
index 03444bfd7bff12e03cba73e3aa17df728ba81b09..5f98048f0c2b2406c43ef7803ab7963380924262 100644
--- a/src/feature/product-link/ui/ProductLink.tsx
+++ b/src/feature/product-link/ui/ProductLink.tsx
@@ -1,4 +1,4 @@
-import styles from "./../index.module.scss"
+import styles from "../index.module.scss"
 import clsx from "clsx";
 
 export const ProductLink = () => {
@@ -34,7 +34,7 @@ export const ProductLink = () => {
             </div>
             <div className={clsx(styles.product)}>
                 <picture>
-                    <source media={"(min-width: 1024px)"} srcSet={"/media/utils/package-lg.png"}/>
+                    <source media={"(min-width: 1024px"} srcSet={"/media/utils/package.png"}/>
                     <img src="/media/utils/package-sm.png" alt=""/>
                 </picture>
             </div>
diff --git a/src/feature/upload-file/api/index.ts b/src/feature/upload-file/api/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0cef1e1260e0e9740b3e91d1ad7e613d4f038d26
--- /dev/null
+++ b/src/feature/upload-file/api/index.ts
@@ -0,0 +1 @@
+export * from "./useUploadFile"
\ No newline at end of file
diff --git a/src/feature/upload-file/api/useUploadFile.ts b/src/feature/upload-file/api/useUploadFile.ts
new file mode 100644
index 0000000000000000000000000000000000000000..27cd77d2b6bddef42ab7a6c8ef2289f28c6dcadc
--- /dev/null
+++ b/src/feature/upload-file/api/useUploadFile.ts
@@ -0,0 +1,20 @@
+import {useMutation} from "@tanstack/react-query";
+import {apiFile} from "@/entities/file";
+import {useModal} from "@/shared/store/modal-store";
+
+export const useUploadFile = () => {
+
+    const {onOpen} = useModal();
+
+    return useMutation({
+        mutationFn: apiFile.postFile,
+        onError: async (error) => {
+            console.log(error?.message)
+            onOpen("error")
+        },
+        onSuccess: async (data) => {
+            console.log(data?.message);
+            onOpen("success")
+        }
+    })
+}
\ No newline at end of file
diff --git a/src/feature/upload-file/index.ts b/src/feature/upload-file/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..86816149576802d570519dd3e4816efbdf8fa4b0
--- /dev/null
+++ b/src/feature/upload-file/index.ts
@@ -0,0 +1,2 @@
+export * from "./ui"
+export * from "./api"
\ No newline at end of file
diff --git a/src/feature/upload-file/ui/UploadFile.tsx b/src/feature/upload-file/ui/UploadFile.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a859874cc3ff7bcc093a09336e40aaaa0f59696c
--- /dev/null
+++ b/src/feature/upload-file/ui/UploadFile.tsx
@@ -0,0 +1,28 @@
+'use client'
+import {Button} from "@/shared/ui/Inputs/Button";
+import {useModal} from "@/shared/store/modal-store";
+//import {useSession} from "next-auth/react";
+
+export const UploadFile = () => {
+
+    const {onOpen} = useModal();
+
+    //const session = useSession();
+
+    const onClickButton = () => {
+        onOpen("auth")
+        // if (session?.status === "unauthenticated") {
+        //     onOpen("auth")
+        // }
+
+        // if (session?.status === "authenticated") {
+        //     onOpen("upload")
+        // }
+    };
+
+    return (
+        <Button onClick={onClickButton}>
+            Загрузить фото
+        </Button>
+    )
+};
\ No newline at end of file
diff --git a/src/feature/upload-file/ui/index.ts b/src/feature/upload-file/ui/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f86f238bd25e6fafb3b0854f3ba217af41fb2987
--- /dev/null
+++ b/src/feature/upload-file/ui/index.ts
@@ -0,0 +1 @@
+export * from "./UploadFile"
\ No newline at end of file
diff --git a/src/feature/video-trigger/index.module.scss b/src/feature/video-trigger/index.module.scss
index 8c2661ed93acbf2ea053de3fc8e3d99827301707..257b86e0c0dd06c653d817c7ac2008bb58f84eb4 100644
--- a/src/feature/video-trigger/index.module.scss
+++ b/src/feature/video-trigger/index.module.scss
@@ -14,24 +14,43 @@
 
 
   @apply flex items-center flex-row-reverse;
-  @apply left-0 gap-3 p-2 bottom-32;
+  @apply left-0 gap-3 p-2;
+  top: 62rem;
 
   @media (min-width: 1024px) {
-    height: 35.75rem;
-    max-width: 17.5rem;
+    height: 15.75rem;
+    width: 32rem;
+    //height: 35.75rem;
+    //max-width: 17.5rem;
 
-    @apply bottom-0;
+    @apply top-24 left-auto -right-64;
+    @apply p-5 flex-row max-w-none;
+
+
+    //@apply bottom-0;
 
     border-radius: 33rem;
-    @apply translate-y-1/4 left-32;
-    @apply p-5;
+    //@apply translate-y-1/4 left-32;
+    //@apply p-5;
 
-    @apply flex-col gap-5;
+   // @apply flex-col gap-5;
 
     background: linear-gradient(306.11deg, #FF3D6C 29.49%, #E30512 73.03%);
     box-shadow: 9.49px 9.49px 47.46px 0px #D11A5F66;
 
   }
+
+
+  &::before {
+    content: "";
+    @apply absolute hidden lg:block;
+    @apply -left-16 -bottom-16;
+    @apply w-32 h-48;
+    background-image: url("/media/utils/arrow-link-video-trigger.png");
+    background-size: contain;
+    background-repeat: no-repeat;
+
+  }
 }
 
 .circle {
@@ -44,9 +63,8 @@
 
 
   @media (min-width: 1024px) {
-    @apply border-4;
-    @apply w-full h-auto;
-    aspect-ratio: 1/1;
+    @apply border-4 h-full;
+    width: 13.25rem;
   }
 
   img {
@@ -90,6 +108,8 @@
   @apply text-white font-medium;
   font-size: .75rem;
   @media (min-width: 1024px) {
-    @apply text-left text-2xl leading-tight;
+    @apply text-left text-xl leading-tight;
+    @apply absolute;
+    @apply -bottom-22 left-5;
   }
-}
\ No newline at end of file
+}
diff --git a/src/feature/video-trigger/ui/VideoTrigger.tsx b/src/feature/video-trigger/ui/VideoTrigger.tsx
index 99244b386b3ace5c7fba864b5488be2503b5c91d..b7514e50baf25a1b94a929f5aa087b2bd045f326 100644
--- a/src/feature/video-trigger/ui/VideoTrigger.tsx
+++ b/src/feature/video-trigger/ui/VideoTrigger.tsx
@@ -1,5 +1,5 @@
 'use client'
-import styles from "./../index.module.scss"
+import styles from "../index.module.scss"
 import clsx from "clsx";
 import {useModal} from "@/shared/store/modal-store";
 
diff --git a/src/shared/.DS_Store b/src/shared/.DS_Store
index 7ae3ac3c3f3689e2f2ae73079886f98390720cd8..85b5a842fbe703d124de2a9370f8c7caf7d0848d 100644
Binary files a/src/shared/.DS_Store and b/src/shared/.DS_Store differ
diff --git a/src/shared/api/get-query-client.ts b/src/shared/api/get-query-client.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3b89fbac37eb55d9c3c8856db7a6a50708689d84
--- /dev/null
+++ b/src/shared/api/get-query-client.ts
@@ -0,0 +1,37 @@
+import {
+    QueryClient,
+    defaultShouldDehydrateQuery,
+    isServer,
+} from '@tanstack/react-query'
+
+function makeQueryClient() {
+    return new QueryClient({
+        defaultOptions: {
+            queries: {
+                staleTime: 30 * 1000,
+            },
+            dehydrate: {
+                // include pending queries in dehydration
+                shouldDehydrateQuery: (query) =>
+                    defaultShouldDehydrateQuery(query) ||
+                    query.state.status === 'pending',
+            },
+        },
+    })
+}
+
+let browserQueryClient: QueryClient | undefined = undefined
+
+export function getQueryClient() {
+    if (isServer) {
+        // Server: always make a new query client
+        return makeQueryClient()
+    } else {
+        // Browser: make a new query client if we don't already have one
+        // This is very important, so we don't re-make a new client if React
+        // suspends during the initial render. This may not be needed if we
+        // have a suspense boundary BELOW the creation of the query client
+        if (!browserQueryClient) browserQueryClient = makeQueryClient()
+        return browserQueryClient
+    }
+}
\ No newline at end of file
diff --git a/src/shared/api/model/auth/auth.ts b/src/shared/api/model/auth/auth.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d19da00b020958042bdb695acf9566a6e5a711bd
--- /dev/null
+++ b/src/shared/api/model/auth/auth.ts
@@ -0,0 +1,5 @@
+import NextAuth from "next-auth";
+import {authOptions} from "@/shared/api/model";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+export const {handlers, signIn, signOut, auth} = NextAuth(authOptions)
\ No newline at end of file
diff --git a/src/shared/api/model/auth/authOptions.ts b/src/shared/api/model/auth/authOptions.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5d791deb3bb9e4e992fb087525d857da0b3ee9ac
--- /dev/null
+++ b/src/shared/api/model/auth/authOptions.ts
@@ -0,0 +1,70 @@
+import Credentials from "next-auth/providers/credentials";
+
+export const authOptions = {
+    providers: [
+        Credentials({
+            name: "credentials",
+            credentials: {
+                full_name: {label: "full_name", type: "text"},
+                phone_email: {label: "phone_email", type: "text"},
+            },
+            authorize: async (credentials) => {
+                if (!credentials) return null;
+
+                const res = await fetch(process.env.DB_HOST + `/register/ `, {
+                    method: "POST",
+                    body: JSON.stringify({
+                        full_name: credentials?.full_name,
+                        phone_email: credentials?.phone_email
+                    }),
+                    headers: {"Content-Type": "application/json"},
+                });
+                if (!res?.ok) {
+                    return null;
+                }
+
+                const user = await res.json();
+
+                if (!user?.access) {
+                    return null;
+                }
+
+                return user;
+            },
+        }),
+    ],
+    session: {
+        maxAge: 60 * 60 * 4,
+        strategy: "jwt",
+    },
+    secret: process.env.AUTH_SECRET,
+    callbacks: {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        authorized({auth}) {
+            const isAuthenticated = !!auth?.user;
+            return isAuthenticated;
+        },
+        // Колбэк для JWT токенов
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        async jwt({token, user}) {
+            // Если это начальная авторизация, добавляем токен из API в токен сессии
+            if (user) {
+                token.accessToken = user?.access;
+            }
+            return token;
+        },
+
+        // Колбэк для сессий
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        async session({session, token}) {
+            // Добавляем accessToken в сессию
+            if (token) {
+                session.accessToken = token.accessToken;
+            }
+            return session;
+        },
+    },
+};
\ No newline at end of file
diff --git a/src/shared/api/model/index.ts b/src/shared/api/model/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f5e11c103af9d7039d7bf78cdd10a59bd6998798
--- /dev/null
+++ b/src/shared/api/model/index.ts
@@ -0,0 +1 @@
+export * from "./auth/authOptions"
\ No newline at end of file
diff --git a/src/shared/config/consts.ts b/src/shared/config/consts.ts
index 100c2daeb3528d91ab19f2960d1bb4b120541210..ba0c743e4d6092266dd5a791a5b654b389670a74 100644
--- a/src/shared/config/consts.ts
+++ b/src/shared/config/consts.ts
@@ -1,18 +1,18 @@
 export const errorMessages: Record<number, string> = {
-  400: "Ошибка запроса (400 Bad Request). Проверьте введенные данные.",
-  401: "Ошибка авторизации (401 Unauthorized). Войдите в систему.",
-  403: "Доступ запрещен (403 Forbidden).",
-  404: "Ресурс не найден (404 Not Found).",
-  413: "Ошибка: Загружаемый файл слишком большой (413 Payload Too Large).",
-  429: "Слишком много запросов (429 Too Many Requests). Попробуйте позже.",
-  500: "Внутренняя ошибка сервера (500 Internal Server Error).",
-  502: "Проблема с сервером (502 Bad Gateway).",
-  503: "Сервер временно недоступен (503 Service Unavailable).",
-  504: "Сервер не отвечает (504 Gateway Timeout).",
+    400: "Ошибка запроса (400 Bad Request). Проверьте введенные данные.",
+    401: "Ошибка авторизации (401 Unauthorized). Войдите в систему.",
+    403: "Доступ запрещен (403 Forbidden).",
+    404: "Ресурс не найден (404 Not Found).",
+    413: "Ошибка: Загружаемый файл слишком большой (413 Payload Too Large).",
+    429: "Слишком много запросов (429 Too Many Requests). Попробуйте позже.",
+    500: "Внутренняя ошибка сервера (500 Internal Server Error).",
+    502: "Проблема с сервером (502 Bad Gateway).",
+    503: "Сервер временно недоступен (503 Service Unavailable).",
+    504: "Сервер не отвечает (504 Gateway Timeout).",
 };
 
 export const MAX_FILE_SIZE_MB = 10 * 1024 * 1024;
 
-export const ERID_CODE = "2Vtzqv74oVH";
+export const ERID_CODE = "2VtzqvSJyRs";
 
 export const INN_CODE = "5017051394";
diff --git a/src/shared/config/paths.ts b/src/shared/config/paths.ts
index d1d3b18e1088807b64a5e93f8be511fbf69f2f7a..a21118c32a125bce3747b05c05b116ac5f2af005 100644
--- a/src/shared/config/paths.ts
+++ b/src/shared/config/paths.ts
@@ -1,5 +1,5 @@
 export const paths = {
     HOME: '/',
     ABOUT: '/about',
-    //FAQ: '/faq'
+    FAQ: '/faq'
 };
\ No newline at end of file
diff --git a/src/shared/ui/.DS_Store b/src/shared/ui/.DS_Store
deleted file mode 100644
index 395bef88e455699de3f7da2f83671bd9b0decda8..0000000000000000000000000000000000000000
Binary files a/src/shared/ui/.DS_Store and /dev/null differ
diff --git a/src/shared/ui/DataDisplay/Card/ui/Card.tsx b/src/shared/ui/DataDisplay/Card/ui/Card.tsx
index 7992219f71aa5ab3734e255e056d8ac1e55c2f55..a897df87f574182b85b2b87d54d7d660a86dfe30 100644
--- a/src/shared/ui/DataDisplay/Card/ui/Card.tsx
+++ b/src/shared/ui/DataDisplay/Card/ui/Card.tsx
@@ -1,6 +1,6 @@
 import styles from "./../index.module.scss"
 import clsx from "clsx";
-import {CardProps} from "./../model"
+import {CardProps} from "../model"
 import sanitizeHtmlString from "@/shared/lib/sanitizeHtmlString";
 
 export const Card = (props: CardProps) => {
diff --git a/src/shared/ui/DataDisplay/Logo/ui/index.module.scss b/src/shared/ui/DataDisplay/Logo/ui/index.module.scss
index 06473d4ce3154d539661c46c52ee6924bdfe1be8..8e5e80aa2fb8fadfcf3baada747f934b3cdcf59b 100644
--- a/src/shared/ui/DataDisplay/Logo/ui/index.module.scss
+++ b/src/shared/ui/DataDisplay/Logo/ui/index.module.scss
@@ -2,7 +2,7 @@
   @apply relative;
   @apply w-full h-full;
 
-  max-width: 7rem;
+  max-width: 6.5rem;
 
   @media (min-width: 1024px) {
     max-width: 11.875rem;
diff --git a/src/shared/ui/DataDisplay/Step/index.module.scss b/src/shared/ui/DataDisplay/Step/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..526dc72bc6ba9f125ab8347276fb233be730d8d5
--- /dev/null
+++ b/src/shared/ui/DataDisplay/Step/index.module.scss
@@ -0,0 +1,125 @@
+.base {
+  @apply relative w-full bg-white;
+  box-shadow: 3px 3px 0px 0px #FDCE0E;
+
+  @apply flex flex-col justify-center;
+
+  max-width: 10.25rem;
+  @apply py-3 px-1;
+  @apply rounded-xl;
+
+  @media (min-width: 1024px) {
+    box-shadow: 7px 7px 0 0 #FDCE0E;
+    max-width: 23.125rem;
+    @apply p-6;
+    border-radius: 1.875rem;
+    height: 12rem;
+  }
+}
+
+.badge {
+  background: linear-gradient(99.59deg, #FF3D6C 34.52%, #E30512 86.33%);
+  @apply text-white text-center uppercase;
+  @apply max-w-fit mx-auto font-bold;
+  border-radius: 500px;
+  @apply relative;
+
+  font-size: 0.625rem;
+  height: 1.125rem;
+  line-height: 2;
+  @apply px-2.5;
+
+  @media (min-width: 1024px) {
+    @apply text-xl h-10 px-6;
+    line-height: 2.2;
+  }
+
+}
+
+.body {
+  color: #FF3D6C;
+  @apply mt-1.5 text-center leading-none;
+  @apply font-medium;
+  font-size: 0.625rem;
+  line-height: 1.2;
+  @media (min-width: 1024px) {
+    @apply mt-4 text-xl leading-5;
+  }
+}
+
+.palette {
+  box-shadow: 0.93px 1.87px 0px 0px #FDCE0E;
+  border: 0.93px solid #FDCE0E;
+
+  border-radius: 500px;
+  @apply bg-white;
+
+  @apply absolute;
+  @apply left-1/2 -translate-x-1/2;
+
+
+  @apply flex items-center justify-center;
+
+  @apply h-7;
+  @apply py-1 px-3.5;
+  bottom: -1.25rem;
+
+  @media (min-width: 1014px) {
+    @apply h-15;
+    @apply -bottom-11;
+    @apply py-2.5 px-8.5;
+    box-shadow: 2px 4px 0px 0px #FDCE0E;
+    border: 2px solid #FDCE0E
+  }
+
+
+  span {
+
+    border: 1px solid #FFFFFF;
+
+    @apply w-5 h-5;
+
+
+    @apply block;
+    @apply rounded-full;
+
+    &:not(:first-child) {
+      @apply -ml-1;
+    }
+
+
+    @media (min-width: 1024px) {
+      @apply w-10 h-10;
+      border: 2px solid #FFFFFF;
+
+      &:not(:first-child) {
+        @apply -ml-2;
+      }
+    }
+
+
+    &:first-child {
+      background: #E30512;
+    }
+
+    &:nth-child(2) {
+      background: #FFB8D9;
+    }
+
+    &:nth-child(3) {
+      background: #FD9D0E;
+    }
+
+    &:nth-child(4) {
+      background: #FDDD0E;
+    }
+
+    &:nth-child(5) {
+      background: #04602C;
+    }
+
+    &:last-child {
+      background: #8ECF02;
+    }
+  }
+}
diff --git a/src/shared/ui/DataDisplay/Step/index.ts b/src/shared/ui/DataDisplay/Step/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..21ec561bd54b972bcab1976bc6d8a87e12df653b
--- /dev/null
+++ b/src/shared/ui/DataDisplay/Step/index.ts
@@ -0,0 +1 @@
+export * from "./ui"
\ No newline at end of file
diff --git a/src/shared/ui/DataDisplay/Step/model/index.ts b/src/shared/ui/DataDisplay/Step/model/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a58d5755e7d4b8bacbfff2f88136a5045bcac2dc
--- /dev/null
+++ b/src/shared/ui/DataDisplay/Step/model/index.ts
@@ -0,0 +1 @@
+export * from "./types"
\ No newline at end of file
diff --git a/src/shared/ui/DataDisplay/Step/model/types.ts b/src/shared/ui/DataDisplay/Step/model/types.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c8d558173b227f3f6c4b64c4d18b8fec0657a0a2
--- /dev/null
+++ b/src/shared/ui/DataDisplay/Step/model/types.ts
@@ -0,0 +1,6 @@
+import {HTMLAttributes} from "react";
+
+export interface StepProps extends HTMLAttributes<HTMLDivElement>{
+    number: number
+    isPalette?: boolean
+}
\ No newline at end of file
diff --git a/src/shared/ui/DataDisplay/Step/ui/Step.tsx b/src/shared/ui/DataDisplay/Step/ui/Step.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..25c62a01f9d44d63de580aab4382e21c950a293f
--- /dev/null
+++ b/src/shared/ui/DataDisplay/Step/ui/Step.tsx
@@ -0,0 +1,37 @@
+import styles from "./../index.module.scss"
+import clsx from "clsx";
+import {StepProps} from "../model";
+import {PropsWithChildren} from "react";
+
+export const Step = (props: PropsWithChildren<StepProps>) => {
+
+    const {
+        className,
+        children,
+        number,
+        isPalette = false,
+        ...rest
+    } = props;
+
+    return (
+        <div className={clsx(styles.base, className)} {...rest}>
+            <div className={clsx(styles.badge)}>
+                ШАГ {number}
+            </div>
+            <div className={clsx(styles.body)}>
+                {children}
+            </div>
+            {
+                isPalette && <div className={clsx(styles.palette)}>
+                    <span/>
+                    <span/>
+                    <span/>
+
+                    <span/>
+                    <span/>
+                    <span/>
+                </div>
+            }
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/shared/ui/DataDisplay/Step/ui/index.ts b/src/shared/ui/DataDisplay/Step/ui/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..68647eeb9e72cfd731533ab9e7597bd8f776d873
--- /dev/null
+++ b/src/shared/ui/DataDisplay/Step/ui/index.ts
@@ -0,0 +1 @@
+export * from "./Step"
\ No newline at end of file
diff --git a/src/shared/ui/Inputs/Button/ui/Button.tsx b/src/shared/ui/Inputs/Button/ui/Button.tsx
index ac9257576cb6bc999e001a2f461405b34ba082f7..883ac2211fc0b3f856f14976588a19ecb7047cef 100644
--- a/src/shared/ui/Inputs/Button/ui/Button.tsx
+++ b/src/shared/ui/Inputs/Button/ui/Button.tsx
@@ -1,4 +1,4 @@
-import {ButtonProps} from "./../model"
+import {ButtonProps} from "../model"
 import clsx from "clsx";
 import styles from "./../index.module.scss"
 import {useState} from "react";
diff --git a/src/shared/ui/Inputs/Checkbox/control/Checkbox.tsx b/src/shared/ui/Inputs/Checkbox/control/Checkbox.tsx
index 97d32049e48f16295a3d2e5987b567814b5c4e14..f37846611ae0c32e520cd9a39f58bbe5ca059403 100644
--- a/src/shared/ui/Inputs/Checkbox/control/Checkbox.tsx
+++ b/src/shared/ui/Inputs/Checkbox/control/Checkbox.tsx
@@ -2,7 +2,7 @@
 import {Controller, useFormContext} from "react-hook-form";
 import {ControlProps} from "@/shared/types/types";
 import {CheckboxProps} from "@/shared/ui/Inputs/Checkbox/model";
-import {Checkbox as CheckboxUI} from "./../ui"
+import {Checkbox as CheckboxUI} from "../ui"
 
 export const Checkbox = (props: ControlProps<CheckboxProps>) => {
 
diff --git a/src/shared/ui/Navigation/NavBar/ui/index.module.scss b/src/shared/ui/Navigation/NavBar/ui/index.module.scss
index daea844b76432846313360fd710955c601690999..abd6275407576dd8d8710423a4358bce188702e5 100644
--- a/src/shared/ui/Navigation/NavBar/ui/index.module.scss
+++ b/src/shared/ui/Navigation/NavBar/ui/index.module.scss
@@ -4,7 +4,7 @@
 
 .in {
   @apply flex items-center justify-between;
-  @apply py-2;
+  @apply py-3;
   height: var(--h-menu);
 
   @media (min-width: 1024px) {
@@ -80,22 +80,15 @@
     @apply bg-white;
     border-radius: 1.25rem;
     box-shadow: 0 3.26px 40px 0 #0000004D;
-
     @apply flex justify-center items-center;
     @apply flex-col text-center;
-
-
-    color: #04602C;
-
-
+    color: #0099DB;
     background-image: url("/media/menu/m.png"),
     url("/media/menu/s.png"),
     url("/media/menu/j.png");
     background-size: 16%, 20%, 25%;
     background-position: left 80%, right 10%, 85% 95%;
-
     background-repeat: no-repeat;
-
   }
 
 }
diff --git a/src/shared/ui/Navigation/NavLink/ui/NavLink.tsx b/src/shared/ui/Navigation/NavLink/ui/NavLink.tsx
index 9d5a7bf4e6279f3c3d85e6abdfed70e1aa2cf2c3..7e1c4bc39a090dc06e3dd82de0377cf8a2b5d233 100644
--- a/src/shared/ui/Navigation/NavLink/ui/NavLink.tsx
+++ b/src/shared/ui/Navigation/NavLink/ui/NavLink.tsx
@@ -1,5 +1,5 @@
 import Link from "next/link";
-import {NavLinkProps} from "./../model"
+import {NavLinkProps} from "../model"
 import {PropsWithChildren} from "react";
 import styles from "./index.module.scss"
 import clsx from "clsx";
diff --git a/src/views/.DS_Store b/src/views/.DS_Store
index 1a3d71afcb225037a7fac39645be5163d268cacb..e7abf88038b2d4fea088a596973d2bd3a5a3d96a 100644
Binary files a/src/views/.DS_Store and b/src/views/.DS_Store differ
diff --git a/src/views/about/ui/index.module.scss b/src/views/about/ui/index.module.scss
index 3450cd822ab0797d5030387cc62b243dcf2f085f..28bceb4419f9a501dbdc5b15fe11b95d4abcf1d0 100644
--- a/src/views/about/ui/index.module.scss
+++ b/src/views/about/ui/index.module.scss
@@ -20,7 +20,7 @@
           url("/media/about/b-f-sm.png"),
           url("/media/about/b-r-sm.png");
   background-size: 100%, 32%;
-  background-position: bottom, calc(100% - .5rem) 1.25rem;
+  background-position: bottom, calc(100% - .5rem) 1rem;
   background-repeat: no-repeat, no-repeat;
   @media (min-width: 1024px) {
     @apply top-0;
diff --git a/src/views/about/ui/page.tsx b/src/views/about/ui/page.tsx
index 3f92c682935355b74edb4442ddbfc343aae7bac9..957b24e2babf153292f429bc7dcf368e65dc8275 100644
--- a/src/views/about/ui/page.tsx
+++ b/src/views/about/ui/page.tsx
@@ -1,17 +1,20 @@
-import { Content } from "@/views/about/ui/Content";
-import { PageLayout } from "@/widgets/page-layout";
-import { Fragment } from "react";
+import {Content} from "@/views/about/ui/Content";
+import {PageLayout} from "@/widgets/page-layout";
+import {Fragment} from "react";
 import clsx from "clsx";
-import styles from "./index.module.scss";
+import styles from "./index.module.scss"
 
 export default async function About() {
-  return (
-    <Fragment>
-      <div className={clsx(styles.bg)} />
-      <PageLayout>
-        <Content />
-      </PageLayout>
-      <PageLayout.Footer isFootnote className={clsx(styles.footer)} />
-    </Fragment>
-  );
-}
+    return (
+        <Fragment>
+            <div className={clsx(styles.bg)}/>
+            <PageLayout>
+                <Content/>
+            </PageLayout>
+            <PageLayout.Footer
+                isFootnote
+                className={clsx(styles.footer)}
+            />
+        </Fragment>
+    )
+}
\ No newline at end of file
diff --git a/src/views/faq/index.module.scss b/src/views/faq/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b4a2ea1d66e2ad138d54322b121a3aa426c2f345
--- /dev/null
+++ b/src/views/faq/index.module.scss
@@ -0,0 +1,68 @@
+.base {
+  @apply relative;
+}
+
+.bg {
+  @apply absolute inset-0 pointer-events-none;
+  @apply z-0;
+  background-image: url("/media/faq/b-f-sm.png"), url("/media/faq/b-r-sm.png");
+  background-size: 100%, 20%;
+  background-repeat: no-repeat, no-repeat;
+  background-position: bottom, 95% 35%;
+  @media (min-width: 1024px) {
+    background-image: url("/media/faq/top-slime.png"), url("/media/faq/b-f-lg.png");
+    background-position: right top, right 100%;
+    background-size: 77rem, 100%;
+    background-repeat: no-repeat;
+  }
+}
+
+.in {
+  max-width: 744px;
+  @apply w-full;
+  @media (min-width: 1024px) {
+    max-width: 38.5rem
+  }
+}
+
+.items {
+  @apply flex flex-col gap-5;
+  @media (min-width: 1024px) {
+    @apply gap-8;
+  }
+}
+
+.item {
+  @apply space-y-2;
+
+  @media (min-width: 1024px) {
+    @apply space-y-3;
+  }
+}
+
+.subtitle {
+  line-height: 1.2;
+  color: #B4E542;
+  @apply font-medium;
+  font-size: 1.625rem;
+  @media (min-width: 1024px) {
+    font-size: 1.9rem;
+  }
+}
+
+.text {
+  @apply text-sm text-white font-normal;
+  @apply whitespace-pre-line;
+
+  @media (min-width: 1024px) {
+    @apply text-xl;
+  }
+}
+
+
+.footer {
+  min-height: 32rem;
+  @media (min-width: 1024px) {
+    min-height: 26rem;
+  }
+}
\ No newline at end of file
diff --git a/src/views/faq/index.ts b/src/views/faq/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..420c9d2c0a229d13e16f406c4ce3d7cd4a5f8722
--- /dev/null
+++ b/src/views/faq/index.ts
@@ -0,0 +1 @@
+export {default} from "./ui"
\ No newline at end of file
diff --git a/src/views/faq/ui/Content/Content.tsx b/src/views/faq/ui/Content/Content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9b8559a50a380b1c745186161a910923b91efcf6
--- /dev/null
+++ b/src/views/faq/ui/Content/Content.tsx
@@ -0,0 +1,62 @@
+import styles from "@/views/faq/index.module.scss";
+import clsx from "clsx";
+import { Subtitle } from "@/views/faq/ui/Subtitle";
+import { Text } from "@/views/faq/ui/Text";
+
+export const Content = () => {
+  return (
+    <main className={clsx(styles.base)}>
+      <div className={clsx("wrapper")}>
+        <div className={clsx(styles.in)}>
+          <div className={clsx(styles.items)}>
+            <div className={clsx(styles.item)}>
+              <Subtitle>Когда станет известен победитель?</Subtitle>
+              <Text>
+                Победитель конкурса будет определён{" "}
+                <br className={"is-mobile"} />
+                не позднее
+                <br className={"is-desktop"} /> 22 декабря 2025 года включительно (время московское). <br className={"is-mobile"} />
+                В период{" "}с 22 декабря по 26 декабря будут осуществлены{" "}
+                информирование победителя и передача ему приза.
+              </Text>
+            </div>
+
+            <div className={clsx(styles.item)}>
+              <Subtitle>
+                Мою конкурсную <br className={"lg:hidden"} /> работу
+                отклонили, <br className={"lg:hidden"} /> что делать?
+              </Subtitle>
+              <Text>
+                Убедитесь, что ваша конкурсная работа{" "}
+                <br className={"is-mobile"} />
+                в хорошем
+                <br className={"is-desktop"} /> качестве, в полном объёме{" "}
+                <br className={"is-mobile"} />
+                отражает суть конкурсного
+                <br className={"is-desktop"} /> задания{" "}
+                <br className={"is-mobile"} />
+                и не нарушает Правила проведения <br className={"is-mobile"} />
+                конкурса.
+                <br className={"is-desktop"} /> Ознакомиться с правилами{" "}
+                <br className={"is-mobile"} />
+                можно в разделе меню
+                <br className={"is-desktop"} /> «Правила».
+              </Text>
+            </div>
+
+            <div className={clsx(styles.item)}>
+              <Subtitle>Остались вопросы?</Subtitle>
+              <Text>
+                Спрашивайте об участии в конкурсе <br className={"is-mobile"} />
+                от Fruittella
+                <br className={"is-desktop"} /> через почту{" "}
+                <br className={"is-mobile"} />
+                fruit.moments2025@yahoo.com
+              </Text>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+  );
+};
diff --git a/src/views/faq/ui/Content/index.ts b/src/views/faq/ui/Content/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d041b19b597e1906b6b46eebb2043b1e2ef8f92b
--- /dev/null
+++ b/src/views/faq/ui/Content/index.ts
@@ -0,0 +1 @@
+export * from "./Content"
\ No newline at end of file
diff --git a/src/views/faq/ui/Subtitle/Subtitle.tsx b/src/views/faq/ui/Subtitle/Subtitle.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fe7808f4425609a65cc632cb1e66f73a0350c69c
--- /dev/null
+++ b/src/views/faq/ui/Subtitle/Subtitle.tsx
@@ -0,0 +1,11 @@
+import {PropsWithChildren} from "react";
+import styles from "@/views/faq/index.module.scss"
+import clsx from "clsx";
+
+export const Subtitle = (props: PropsWithChildren) => {
+    return (
+        <h3 className={clsx(styles.subtitle)}>
+            {props.children}
+        </h3>
+    )
+};
\ No newline at end of file
diff --git a/src/views/faq/ui/Subtitle/index.ts b/src/views/faq/ui/Subtitle/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d73a1563830cf07e628303a53128ad74400f6d8
--- /dev/null
+++ b/src/views/faq/ui/Subtitle/index.ts
@@ -0,0 +1 @@
+export * from "./Subtitle"
\ No newline at end of file
diff --git a/src/views/faq/ui/Text/Text.tsx b/src/views/faq/ui/Text/Text.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7ebd195b8867fed27622a28a2cfd4f6ff06f330b
--- /dev/null
+++ b/src/views/faq/ui/Text/Text.tsx
@@ -0,0 +1,11 @@
+import {PropsWithChildren} from "react";
+import styles from "@/views/faq/index.module.scss"
+import clsx from "clsx";
+
+export const Text = (props: PropsWithChildren) => {
+    return (
+        <p className={clsx(styles.text)}>
+            {props.children}
+        </p>
+    )
+};
\ No newline at end of file
diff --git a/src/views/faq/ui/Text/index.ts b/src/views/faq/ui/Text/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a379e13a9275994fcea91444d24c258a872694d8
--- /dev/null
+++ b/src/views/faq/ui/Text/index.ts
@@ -0,0 +1 @@
+export * from "./Text"
\ No newline at end of file
diff --git a/src/views/faq/ui/index.ts b/src/views/faq/ui/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0338610bbcb8318e65224b6e1e5b5fdf91bb7b9b
--- /dev/null
+++ b/src/views/faq/ui/index.ts
@@ -0,0 +1 @@
+export {default} from "./page"
\ No newline at end of file
diff --git a/src/views/faq/ui/page.tsx b/src/views/faq/ui/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1937dd8492c98cdd4abba4a662c780b64d373d7d
--- /dev/null
+++ b/src/views/faq/ui/page.tsx
@@ -0,0 +1,17 @@
+import {Content} from "@/views/faq/ui/Content";
+import {PageLayout} from "@/widgets/page-layout";
+import clsx from "clsx";
+import styles from "@/views/faq/index.module.scss"
+import {Fragment} from "react";
+
+export default async function Faq() {
+    return (
+        <Fragment>
+            <div className={clsx(styles.bg)}/>
+            <PageLayout>
+                <Content/>
+            </PageLayout>
+            <PageLayout.Footer isFootnote className={clsx(styles.footer)}/>
+        </Fragment>
+    )
+}
\ No newline at end of file
diff --git a/src/views/home/.DS_Store b/src/views/home/.DS_Store
deleted file mode 100644
index 4e8f58ea98af651074789d253950d80d61736b91..0000000000000000000000000000000000000000
Binary files a/src/views/home/.DS_Store and /dev/null differ
diff --git a/src/views/home/index.module.scss b/src/views/home/index.module.scss
index 7eb9f1d3db9f1d4e33fcd2ae9204ff3625f3e09e..3b1cafbfa426c33ef36d603611f895a39f0bb4e2 100644
--- a/src/views/home/index.module.scss
+++ b/src/views/home/index.module.scss
@@ -1,32 +1,30 @@
 .base {
-  @apply relative flex flex-col;
-  @apply flex-grow overflow-hidden;
+  @apply relative;
+
 
-  margin-top: calc(var(--h-menu) * -1);
-  padding-top: calc(1rem + var(--h-menu));
-  padding-bottom: 32rem;
-  @media (min-width: 1024px) {
-    //padding-top: calc(8.25rem + var(--h-menu));
-    padding-top: calc(6rem + var(--h-menu));
-    min-height: 67rem;
-    @apply pb-0;
-  }
 }
 
 
 .bg {
-  background-image: url("/media/home/h-sm.png"), url("/media/home/b-sm.png");
-  background-size: 100%, 100%;
-  background-repeat: no-repeat;
-  background-position: left 16%, left bottom;
 
-  @apply absolute pointer-events-none;
-  @apply left-0 right-0 bottom-0 top-0 z-0;
+  //background-image: url("/media/home/h-sm.png"), url("/media/home/b-sm.png");
+  //background-position: left 6%, left 77%;
+  //background-size: 100%, 100%;
+  //background-repeat: no-repeat, no-repeat;
+
+
+  background-image: url("/media/home/h-sm.png"), url("/media/home/b-sm.png"), url("/media/home/b-f-sm.png");
+  background-position: left 2%, left 30%, left 76%;
+  background-size: 100%, 100%, 100%;
+  background-repeat: no-repeat;
 
   @media (min-width: 1024px) {
-    background-image: url("/media/home/h-lg.png"), url("/media/home/f-lg.png");
-    background-size: 100%;
-    background-position: left top, left bottom;
+    background-image: url("/media/home/h-lg.png"), url("/media/home/b-lg.png"), url("/media/home/f-lg.png");
+    background-position: left top, center 18rem, center calc(100% - 14rem);
+    background-size: 92%, 100%, 92%;
+    //background-image: url("/media/home/h-lg.png"), url("/media/home/b-lg.png"), url("/media/home/f-lg.png");
+    //background-position: left top, center 32rem, center calc(100% - 14rem);
+    //background-size: 96%, 100%, 92%;
     background-repeat: no-repeat;
   }
 }
\ No newline at end of file
diff --git a/src/views/home/layout/Body/Body.tsx b/src/views/home/layout/Body/Body.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9363edd5c97ac310e0898aa816c2bba395074381
--- /dev/null
+++ b/src/views/home/layout/Body/Body.tsx
@@ -0,0 +1,47 @@
+import { Step } from "@/shared/ui/DataDisplay/Step";
+import clsx from "clsx";
+import styles from "./index.module.scss";
+import { Card } from "@/shared/ui/DataDisplay/Card";
+import { UploadFile } from "@/feature/upload-file";
+import { ElementView } from "@/feature/element-view";
+
+export const Body = () => {
+  return (
+    <ElementView>
+      <div className={clsx(styles.base)}>
+        <div className={clsx("wrapper")}>
+          <div className={clsx(styles.in)}>
+            <div className={clsx(styles["card-container"])}>
+              <Card
+                src={"/media/cards/main-card.jpg"}
+                label={"Конкурс к Новому году"}
+              >
+                Участвуйте в конкурсе!
+              </Card>
+            </div>
+            <div className={clsx(styles.steps)}>
+              <Step className={clsx(styles["step-1"], styles.step)} number={1}>
+                <span className={clsx("text-primary")}>Сфотографируйте</span>
+                <br />
+                ужин в кругу семьи <br/>
+                с продукцией Fruittella
+              </Step>
+              <Step className={clsx(styles["step-2"], styles.step)} number={2}>
+                <span className={clsx("text-primary")}>Загрузите фото</span>
+              </Step>
+              <Step className={clsx(styles.step)} number={3}>
+                Получите шанс выиграть <br />
+                <span className={clsx("text-primary")}>
+                 набор ёлочных игрушек <br/>в форме фруктов и ягод
+                </span>
+              </Step>
+            </div>
+            <div className={clsx(styles["btn-container"])}>
+              <UploadFile />
+            </div>
+          </div>
+        </div>
+      </div>
+    </ElementView>
+  );
+};
diff --git a/src/views/home/layout/Body/index.module.scss b/src/views/home/layout/Body/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..861bc0dcbe92f90916f281e58fa97ded7e736896
--- /dev/null
+++ b/src/views/home/layout/Body/index.module.scss
@@ -0,0 +1,144 @@
+.base {
+  @apply relative;
+
+  @apply mt-60;
+
+  @media (min-width: 1024px) {
+    //background-image: url("/media/home/b-lg.png");
+    //background-size: 100%;
+    //@apply bg-no-repeat;
+    margin-top: 22rem;
+  }
+}
+
+
+.in {
+  @apply relative;
+  @media (min-width: 1024px) {
+    @apply flex justify-between items-start;
+    @apply flex-wrap;
+    padding-left: 5.75rem;
+    padding-right: 2.625rem;
+    @apply gap-2;
+  }
+}
+
+.card-container {
+
+  & > * {
+    @apply mx-auto;
+  }
+
+  @media (min-width: 1024px) {
+    @apply flex-grow;
+
+    & > * {
+      @apply ml-0;
+    }
+  }
+}
+
+
+.steps {
+
+  @apply mt-8 mb-14;
+
+  @apply relative;
+  @apply w-full flex flex-col;
+  @apply gap-10 px-6;
+  @media (min-width: 1024px) {
+    max-width: 59.75rem;
+    @apply flex-row mt-0 mb-0;
+    @apply flex-wrap px-0;
+    @apply justify-between gap-15;
+    & > :nth-child(2) {
+      order: 3;
+      @apply mx-auto;
+    }
+  }
+}
+
+
+.step {
+
+  @apply relative;
+
+  &::before,
+  &::after{
+    content: "";
+    @apply absolute;
+    @apply pointer-events-none;
+    @apply bg-no-repeat bg-contain;
+    @apply w-full;
+  }
+
+  &-1 {
+    &::before {
+      background-image: url("/media/step/arrow-1.png");
+      background-position: center;
+      @apply left-full top-4 ml-5;
+      max-width: 6rem;
+      height: 6rem;
+    }
+  }
+
+  &-2 {
+    @apply ml-auto;
+    &::before {
+      background-image: url("/media/step/arrow-2.png");
+      background-position: top center;
+      max-width: 8rem;
+      height: 8rem;
+      @apply right-8;
+      top: 80%;
+      transform: rotate(90deg) scale(1, -1);
+    }
+    &::after {
+      max-width: 3rem;
+      height: 2rem;
+      background-image: url("/media/step/sketch.png");
+      @apply bottom-full -right-4;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    &-1 {
+      &::before {
+        @apply top-16;
+        @apply ml-4;
+        max-width: 12rem;
+        height: 14rem;
+      }
+      &::after {
+        max-width: 8.75rem;
+        height: 6.125rem;
+        background-image: url("/media/step/sketch.png");
+        @apply bottom-full -right-20;
+      }
+    }
+    &-2 {
+      @apply ml-0;
+      &::before {
+        @apply -right-52 -top-28;
+        transform: rotate(0) scale(1);
+        max-width: 15rem;
+        height: 15rem;
+        background-image: url("/media/step/arrow-2.png");
+        background-position: top center;
+      }
+      &::after {
+        @apply hidden;
+      }
+    }
+  }
+}
+
+.btn-container {
+  @apply relative;
+  @apply w-full mt-10;
+  @apply flex justify-center;
+  @media (min-width: 1024px) {
+    max-width: 59.75rem;
+    @apply ml-auto mt-0;
+  }
+}
\ No newline at end of file
diff --git a/src/views/home/layout/Body/index.ts b/src/views/home/layout/Body/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6568bb80defac0d56af46f6f4da5b617ebc42466
--- /dev/null
+++ b/src/views/home/layout/Body/index.ts
@@ -0,0 +1 @@
+export * from "./Body"
\ No newline at end of file
diff --git a/src/views/home/layout/Footer/Footer.tsx b/src/views/home/layout/Footer/Footer.tsx
index df99613e3c8a717b8a26df5695bfa2890589ca73..48aaf210f175a6c1ec59e84347b8a86bafb1e96b 100644
--- a/src/views/home/layout/Footer/Footer.tsx
+++ b/src/views/home/layout/Footer/Footer.tsx
@@ -1,14 +1,22 @@
-import { ERID_CODE, INN_CODE } from "@/shared/config";
-import styles from "./index.module.scss";
+import styles from "./index.module.scss"
 import clsx from "clsx";
+import {PrizeInfo} from "@/feature/prize-info";
+import { ERID_CODE, INN_CODE } from "@/shared/config";
+
 export const Footer = () => {
-  return (
-    <div className={clsx(styles.base)}>
-      <div className={clsx("wrapper")}>
-        <div>
-          Реклама. ООО «Перфетти Ван Мелле», ИНН: {INN_CODE}, Erid: {ERID_CODE}
-        </div>
-      </div>
-    </div>
-  );
-};
+    return (
+        <footer className={clsx(styles.base)}>
+            <PrizeInfo/>
+            <div className={clsx("wrapper")}>
+                <p className={clsx(styles.footnote)}>
+                    * Общий срок акции с 1 декабря 2025 года по 26 декабря 2025 года.
+                    Внешний вид призов может отличаться от представленных
+                    изображений. <br className={"hidden lg:block"}/>Информация об организаторе акции, о правилах её
+                    проведения, количестве призов, сроках, месте и порядке их получения размещена в разделе «Правила»
+                    <br/>
+                    Реклама. ООО «Перфетти Ван Мелле», ИНН: {INN_CODE}, Erid: {ERID_CODE}
+                </p>
+            </div>
+        </footer>
+    )
+}
\ No newline at end of file
diff --git a/src/views/home/layout/Footer/index.module.scss b/src/views/home/layout/Footer/index.module.scss
index 4c8a3e8537368bb9d3d042f942255e5104d1c6c6..c518d9b26fdee39483637528af42745a8adea700 100644
--- a/src/views/home/layout/Footer/index.module.scss
+++ b/src/views/home/layout/Footer/index.module.scss
@@ -1,14 +1,35 @@
 .base {
-  @apply absolute right-0 left-0;
-  @apply bottom-0;
-  @apply z-10;
+  @apply relative mt-10;
 
+  @apply flex flex-col justify-end;
 
-  @apply text-xs text-center py-2;
-  @apply font-light;
+  background-image: url("/media/home/f-sm.png");
+  background-size: 100%;
+  background-repeat: no-repeat;
+  background-position-y: bottom;
+  min-height: 30rem;
 
 
   @media (min-width: 1024px) {
-    @apply py-7 text-right text-sm;
+    @apply mt-0;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position-y: bottom;
+    background-image: url("/media/layout/footer-desktop.png");
+    min-height: 20rem;
   }
-}
\ No newline at end of file
+}
+
+.footnote {
+  font-size: 0.625rem;
+  @apply pb-10 text-white;
+  line-height: 1.1;
+  @apply text-justify;
+
+
+  @media (min-width: 1024px) {
+    @apply text-sm py-5;
+    @apply text-center;
+  }
+}
+
diff --git a/src/views/home/layout/Header/Header.tsx b/src/views/home/layout/Header/Header.tsx
index 02fc8cc1a8f2946967d65b7dca21ea795ebc593a..be8b4db5b1b9cc08de8cd7e0d94adbe390bb4e80 100644
--- a/src/views/home/layout/Header/Header.tsx
+++ b/src/views/home/layout/Header/Header.tsx
@@ -2,6 +2,7 @@ import styles from "./index.module.scss"
 import clsx from "clsx";
 import {CardsSlider} from "@/widgets/cards-slider";
 import {ProductLink} from "@/feature/product-link";
+import {CardStart} from "@/feature/card-start";
 
 export const Header = () => {
     return (
@@ -10,8 +11,7 @@ export const Header = () => {
                 <div className={clsx(styles.in)}>
                     <div className={clsx(styles.heading)}>
                         <div className={clsx(styles.title)}>
-                            Фруктовые <br/>
-                            моменты
+                            Новый год<br/> вместе
                             <span className={clsx(styles.heart)}>
                                <picture>
                                     <img src="/media/home/heart-sketch.png" alt=""/>
@@ -21,12 +21,15 @@ export const Header = () => {
                         <div className={clsx(styles.subtitle)}>
                             <p>
                                 Покупайте продукцию Fruittella <br/>
-                                и выполняйте вкусные задания <br/>
-                                всей семьёй!
+                                и участвуйте в конкурсе!
                             </p>
                             <picture className={clsx(styles.sketch)}>
                                 <img src="/media/home/sketch.png" alt=""/>
                             </picture>
+
+                        </div>
+                        <div className={clsx(styles.card, "hidden lg:block")}>
+                            <CardStart/>
                         </div>
                     </div>
                     <div className={clsx(styles.slider)}>
@@ -34,9 +37,12 @@ export const Header = () => {
                         <div className={clsx(styles.target)}>
                             <ProductLink/>
                         </div>
+                        <div className={clsx(styles.card, "lg:hidden")}>
+                            <CardStart/>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
     )
-}
\ No newline at end of file
+};
\ No newline at end of file
diff --git a/src/views/home/layout/Header/index.module.scss b/src/views/home/layout/Header/index.module.scss
index 3d20afbc2802bba9296546da26c973a21adaf33a..9b96a2b662c0c1264f707fa606a3086e785bf5d0 100644
--- a/src/views/home/layout/Header/index.module.scss
+++ b/src/views/home/layout/Header/index.module.scss
@@ -1,5 +1,13 @@
 .base {
   @apply relative;
+
+  margin-top: calc(var(--h-menu) * -1);
+  padding-top: calc(1rem + var(--h-menu));
+
+  //margin-top: calc(var(--h-menu) * -1);
+  @media (min-width: 1024px) {
+    padding-top: calc(5.25rem + var(--h-menu));
+  }
 }
 
 .title {
@@ -29,11 +37,12 @@
 
 .subtitle {
   font-family: "Caveat", sans-serif;
-  @apply text-lg mt-3;
+  @apply text-xl mt-3;
   @apply relative inline-block;
-  line-height: 0.9;
+  line-height: 1;
   @media (min-width: 1024px) {
-    @apply text-4xl mt-4;
+    @apply mt-4;
+    font-size: 2.5rem;
     line-height: 1;
   }
 
@@ -41,23 +50,23 @@
   p {
     @apply relative z-10;
   }
-}
 
+}
 
 .sketch {
   @apply absolute;
   @apply z-0;
 
-  @apply -top-6 -left-25;
+  @apply -top-7 -left-25;
 
   transform: scale(-0.95, 1) rotate(3deg);
 
-  width: 21.5rem;
+  width: 22.5rem;
 
   @media (min-width: 1024px) {
     transform: scale(1, 1) rotate(0);
-    width: 40.5rem;
-    @apply -left-25 -top-10;
+    width: 38rem;
+    @apply -left-20 -top-11;
   }
 
 
@@ -67,35 +76,43 @@
 }
 
 
+
+
 .in {
-  @apply flex flex-col gap-8;
+  @apply flex flex-col gap-10;
   @media (min-width: 1024px) {
-    @apply grid grid-cols-5 gap-0;
+    @apply grid grid-cols-12 gap-0;
   }
 }
 
 .heading {
   @apply w-full relative;
   @media (min-width: 1024px) {
-    @apply col-span-3;
+    @apply col-span-7;
     //max-width: 46.25rem;
   }
 }
 
 .slider {
-  @apply relative z-10;
   @media (min-width: 1024px) {
-    @apply col-span-2 -mt-20;
+    @apply col-span-5;
   }
 }
 
+.card {
+  @apply mt-12;
+
+  @media (min-width: 1024px) {
+    @apply mt-28 pb-14;
+  }
+}
 
 .target {
-  @apply mt-6;
+  @apply mt-36;
   @apply pl-0;
 
   @media (min-width: 1024px) {
-    @apply mt-5;
-    @apply pl-6;
+    @apply mt-10;
+    @apply pl-0;
   }
 }
\ No newline at end of file
diff --git a/src/views/home/layout/index.ts b/src/views/home/layout/index.ts
index 3cabe83229d60c72df7e2cc71b8baeed522da0d7..1f9651fb0c16ca5ebc4564cba5df7e05310d8cd8 100644
--- a/src/views/home/layout/index.ts
+++ b/src/views/home/layout/index.ts
@@ -1,2 +1,3 @@
 export * from "./Header"
+export * from "./Body"
 export * from "./Footer"
\ No newline at end of file
diff --git a/src/views/home/ui/page.tsx b/src/views/home/ui/page.tsx
index 0ee69da86334fe39723de6527c202f062ced0566..f22a10de6b2067c7726e725c0d9a9bc43d63c096 100644
--- a/src/views/home/ui/page.tsx
+++ b/src/views/home/ui/page.tsx
@@ -1,15 +1,17 @@
 import styles from "@/views/home/index.module.scss"
 import clsx from "clsx";
-import {Header, Footer} from "../layout"
+import {Body, Footer, Header} from "../layout"
 import {VideoTrigger} from "@/feature/video-trigger";
 
 export default function Home() {
     return (
         <div className={clsx(styles.base)}>
-            <Header/>
-            <Footer/>
-            <VideoTrigger/>
-            <div className={clsx(styles.bg)}/>
+            <div className={clsx(styles.bg)}>
+                <Header/>
+                <Body/>
+                <Footer/>
+                <VideoTrigger/>
+            </div>
         </div>
     )
 }
\ No newline at end of file
diff --git a/src/widgets/.DS_Store b/src/widgets/.DS_Store
index a9ea66f65a9acd5b58b5e302e202b08e47da3551..70d4ded59ba0c02519faaf705b3c295e330cb3b4 100644
Binary files a/src/widgets/.DS_Store and b/src/widgets/.DS_Store differ
diff --git a/src/widgets/cards-slider/.DS_Store b/src/widgets/cards-slider/.DS_Store
deleted file mode 100644
index 32b0156cec575045b92aa6ea6f9739b72b3a917a..0000000000000000000000000000000000000000
Binary files a/src/widgets/cards-slider/.DS_Store and /dev/null differ
diff --git a/src/widgets/cards-slider/config/consts.ts b/src/widgets/cards-slider/config/consts.ts
index a861c2831aae735554d86fb7b698c078a0f14258..9751d2b5f901c14038263304b777b38c05b7d822 100644
--- a/src/widgets/cards-slider/config/consts.ts
+++ b/src/widgets/cards-slider/config/consts.ts
@@ -3,48 +3,48 @@ import { QuizItemData } from "@/shared/types/types";
 export const QUIZ_ARRAY: QuizItemData[] = [
   {
     src: "/media/cards/quiz/1.jpg",
-    label: "Осенний урожай",
-    text: "Купите 2–3 упаковки\nжевательных конфет Fruittella.\n Нарисуйте на листе А4 большую\n корзинку. Возьмите конфеты\nв моноупаковках и придумайте\n задачи. Например: «Мама шла\nпо осеннему лесу и увидела 3\n белых гриба, 2 красноголовика.\n Сколько грибов у мамы\nв корзинке?». Пусть ребёнок\n решает примеры, помещая\nконфеты на корзинку.",
+    label: "Ёлочная мастерская\n Fruittella",
+    text: "Купите 2–3 упаковки жевательных\n конфет Fruittella. Возьмите плотную\n бумагу и вырежьте маленькие\n ёлочные игрушки — звёздочки,\n снежинки, шарики. Приклейте\n на двусторонний скотч по одной\n конфете в моноупаковке на каждую\n игрушку — получится «съедобный»\n адвент-календарь: по игрушке в\n день до Нового года.",
   },
 
   {
     src: "/media/cards/quiz/2.jpg",
-    label: "Fruittella-блиц",
-    text: "Купите 2–3 упаковки жевательных\n конфет или мармелада Fruittella.\n Свяжите каждый вкус с предметом:\n лимонный — литература,\n клубничный — русский,\n апельсиновый — окружающий мир.\n Разложите 6 конфет и дайте\n ребёнку мини-задания к каждой\n конфете, связанные с осенью:\n «Назови 3 прилагательных\nк слову “осень”», «Какие\n животные готовятся к зиме?»,\n«Найди и прочитай стихотворение\n об осени».",
+    label: "Мармеладный киновечер",
+    text: "Купите 2–3 упаковки мармелада\n Fruittella. Разложите мармеладки по\n тарелкам и назначьте каждому\n цвету жанр. Например, жёлтый —\n комедия, зелёный — мультфильм,\n красный — приключения. Вытяните\n одну мармеладку и выберите фильм\n для семейного вечера, а\n оставшимися можно насладиться\n при просмотре.",
   },
 
   {
     src: "/media/cards/quiz/3.jpg",
-    label: "Осенний художник",
-    text: "Купите 2–3 упаковки\nжевательных конфет Fruittella,\n подготовьте чистый альбомный\n лист и краски. Положите конфеты\nв моноупаковках в мешочек.\nПусть ребёнок вытягивает\nконфету из мешочка и рисует\nна картине предмет в цвет\nеё вкуса. Например, достал\nжёлтую лимонную конфету —\n рисует солнышко, оранжевую\n апельсиновую — кленовый лист.",
+    label: "Конфетный архитектор",
+    text: "Купите 2–3 упаковки жевательных\n конфет Fruittella. Постройте вместе\n «сладкий город» из конфет в\n моноупаковках — башни, мосты,\n домики. Можно использовать\n кубики, бумагу и карандаши как\n фоны или подставки. Потом вместе\n придумайте для города имя и его\n девиз, например: «Конфетный —\n город радости!».",
   },
 
   {
     src: "/media/cards/quiz/4.jpg",
-    label: "Красочная фотосессия",
-    text: "Купите 2–3 упаковки\nжевательных конфет или\n мармелада Fruittella. Для каждого\n цвета мармеладки или конфетки\n придумайте локацию для фото:\n жёлтый — среди деревьев;\nрозовый — дома, укутавшись\nв плед; зелёный — в парке\nс букетом из кленовых листьев.\nВ итоге у вас получится целая\n осенняя фотосессия.",
+    label: "Fruittella-шпион",
+    text: "Купите 2–3 упаковки жевательных\n конфет или мармеладок Fruittella.\n Один игрок — шпион, который\n прячет пачку в комнате. Остальные\n задают вопросы, а шпион отвечает\n только «Сладко» (если близко к\n цели) или «Кисло» (если далеко).\n Кто находит пачку первым —\n становится новым шпионом.",
   },
 
   {
     src: "/media/cards/quiz/5.jpg",
-    label: "Маленький гербарий",
-    text: "Купите 2–3 упаковки\nжевательных конфет Fruittella.\n Назначьте каждому цвету\nконфеты осенний лист: жёлтый —\n лист клёна, розовый — лист\nрябины, зелёный — лист берёзы.\n Вытягивайте конфету\n вместе с ребёнком находите\n нужные листочки и собирайте\nих в осенний букет.",
+    label: "Сладкий показ мод",
+    text: "Купите 2–3 упаковки жевательных\n конфет Fruittella. Устройте\n семейное дефиле — придумайте\n образ, вдохновившись вкусами\n конфет. Например, к клубничному\n вкусу можно взять белое платье и\n розовую шляпку, к апельсиновому\n — оранжевую футболку и зелёную\n кепку.",
   },
 
   {
     src: "/media/cards/quiz/6.jpg",
-    label: "Прогулка по парку",
-    text: 'Купите 2–3 упаковки\nжевательных конфет Fruittella.\n Заранее придумайте к каждому\n вкусу задание, например: лимонная\n мармеладка — фотографируем\nвсе предметы жёлтого цвета,\n клубничная — считаем птичек\nна деревьях. Пусть ребёнок\n вытягивает конфетку прямо\nво время прогулки\nи выполняет задание.',
+    label: "Конфетный следопыт",
+    text: "Купите 2–3 упаковки жевательных\n конфет Fruittella. Спрячьте\n несколько конфет в моноупаковке\n в квартире и нарисуйте карту\n «зимнего города». Пусть ребёнок\n отыщет все конфеты по\n подсказкам: «там, где спят\n варежки», «рядом с чайником».",
   },
 
   {
     src: "/media/cards/quiz/7.jpg",
-    label: "Лесной лабиринт",
-    text: "Купите 2–3 упаковки\nжевательных конфет Fruittella.\nНа большом листе бумаги\n нарисуйте дорожку, ёжика\nс грибами в начале пути и лукошко\nс грибами — в конце. Разложите\n конфеты в моноупаковках\nна листе так, чтобы получился\n лабиринт. Пусть ребёнок\nпроведёт карандашом ёжика\nк лукошку, не задев\nпри этом сладкие стенки.",
+    label: "Fruittella-карнавал",
+    text: "Купите 2–3 упаковки жевательных\n конфет Fruittella. К каждому вкусу\n придумайте праздничные маски.\n Так, жёлтая конфета может быть\n «королём лимонов», розовая —\n «клубничной принцессой». Каждую\n маску можно украсить\n разноцветными фантиками от\n конфет в моноупаковке, а затем\n устроить весёлый парад вкусов.",
   },
   {
     src: "/media/cards/quiz/8.jpg",
-    label: "Башня против ветра",
-    text: "Купите 3–4 упаковки\nжевательных конфет Fruittella.\n Пусть каждый член семьи\nпостроит башню из конфет\nв моноупаковках. Затем все вместе\n изображайте осенний ветер —\n дуйте, машите руками.\nЧья башня устоит — тот победил!",
+    label: "Конфетный горнолыжник",
+    text: "Купите 2–3 упаковки жевательных\n конфет Fruittella. Сделайте «трассу»\n из книги, поставленной под\n наклоном, и устройте гонку: чья\n конфета в моноупаковке скатится\n быстрее с импровизированной горки?",
   },
 ];
diff --git a/src/widgets/cards-slider/ui/CardsSlider.tsx b/src/widgets/cards-slider/ui/CardsSlider.tsx
index 32a8ddc2225b5e868178d52bf86051478250653d..2a0651efce505a373941107c555cad25d81be42c 100644
--- a/src/widgets/cards-slider/ui/CardsSlider.tsx
+++ b/src/widgets/cards-slider/ui/CardsSlider.tsx
@@ -1,115 +1,119 @@
-"use client";
+'use client';
 
-import { EffectCards, Navigation } from "swiper/modules";
-import { SwiperClass } from "swiper/react";
-import { Swiper, SwiperSlide } from "swiper/react";
-import { Card } from "@/shared/ui/DataDisplay/Card";
-import styles from "./../index.module.scss";
+import {EffectCards, Navigation} from "swiper/modules";
+import {SwiperClass} from "swiper/react";
+import {Swiper, SwiperSlide} from "swiper/react";
+import {Card} from "@/shared/ui/DataDisplay/Card";
+import styles from "./../index.module.scss"
 import clsx from "clsx";
-import { useState } from "react";
-import { Button } from "@/shared/ui/Inputs/Button";
-import { QUIZ_ARRAY } from "@/widgets/cards-slider/config";
-import { useModal } from "@/shared/store/modal-store";
-import { QuizItemData } from "@/shared/types/types";
+import {useState} from "react";
+import {Button} from "@/shared/ui/Inputs/Button";
+import {QUIZ_ARRAY} from "@/widgets/cards-slider/config";
+import {useModal} from "@/shared/store/modal-store";
+import {QuizItemData} from "@/shared/types/types";
 
 export const CardsSlider = () => {
-  const [swiper, setSwiper] = useState<SwiperClass | null>(null);
-  const [isStart, setIsStart] = useState(false);
-  const [isSlide, setIsSlide] = useState(false);
+    const [swiper, setSwiper] = useState<SwiperClass | null>(null);
+    const [isStart, setIsStart] = useState(false);
+    const [isSlide, setIsSlide] = useState(false);
 
-  const { setData, onOpen } = useModal();
+    const {setData, onOpen} = useModal();
 
-  const onOpenDetailed = (value: QuizItemData) => {
-    setData(value);
-    onOpen("quiz");
-  };
-
-  const handleNextSlide = () => {
-    if (!isStart) {
-      setIsStart(true);
-      return;
+    const onOpenDetailed = (value: QuizItemData) => {
+        setData(value)
+        onOpen("quiz")
     }
 
-    if (!swiper) return;
 
-    setIsSlide(true);
+    const handleNextSlide = () => {
 
-    if (swiper?.isEnd) {
-      swiper?.slideTo(0);
-      return;
-    }
-    swiper?.slideNext();
-    return;
-  };
+        if (!isStart) {
+            setIsStart(true);
+            return;
+        }
+
+        if (!swiper) return;
+
+        setIsSlide(true)
+
+        if (swiper?.isEnd) {
+            swiper?.slideTo(0);
+            return;
+        }
+        swiper?.slideNext();
+        return;
+    };
+
+
+    return (
+        <div className={clsx(styles.base)}>
+            <Swiper
+                effect={'cards'}
+                centeredSlides={true}
+                loop={true}
+                initialSlide={8}
+                onSwiper={(swiper) => setSwiper(swiper)}
+                grabCursor={false}
+                allowTouchMove={false}
+                speed={1200} // Увеличь скорость анимации
+                cardsEffect={{
+                    slideShadows: false,
+                    perSlideOffset: 6,
+                    perSlideRotate: 4,
+                }}
 
-  return (
-    <div className={clsx(styles.base)}>
-      <Swiper
-        effect={"cards"}
-        centeredSlides={true}
-        loop={true}
-        initialSlide={8}
-        onSwiper={(swiper) => setSwiper(swiper)}
-        grabCursor={false}
-        allowTouchMove={false}
-        speed={1200} // Увеличь скорость анимации
-        cardsEffect={{
-          slideShadows: false,
-          perSlideOffset: 6,
-          perSlideRotate: 4,
-        }}
-        modules={[EffectCards, Navigation]}
-      >
-        {QUIZ_ARRAY?.map((item, index) => (
-          <SwiperSlide key={index}>
-            {({ isActive, isPrev }) => (
-              <div
-                className={clsx(styles.slide, {
-                  [styles.prev]: isPrev && isStart && isSlide,
-                })}
-              >
-                <Card
-                  {...item}
-                  isPointer
-                  isBadge
-                  onClick={() => isStart && isActive && onOpenDetailed(item)}
-                  isFlip={(index === 0 && !isStart) || !isActive}
-                  text={
-                    "Нажмите на карточку, чтобы\nузнать подробности задания!"
-                  }
-                />
-              </div>
-            )}
-          </SwiperSlide>
-        ))}
-        {QUIZ_ARRAY?.map((item, index) => (
-          <SwiperSlide key={index + 8}>
-            {({ isActive, isPrev }) => (
-              <div
-                className={clsx(styles.slide, {
-                  [styles.prev]: isPrev && isStart && isSlide,
-                })}
-              >
-                <Card
-                  {...item}
-                  isPointer
-                  isBadge
-                  onClick={() => isStart && isActive && onOpenDetailed(item)}
-                  isFlip={(index === 0 && !isStart) || !isActive}
-                  text={
-                    "Нажмите на карточку, чтобы\nузнать подробности задания!"
-                  }
-                />
-              </div>
-            )}
-          </SwiperSlide>
-        ))}
-      </Swiper>
-      <div className={clsx(styles.trigger)}>
-        <Button size={"lg"} onClick={handleNextSlide}>
-          Получить задание
-        </Button>
-      </div>
-    </div>
-  );
-};
+                modules={[EffectCards, Navigation]}
+            >
+                {
+                    QUIZ_ARRAY?.map((item, index) => (
+                        <SwiperSlide key={index}>
+                            {
+                                ({isActive, isPrev}) => (
+                                    <div className={clsx(styles.slide, {
+                                        [styles.prev]: isPrev && (isStart && isSlide),
+                                    })}>
+                                        <Card
+                                            {...item}
+                                            isPointer
+                                            isBadge
+                                            onClick={() => (isStart && isActive) && onOpenDetailed(item)}
+                                            isFlip={(index === 0 && !isStart) || !isActive}
+                                            text={"Нажмите на карточку, чтобы\nузнать подробности задания!"}
+                                        />
+                                    </div>
+                                )
+                            }
+                        </SwiperSlide>
+                    ))
+                }
+                {
+                    QUIZ_ARRAY?.map((item, index) => (
+                        <SwiperSlide key={index + 8}>
+                            {
+                                ({isActive, isPrev}) => (
+                                    <div className={clsx(styles.slide, {
+                                        [styles.prev]: isPrev && (isStart && isSlide),
+                                    })}>
+                                        <Card
+                                            {...item}
+                                            isPointer
+                                            isBadge
+                                            onClick={() => (isStart && isActive) && onOpenDetailed(item)}
+                                            isFlip={(index === 0 && !isStart) || !isActive}
+                                            text={"Нажмите на карточку, чтобы\nузнать подробности задания!"}
+                                        />
+                                    </div>
+                                )
+                            }
+                        </SwiperSlide>
+                    ))
+                }
+            </Swiper>
+            <div className={clsx(styles.trigger)}>
+                <Button size={"lg"} onClick={handleNextSlide}>
+                    Получить задание
+                </Button>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/widgets/modal-status/index.module.scss b/src/widgets/modal-status/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9c282966b8885bd8a045da91cdec8420f0b30d16
--- /dev/null
+++ b/src/widgets/modal-status/index.module.scss
@@ -0,0 +1,93 @@
+.base {
+  @apply relative;
+}
+
+.status {
+  @apply mx-auto;
+  @apply w-20 h-20;
+  @apply mb-10;
+  img {
+    @apply w-full h-full object-contain;
+  }
+}
+
+
+.label,
+.text {
+  @apply text-center;
+}
+
+.label {
+  color: #04602C;
+  @apply text-2xl leading-none font-medium;
+}
+
+.text {
+  color: #3C3C3C;
+  @apply text-sm leading-none;
+}
+
+:global(.Modal--lg) {
+  .text {
+    @media (min-width: 1024px) {
+      @apply leading-tight;
+      font-size: 1.375rem;
+    }
+  }
+
+  .label {
+
+    @media (min-width: 1024px) {
+      @apply text-3xl;
+    }
+
+  }
+
+  .status {
+    @media (min-width: 1024px) {
+      @apply w-25 h-25;
+    }
+  }
+
+
+  .info {
+
+    @media (min-width: 1024px) {
+      @apply gap-5;
+    }
+
+  }
+}
+
+.info {
+  @apply flex flex-col gap-2;
+  @apply mb-7;
+
+}
+
+
+.blackberry,
+.strawberry {
+  @apply absolute pointer-events-none z-0;
+
+  img {
+    @apply w-full block;
+  }
+}
+
+.blackberry {
+  @apply w-16;
+  @apply left-4 top-8;
+  @media (min-width: 1024px) {
+    @apply w-16;
+    @apply left-4 top-8;
+  }
+}
+
+.strawberry {
+  @apply w-20;
+  @apply -right-5 top-20;
+  @media (min-width: 1024px) {
+    @apply bottom-10 top-auto;
+  }
+}
diff --git a/src/widgets/modal-status/index.ts b/src/widgets/modal-status/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..21ec561bd54b972bcab1976bc6d8a87e12df653b
--- /dev/null
+++ b/src/widgets/modal-status/index.ts
@@ -0,0 +1 @@
+export * from "./ui"
\ No newline at end of file
diff --git a/src/widgets/modal-status/ui/AuthError.tsx b/src/widgets/modal-status/ui/AuthError.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d69686e5702214c45b13bdbac9a16ac6eaa46da5
--- /dev/null
+++ b/src/widgets/modal-status/ui/AuthError.tsx
@@ -0,0 +1,32 @@
+'use client'
+import styles from "./../index.module.scss"
+import clsx from "clsx";
+import {Button} from "@/shared/ui/Inputs/Button";
+import {useModal} from "@/shared/store/modal-store";
+
+export const AuthError = () => {
+
+    const {onOpen} = useModal();
+
+    return (
+        <div className={clsx(styles.base)}>
+            <div className={clsx(styles.status)}>
+                {/* eslint-disable-next-line @next/next/no-img-element */}
+                <img src="/media/utils/Nope.svg" alt=""/>
+            </div>
+            <div className={clsx(styles.info)}>
+                <div className={clsx(styles.label)}>
+                    Ничего не вышло
+                </div>
+                <p className={clsx(styles.text)}>
+                    Ошибка регистрации пользователя
+                </p>
+            </div>
+            <div className={"flex lg:justify-center"}>
+                <Button className={"lg:w-fit w-full"} onClick={() => onOpen("auth")} variant={"solid"}>
+                    Попробовать снова
+                </Button>
+            </div>
+        </div>
+    )
+};
\ No newline at end of file
diff --git a/src/widgets/modal-status/ui/UploadError.tsx b/src/widgets/modal-status/ui/UploadError.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d5ae89c83b9bade02f9c3a0711df023bdd03cfa5
--- /dev/null
+++ b/src/widgets/modal-status/ui/UploadError.tsx
@@ -0,0 +1,36 @@
+'use client'
+import styles from "./../index.module.scss"
+import clsx from "clsx";
+import {Button} from "@/shared/ui/Inputs/Button";
+import {useModal} from "@/shared/store/modal-store";
+
+export const UploadError = () => {
+
+    const {onOpen} = useModal();
+
+
+    return (
+        <div className={clsx(styles.base)}>
+            <div className={clsx(styles.status)}>
+                {/* eslint-disable-next-line @next/next/no-img-element */}
+                <img src="/media/utils/Nope.svg" alt=""/>
+            </div>
+            <div className={clsx(styles.info)}>
+                <div className={clsx(styles.label)}>
+                    Ничего не вышло
+                </div>
+                <p className={clsx(styles.text)}>
+                    Не удалось загрузить фото. <br/>
+                    Проверьте допустимые форматы <br className={"is-mobile"}/> изображения: <span
+                    className={"font-bold"}>png, jpeg, jpg.</span> <br/>
+                    Максимальный размер<br className={"is-mobile"}/> фото — <span className={"font-bold"}>10 Мб.</span>
+                </p>
+            </div>
+            <div className={"flex lg:justify-center"}>
+                <Button className={"lg:w-fit w-full"} onClick={() => onOpen("upload")} variant={"solid"}>
+                    Попробовать снова
+                </Button>
+            </div>
+        </div>
+    )
+};
\ No newline at end of file
diff --git a/src/widgets/modal-status/ui/UploadSuccess.tsx b/src/widgets/modal-status/ui/UploadSuccess.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..003880efee597eba49b11762a0c31f35c7ab4aeb
--- /dev/null
+++ b/src/widgets/modal-status/ui/UploadSuccess.tsx
@@ -0,0 +1,50 @@
+'use client'
+import styles from "./../index.module.scss"
+import clsx from "clsx";
+import {Button} from "@/shared/ui/Inputs/Button";
+import {useModal} from "@/shared/store/modal-store";
+import {Fragment} from "react";
+export const UploadSuccess = () => {
+
+    const {onClose} = useModal();
+
+    const onCloseModal = () => {
+        document.body.classList.remove("overflow-hidden");
+        document.documentElement.classList.remove("overflow-hidden");
+        onClose?.();
+    };
+
+    return (
+        <Fragment>
+            <div className={clsx(styles.base)}>
+                <div className={clsx(styles.status)}>
+                    {/* eslint-disable-next-line @next/next/no-img-element */}
+                    <img src="/media/utils/OK.svg" alt=""/>
+                </div>
+                <div className={clsx(styles.info)}>
+                    <div className={clsx(styles.label)}>
+                        Вы зарегистрированы
+                    </div>
+                    <p className={clsx(styles.text)}>
+                        Фото успешно загружены
+                    </p>
+                </div>
+                <div className={"flex lg:justify-center"}>
+                    <Button className={"lg:w-fit w-full"} onClick={() => onCloseModal()} variant={"solid"}>
+                        Готово
+                    </Button>
+                </div>
+            </div>
+            <div className={clsx(styles.blackberry)}>
+                <picture>
+                    <img src="/media/utils/blackberry.png" alt=""/>
+                </picture>
+            </div>
+            <div className={clsx(styles.strawberry)}>
+                <picture>
+                    <img src="/media/utils/strawberry.png" alt=""/>
+                </picture>
+            </div>
+        </Fragment>
+    )
+}
\ No newline at end of file
diff --git a/src/widgets/modal-status/ui/index.ts b/src/widgets/modal-status/ui/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..da09bb61647ea3a69aaca00e2977ae5228191d5d
--- /dev/null
+++ b/src/widgets/modal-status/ui/index.ts
@@ -0,0 +1,3 @@
+export * from "./UploadError"
+export * from "./UploadSuccess"
+export * from "./AuthError"
\ No newline at end of file
diff --git a/src/widgets/page-layout/.DS_Store b/src/widgets/page-layout/.DS_Store
deleted file mode 100644
index 4df89d41eddfe01844bef49cd09ff420fa553d01..0000000000000000000000000000000000000000
Binary files a/src/widgets/page-layout/.DS_Store and /dev/null differ
diff --git a/src/widgets/page-layout/ui/Footer/Footer.tsx b/src/widgets/page-layout/ui/Footer/Footer.tsx
index 353cd5cd2a3cfbf31eb0ad35a0e62a55704a5798..2831c35df192f1575941dd9f23598f47a9ac780b 100644
--- a/src/widgets/page-layout/ui/Footer/Footer.tsx
+++ b/src/widgets/page-layout/ui/Footer/Footer.tsx
@@ -1,23 +1,26 @@
-import { PropsWithChildren } from "react";
-import styles from "./../index.module.scss";
+import {PropsWithChildren} from "react";
+import styles from "./../index.module.scss"
 import clsx from "clsx";
 import { ERID_CODE, INN_CODE } from "@/shared/config";
 
-export const Footer = (
-  props: PropsWithChildren<{ className?: string; isFootnote?: boolean }>
-) => {
-  const { className, isFootnote = false } = props;
+export const Footer = (props: PropsWithChildren<{className?: string, isFootnote?: boolean}>) => {
 
-  return (
-    <footer className={clsx(styles.footer, className)}>
-      <div className={clsx("wrapper")}>
-        {isFootnote && (
-          <p className={clsx(styles.footnote)}>
-            Реклама. ООО «Перфетти Ван Мелле», ИНН: {INN_CODE}, Erid:{" "}
-            {ERID_CODE}
-          </p>
-        )}
-      </div>
-    </footer>
-  );
-};
+    const {className, isFootnote = false} = props;
+
+    return (
+        <footer className={clsx(styles.footer, className)}>
+            <div className={clsx("wrapper")}>
+                {
+                    isFootnote && <p className={clsx(styles.footnote)}>
+                        * Общий срок акции с 1 декабря 2025 года по 26 декабря 2025 года.
+                        Внешний вид призов может отличаться от представленных
+                        изображений. <br className={"hidden lg:block"}/>Информация об организаторе акции, о правилах её
+                        проведения, количестве призов, сроках, месте и порядке их получения размещена в разделе «Правила»
+                        <br/>
+                        Реклама. ООО «Перфетти Ван Мелле», ИНН: {INN_CODE}, Erid: {ERID_CODE}
+                    </p>
+                }
+            </div>
+        </footer>
+    )
+}
\ No newline at end of file
diff --git a/src/widgets/preview-file/index.module.scss b/src/widgets/preview-file/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..5f00eb8fdc0d59071cd90f820b2b838f8c69c895
--- /dev/null
+++ b/src/widgets/preview-file/index.module.scss
@@ -0,0 +1,36 @@
+.base {
+  @apply h-full;
+  @apply flex flex-col gap-5;
+  @media (min-width: 1024px) {
+    @apply px-6;
+  }
+}
+
+
+.preview {
+  border-radius: 1rem;
+
+  height: 16.25rem;
+
+  border-radius: 1rem;
+  @apply overflow-hidden;
+
+  img {
+    @apply w-full block object-cover h-full;
+  }
+
+  @media (min-width: 1024px) {
+    height: 30.375rem;
+    border-radius: 1.56rem;
+  }
+}
+
+
+.controls {
+  @apply flex flex-col gap-2.5;
+
+  @media (min-width: 1024px) {
+    @apply gap-6 justify-center items-center;
+    @apply flex-row;
+  }
+}
\ No newline at end of file
diff --git a/src/widgets/preview-file/index.ts b/src/widgets/preview-file/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..21ec561bd54b972bcab1976bc6d8a87e12df653b
--- /dev/null
+++ b/src/widgets/preview-file/index.ts
@@ -0,0 +1 @@
+export * from "./ui"
\ No newline at end of file
diff --git a/src/widgets/preview-file/ui/PreviewFile.tsx b/src/widgets/preview-file/ui/PreviewFile.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f63911b3d770e35cb4912558baf30d9ba6fc04ef
--- /dev/null
+++ b/src/widgets/preview-file/ui/PreviewFile.tsx
@@ -0,0 +1,76 @@
+"use client";
+import styles from "./../index.module.scss";
+import clsx from "clsx";
+import { useFile } from "@/shared/store/file-store";
+import { Button } from "@/shared/ui/Inputs/Button";
+import { useEffect, useState } from "react";
+import { useModal } from "@/shared/store/modal-store";
+import { useUploadFile } from "@/feature/upload-file";
+
+export const PreviewFile = () => {
+  const { file } = useFile();
+
+  const { onOpen } = useModal();
+
+  const { mutate: onUpload, isPending } = useUploadFile();
+
+  const [previewSrc, setPreviewSrc] = useState<string | null>();
+  const [error, setError] = useState<string>("");
+
+  useEffect(() => {
+    if (!file) {
+      setPreviewSrc("");
+      setError("");
+      return;
+    }
+
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      const target = e?.target as FileReader;
+      setPreviewSrc(target?.result as string);
+
+      if (file.name.length > 150) {
+        setError("Имя файла должно содержать не более 150 символов");
+      } else {
+        setError("");
+      }
+    };
+    reader.readAsDataURL(file);
+  }, [file]);
+
+  const onClick = () => {
+    if (!file) return;
+
+    const formData = new FormData();
+    formData.append("file", file);
+    onUpload(formData);
+  };
+
+  return (
+    <div className={clsx(styles.base)}>
+      <div className={clsx(styles.preview)}>
+        {previewSrc && <img src={previewSrc} alt="Preview" />}
+      </div>
+      <div className={clsx(styles.controls)}>
+        <Button
+          disabled={isPending}
+          color={"muted"}
+          onClick={() => onOpen("upload")}
+          variant={"solid"}
+        >
+          Загрузить другое фото
+        </Button>
+        <Button
+          onClick={onClick}
+          disabled={!previewSrc || isPending || !!error}
+          variant={"solid"}
+        >
+          {(!isPending && " Загрузить") || "Загрузка..."}
+        </Button>
+      </div>
+      <div className={clsx(styles.error, "text-center")}>
+        {error && <div className="text-danger text-xs xl:text-sm">{error}</div>}
+      </div>
+    </div>
+  );
+};
diff --git a/src/widgets/preview-file/ui/index.ts b/src/widgets/preview-file/ui/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..aaf062ab894f9380577c9da43cc2f9a0f792d054
--- /dev/null
+++ b/src/widgets/preview-file/ui/index.ts
@@ -0,0 +1 @@
+export * from "./PreviewFile"
\ No newline at end of file
diff --git a/src/widgets/sign-up/index.module.scss b/src/widgets/sign-up/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..be7ba46828dc1349f3814b1bfcc96754c935c5e3
--- /dev/null
+++ b/src/widgets/sign-up/index.module.scss
@@ -0,0 +1,37 @@
+.base {
+  @apply relative;
+}
+
+.title {
+  @apply text-center font-bold;
+  @apply text-2xl;
+  @apply leading-none;
+  color: #04602C;
+}
+
+.fields {
+  @apply mt-3;
+  @apply flex flex-col gap-2;
+  @media (min-width: 1024px) {
+    @apply gap-3;
+  }
+}
+
+.controls {
+  color: #3C3C3C;
+  @apply mt-6;
+  font-size: 0.75rem;
+  @apply flex flex-col gap-3;
+  line-height: 1;
+  
+  @media (min-width: 1024px) {
+    @apply mt-5 gap-5 text-xs;
+    line-height: 1.2;
+  }
+}
+
+
+.link {
+  color: #04602C;
+  @apply inline;
+}
\ No newline at end of file
diff --git a/src/widgets/sign-up/index.ts b/src/widgets/sign-up/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..21ec561bd54b972bcab1976bc6d8a87e12df653b
--- /dev/null
+++ b/src/widgets/sign-up/index.ts
@@ -0,0 +1 @@
+export * from "./ui"
\ No newline at end of file
diff --git a/src/widgets/sign-up/model/index.ts b/src/widgets/sign-up/model/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a58d5755e7d4b8bacbfff2f88136a5045bcac2dc
--- /dev/null
+++ b/src/widgets/sign-up/model/index.ts
@@ -0,0 +1 @@
+export * from "./types"
\ No newline at end of file
diff --git a/src/widgets/sign-up/model/types.ts b/src/widgets/sign-up/model/types.ts
new file mode 100644
index 0000000000000000000000000000000000000000..eccde47ec23e6692ce5f5ecbf605795fc376fcec
--- /dev/null
+++ b/src/widgets/sign-up/model/types.ts
@@ -0,0 +1,19 @@
+export enum FormField {
+    NAME = "name",
+    CONTACT = "contact",
+    IS = "is",
+    RULES = "rules",
+    COOKIE = "cookie"
+}
+
+type FieldTypes = {
+    [FormField.NAME]: string
+    [FormField.CONTACT]: string
+    [FormField.IS]: boolean
+    [FormField.RULES]: boolean
+    [FormField.COOKIE]: boolean
+}
+
+export type SignUpFormType = {
+    [key in FormField]: FieldTypes[key];
+};
\ No newline at end of file
diff --git a/src/widgets/sign-up/ui/SignUp.tsx b/src/widgets/sign-up/ui/SignUp.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c2af9618c065d1843252d18966894530c13de56d
--- /dev/null
+++ b/src/widgets/sign-up/ui/SignUp.tsx
@@ -0,0 +1,127 @@
+'use client'
+import {FormProvider, useForm} from "react-hook-form";
+import {SignUpFormType, FormField} from "../model"
+import styles from "./../index.module.scss"
+import clsx from "clsx";
+import {TextField} from "@/shared/ui/Inputs/TextFiled";
+import {Checkbox} from "@/shared/ui/Inputs/Checkbox/control";
+import {Button} from "@/shared/ui/Inputs/Button";
+import {useCallback} from "react";
+import {useModal} from "@/shared/store/modal-store";
+import {signIn, useSession} from "next-auth/react";
+
+export const SignUp = () => {
+
+    const {onOpen} = useModal();
+
+    const {status} = useSession();
+
+    const methods = useForm<SignUpFormType>({
+        mode: "onChange"
+    });
+
+    const onSubmit = useCallback(async (value: SignUpFormType) => {
+        const {name, contact} = value;
+
+        try {
+            const response = await signIn("credentials", {
+                full_name: name,
+                phone_email: contact,
+                redirect: false,
+            });
+
+            if (!response?.ok || !!response?.error) {
+                onOpen("auth-error");
+                throw new Error("Network response was not ok");
+            }
+
+            onOpen("upload");
+        } catch (e) {
+            onOpen("auth-error");
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            throw new Error(e?.message);
+        }
+    }, [])
+
+    const {formState} = methods;
+
+    const isPending = status === "loading";
+
+    const isDisabled = !formState?.isValid || !!Object.keys(formState?.errors)?.length;
+
+    return (
+        <FormProvider {...methods}>
+            <form
+                onSubmit={methods.handleSubmit(onSubmit)}
+                className={clsx(styles.base)}
+            >
+                <div className={clsx(styles.title)}>
+                    Регистрация
+                </div>
+                <div className={clsx(styles.fields)}>
+                    <TextField
+                        rules={{
+                            required: true
+                        }}
+                        placeholder={"ФИО"}
+                        name={FormField.NAME}
+                    />
+                    <TextField
+                        rules={{
+                            required: true,
+                            pattern: {
+                                value: /^(?:\+7\d{10}|8\d{10}|7\d{10}|[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/,
+                                message: "Неккоректный номер телефона или email"
+                            }
+                        }}
+                        placeholder={"Номер телефона или почта"}
+                        name={FormField.CONTACT}
+                    />
+                </div>
+                <div className={clsx(styles.controls)}>
+                    <Checkbox
+                        rules={{
+                            required: true
+                        }}
+                        name={FormField.IS}
+                    >
+                        Я согласен {" "}
+                        <a href={"/rules/User_agreement.pdf"} target={"_blank"} className={clsx(styles.link)}>
+                            на обработку персональных данных
+                        </a>
+                    </Checkbox>
+                    <Checkbox
+                        rules={{
+                            required: true
+                        }}
+                        name={FormField.RULES}
+                    >
+                        Я ознакомлен c{" "}
+                        <a href={"/rules/Rules_promotion_competition_Fruittella_Creative_family_competition.pdf"}
+                           target={"_blank"} className={clsx(styles.link)}>
+                            Правилами проведения конкурса
+                        </a>
+                    </Checkbox>
+                    <Checkbox
+                        rules={{
+                            required: true
+                        }}
+                        name={FormField.COOKIE}
+                    >
+                        Я ознакомлен c{" "}
+                        <a href={"https://yandex.ru/legal/confidential/"} target={"_blank"}
+                           className={clsx(styles.link)}>
+                            Политикой cookie-файлов
+                        </a>
+                    </Checkbox>
+                    <Button disabled={isDisabled || isPending} variant={"solid"}>
+                        {
+                            !isPending && 'Зарегистрироваться' || 'Загрузка...'
+                        }
+                    </Button>
+                </div>
+            </form>
+        </FormProvider>
+    )
+};
\ No newline at end of file
diff --git a/src/widgets/sign-up/ui/index.ts b/src/widgets/sign-up/ui/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cee62ee57aa3bf97682898364319aa1111a0a380
--- /dev/null
+++ b/src/widgets/sign-up/ui/index.ts
@@ -0,0 +1 @@
+export * from "./SignUp"
\ No newline at end of file
diff --git a/src/widgets/upload-file/index.module.scss b/src/widgets/upload-file/index.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..6b399487a767c1c5d77fc22568e8ee0a15679997
--- /dev/null
+++ b/src/widgets/upload-file/index.module.scss
@@ -0,0 +1,59 @@
+.base {
+  @apply h-full;
+  @apply flex flex-col gap-5;
+  @media (min-width: 1024px) {
+    @apply px-6;
+  }
+}
+
+.drop {
+  @apply w-full cursor-pointer;
+
+  background: rgba(216, 216, 216, 0.38);
+  border-radius: 1rem;
+  @apply flex flex-col;
+  @apply items-center justify-center;
+
+  &.isDrag {
+    @apply bg-transparent;
+    @apply border-4 border-dashed;
+    border-color: #04602C;
+  }
+
+  height: 16.25rem;
+
+  @media (min-width: 1024px) {
+    height: 100%;
+    border-radius: 1.56rem;
+  }
+
+}
+
+
+.in {
+  @apply flex-col flex;
+  @apply gap-10;
+}
+
+
+.label {
+  color: #04602C;
+  @apply font-bold;
+  @apply text-center text-2xl;
+}
+
+
+.icon {
+  @apply w-full;
+  max-width: 12rem;
+  @media (min-width: 1024px) {
+    max-width: 18rem;
+  }
+  img {
+    @apply w-full block;
+  }
+}
+
+.error {
+  
+}
\ No newline at end of file
diff --git a/src/widgets/upload-file/index.ts b/src/widgets/upload-file/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..21ec561bd54b972bcab1976bc6d8a87e12df653b
--- /dev/null
+++ b/src/widgets/upload-file/index.ts
@@ -0,0 +1 @@
+export * from "./ui"
\ No newline at end of file
diff --git a/src/widgets/upload-file/ui/UploadFile.tsx b/src/widgets/upload-file/ui/UploadFile.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e9d105ee8ab7e9be186cd41a3fcae705ce64c429
--- /dev/null
+++ b/src/widgets/upload-file/ui/UploadFile.tsx
@@ -0,0 +1,75 @@
+"use client";
+import { useFileField } from "@/shared/ui/Inputs/FIleField";
+import clsx from "clsx";
+import styles from "./../index.module.scss";
+import { useFile } from "@/shared/store/file-store";
+import { useEffect } from "react";
+import { useModal } from "@/shared/store/modal-store";
+
+export const UploadFile = () => {
+  const { setFile } = useFile();
+  const { onOpen } = useModal();
+
+  const onChangeFile = (value: File[]) => {
+    if (!value?.length) return;
+    const file = value?.[0];
+    if (!file) {
+      return;
+    }
+
+    setFile(file);
+    onOpen("preview");
+  };
+
+  const {
+    getRootProps,
+    isDragAccept,
+    open,
+    getInputProps,
+    isErrorSize,
+    isErrorAccept,
+  } = useFileField({
+    limitSize: 10,
+    getValue: onChangeFile,
+    accept: { "image/png": [], "image/jpeg": [], "image/jpg": [] },
+  });
+
+  useEffect(() => {
+    if (!isErrorSize && !isErrorAccept) return;
+
+    onOpen("error");
+  }, [isErrorSize, isErrorAccept]);
+
+  return (
+    <div className={clsx(styles.base)}>
+      <div
+        {...getRootProps()}
+        onClick={open}
+        className={clsx(styles.drop, {
+          [styles.isDrag]: isDragAccept,
+        })}
+      >
+        <input
+          accept="image/png, image/jpeg, image/jpg"
+          hidden
+          {...getInputProps()}
+        />
+        <div className={clsx(styles.in)}>
+          <div className={clsx(styles.icon)}>
+            <picture>
+              <img src="/media/utils/upload-file.png" alt="" />
+            </picture>
+          </div>
+          <div className={clsx(styles.label, "is-desktop")}>
+            Нажмите для загрузки <br />
+            или перетащите файлы
+          </div>
+        </div>
+      </div>
+      <div className={clsx(styles.label, "is-mobile")}>
+        Нажмите для <br />
+        загрузки файлов
+      </div>
+    </div>
+  );
+};
diff --git a/src/widgets/upload-file/ui/index.ts b/src/widgets/upload-file/ui/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f86f238bd25e6fafb3b0854f3ba217af41fb2987
--- /dev/null
+++ b/src/widgets/upload-file/ui/index.ts
@@ -0,0 +1 @@
+export * from "./UploadFile"
\ No newline at end of file
diff --git a/src/widgets/video-modal/index.module.scss b/src/widgets/video-modal/index.module.scss
index be47bee1715ef3593d5bab7204a541164566716b..bd7831a70ca94e73e44c63cfda976867c92312dc 100644
--- a/src/widgets/video-modal/index.module.scss
+++ b/src/widgets/video-modal/index.module.scss
@@ -63,7 +63,6 @@
   background: linear-gradient(156.77deg, #C5E6FF 15.02%, #6DC0FF 84.98%);
 
 
-
   border-width: 2px;
   border-color: #fff;
   border-radius: 20px;
diff --git a/src/widgets/video-modal/ui/VideoModal.tsx b/src/widgets/video-modal/ui/VideoModal.tsx
index d94275653db2b1f0298c3a2a5eaa12799fda49e8..86599764b16d7551a8b772685f6fe1acd1112e91 100644
--- a/src/widgets/video-modal/ui/VideoModal.tsx
+++ b/src/widgets/video-modal/ui/VideoModal.tsx
@@ -38,19 +38,18 @@ export const VideoModal = () => {
               className={clsx(styles.overlay)}
             />
             <div className={clsx(styles.in)}>
-              {/* <div className={clsx(styles.trigger)}>
-                  <div className={clsx(styles.play, "cursor-not-allowed", {
-                      ["hidden"]: isPlay
-                  })}>
-                      <picture>
-                          <img src="/media/utils/play-disabled.svg" alt=""/>
-                      </picture>
-                  </div>
-                  <div className={clsx(styles.label)}>
-                      Скоро!
-                  </div>
-              </div> */}
-
+              {/*<div className={clsx(styles.trigger)}>*/}
+              {/*    <div className={clsx(styles.play, "cursor-not-allowed", {*/}
+              {/*        ["hidden"]: isPlay*/}
+              {/*    })}>*/}
+              {/*        <picture>*/}
+              {/*            <img src="/media/utils/play-disabled.svg" alt=""/>*/}
+              {/*        </picture>*/}
+              {/*    </div>*/}
+              {/*    <div className={clsx(styles.label)}>*/}
+              {/*        Скоро!*/}
+              {/*    </div>*/}
+              {/*</div>*/}
               <div
                 onClick={() => setIsPlay(true)}
                 className={clsx(styles.trigger)}
@@ -65,11 +64,6 @@ export const VideoModal = () => {
                   </picture>
                 </div>
               </div>
-              {/*{*/}
-              {/*    (isPlay && isLoading) && <div className={clsx(styles.loader)}>*/}
-              {/*        <Spinner/>*/}
-              {/*    </div>*/}
-              {/*} */}
               {isPlay && (
                 <div className={clsx(styles.video)}>
                   <video autoPlay playsInline controls={true}>
diff --git a/yarn.lock b/yarn.lock
index 6023af005b198cef99fa5ff8a6143af2992aa635..cf01a8297e968dd94ac64121864425c25569621a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7,6 +7,17 @@
   resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
   integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
 
+"@auth/core@0.41.0":
+  version "0.41.0"
+  resolved "https://registry.yarnpkg.com/@auth/core/-/core-0.41.0.tgz#6a57e18ab0dd0fc2606f9f0f7460a67190966161"
+  integrity sha512-Wd7mHPQ/8zy6Qj7f4T46vg3aoor8fskJm6g2Zyj064oQ3+p0xNZXAV60ww0hY+MbTesfu29kK14Zk5d5JTazXQ==
+  dependencies:
+    "@panva/hkdf" "^1.2.1"
+    jose "^6.0.6"
+    oauth4webapi "^3.3.0"
+    preact "10.24.3"
+    preact-render-to-string "6.5.11"
+
 "@emnapi/runtime@^1.2.0":
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.3.1.tgz#0fcaa575afc31f455fd33534c19381cfce6c6f60"
@@ -345,6 +356,11 @@
   resolved "https://registry.yarnpkg.com/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz#3dc35ba0f1e66b403c00b39344f870298ebb1c8e"
   integrity sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==
 
+"@panva/hkdf@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@panva/hkdf/-/hkdf-1.2.1.tgz#cb0d111ef700136f4580349ff0226bf25c853f23"
+  integrity sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==
+
 "@parcel/watcher-android-arm64@2.5.1":
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz#507f836d7e2042f798c7d07ad19c3546f9848ac1"
@@ -461,6 +477,30 @@
   dependencies:
     tslib "^2.8.0"
 
+"@tanstack/query-core@5.90.7":
+  version "5.90.7"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.90.7.tgz#ebe0d692e83bd76bde36a371955b0944a204f10c"
+  integrity sha512-6PN65csiuTNfBMXqQUxQhCNdtm1rV+9kC9YwWAIKcaxAauq3Wu7p18j3gQY3YIBJU70jT/wzCCZ2uqto/vQgiQ==
+
+"@tanstack/query-devtools@5.90.1":
+  version "5.90.1"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-devtools/-/query-devtools-5.90.1.tgz#c57a739a5293f4960a4a6b6fb4b7e4a56e6bd932"
+  integrity sha512-GtINOPjPUH0OegJExZ70UahT9ykmAhmtNVcmtdnOZbxLwT7R5OmRztR5Ahe3/Cu7LArEmR6/588tAycuaWb1xQ==
+
+"@tanstack/react-query-devtools@^5.66.4":
+  version "5.90.2"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-query-devtools/-/react-query-devtools-5.90.2.tgz#248d6ae89ace7dc2da816fa95cdc2b4f63c9e4d2"
+  integrity sha512-vAXJzZuBXtCQtrY3F/yUNJCV4obT/A/n81kb3+YqLbro5Z2+phdAbceO+deU3ywPw8B42oyJlp4FhO0SoivDFQ==
+  dependencies:
+    "@tanstack/query-devtools" "5.90.1"
+
+"@tanstack/react-query@^5.66.4":
+  version "5.90.7"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-5.90.7.tgz#68a32e9fc2bf8fa8c7890177f5ec35653731a1dd"
+  integrity sha512-wAHc/cgKzW7LZNFloThyHnV/AX9gTg3w5yAv0gvQHPZoCnepwqCMtzbuPbb2UvfvO32XZ46e8bPOYbfZhzVnnQ==
+  dependencies:
+    "@tanstack/query-core" "5.90.7"
+
 "@types/estree@^1.0.6":
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
@@ -2027,6 +2067,11 @@ jiti@^1.21.6:
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
   integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
 
+jose@^6.0.6:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/jose/-/jose-6.1.1.tgz#2be48f5171ca8cb231e313da8572c05c48c68eb6"
+  integrity sha512-GWSqjfOPf4cWOkBzw5THBjtGPhXKqYnfRBzh4Ni+ArTrQQ9unvmsA3oFLqaYKoKe5sjWmGu5wVKg9Ft1i+LQfg==
+
 "js-tokens@^3.0.0 || ^4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -2203,6 +2248,13 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
+next-auth@^5.0.0-beta.25:
+  version "5.0.0-beta.30"
+  resolved "https://registry.yarnpkg.com/next-auth/-/next-auth-5.0.0-beta.30.tgz#945af66d27d2e6defa34a4d96765df67fe4164cc"
+  integrity sha512-+c51gquM3F6nMVmoAusRJ7RIoY0K4Ts9HCCwyy/BRoe4mp3msZpOzYMyb5LAYc1wSo74PMQkGDcaghIO7W6Xjg==
+  dependencies:
+    "@auth/core" "0.41.0"
+
 next@15.1.7:
   version "15.1.7"
   resolved "https://registry.yarnpkg.com/next/-/next-15.1.7.tgz#e814845e7cdb0294aee88ceab0bb962de83e8e6f"
@@ -2236,6 +2288,11 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
+oauth4webapi@^3.3.0:
+  version "3.8.2"
+  resolved "https://registry.yarnpkg.com/oauth4webapi/-/oauth4webapi-3.8.2.tgz#500d1979038c14656f3f24ff1eb501ff3993115b"
+  integrity sha512-FzZZ+bht5X0FKe7Mwz3DAVAmlH1BV5blSak/lHMBKz0/EBMhX6B10GlQYI51+oRp8ObJaX0g6pXrAxZh5s8rjw==
+
 object-assign@^4.0.1, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
@@ -2482,6 +2539,16 @@ postcss@^8.3.11:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
+preact-render-to-string@6.5.11:
+  version "6.5.11"
+  resolved "https://registry.yarnpkg.com/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz#467e69908a453497bb93d4d1fc35fb749a78e027"
+  integrity sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==
+
+preact@10.24.3:
+  version "10.24.3"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.24.3.tgz#086386bd47071e3b45410ef20844c21e23828f64"
+  integrity sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"