From a38141d5a0255f71ef673df4b8542b692a574809 Mon Sep 17 00:00:00 2001
From: WindFall <sigalevegor@gmail.com>
Date: Wed, 15 May 2024 10:04:21 +0300
Subject: [PATCH] supp

---
 src/components/reusable/accordSupport.tsx |  2 +-
 src/pages/support.tsx                     | 33 ++++++++++++++---------
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/components/reusable/accordSupport.tsx b/src/components/reusable/accordSupport.tsx
index 5aabf58..66e66a9 100644
--- a/src/components/reusable/accordSupport.tsx
+++ b/src/components/reusable/accordSupport.tsx
@@ -21,7 +21,7 @@ const AccordSupp = () => {
                 daassdad
             </AccordionItem>
             <AccordionItem key="2" aria-label="Accordion 2" title="Accordion 2" indicator={({ isOpen})=> (isOpen ? <Minus /> : <Plus/>)}>
-                daaAsdasdaaaaaaaaaaaaaa
+                daaAsdasdaaaaaaaaaaaaa
             </AccordionItem>
             <AccordionItem key="3" aria-label="Accordion 3" title="Accordion 3" indicator={({ isOpen})=> (isOpen ? <Minus /> : <Plus/>)}>
                 daaAsdasdaaaaaaaaaaaaaa
diff --git a/src/pages/support.tsx b/src/pages/support.tsx
index 38299f8..95a9947 100644
--- a/src/pages/support.tsx
+++ b/src/pages/support.tsx
@@ -2,17 +2,22 @@ import Wrapper from "@/components/reusable/wrapper"
 import LinkSupport from "@/components/reusable/linkSupport";
 import FormSupport from "@/components/reusable/formSupport";
 import AccordSupp from "@/components/reusable/accordSupport";
-import {Button} from "@nextui-org/react";
+import {Button, Link} from "@nextui-org/react";
 import ChevronBannerIcon from "../../public/banner_arr_btn.svg.svg";
 
 const Support = () => {
-    return (<Wrapper  title="Поддержка продукции Relynolli® ООО «ТД Технохим Групп»"
-                     breadcrumbs={[{ name: "Поддержка и рекламация", link: "/personalization" }]}>
+    return (
+        <Wrapper title="Поддержка продукции Relynolli® ООО «ТД Технохим Групп»"
+                 breadcrumbs={[{name: "Поддержка и рекламация", link: "/personalization"}]}>
 
-            <div className="content text-base [&_h2]:text-2xl [&_section]:mb-10 [&_h2]:xl:text-4xl [&_h2]:font-bold [&_p]:xl:text-xl [&_p]:mb-9 [&_ul>li]:xl:text-xl [&_ul]:list-disc [&_li]:mb-2 bg-white">
+            <div
+                className="content text-base [&_h2]:text-2xl [&_section]:mb-10 [&_h2]:xl:text-4xl [&_h2]:font-bold [&_p]:xl:text-xl [&_p]:mb-9 [&_ul>li]:xl:text-xl [&_ul]:list-disc [&_li]:mb-2 bg-white">
                 <section>
-                    <p>Мы всегда готовы ответить на вопросы, связанные с качеством выпускаемых смазочных материалов. Если у Вас возникли вопросы, то вы можете обратиться в службу технической поддержки компании ООО «ТД Технохим Групп»</p>
-                    <div className="grid gap-4 xl:grid-cols-3 lg:grid-cols-2 sm:grid-cols-1 h-auto [&>*]:h-[70px] [&_span]:text-sm [&_span]:md:text-base [&_span]:leading-[110%]">
+                    <p>Мы всегда готовы ответить на вопросы, связанные с качеством выпускаемых смазочных материалов.
+                        Если у Вас возникли вопросы, то вы можете обратиться в службу технической поддержки компании ООО
+                        «ТД Технохим Групп»</p>
+                    <div
+                        className="grid gap-4 xl:grid-cols-3 lg:grid-cols-2 sm:grid-cols-1 h-auto [&>*]:h-[70px] [&_span]:text-sm [&_span]:md:text-base [&_span]:leading-[110%]">
                         <LinkSupport/>
                         <LinkSupport/>
                         <LinkSupport/>
@@ -26,7 +31,7 @@ const Support = () => {
                     <h2 className="mb-10">Важно</h2>
                     <ul className="list-disc list-inside">
                         <li>Данные о партии и сроке хранения продукции смотрите на этикетке канистры.</li>
-                        <li>Перед началом работы следует внимательно ознакомиться с инструкцией по эксплуатации. </li>
+                        <li>Перед началом работы следует внимательно ознакомиться с инструкцией по эксплуатации.</li>
                         <li>Все условия гарантии соответствуют действующему законодательству РФ.</li>
                     </ul>
                 </section>
@@ -40,18 +45,22 @@ const Support = () => {
                     <AccordSupp/>
                 </section>
             </div>
-            <div className="bg-black-4 w-full flex flex-wrap justify-center">
-                <div className="bg-black bg-opacity-20 flex flex-wrap flex-col justify-center text-white">
-                    <h2 className="text-4xl">У вас остались вопросы?</h2>
+            <section className="bg-gradient-to-t from-green-1 to-black w-full flex flex-wrap justify-center lg:p-24 rounded-[30px]">
+                <div className="bg-black bg-opacity-20 flex flex-wrap flex-col justify-center text-white p-7 rounded-[30px] lg:p-16 pb-20 pt-20 gap-5">
+                    <h2 className="text-3xl">У вас остались вопросы?</h2>
                     <p>Вы можете обратиться в службу технической поддержки компании ООО «ТД Технохим Групп» и мы ответим
                         на все Ваши вопросы!</p>
                     <Button className="text-black text-xl font-extrabold h-[70px] uppercase gap-5 "
-                            color={"primary"} endContent={<ChevronBannerIcon className={"stroke-[3px] stroke-black"}/>}>
+                            color={"primary"}
+                            href={""}
+                            as={Link}
+                            endContent={<ChevronBannerIcon className={"stroke-[3px] stroke-black"}/>}>
                         <i>Задать вопрос</i>
                     </Button>
                 </div>
-            </div>
+            </section>
         </Wrapper>
+
     )
 }