Hero Mostly Finished

[Austin2Shih]

The background isn't fully done:

• some stars are missing
• tablet-l and below clouds are slightly misplaced

The record player doesn't actually play music it just spins for now

[JayJ104]

missing some stuff mentioned in the issue

1. the countdown you've built is the DOE counter, which will be released on DOE. Until DOE, the HackerHub counts down the days left for DOE. so keep the DOE counter component but replace it w the day count down in the IndexHeroContent component. The figma has a frame which says "Until DOE 30 days" in place of the counter, that's the day count down we'll release rn. Check the issue, there was an image for that there.
2. The play/pause button is missing a tooltip, check the issue description.

other feedback:

1. the grass and the message for early hackers overlaps for 1600+ px screens. The vinyl box and the grass also overlap for 650-768px.
2. missing the text "coming soon" between the vinyl and the play/pause button in mobile.
3. the counter does not have the same spacing from the left and right edge as the rest of the section as screen size approached 320px, it's extending beyond the visual margins. (see image below)
4. i think the numbers under SECONDS on the counter are not centered and it makes the entire timestamp look slightly off-center.

[Austin2Shih]

For the in progress text, it's not there on desktop views. I'm not sure if we need to add it in only on mobile. If the music player works should we just not have the in progress text?

[JayJ104]

by in progress text do you mean the "coming soon" text? it's not there on desktop bc we have the under construction section which we dont have on the mobile. so the text replaces that whole under construction message. ill merge the PR in for now, but we'll need to add that in