export default function Hero() {
  return (
    <section className="relative h-screen w-full overflow-hidden">
      <video
        autoPlay
        loop
        muted
        playsInline
        className="absolute inset-0 w-full h-full object-cover"
      >
        <source src="/bg-video.mp4" type="video/mp4" />
      </video>
      <div className="absolute inset-0 bg-black/50"></div>

      <div className="relative z-10 flex flex-col justify-center h-full px-6 lg:px-20 text-white max-w-3xl">
        <header className="text-4xl md:text-6xl font-bold leading-tight mt-2">
          WALANJA <br /> TELEKOMUNIKASI
        </header>
        <h1 className="mt-4 text-2xl md:text-3xl>">
          Always Connected
        </h1>
      </div>
    </section>
  );
}