First, make a new branch following this naming guideline with your github name followed by a slash and your issue name.
Example: brandontran1220/ExampleComp.

Make a component folder under your src folder.

Like this:

Next, make a file called Example.tsx in that components folder and begin coding your component in this file.

Here is some starting code:

I want you to use the pasted image above as a reference as you try your best to write code that looks like the image. Use the resources channel in the discord to read documentation about Tailwind CSS and HTML to help you code this out.

Also, for reference I used these colors. Use these colors accordingly based on the image I provided.

• red-600
• orange-300
• blue-300

Make sure you've imported the Example component into your page.tsx under the app folder.