const GridBackgroundPreview = () => {
  return (
    <div className='bg-grid-white/[0.1] relative flex h-[50rem] w-full items-center justify-center bg-black'>
      {/* Radial gradient for the container to give a faded look */}
      <div className='pointer-events-none absolute inset-0 flex items-center justify-center bg-black [mask-image:radial-gradient(ellipse_at_center,transparent_20%,black)]'></div>
      <p className='relative z-20 bg-gradient-to-b from-neutral-200 to-neutral-500 bg-clip-text py-8 text-4xl font-bold text-transparent sm:text-7xl'>
        Backgrounds
      </p>
    </div>
  );
};

export default GridBackgroundPreview;