fixes text-gradient-none classes + Heading2 wrapper styling

src/app/page.tsx

@@ -94,9 +94,7 @@ export default function App() {
               Интерактивный инструмент
               <br />
               продаж{" "}
-              <span style={{ WebkitTextFillColor: "#fff" }}>
-                для застройщиков
-              </span>
+              <span className="text-gradient-none">для застройщиков</span>
             </h1>
             <p className="xl:text-xl text-base font-gilroy max-w-[650px] font-medium leading-[120%]">
               Помогаем девелоперам эффективно демонстрировать свой объект.
@@ -158,7 +156,7 @@ export default function App() {
             <Heading2>
               Продавайте недвижимость
               <br />
-              <span style={{ WebkitTextFillColor: "#fff" }}>
+              <span className="text-gradient-none">
                 проще и{" "}
                 <span className="relative">
                   <span style={{ WebkitTextFillColor: "#52587A" }}>
@@ -288,9 +286,7 @@ export default function App() {
                 <Heading2>
                   Функциональные
                   <br />
-                  <span style={{ WebkitTextFillColor: "#fff" }}>
-                    возможности
-                  </span>
+                  <span className="text-gradient-none">возможности</span>
                 </Heading2>
                 <p className="xl:w-2/3 xl:text-base text-sm">
                   Интерактивная презентация увлекает покупателей и предоставляет
@@ -375,7 +371,7 @@ export default function App() {
                 <Heading2>
                   Graff.estate stream —
                   <br />
-                  <span style={{ WebkitTextFillColor: "#fff" }}>
+                  <span className="text-gradient-none">
                     удаленная
                     <br />
                     демонстрация
@@ -450,7 +446,7 @@ export default function App() {
                 <Heading2>
                   Анализируем
                   <br />
-                  <span style={{ WebkitTextFillColor: "#fff" }}>
+                  <span className="text-gradient-none">
                     поведение
                     <br />
                     пользователей
@@ -488,7 +484,7 @@ export default function App() {
                 <Heading2>
                   Экскурсия
                   <br />
-                  <span style={{ WebkitTextFillColor: "#fff" }}>
+                  <span className="text-gradient-none">
                     в виртуальной
                     <br />
                     реальности
@@ -567,9 +563,7 @@ export default function App() {
                 Оцените эффективность <br className="xl:hidden block" />
                 интерактивного
                 <br />
-                <span style={{ WebkitTextFillColor: "#fff" }}>
-                  инструмента продаж
-                </span>
+                <span className="text-gradient-none">инструмента продаж</span>
               </Heading2>
               <div className="grid sm:grid-cols-2 xl:gap-4 sm:gap-3 gap-2">
                 <p className="xl:w-2/3 2xl:text-base text-sm">
@@ -622,9 +616,7 @@ export default function App() {
           <div className="relative flex flex-col 2xl:gap-16 xl:gap-10 gap-8 2xl:mb-[200px] sm:mb-[120px] mb-20">
             <Heading2>
               Наши клиенты{" "}
-              <span style={{ WebkitTextFillColor: "#fff" }}>
-                в девелопменте
-              </span>
+              <span className="text-gradient-none">в девелопменте</span>
             </Heading2>
             <img
               src="/images/clients-logos.png"

src/components/Winners.tsx

@@ -1,5 +1,5 @@
-import Image from "next/image";
 import InsertArrowIcon from "./icons/InsertArrowIcon";
+import Heading2 from "./Headings/Heading2";
 
 const Winners = () => {
   return (
@@ -9,12 +9,15 @@ const Winners = () => {
       </div>
       <div className="flex flex-col sm:w-1/2 sm:justify-between justify-center gap-4 2xl: xl:p-[72px] sm:p-7 py-5 px-8">
         <div>
-          <h2 className="2xl:text-[64px] 2xl:leading-[64px] xl:text-5xl xl:leading-[48px] text-[40px] leading-10 xl:mb-8 sm:mb-6 mb-4">
-            <p className="from-[#798FFF] to-[#D375FF] bg-gradient-to-r bg-clip-text text-transparent">
-              Победители <br /> BuildUP 2023
-            </p>
-            в номинации IT
-          </h2>
+          {/* <p className="2xl:text-[64px] 2xl:leading-[64px] xl:text-5xl xl:leading-[48px] text-[40px] leading-10 xl:mb-8 sm:mb-6 mb-4"> */}
+          <Heading2 className="xl:mb-8 sm:mb-6 mb-4">
+            <span className="">Победители</span>
+            <br />
+            <span>BuildUP 2023</span>
+            <br />
+            <span className="text-gradient-none"> в номинации IT</span>
+          </Heading2>
+          {/* </p> */}
           <p className="font-semibold 2xl:text-xl 2xl:leading-6 text-sm leading-[19.2px] 2xl:max-w-[448px] xl:max-w-[395px] sm:max-w-[311px] max-w-[288px] text-wrap">
             В 2023 году наш продукт для застройщиков graff.estate был признан
             лучшим в категории IT на Акселераторе технологических стартапов от