#Grid And Dot Background from aceternity ui code has no effect

6 messages · Page 1 of 1 (latest)

scenic void
#

It's working for me

#

You're not exporting the hero

soft pasture
#

import { Spotlight } from './ui/Spotlight'

const Hero = () => {
return (
<div className='pd-20 pt-36'>
<div>
<Spotlight className='-top-40 -left-10 md:left-32 md:-top-20 h-screen' fill='white' />
<Spotlight className='top-10 -left-full h-[80vh] w-[50vw]' fill='purple' />
<Spotlight className='top-28 left-80 h-[80vh] w-[50vw]' fill='blue' />
</div>

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

</div>

)
}

export default Hero

#

heres the full code

scenic void
#

Did you try looking at the repository? Some of your code doesn't match up