diff --git a/src/app/[locale]/contacts/page.tsx b/src/app/[locale]/contacts/page.tsx index 27f0772..547f929 100644 --- a/src/app/[locale]/contacts/page.tsx +++ b/src/app/[locale]/contacts/page.tsx @@ -1,14 +1,16 @@ import { Container, Title } from "@/shared/ui"; -import Img from "./assets/Container (1).png"; -import Image from "next/image"; + // import ContactForm from "@/widgets/forms/ContactForm"; export default function Contacts() { return (
- - map -
+ + +
<p className="text-grey-text"> @@ -25,6 +27,104 @@ export default function Contacts() { </div> </section> {/* <ContactForm /> */} + <form className="w-[480px] my-0 mx-auto"> + <div className="flex items-center flex-col mt-[96px] mb-[96px]"> + <h1 className="text-gray-900 text-[36px]">Мы на связи</h1> + <div className="flex flex-col items-center gap-6 mt-[64px]"> + <div className="flex gap-8 w-full"> + <div className="w-[224px] flex flex-col"> + <label htmlFor="firstName" className="mb-[6px]"> + Имя + </label> + <input + type="text" + name="firstName" + className="w-full h-[48px] bg-white py-3 px-4 rounded-md shadow-sm border border-gray" + placeholder="Имя" + id="firstName" + required + /> + </div> + <div className="w-[224px] flex flex-col"> + <label htmlFor="lastName" className="mb-[6px]"> + Фамилия + </label> + <input + type="text" + name="lastName" + className="w-full h-[48px] bg-white py-3 px-4 rounded-md shadow-sm border border-gray" + placeholder="Фамилия" + id="lastName" + required + /> + </div> + </div> + <div className="w-full"> + <label htmlFor="email" className="mb-[6px]"> + Email + </label> + <input + type="text" + name="email" + placeholder="user@gmail.com" + className="w-full h-[48px] bg-white py-3 px-4 rounded-md shadow-sm border border-gray" + id="email" + /> + </div> + + <div className="w-full"> + <label htmlFor="phoneNumber" className="mb-[6px]"> + Номер телефона + </label> + <input + type="text" + name="phoneNumber" + className="w-full h-[48px] bg-white py-3 px-4 rounded-md shadow-sm border border-gray" + placeholder="+996" + id="phoneNumber" + required + /> + </div> + + <div className="w-full"> + <label htmlFor="message" className="mb-[6px]"> + Сообщение + </label> + <textarea + className="h-[120px] resize-none w-full bg-white py-3 px-4 rounded-md shadow-sm border border-gray" + id="message" + name="message" + required + ></textarea> + </div> + + <div className="w-full"> + <input + className="border-none" + type="checkbox" + id="consentCheckbox" + name="consent" + required + /> + <label + htmlFor="consentCheckbox" + className="text-[#667085] ml-[10px]" + > + Я согласен (-на) на обработку моих личных данных + </label> + </div> + + <div className="w-full"> + <button + type="submit" + className="bg-blue text-white w-full h-[48px] rounded-md " + > + Отправить сообщение + </button> + </div> + </div> + </div> + </form> </Container> </section> ); diff --git a/src/app/[locale]/tenders/page.tsx b/src/app/[locale]/tenders/page.tsx index 4742e65..bd7c11c 100644 --- a/src/app/[locale]/tenders/page.tsx +++ b/src/app/[locale]/tenders/page.tsx @@ -4,7 +4,7 @@ import React from "react"; const Tenders = () => { return ( - <div className="bg-[#E4F1FB]"> + <div className="bg-[#FAFCFF]"> <Container> <Title text="Тендеры"