26 lines
1.0 KiB
TypeScript
26 lines
1.0 KiB
TypeScript
|
|
export default function Contact() {
|
|
return (
|
|
<section dir="ltr" className="relative w-full bg-primary py-20 flex justify-center mt-40">
|
|
<div className=" absolute z-20 -top-25 bg-secondary max-w-[1200px] w-full py-10 flex flex-col items-center clip-trapezoid">
|
|
<h2 className="text-2xl md:text-3xl font-bold text-primary mb-5 text-center">
|
|
Qo'ng'iroqni buyurtma qiling
|
|
</h2>
|
|
|
|
{/* Input va Button bloki */}
|
|
<div className="flex w-full max-w-2xl">
|
|
<input
|
|
type="text"
|
|
placeholder="Your phone number"
|
|
className="flex-1 py-3 px-5 bg-white text-gray-600 placeholder-gray-400 text-lg clip-input focus:outline-none"
|
|
/>
|
|
<button className="bg-primary -ml-5 text-white px-6 py-3 text-lg font-medium clip-button">
|
|
Menga qo'ng'iroq qiling
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div className="bg-[#d38307] clip-part absolute -top-25 py-[50px] px-18 left-[97px] z-10" ></div>
|
|
</section>
|
|
);
|
|
}
|