'use client';

import Image from 'next/image';

interface HeroBackgroundProps {
    imageSrc: string;
    imageAlt: string;
}

export const HeroBackground = ({ imageSrc, imageAlt }: HeroBackgroundProps) => {
    return (
        <div className="absolute inset-0 z-0">
            <Image
                src={imageSrc}
                alt={imageAlt}
                fill
                className="object-cover scale-105 blur-sm"
                priority
            />
            <div className="absolute inset-0 bg-black/60" />
        </div>
    );
};