gosha forms personalization

public/banner_arr_btn.svg.svg

@@ -8,3 +8,4 @@
 </clipPath>
 </defs>
 </svg>
+

src/components/pages/order/emailInput.tsx

@@ -21,7 +21,10 @@ const EmailInput = ({control, errors} : InputPropsType) => {
                     "inputWrapper": "h-[65px]",
                     "label": "group[data-filled-within=true] group-data-[filled-within=true]:-translate-y-[60px] group-data-[filled-within=true]:text-[#8F8F8F]"
                 }}
-                variant={"bordered"} label={"E-mail"} type={"email"} isRequired
+                variant={"bordered"}
+                label={"E-mail"}
+                type={"email"}
+                isRequired
                 labelPlacement={"outside"} {...field}
                 isInvalid={!!errors.email}
                 errorMessage={errors.email && errors.email.message}

src/components/pages/order/phoneInput.tsx

@@ -39,7 +39,7 @@ const normalizeInput = (value: string, previousValue: string) => {
     return ""
 };
 
-const PhoneInput = ({control, errors, watch, setValue} : InputPropsType) => {
+const PhoneInput = ({control, errors, watch, setValue}: InputPropsType) => {
 
     const [phoneNumberPrev, setPhoneNumberPrev] = useState("")
     const phoneNumberCur = watch("phoneNumber")

src/pages/order/make.tsx

@@ -166,7 +166,10 @@ const MakeOrder = () => {
 
                 </form>
 
-                <Modal isOpen={modalVisible} size={'4xl'}>
+                <Modal
+                    isOpen={modalVisible}
+                    size={'4xl'}
+                >
                     <ModalContent className={"text-[#151515]"}>
                         <ModalBody>
                             <div className="flex items-center flex-col p-7">

src/pages/personalization.tsx

@@ -4,6 +4,7 @@ import { Img } from "react-image"
 import {Input} from "@nextui-org/input";
 import Link from "next/link";
 import FormPersonalization from "@/components/reusable/formPersonalization";
+import FormCustomization from "@/components/reusable/formCustomization";
 
 
 const Mission = () => {
@@ -30,6 +31,9 @@ const Mission = () => {
                 <h2>Кастомизация</h2>
                 <p>(от англ. to customize — «настроить») — это индивидуализация продукции под заказ конкретного потребителя при помощи конструктивных доработок или настроек.</p>
             </section>
+            <section>
+                <FormCustomization/>
+            </section>
 
         </div>