// Components
import Image from "next/image";
import SearchBar from "./search";
import TextHeader from "./TextHeader";
import FrequentSearches from "./FrequentSearches";
import CityHighlights from "./CityHighlights";

function HomePage() {
  return (
    <div className="bg-banner-home after:z-[2] md:!min-h-[115vh]">
      <Image
        src="/assets/images/banner-home.png"
        alt=""
        fill
        priority
        className="!object-cover !object-bottom -z-10"
      />
      <div className="padding-responsive z-20 min-h-screen py-[120px] flex items-center justify-center flex-col gap-[40px]">
        <TextHeader />
        <SearchBar />
        <FrequentSearches />
        <CityHighlights />
      </div>
    </div>
  );
}

export default HomePage;