import MobileImageLandscape from "../MobileImageLandscape";


export default function Hero() {
  return (
    <section className="relative w-full min-h-screen bg-flyer-yellow flex flex-col">
      <div className="w-full h-[50vh]">
        <MobileImageLandscape />
      </div>
      <div className="w-full h-[50vh] flex flex-col text-center text-black">
        <div className="md:hidden">
          <h1 className="text-6xl font-bold font-stick">STEIN</h1>
          <h1 className="text-6xl font-bold font-stick">BRUCH</h1>
          <h1 className="text-6xl font-bold font-stick">FEST</h1>
        </div>
        <div className="hidden md:block">
          <h1 className="text-9xl font-bold font-stick">STEINBRUCHFEST</h1>
        </div>
        <p className="text-2xl md:text-4xl mt-4">16. + 17. Aug.</p>
      </div>
    </section>
  );
}
