diff --git a/apps/xi.land/app/layout.tsx b/apps/xi.land/app/layout.tsx
index 3915d011..ac48270b 100644
--- a/apps/xi.land/app/layout.tsx
+++ b/apps/xi.land/app/layout.tsx
@@ -172,7 +172,10 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         <Toaster />
         <Header />
         {children}
-        <Footer />
+        <Footer
+          mobileBackgroundImageUrl="/assets/footer/footerImageMobile.webp"
+          backgroundImageUrl="/assets/footer/footerImage.webp"
+        />
       </body>
     </html>
   );
diff --git a/apps/xi.land/public/assets/footer/footerImage.webp b/apps/xi.land/public/assets/footer/footerImage.webp
new file mode 100644
index 00000000..52a44613
Binary files /dev/null and b/apps/xi.land/public/assets/footer/footerImage.webp differ
diff --git a/apps/xi.land/public/assets/footer/footerImageMobile.webp b/apps/xi.land/public/assets/footer/footerImageMobile.webp
new file mode 100644
index 00000000..4f33efd5
Binary files /dev/null and b/apps/xi.land/public/assets/footer/footerImageMobile.webp differ
diff --git a/package-lock.json b/package-lock.json
index df8b6b43..cb82e57d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16193,7 +16193,7 @@
         "@hookform/resolvers": "3.10.0",
         "@xipkg/button": "3.1.8",
         "@xipkg/form": "4.2.0",
-        "@xipkg/icons": "2.7.2",
+        "@xipkg/icons": "3.0.15",
         "@xipkg/input": "2.2.9",
         "@xipkg/link": "2.0.12",
         "@xipkg/tailwind": "^0.8.1",
@@ -16299,6 +16299,19 @@
         "react-hook-form": "^7.0.0"
       }
     },
+    "packages/pkg.footer/node_modules/@xipkg/icons": {
+      "version": "3.0.15",
+      "resolved": "https://registry.npmjs.org/@xipkg/icons/-/icons-3.0.15.tgz",
+      "integrity": "sha512-J4Q3umO6oz4CcHiXRUsoT15/GdpEOp0ZMYmSMlkaAPRSgRu5925eBCKppUvTaw7npJwrbWWNIlEkUsrCqMJeDA==",
+      "dependencies": {
+        "@xipkg/utils": "^1.8.0",
+        "class-variance-authority": "^0.7.1",
+        "lucide-react": "^0.485.0"
+      },
+      "peerDependencies": {
+        "react": "^19"
+      }
+    },
     "packages/pkg.footer/node_modules/prettier": {
       "version": "3.2.5",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
diff --git a/packages/pkg.footer/Footer.tsx b/packages/pkg.footer/Footer.tsx
index 358ffc41..d53048ac 100644
--- a/packages/pkg.footer/Footer.tsx
+++ b/packages/pkg.footer/Footer.tsx
@@ -2,7 +2,16 @@ import { ReactNode } from 'react';
 import { Link } from '@xipkg/link';
 import Image from 'next/image';
 import { SvgColumn } from './SvgColumn';
-import { MainPage } from './MainPage';
+import { Button } from '@xipkg/button';
+import {
+  Calendar,
+  BookOpened,
+  Group,
+  Payments,
+  Conference,
+  WhiteBoard,
+  ArrowRight,
+} from '@xipkg/icons';
 
 interface SectionLink {
   link: string;
@@ -31,6 +40,8 @@ interface FooterProps {
    * false/undefined = футер всегда с тёмным фоном (xi.land), текст всегда светлый.
    */
   themeAwareContent?: boolean;
+  backgroundImageUrl?: string;
+  mobileBackgroundImageUrl?: string;
 }
 
 const sections: Section[] = [
@@ -81,14 +92,15 @@ const legalDocumentLinks: SectionLink[] = [
 const email = 'support@sovlium.ru';
 
 const Footer = ({
-  topContent,
   sections: customSections,
   logoPath = '/logofordark.svg',
   logoPathLight,
   logoPathDark,
-  classNameFooter = 'bg-brand-80 dark:bg-gray-100',
+  classNameFooter = 'bg-brand-80 dark:bg-gray-100 rounded-t-[64px]',
   innerClassNameFooter = 'bg-gray-100 dark:bg-transparent',
   themeAwareContent = false,
+  backgroundImageUrl,
+  mobileBackgroundImageUrl,
 }: FooterProps = {}) => {
   const footerSections = customSections || sections;
   const useThemeLogos = logoPathLight != null && logoPathDark != null;
@@ -108,6 +120,7 @@ const Footer = ({
   const legalDocLinkClass = themeAwareContent
     ? 'no-underline text-xxs-base text-gray-80 dark:text-gray-60 hover:text-gray-100 dark:hover:text-gray-40'
     : 'no-underline text-xxs-base text-gray-60 hover:text-gray-40';
+  const footerGradientClass = `bg-[radial-gradient(circle_at_center,_rgba(15,15,17,0)_30%,_rgba(15,15,17,1)_100%)]`;
 
   const renderSection = (section: Section) => (
     <div key={section.title} className="xs:gap-6 flex flex-col gap-4">
@@ -126,108 +139,169 @@ const Footer = ({
 
   return (
     <>
-      {topContent || (
-        <div className="bg-brand-80 z-1 mt-0 flex w-full flex-col items-center justify-center rounded-t-2xl sm:rounded-t-4xl xl:rounded-t-[64px] dark:bg-gray-100">
-          <MainPage />
-        </div>
-      )}
-
       <div className={classNameFooter}>
         <footer
-          className={`z-10 flex rounded-t-[32px] xl:rounded-t-[64px] 2xl:justify-center ${innerClassNameFooter}`}
+          className={`z-10 flex rounded-t-4xl xl:rounded-t-[64px] 2xl:justify-center ${innerClassNameFooter}`}
         >
-          <div
-            className={`xs:p-8 relative flex w-full max-w-[1920px] flex-col gap-8 px-4 py-8 xl:flex-row xl:justify-between xl:px-32 xl:py-16 2xl:px-40 ${themeAwareContent ? 'text-gray-0 dark:text-gray-0' : 'text-gray-0'}`}
-          >
-            <div className="relative">
-              <Link
-                href="/"
-                className="xs:h-[24px] xs:w-[202px] relative mt-0 mb-0 h-[16px] w-[134px] 2xl:h-[40px] 2xl:w-[336px]"
-              >
-                {useThemeLogos ? (
-                  <>
+          <div className="flex w-full flex-col">
+            <div className="relative flex h-155 flex-col items-center justify-between gap-8 p-6 md:p-4 xl:h-auto xl:px-32 xl:py-16 2xl:px-40">
+              <div className="absolute inset-0 p-6 md:p-0">
+                <div className="relative h-full w-full overflow-hidden rounded-2xl md:rounded-t-3xl md:rounded-b-none xl:rounded-t-[64px]">
+                  <div className={`absolute inset-0 z-9 ${footerGradientClass}`} />
+
+                  {mobileBackgroundImageUrl && (
                     <Image
-                      alt="sovlium logo"
-                      src={logoPathLight}
-                      width={216}
-                      height={64}
-                      priority={false}
-                      className="mt-0 mb-0 block dark:hidden"
+                      src={mobileBackgroundImageUrl}
+                      alt="фон футера мобильный"
+                      fill
+                      className="block object-cover md:hidden"
                     />
+                  )}
+                  {backgroundImageUrl && (
+                    <Image
+                      src={backgroundImageUrl}
+                      alt="фон футера десктопный"
+                      fill
+                      className="hidden bg-[radial-gradient(circle,rgba(21,22,36,0)_0%,rgba(21,22,36,1)_100%)] object-cover md:block"
+                    />
+                  )}
+                </div>
+              </div>
+              <div className="relative z-10 flex w-full flex-1 flex-col items-center justify-between gap-8 p-6 sm:justify-center md:items-baseline md:justify-baseline xl:py-24 2xl:py-32">
+                <div className="flex flex-col gap-4 text-center md:w-132.5 md:text-left xl:gap-5">
+                  <p className="text-gray-0 text-xl-base md:text-h5 xl:text-h3 font-semibold">
+                    Экономьте до 1 часа в день вместе с sovlium
+                  </p>
+                  <span className="text-m-base leading-[1.3] text-gray-50 md:text-[18px]">
+                    {`Быстро переключайтесь между инструментами\u00A0в единой рабочей среде`}
+                  </span>
+                  <div className="flex justify-center gap-2 md:justify-start xl:mt-10 xl:gap-5">
+                    <div className="bg-cyan-20 rounded-lg p-2 xl:p-2 2xl:rounded-xl 2xl:p-3">
+                      <Calendar className="fill-cyan-100 xl:size-8 2xl:size-9" />
+                    </div>
+                    <div className="bg-pink-20 rounded-lg p-2 xl:p-2 2xl:rounded-xl 2xl:p-3">
+                      <BookOpened className="fill-pink-100 xl:size-8 2xl:size-9" />
+                    </div>
+                    <div className="bg-violet-20 rounded-lg p-2 xl:p-2 2xl:rounded-xl 2xl:p-3">
+                      <Group className="fill-violet-100 xl:size-8 2xl:size-9" />
+                    </div>
+                    <div className="bg-yellow-20 rounded-lg p-2 xl:p-2 2xl:rounded-xl 2xl:p-3">
+                      <Payments className="fill-yellow-100 xl:size-8 2xl:size-9" />
+                    </div>
+                    <div className="bg-green-0 rounded-lg p-2 xl:p-2 2xl:rounded-xl 2xl:p-3">
+                      <Conference className="fill-green-100 xl:size-8 2xl:size-9" />
+                    </div>
+                    <div className="bg-red-0 rounded-lg p-2 xl:p-2 2xl:rounded-xl 2xl:p-3">
+                      <WhiteBoard className="fill-red-100 xl:size-8 2xl:size-9" />
+                    </div>
+                  </div>
+                </div>
+                <div className="sm:mt-5 xl:mt-24 2xl:mt-40">
+                  <Link className="w-full md:w-auto" href="https://app.sovlium.ru/signup">
+                    <Button
+                      className="h-12 w-full rounded-2xl pr-3 pl-6 text-[16px] leading-6 md:w-auto"
+                      size="l"
+                    >
+                      Попробовать бесплатно
+                      <ArrowRight className="fill-brand-0 ml-3 h-6 w-6 md:ml-4 md:h-8 md:w-8" />
+                    </Button>
+                  </Link>
+                </div>
+              </div>
+            </div>
+            <div
+              className={`xs:p-8 relative flex w-full max-w-480 flex-col gap-8 px-4 py-8 xl:flex-row xl:justify-between xl:px-32 xl:py-16 2xl:px-40 ${themeAwareContent ? 'text-gray-0 dark:text-gray-0' : 'text-gray-0'}`}
+            >
+              <div className="relative">
+                <Link
+                  href="/"
+                  className="xs:h-6 xs:w-50.5 relative mt-0 mb-0 h-4 w-33.5 2xl:h-10 2xl:w-84"
+                >
+                  {useThemeLogos ? (
+                    <>
+                      <Image
+                        alt="sovlium logo"
+                        src={logoPathLight}
+                        width={216}
+                        height={64}
+                        priority={false}
+                        className="mt-0 mb-0 block dark:hidden"
+                      />
+                      <Image
+                        alt="sovlium logo"
+                        src={logoPathDark}
+                        width={216}
+                        height={64}
+                        priority={false}
+                        className="mt-0 mb-0 hidden dark:block"
+                      />
+                    </>
+                  ) : (
                     <Image
                       alt="sovlium logo"
-                      src={logoPathDark}
+                      src={logoPath}
                       width={216}
                       height={64}
                       priority={false}
-                      className="mt-0 mb-0 hidden dark:block"
                     />
-                  </>
-                ) : (
-                  <Image
-                    alt="sovlium logo"
-                    src={logoPath}
-                    width={216}
-                    height={64}
-                    priority={false}
+                  )}
+                </Link>
+                <div className="absolute bottom-[-64px] left-0 hidden max-[1760px]:left-[-100px] min-[1760px]:left-0 xl:left-[-100px] xl:block">
+                  <SvgColumn
+                    className={
+                      themeAwareContent ? 'text-brand-20 dark:text-[#26262A]' : 'text-[#26262A]'
+                    }
                   />
-                )}
-              </Link>
-              <div className="absolute bottom-[-64px] left-0 hidden max-[1760px]:left-[-100px] min-[1760px]:left-0 xl:left-[-100px] xl:block">
-                <SvgColumn
+                </div>
+              </div>
+              <div className="z-5 flex flex-col gap-8 xl:gap-16">
+                <div className="xs:grid-cols-2 xs:gap-y-10 grid grid-cols-1 gap-8 md:grid-cols-4 xl:justify-end 2xl:grid-cols-[repeat(4,minmax(0,240px))]">
+                  {footerSections.map(renderSection)}
+                </div>
+                <div
                   className={
-                    themeAwareContent ? 'text-brand-20 dark:text-[#26262A]' : 'text-[#26262A]'
+                    themeAwareContent
+                      ? 'text-xxs-base xs:text-xs-base text-gray-90 dark:text-gray-60 leading-relaxed'
+                      : 'text-xxs-base xs:text-xs-base text-gray-60 leading-relaxed'
                   }
-                />
-              </div>
-            </div>
-            <div className="z-5 flex flex-col gap-8 xl:gap-16">
-              <div className="xs:grid-cols-2 xs:gap-y-10 grid grid-cols-1 gap-8 md:grid-cols-4 xl:justify-end 2xl:grid-cols-[repeat(4,minmax(0,240px))]">
-                {footerSections.map(renderSection)}
+                >
+                  <p className="m-0">
+                    Индивидуальный предприниматель Букшев Игорь Владимирович · ОГРНИП
+                    326784700178496 · ИНН 781102952900
+                  </p>
+                </div>
+                <div className={bottomRowClass}>
+                  <span className="2xl:w-[330px]">&copy; sovlium с 2025 года</span>
+                  <span className="xs:order-1 2xl:w-[330px]">
+                    <Link
+                      className={emailLinkClass}
+                      target="_blank"
+                      variant="hover"
+                      href={`mailto:${email}`}
+                      size="s"
+                    >
+                      {email}
+                    </Link>
+                  </span>
+                  <span className="2xl:w-[330px]">Сделано с ♥ в России</span>
+                </div>
+                <nav
+                  aria-label="Юридические документы"
+                  className="border-gray-80/30 flex flex-wrap gap-x-4 gap-y-2 border-t pt-6"
+                >
+                  {legalDocumentLinks.map((link) => (
+                    <Link
+                      key={link.link}
+                      className={legalDocLinkClass}
+                      variant="hover"
+                      href={link.link}
+                      size="s"
+                    >
+                      {link.title}
+                    </Link>
+                  ))}
+                </nav>
               </div>
-              <div
-                className={
-                  themeAwareContent
-                    ? 'text-xxs-base xs:text-xs-base text-gray-90 dark:text-gray-60 leading-relaxed'
-                    : 'text-xxs-base xs:text-xs-base text-gray-60 leading-relaxed'
-                }
-              >
-                <p className="m-0">
-                  Индивидуальный предприниматель Букшев Игорь Владимирович · ОГРНИП 326784700178496
-                  · ИНН 781102952900
-                </p>
-              </div>
-              <div className={bottomRowClass}>
-                <span className="2xl:w-[330px]">&copy; sovlium с 2025 года</span>
-                <span className="xs:order-1 2xl:w-[330px]">
-                  <Link
-                    className={emailLinkClass}
-                    target="_blank"
-                    variant="hover"
-                    href={`mailto:${email}`}
-                    size="s"
-                  >
-                    {email}
-                  </Link>
-                </span>
-                <span className="2xl:w-[330px]">Сделано с ♥ в России</span>
-              </div>
-              <nav
-                aria-label="Юридические документы"
-                className="border-gray-80/30 flex flex-wrap gap-x-4 gap-y-2 border-t pt-6"
-              >
-                {legalDocumentLinks.map((link) => (
-                  <Link
-                    key={link.link}
-                    className={legalDocLinkClass}
-                    variant="hover"
-                    href={link.link}
-                    size="s"
-                  >
-                    {link.title}
-                  </Link>
-                ))}
-              </nav>
             </div>
           </div>
         </footer>
diff --git a/packages/pkg.footer/MainPage/CallToActionForm.tsx b/packages/pkg.footer/MainPage/CallToActionForm.tsx
deleted file mode 100644
index 5974eb75..00000000
--- a/packages/pkg.footer/MainPage/CallToActionForm.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-/* eslint-disable no-irregular-whitespace */
-'use client';
-
-import React, { useState } from 'react';
-import { Button } from '@xipkg/button';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { Form, FormControl, FormField, FormItem, FormLabel, useForm } from '@xipkg/form';
-import { Input } from '@xipkg/input';
-import { Link } from '@xipkg/link';
-import * as z from 'zod';
-import { toast } from 'sonner';
-import { FormSchema } from './formSchema';
-
-type CallToActionFormPropsT = {
-  className?: string;
-};
-
-export const CallToActionForm = ({ className = '' }: CallToActionFormPropsT) => {
-  const [isButtonActive, setIsButtonActive] = useState(true);
-
-  // prettier-ignore
-  const form = useForm<z.infer<typeof FormSchema>>({
-    resolver: zodResolver(FormSchema),
-    defaultValues: {
-      name: '',
-      contact: '',
-    },
-  });
-
-  const {
-    control,
-    handleSubmit,
-    formState: { errors },
-  } = form;
-
-  // prettier-ignore
-  const onSubmit = async (data: z.infer<typeof FormSchema>) => {
-    setIsButtonActive(false);
-    const response = await fetch(
-      `${process.env.NEXT_PUBLIC_SERVER_URL_BACKEND}/api/public/user-service/demo-applications/`,
-      {
-        method: 'POST',
-        cache: 'no-cache',
-        credentials: 'include',
-        mode: 'cors',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          name: data.name,
-          contacts: [data.contact],
-        }),
-      },
-    );
-
-    if (response.ok) {
-      toast.success(
-        'Спасибо, что записались на тестирование! Мы свяжемся с вами в течение 24 часов и всë расскажем',
-        {
-          position: 'bottom-center',
-          duration: 10000,
-        },
-      );
-      setIsButtonActive(true);
-      form.reset();
-    } else {
-      console.error(`Ошибка HTTP: ${response.status}`);
-      toast(`Ошибка HTTP: ${response.status}`);
-      setIsButtonActive(true);
-    }
-  };
-
-  return (
-    <Form {...form}>
-      <form
-        onSubmit={handleSubmit(onSubmit)}
-        className={`flex flex-col justify-center gap-6 md:grow-0 md:gap-8 ${className}`}
-      >
-        <h3 className="text-xl-base sm:text-h5 md:text-h3 leading-[1.2] font-semibold text-gray-100 sm:!leading-[1.3] sm:font-medium md:leading-[1.05] md:font-bold">
-          Запись на тестирование
-        </h3>
-        <FormField
-          control={control}
-          name="name"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel className="sm:!text-m-base md:!text-l-base mb-2 block">
-                Как к вам обращаться?
-              </FormLabel>
-              <FormControl>
-                <Input
-                  error={!!errors?.name}
-                  type="text"
-                  {...field}
-                  className="rounded-2xl"
-                  placeholder="Анна"
-                />
-              </FormControl>
-            </FormItem>
-          )}
-        />
-        <FormField
-          control={control}
-          name="contact"
-          render={({ field }) => (
-            <FormItem className="relative">
-              <FormLabel className="sm:!text-m-base md:!text-l-base mb-2 block">
-                Телеграм или электронная почта
-              </FormLabel>
-              <FormControl>
-                <Input
-                  error={!!errors?.contact}
-                  type="text"
-                  {...field}
-                  className="rounded-2xl"
-                  placeholder="@ann"
-                />
-              </FormControl>
-            </FormItem>
-          )}
-        />
-        <div>
-          {isButtonActive ? (
-            <Button className="sm:!text-l-base md:!text-xl-base h-12 w-full rounded-2xl shadow-[0px_4px_4px_rgba(69,84,201,0.25)] md:h-14.5">
-              Записаться
-            </Button>
-          ) : (
-            <Button
-              variant="default-spinner"
-              className="sm:!text-l-base md:!text-xl-base h-12 w-full cursor-not-allowed rounded-2xl shadow-[0px_4px_4px_rgba(69,84,201,0.25)] md:h-14.5"
-            >
-              Записаться
-            </Button>
-          )}
-          <p className="text-gray-60 text-xxs-base md:text-xs-base mt-2 text-center">
-            Нажимая кнопку, вы даёте&nbsp; <br />
-            <Link
-              className="text-gray-60 !text-xxs-base md:!text-xs-base underline"
-              variant="hover"
-              target="_blank"
-              href="/legal/consent"
-            >
-              согласие на обработку персональных данных
-            </Link>
-          </p>
-        </div>
-      </form>
-    </Form>
-  );
-};
diff --git a/packages/pkg.footer/MainPage/MainPage.tsx b/packages/pkg.footer/MainPage/MainPage.tsx
deleted file mode 100644
index b5b45c44..00000000
--- a/packages/pkg.footer/MainPage/MainPage.tsx
+++ /dev/null
@@ -1,175 +0,0 @@
-/* eslint-disable no-irregular-whitespace */
-'use client';
-
-import { motion, useInView, useMotionValue, useSpring, useTransform } from 'motion/react';
-import { useRef } from 'react';
-import { Button } from '@xipkg/button';
-import { ArrowRight } from '@xipkg/icons';
-import { Link } from '@xipkg/link';
-import { Arrow, Formular, SmallStar, Star } from './icons';
-
-interface IconPosition {
-  top?: number | string;
-  left?: number | string;
-  bottom?: number | string;
-  right?: number | string;
-}
-
-export const MainPage = () => {
-  const ref = useRef<HTMLDivElement>(null);
-  const containerRef = useRef<HTMLDivElement>(null);
-  const isInView = useInView(ref, { once: true, margin: '-200px' });
-
-  // Motion values для параллакса
-  const mouseX = useMotionValue(0);
-  const mouseY = useMotionValue(0);
-  const springX = useSpring(mouseX, { stiffness: 50, damping: 20 });
-  const springY = useSpring(mouseY, { stiffness: 50, damping: 20 });
-
-  // Коэффициенты параллакса для каждой иконки (разные для разнообразия)
-  const parallaxFactors = [0.6, 0.9, 0.7, 1.0];
-
-  // Создаем трансформированные значения для каждой иконки
-  const icon1X = useTransform(springX, (value) => value * parallaxFactors[0]);
-  const icon1Y = useTransform(springY, (value) => value * parallaxFactors[0]);
-  const icon2X = useTransform(springX, (value) => value * parallaxFactors[1]);
-  const icon2Y = useTransform(springY, (value) => value * parallaxFactors[1]);
-  const icon3X = useTransform(springX, (value) => value * parallaxFactors[2]);
-  const icon3Y = useTransform(springY, (value) => value * parallaxFactors[2]);
-  const icon4X = useTransform(springX, (value) => value * parallaxFactors[3]);
-  const icon4Y = useTransform(springY, (value) => value * parallaxFactors[3]);
-
-  // Фиксированные позиции иконок согласно макету
-  // Star - верхний левый угол
-  // SmallStar - верхний правый угол
-  // Arrow - нижний левый квадрант
-  // Formular - нижний правый квадрант
-  const iconPositions: IconPosition[] = [
-    { top: 20, left: 20 }, // Star - верхний левый
-    { bottom: 40, left: 340 }, // Arrow - нижний левый
-    { top: 40, right: 180 }, // SmallStar - верхний правый
-    { bottom: 20, right: 20 }, // Formular - нижний правый
-  ];
-
-  // Обработчик движения мыши для параллакса
-  const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {
-    if (!ref.current) return;
-
-    const container = ref.current;
-    const rect = container.getBoundingClientRect();
-    const centerX = rect.left + rect.width / 2;
-    const centerY = rect.top + rect.height / 2;
-
-    // Вычисляем смещение относительно центра контейнера
-    const offsetX = (e.clientX - centerX) / rect.width;
-    const offsetY = (e.clientY - centerY) / rect.height;
-
-    // Ограничиваем смещение (параллакс не должен быть слишком сильным)
-    mouseX.set(offsetX * 120); // Максимальное смещение 120px
-    mouseY.set(offsetY * 80);
-  };
-
-  const handleMouseLeave = () => {
-    // Возвращаем иконки в исходное положение при уходе курсора
-    mouseX.set(0);
-    mouseY.set(0);
-  };
-
-  return (
-    <div
-      ref={ref}
-      id="become-tester"
-      className="xs:p-8 relative flex w-full flex-col items-center justify-between gap-4 p-4 pt-10 sm:items-baseline sm:gap-8 md:items-center lg:py-[128px] xl:gap-16 xl:px-24 2xl:px-[160px]"
-      onMouseMove={handleMouseMove}
-      onMouseLeave={handleMouseLeave}
-    >
-      <div
-        ref={containerRef}
-        className="pointer-events-none absolute inset-0 hidden overflow-hidden lg:block"
-      >
-        <>
-          <motion.div
-            className="pointer-events-none absolute"
-            style={{
-              top: iconPositions[0].top !== undefined ? `${iconPositions[0].top}px` : undefined,
-              left: iconPositions[0].left !== undefined ? `${iconPositions[0].left}px` : undefined,
-              x: icon1X,
-              y: icon1Y,
-            }}
-          >
-            <Star />
-          </motion.div>
-          <motion.div
-            className="pointer-events-none absolute"
-            style={{
-              bottom:
-                iconPositions[1].bottom !== undefined ? `${iconPositions[1].bottom}px` : undefined,
-              left: iconPositions[1].left !== undefined ? `${iconPositions[1].left}px` : undefined,
-              x: icon2X,
-              y: icon2Y,
-            }}
-          >
-            <Arrow />
-          </motion.div>
-          <motion.div
-            className="pointer-events-none absolute"
-            style={{
-              top: iconPositions[2].top !== undefined ? `${iconPositions[2].top}px` : undefined,
-              right:
-                iconPositions[2].right !== undefined ? `${iconPositions[2].right}px` : undefined,
-              x: icon3X,
-              y: icon3Y,
-            }}
-          >
-            <SmallStar />
-          </motion.div>
-          <motion.div
-            className="pointer-events-none absolute"
-            style={{
-              bottom:
-                iconPositions[3].bottom !== undefined ? `${iconPositions[3].bottom}px` : undefined,
-              right:
-                iconPositions[3].right !== undefined ? `${iconPositions[3].right}px` : undefined,
-              x: icon4X,
-              y: icon4Y,
-            }}
-          >
-            <Formular />
-          </motion.div>
-        </>
-      </div>
-      <motion.div
-        className="xs:gap-8 relative z-10 flex flex-col gap-4 md:gap-16"
-        initial={{ opacity: 0, y: 30 }}
-        animate={isInView ? { opacity: 1, y: 0 } : { opacity: 0, y: 30 }}
-        transition={{ duration: 0.8, ease: 'easeOut' }}
-      >
-        <motion.h3
-          className="text-gray-0 z-5 text-center text-[24px] leading-[1.2] font-semibold whitespace-pre-line sm:text-[36px] sm:font-medium md:text-[48px] md:leading-[1.05] md:font-semibold"
-          initial={{ opacity: 0, y: 20 }}
-          animate={isInView ? { opacity: 1, y: 0 } : { opacity: 0, y: 20 }}
-          transition={{ duration: 0.8, delay: 0.2, ease: 'easeOut' }}
-        >
-          Разложите всё по полочкам вместе с sovlium
-        </motion.h3>
-        <motion.div
-          className="text-gray-0 text-m-base xs:text-l-base sm:text-xl-base md:text-h3 z-5 flex w-full justify-center !leading-[1.3]"
-          initial={{ opacity: 0, y: 20 }}
-          animate={isInView ? { opacity: 1, y: 0 } : { opacity: 0, y: 20 }}
-          transition={{ duration: 0.8, delay: 0.4, ease: 'easeOut' }}
-        >
-          <Link className="w-full md:w-auto" href="https://app.sovlium.ru/signup">
-            <Button
-              variant="ghost"
-              className="text-brand-100 bg-brand-0 h-12 w-full rounded-2xl pr-3 pl-6 text-[16px] leading-[24px] md:h-16 md:w-auto md:text-[24px] md:leading-[32px]"
-              size="l"
-            >
-              Попробовать бесплатно
-              <ArrowRight className="fill-brand-100 ml-2 h-6 w-6 md:ml-4 md:h-8 md:w-8" />
-            </Button>
-          </Link>
-        </motion.div>
-      </motion.div>
-    </div>
-  );
-};
diff --git a/packages/pkg.footer/MainPage/formSchema.ts b/packages/pkg.footer/MainPage/formSchema.ts
deleted file mode 100644
index 50e40ef8..00000000
--- a/packages/pkg.footer/MainPage/formSchema.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import * as z from 'zod';
-
-export const FormSchema = z.object({
-  name: z.string().min(2),
-  contact: z.string().min(2),
-});
diff --git a/packages/pkg.footer/MainPage/icons/Arrow.tsx b/packages/pkg.footer/MainPage/icons/Arrow.tsx
deleted file mode 100644
index 5fe61f12..00000000
--- a/packages/pkg.footer/MainPage/icons/Arrow.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-
-export const Arrow = () => (
-  <svg width="210" height="96" viewBox="0 0 210 96" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M95.8147 46.9549L95.81 47.0038C94.3313 46.8623 92.8406 46.7991 91.3762 46.5658C81.8171 45.0451 73.3882 41.342 67.2293 33.5761C62.6109 27.7522 60.0335 21.2711 61.262 13.6256C61.6053 11.5011 62.6775 10.5072 64.6232 9.97525C69.684 8.5855 74.3533 9.72771 78.818 12.0912C84.5361 15.1229 88.9064 19.6767 92.7145 24.7898C97.3536 31.0186 100.683 37.8796 102.557 45.4455C103 47.2286 102.426 47.6251 100.827 47.4419C99.1617 47.2496 97.4856 47.1148 95.8147 46.9549ZM192.297 36.0085C184.349 48.8434 173.814 59.4158 168.756 73.409C170.447 73.3068 171.109 72.0177 171.477 70.9629C172.262 68.7062 173.62 66.8525 175.022 65.0312C182.434 55.3989 189.331 45.3929 196.536 35.6073C197.822 33.8564 199.342 32.4887 201.318 31.5009C204.306 30.0069 206.854 27.9116 208.526 24.954C209.596 23.0534 209.382 22.6145 207.29 22.0588C206.353 21.8102 206.867 21.2882 206.961 20.8714C207.597 18.0202 207.591 17.9238 204.631 17.7784C196.131 17.3579 187.906 15.1298 179.512 14.0487C171.812 13.0541 164.201 11.4979 156.49 10.6055C153.722 10.2867 150.941 10.2874 148.168 10.604C147.19 10.7169 146.238 10.8497 145.819 11.9683C145.345 13.2304 146.186 13.9167 146.953 14.5931C148.775 16.2067 150.957 17.2451 153.246 17.9394C164.854 21.4616 176.045 26.4553 188.243 27.9086C188.352 27.9209 188.446 28.0332 188.693 28.1948C187.768 28.9999 186.623 29.2009 185.598 29.599C167.611 36.6166 149.297 42.4972 130.13 45.3851C124.246 46.2704 118.35 47.0154 112.396 47.2388C111.482 47.271 110.974 47.2389 110.965 46.0848C110.859 32.9516 105.295 22.0191 97.0744 12.2055C93.7274 8.21106 89.8881 4.76252 85.2116 2.35684C77.4542 -1.63205 69.7388 -0.524678 63.3861 5.42615C60.5358 8.09652 57.9982 11.0371 56.1143 14.4515C51.2679 23.2374 52.7815 31.7045 57.9133 39.7349C63.9045 49.1103 72.8833 54.0841 83.5773 56.2981C89.4977 57.5226 95.4949 57.954 101.523 57.8383C103.041 57.8082 103.295 58.3094 103.042 59.6137C101.986 65.0847 99.7609 69.9173 95.6026 73.7701C86.1106 82.5619 74.6982 86.9083 61.9971 88.2001C48.5626 89.5651 36.0838 86.1158 24.0993 80.4075C18.5348 77.7578 13.2545 74.6346 8.76916 70.3275C7.12775 68.7505 5.66374 67.0406 4.61552 65.0013C4.26013 64.3076 4.02641 63.7096 5.03879 63.3414C5.48984 63.1789 6.18748 62.9158 5.80962 62.2848C5.46007 61.7022 4.67321 61.8745 4.20758 62.1416C1.43266 63.7281 -0.709612 65.7499 0.220527 69.4628C1.08517 72.9136 3.22056 75.5622 5.77116 77.9353C9.78442 81.6691 14.4422 84.4421 19.2661 86.9716C31.078 93.1641 43.5476 96.7669 56.9676 95.5248C81.1899 93.2815 98.12 80.5533 108.474 58.8242C109.209 57.2891 110.304 57.6142 111.335 57.5419C120.767 56.8776 130.12 55.7021 139.367 53.6914C155.344 50.2104 170.664 44.7057 185.789 38.602C187.806 37.7872 189.831 36.9887 192.297 36.0085Z"
-      fill="#C5CAEE"
-      fillOpacity="0.2"
-    />
-  </svg>
-);
diff --git a/packages/pkg.footer/MainPage/icons/Formular.tsx b/packages/pkg.footer/MainPage/icons/Formular.tsx
deleted file mode 100644
index fadb3201..00000000
--- a/packages/pkg.footer/MainPage/icons/Formular.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-
-export const Formular = () => (
-  <svg
-    width="214"
-    height="144"
-    viewBox="0 0 214 144"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M57.6583 112.677C58.1788 113.586 69.3582 128.611 70.7065 121.685C71.0578 119.879 59.6045 104.593 57.5318 100.847C55.6581 97.4672 35.3205 60.1875 32.1343 62.514C28.3399 65.2391 44.9949 88.3537 46.958 91.8133C42.5951 93.4655 32.1288 100.943 27.527 99.5017C22.6784 97.9834 19.5681 90.2561 17.3751 86.2972C16.2879 84.3349 15.232 82.3201 13.9719 80.4581C12.2265 77.8748 5.57725 76.562 8.3915 80.9009C14.0879 89.8361 20.037 98.5463 25.6186 107.551C29.5702 113.928 33.0633 119.969 35.461 127.031C35.7456 127.865 41.2561 142.403 43.7697 138.283C47.9621 131.429 32.0884 108.484 29.1338 104.143C35.9465 102.063 43.3266 99.9494 49.0722 95.6457C52.1369 101.226 54.4956 107.147 57.6583 112.677Z"
-      fill="#C5CAEE"
-      fillOpacity="0.2"
-    />
-    <path
-      d="M91.8711 100.455C93.7637 100.5 102.892 97.2211 97.6379 95.9292C94.3453 95.1216 90.6812 96.1051 87.3983 96.5246C87.1331 92.9164 78.5516 64.483 71.1624 77.7838C69.8998 80.054 69.1909 89.4113 73.7842 88.8583C78.4975 88.2486 72.7129 79.5486 75.9286 79.2553C79.2776 78.951 83.7648 94.8932 82.2506 97.6831C81.2504 99.5242 75.5617 110.187 83.4359 107.966C88.3855 106.565 85.5017 100.297 91.8711 100.455Z"
-      fill="#C5CAEE"
-      fillOpacity="0.2"
-    />
-    <path
-      d="M137.673 29.3557C134.717 17.7851 144.969 15.7698 152.241 23.1431C158.379 29.2602 162.697 39.3454 163.476 47.7888C164.298 56.6929 155.817 65.9671 148.637 56.2823C143.376 49.1835 139.832 37.8043 137.673 29.3557ZM144.199 56.1937C151.251 66.1438 164.5 68.778 167.139 53.6866C169.35 41.0361 147.228 -3.21367 133.656 18.9932C127.582 28.8047 138.323 47.9066 144.199 56.1937Z"
-      fill="#C5CAEE"
-      fillOpacity="0.2"
-    />
-    <path
-      d="M192.639 23.1747C192.757 23.1629 193.318 23.0918 192.639 23.1747C189.395 23.5836 190.671 28.545 191.053 30.4005C192.547 37.7137 191.689 38.223 184.064 40.7318C184.092 32.8647 175.913 13.1917 178.111 31.5898C179.629 44.2674 180.522 47.5357 193.278 41.8317C193.798 43.7636 195.217 55.7054 199.639 53.3536C202.135 52.0229 199.188 45.634 198.758 43.5896C198.065 40.2974 195.771 22.8005 192.639 23.1747Z"
-      fill="#C5CAEE"
-      fillOpacity="0.2"
-    />
-    <path
-      d="M131.555 71.1826C127.127 78.3756 121.709 78.6816 114.146 76.8062C107.73 75.2196 113.077 82.2412 118.521 82.7054C124.961 83.2528 130.608 79.846 134.358 74.944C140.74 66.5797 140.831 58.3025 129.636 55.5724C122.797 53.9021 112.508 54.6138 107.035 49.6621C103.107 46.1076 106.702 42.0685 110.42 40.0574C112.832 38.7539 122.469 41.7624 120.671 37.2995C121.147 38.4759 121.425 39.164 120.671 37.2995C117.032 28.2871 101.663 38.9435 100.635 45.1251C99.2758 53.0281 107.391 55.4591 113.753 56.647C119.154 57.6538 129.382 57.4108 132.9 62.3929C134.83 65.1237 133.08 68.7094 131.555 71.1826Z"
-      fill="#C5CAEE"
-      fillOpacity="0.2"
-    />
-  </svg>
-);
diff --git a/packages/pkg.footer/MainPage/icons/SmallStar.tsx b/packages/pkg.footer/MainPage/icons/SmallStar.tsx
deleted file mode 100644
index 871ef739..00000000
--- a/packages/pkg.footer/MainPage/icons/SmallStar.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-
-export const SmallStar = () => (
-  <svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M76.415 41.5349C78.4416 42.8416 79.6683 44.8015 79.2016 47.3749C78.735 49.9615 76.9083 51.3482 74.5749 51.9349C72.3483 52.4816 70.0549 52.6949 67.7749 52.9882C62.9749 53.6016 58.1616 54.1749 52.9083 54.8282C52.0949 58.9349 51.3483 62.8282 50.5216 66.7082C49.9349 69.5082 49.3349 72.3215 48.5749 75.0815C47.8416 77.6949 46.3883 79.8282 43.4283 80.2016C40.415 80.5749 38.5616 78.7882 37.3216 76.3349C35.6416 73.0149 34.1483 69.5882 32.4549 66.2549C31.1883 63.7349 29.7216 61.3215 28.215 58.6415C22.4816 59.3082 17.1083 59.9749 11.7216 60.5482C9.73494 60.7615 7.69494 61.0415 5.7216 60.8282C0.601604 60.3082 -1.62504 55.6549 1.30829 51.4282C3.09496 48.8549 5.34829 46.5882 7.44162 44.2149C8.57496 42.9215 9.78828 41.7082 10.9616 40.4415C12.1083 39.1882 13.255 37.9216 14.6683 36.3882C14.0416 34.4816 13.575 32.5749 12.8016 30.8149C10.695 26.0949 8.4283 21.4415 6.28163 16.7482C5.1483 14.2415 4.89496 11.7482 6.97496 9.54819C9.04163 7.34819 11.6816 7.36153 14.1616 8.28152C16.8149 9.28152 19.3083 10.7616 21.8283 12.1349C25.0683 13.9082 28.2683 15.7882 31.495 17.6149C38.295 14.1215 43.535 9.22823 49.0683 4.72156C50.6283 3.4549 52.0283 1.97488 53.7083 0.908218C57.2549 -1.34512 61.575 0.801559 61.895 5.05489C62.0683 7.30823 61.7483 9.64153 61.3083 11.8815C60.1483 17.7615 58.7883 23.6015 57.4816 29.5749C60.0683 32.6415 63.6283 33.9615 66.7883 35.8282C69.9883 37.7349 73.2816 39.5082 76.415 41.5349Z"
-      fill="#C5CAEE"
-      fillOpacity="0.2"
-    />
-  </svg>
-);
diff --git a/packages/pkg.footer/MainPage/icons/Star.tsx b/packages/pkg.footer/MainPage/icons/Star.tsx
deleted file mode 100644
index b2f8c430..00000000
--- a/packages/pkg.footer/MainPage/icons/Star.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-
-export const Star = () => (
-  <svg
-    width="186"
-    height="184"
-    viewBox="0 0 186 184"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M179.232 95.2318C183.985 98.2277 186.863 102.722 185.768 108.622C184.673 114.552 180.389 117.732 174.916 119.077C169.693 120.33 164.314 120.819 158.967 121.492C147.708 122.898 136.418 124.213 124.097 125.711C122.189 135.126 120.438 144.053 118.499 152.949C117.123 159.369 115.715 165.819 113.933 172.147C112.213 178.139 108.804 183.031 101.861 183.887C94.7936 184.743 90.4465 180.646 87.5381 175.021C83.5976 167.409 80.095 159.552 76.1233 151.91C73.1523 146.132 69.7123 140.599 66.1784 134.454C52.7308 135.982 40.1276 137.511 27.4931 138.825C22.8334 139.315 18.0485 139.957 13.4201 139.467C1.41107 138.275 -3.81155 127.606 3.06861 117.915C7.25924 112.015 12.5445 106.818 17.4544 101.376C20.1126 98.411 22.9585 95.6291 25.7105 92.7249C28.4001 89.8513 31.0896 86.9471 34.4046 83.4315C32.9347 79.0599 31.8401 74.6882 30.0263 70.6528C25.0851 59.8308 19.7686 49.1617 14.7336 38.4008C12.0754 32.6535 11.4812 26.9368 16.3598 21.8926C21.2072 16.8484 27.3993 16.879 33.2162 18.9884C39.4396 21.2812 45.2878 24.6747 51.1985 27.8235C58.7979 31.8894 66.3035 36.1997 73.8717 40.3879C89.8211 32.3784 102.112 21.159 115.09 10.8261C118.749 7.92191 122.033 4.52853 125.973 2.08289C134.292 -3.08356 144.425 1.83835 145.175 11.5904C145.582 16.7568 144.831 22.1066 143.799 27.2425C141.078 40.7242 137.888 54.1142 134.824 67.8098C140.891 74.8411 149.241 77.8675 156.652 82.1474C164.158 86.5191 171.883 90.585 179.232 95.2318Z"
-      fill="#C5CAEE"
-      fillOpacity="0.2"
-    />
-  </svg>
-);
diff --git a/packages/pkg.footer/MainPage/icons/index.ts b/packages/pkg.footer/MainPage/icons/index.ts
deleted file mode 100644
index d0224762..00000000
--- a/packages/pkg.footer/MainPage/icons/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './Arrow';
-export * from './SmallStar';
-export * from './Star';
-export * from './Formular';
diff --git a/packages/pkg.footer/MainPage/index.ts b/packages/pkg.footer/MainPage/index.ts
deleted file mode 100644
index e71de313..00000000
--- a/packages/pkg.footer/MainPage/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './MainPage';
diff --git a/packages/pkg.footer/package.json b/packages/pkg.footer/package.json
index 3924abdc..aa9cfa52 100644
--- a/packages/pkg.footer/package.json
+++ b/packages/pkg.footer/package.json
@@ -10,7 +10,7 @@
     "lint": "eslint \"**/*.ts*\""
   },
   "dependencies": {
-    "@xipkg/icons": "2.7.2",
+    "@xipkg/icons": "3.0.15",
     "@xipkg/button": "3.1.8",
     "@xipkg/link": "2.0.12",
     "@xipkg/tailwind": "^0.8.1",