oSTEM / conference-site

Home Page:ostem-conference.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

New Component for the Image and Text combination

janine9vn opened this issue · comments

The title isn't the most clear, but essentially I'm talking about this on the main page:
image

We use 3 of these on the same page and they all have nearly identical styling applied. It makes sense to reduce redundant code and instead create a React component out of it.

The React component should be able to accept an image, "title" text, description text, and then also specify the details for the CTAButton.

This may have to be split out into different React Components depending on if the image should go on the left or the right, but maybe not. I'm still a novice with React~

Implementation Considerations

I'd like to keep the styling of on hover over the image, the tint gets removed. This may not be able to work with next/image styling though, so I'm okay if it isn't technically feasible.

If we can keep it then I'd like to see if we can expand it so that if we hover over anywhere in the text then the tint on the image gets removes. That would be neat.