hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive page about-us & contact-us & item clinic

Browse Source
This commit is contained in:
Ehsan
2024-08-21 21:45:45 +03:30
parent dfd7360be5
commit c62fb78f8c
14 changed files with 98 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/contactUs/Connect.js
+12 -7
View File
@@ -1,12 +1,13 @@
import Field from "@/app/component/Field"
import { Button } from "@mui/material"
import ArrowLeftC from "../icons/ArrowLeftC"
import ArrowLeftC from "../icons/ArrowLeftC";
import { Button } from "@mui/material";
import FieldLabel from "./FieldLabel";
import Field from "@/app/component/Field";
function Connect() {
return (
<div
className="lg:min-w-[calc(50%_+_70px)] w-full lg:translate-x-[140px] bg-[#FFF] lg:p-[32px]
shadow-[0px_0px_28.6px_0px_rgba(147,_147,_147,_0.25)] mt-8 p-[16px] sm:p-[21px] md:p-[27px]"
shadow-[0px_0px_28.6px_0px_rgba(147,_147,_147,_0.25)] mt-[16px] lg:mt-0 p-[16px] sm:p-[21px] md:p-[27px]"
>
<div data-aos="zoom-in">
<div className="flex flex-col justify-center items-center gap-[10px]">
@@ -14,9 +15,13 @@ function Connect() {
<p className="text-[#525252] text-[14px] font-normal">نظرات و پیشنهادات خود را با ما در میان بگذارید.</p>
</div>
<div className="mt-[40px] flex flex-col gap-[20px]">
<div className="flex flex-col sm:flex-row items-center justify-center gap-4">
<Field title='نام و نام خانوادگی' type='text' />
<Field title='شماره موبایل' type='text' />
<div className="flex flex-col sm:flex-row items-center justify-center gap-[24px] sm:gap-[21px] md:gap-18px] lg:gap-[16px]">
<FieldLabel title='نام و نام خانوادگی'>
<Field title='احسان احمدی' type='text' />
</FieldLabel>
<FieldLabel title='شماره موبایل'>
<Field title='09121056987' type='text' />
</FieldLabel>
</div>
<div>
<Field title='پیام شما...' type='text' multiline={true} />