import AText from "../icons/AText";
import BText from "../icons/BText";

// Components
import SearchBar from "./search";
import FrequentSearches from "./FrequentSearches";

function HomePage() {
  return (
    <div className="bg-banner-home after:z-[2] !bg-bottom !bg-no-repeat !bg-cover md:!min-h-[115vh]">
      <div className="padding-responsive min-h-screen pt-[120px] flex items-center justify-start flex-col gap-[50px]">
        <div className="mt-[60px] sm:mt-[67px] md:mt-[90px] lg:mt-[127px]">
          <p className="text-[#F17732] text-center font-kalame text-[20px] sm:text-[24px] md:text-[28px] lg:text-[32px] font-bold">
            با نوبت724
          </p>
          <p
            className="text-[#525252] text-center mt-2.5 font-kalame text-[16px] sm:text-[25px] md:text-[31px] lg:text-[36px] 
            font-bold flex items-center gap-1 sm:gap-3"
          >
            <BText />
            دیگه نوبت گرفتن کار سختی نیست !
            <AText />
          </p>
        </div>
        <SearchBar />
        <FrequentSearches />
      </div>
    </div>
  );
}

export default HomePage;
