import { Button } from '@/components/Button'
import { Container } from '@/components/Container'


export function Hero() {
  return (
    <section className="relative w-full lg:h-screen bg-transparent h-[550px] lg:mt-0 mt-0">
      {/* Background Image */}
      <div className="absolute inset-0 w-full h-full overflow-hidden z-0 bg-bg-sand opacity-30">
        <img
          src="/images/hero.jpg"
          alt="Nile River"
          className="w-full h-full object-cover object-center"
          width={1920}
          height={1080}
          priority
        />
      </div>
    </section>
  )
}