YourUi.jsx
function YourUi({ src }) {
        
        const [liked, setLiked] = useState(false)
        
        return (
            <div>
                <OWB src={src} animate={true} />
                <h3 className='text-4xl font-bold'>
                    Your UI <Paintbrush className='inline h-auto w-9' />
                </h3>
                <p className='text-lg' >
                  We build your user interfaces out of individual pieces 
                  and combine them into entire screens, pages, and apps. 
                  <span className='font-bold'>CLICK LIKE !</span>
                </p>
                <Heart 
                className={`${liked ? 'text-pink-800' : ''} animate-pulse/`} 
                onClick={() => setLiked(!liked)} />
            </div>
        );
    }

https://oranwebbrains.com

Your UI

We build your user interfaces out of individual pieces combine and them into entire screens, pages, and apps. CLICK LIKE !