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
</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

29
src/pages/support.tsx
View File

@ -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® ООО «ТД Технохим Групп»"
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/>
@ -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>
)
}