Home Page Content

[lowtorola]

Our current home page on frontend2 is kinda ugly. Even with the addition of the Win-Loss record tile (#781), we still need a little more to make it look good. We need to prettify the tournament submission freeze countdown and the social medias tile should be reworked to look nicer and possibly explain what ppl can find at each site 🥇

Task List:

• Prettify the tournament submission countdown, which is located at CountdownDigital.tsx, and it lives on the Home page. Note that it should not appear at the moment, because there are not any pending tournaments in the staging database
  • to get this component to appear, we should add a countdown to the home page which counts down to the current episode's game reveal date! this should be accessible in the episode data object in Home.tsx, and you should put it in a new SectionCard which only appears if the date hasn't passed (hint: use "boolean condition" && (<ComponentToRender />) as the syntax for this).
  • Now, you'll notice that the countdown timer is ugly as sin. Oops. You should fix it and make it look really nice. Feel free to use AI for this, lord knows i should have when I coded it the first time. Then you're done with this step!
• Prettify the section with our social media labels. It just looks off right now, so try and look around for inspiration and make that SectionCard look nicer. Maybe also add a color-matched version of these icons to the header so they can be clicked anywhere in our website!
• Try getting our cards to align vertically! The two columns have cards of different height, which looks askew. See if you can get them to be aligned into a grid arrangement, but make sure that everything still collapses into one column on smaller displays. If this looks nicer than before keep it, otherwise feel free to post a screenshot in slack and ignore this task :)

[lowtorola]

@jaranmio All ready to be started! Please reach out in Slack or by DM if you need any help getting started or with getting the countdown timer working/showing :)