ernestlitvinenko
/
relynolli-client
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

supp

features/layout-changes
WindFall 2024-05-15 10:04:21 +03:00
parent e7d5a3b8a7
commit a38141d5a0
2 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/reusable/accordSupport.tsx
View File

@ -21,7 +21,7 @@ const AccordSupp = () => {
daassdad daassdad
</AccordionItem> </AccordionItem>
<AccordionItem key="2" aria-label="Accordion 2" title="Accordion 2" indicator={({ isOpen})=> (isOpen ? <Minus /> : <Plus/>)}> <AccordionItem key="2" aria-label="Accordion 2" title="Accordion 2" indicator={({ isOpen})=> (isOpen ? <Minus /> : <Plus/>)}>
daaAsdasdaaaaaaaaaaaaaa daaAsdasdaaaaaaaaaaaaa
</AccordionItem> </AccordionItem>
<AccordionItem key="3" aria-label="Accordion 3" title="Accordion 3" indicator={({ isOpen})=> (isOpen ? <Minus /> : <Plus/>)}> <AccordionItem key="3" aria-label="Accordion 3" title="Accordion 3" indicator={({ isOpen})=> (isOpen ? <Minus /> : <Plus/>)}>
daaAsdasdaaaaaaaaaaaaaa daaAsdasdaaaaaaaaaaaaaa

33
src/pages/support.tsx
View File

@ -2,17 +2,22 @@ import Wrapper from "@/components/reusable/wrapper"
import LinkSupport from "@/components/reusable/linkSupport"; import LinkSupport from "@/components/reusable/linkSupport";
import FormSupport from "@/components/reusable/formSupport"; import FormSupport from "@/components/reusable/formSupport";
import AccordSupp from "@/components/reusable/accordSupport"; 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"; import ChevronBannerIcon from "../../public/banner_arr_btn.svg.svg";
const Support = () => { const Support = () => {
return (<Wrapper title="Поддержка продукции Relynolli® ООО «ТД Технохим Групп»" return (
breadcrumbs={[{ name: "Поддержка и рекламация", link: "/personalization" }]}> <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> <section>
<p>Мы всегда готовы ответить на вопросы, связанные с качеством выпускаемых смазочных материалов. Если у Вас возникли вопросы, то вы можете обратиться в службу технической поддержки компании ООО «ТД Технохим Групп»</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>
<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/> <LinkSupport/>
<LinkSupport/> <LinkSupport/>
@ -26,7 +31,7 @@ const Support = () => {
<h2 className="mb-10">Важно</h2> <h2 className="mb-10">Важно</h2>
<ul className="list-disc list-inside"> <ul className="list-disc list-inside">
<li>Данные о партии и сроке хранения продукции смотрите на этикетке канистры.</li> <li>Данные о партии и сроке хранения продукции смотрите на этикетке канистры.</li>
<li>Перед началом работы следует внимательно ознакомиться с инструкцией по эксплуатации. </li> <li>Перед началом работы следует внимательно ознакомиться с инструкцией по эксплуатации.</li>
<li>Все условия гарантии соответствуют действующему законодательству РФ.</li> <li>Все условия гарантии соответствуют действующему законодательству РФ.</li>
</ul> </ul>
</section> </section>
@ -40,18 +45,22 @@ const Support = () => {
<AccordSupp/> <AccordSupp/>
</section> </section>
</div> </div>
<div className="bg-black-4 w-full flex flex-wrap justify-center"> <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"> <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-4xl">У вас остались вопросы?</h2> <h2 className="text-3xl">У вас остались вопросы?</h2>
<p>Вы можете обратиться в службу технической поддержки компании ООО «ТД Технохим Групп» и мы ответим <p>Вы можете обратиться в службу технической поддержки компании ООО «ТД Технохим Групп» и мы ответим
на все Ваши вопросы!</p> на все Ваши вопросы!</p>
<Button className="text-black text-xl font-extrabold h-[70px] uppercase gap-5 " <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> <i>Задать вопрос</i>
</Button> </Button>
</div> </div>
</div> </section>
</Wrapper> </Wrapper>
) )
} }