import SalmonVideo from "../assets/videos/salmon_video.mp4";

export default function Home() {
  return (
    <section className="w-full h-fit mb-16">
      <div className="relative">
        <video autoPlay loop muted playsInline>
          <source src={SalmonVideo} type="video/mp4" />
        </video>
        <h1 className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center
          text-white text-3xl w-4/5 font-bold z-10">
          Discover Your Next Favorite Meal
        </h1>
      </div>
      <p className="leading-relaxed p-4 my-8">
        Welcome to your ultimate recipe hub! Whether you're a seasoned chef or just starting your culinary adventure,
        we're here to inspire. Explore thousands of delicious recipes, from quick weeknight dinners to gourmet delights,
        all at your fingertips. Find exactly what you're craving with our powerful search and intuitive filters, or
        browse our trending dishes for fresh ideas.
      </p>
    </section>
  );
}
