14 lines
647 B
TypeScript
14 lines
647 B
TypeScript
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;
|