import Header from "@/components/shared/Header/Index";
import HeroSectionImage from "@/assets/images/hero-section.png";

interface HeroBackgroundProps {
  children: React.ReactNode;
}

export default function HeroBackground({ children }: HeroBackgroundProps) {
  return (
    <div className="relative min-h-screen">
      <div
        className="relative min-h-screen bg-cover bg-center bg-no-repeat"
        style={{
          backgroundImage: `url(${HeroSectionImage.src})`,
        }}
      >
        <Header />
        {children}
      </div>
    </div>
  );
}