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 padding-responsive pt-[120px] min-h-screen !bg-center !bg-no-repeat !bg-cover flex items-center justify-center flex-col gap-[64px]">
            <div>
                <p className="text-[#D15B56] text-center font-kalame text-[32px] font-bold">نوبت ۷۲۴</p>
                <p className="text-[#525252] text-center mt-2.5 font-kalame text-[36px] font-bold flex items-center gap-3">
                    <BText />
                    به راحتی پزشک پیدا کنی!
                    <AText />
                </p>
            </div>
            <SearchBar />
            <FrequentSearches />
        </div>
    )
}

export default HomePage