import Text from "../lib_components/text";

export default function Contact() {
  return (
    <section dir="ltr" className="relative w-full bg-primary py-20 flex justify-center mt-40 px-4">
      <div className="mx-auto absolute z-20 -top-25 bg-secondary max-w-[1200px] w-full py-10 flex flex-col items-center clip-trapezoid">
        <div id="contactClip" className="w-full flex flex-col items-center justify-center">
          <h2 className="text-2xl md:text-3xl font-bold text-primary mb-5 text-center">
          <Text txt="contact-h2"/>
        </h2>

        {/* Input va Button bloki */}
        <div className="flex max-sm:flex-col gap-5 w-full max-w-2xl px-4">
          <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 sm:-ml-5 text-white sm:px-6 sm:py-3 p-2 text-lg font-medium clip-button">
            <Text txt="call"/>
          </button>
        </div>
        </div>
      </div>
      {/* <div className="bg-[#d38307] clip-part absolute -top-25 py-[50px] px-18 left-[97px] z-10" ></div> */}
    </section>
  );
}