Issue #1180: Add new images to app root page

[jasonwang7517]

🔗 Issue

Issue

✍️ Description

• Adds new screenshots to the root page
• Replaces gray background with CSS shadow

📷 Screenshots/Demos

Screen.Recording.2024-12-27.at.6.05.05.PM.mp4

[jasonwang7517]

This image is a little fatter since when it's set to the same ratio as the other pictures, we get the card view which is full of "coming soon" pictures. Not sure if that matters a ton but I thought it was worth pointing out.

[kasugaijin]

I think this is fine for now! Better than the placeholder image we had.

[kasugaijin]

@jasonwang7517 this is looking good.
Can we get rid of this outer background div entirely so we are just left with the image (rounded with small shadow)? If we need the div, can we just remove the border shadow from it so it is imperceptable?

[jasonwang7517]

@jasonwang7517 this is looking good. Can we get rid of this outer background div entirely so we are just left with the image (rounded with small shadow)? If we need the div, can we just remove the border shadow from it so it is imperceptable?

Sure! I made the shadows small instead of large and it may be a little hard to see so let me know if you want me to change the shadows back to large. Here is how they look small:

[kasugaijin]

@jasonwang7517 I think small looks fine!