Landing page build

[apele11]

Description

BUILT:
-> header, goals, features, repos, CTA, footer
-> button.tsx based on global scss; made small change to the global button component to match the figma sizing
-> features: topicCard and topicGrid components
-> repos: accodionItem and accordion components
-> responsiveness on most of the site, using clamp and breakpoints. any fixes needed mentioned below
-> imported needed assets from figma

Fixes # (issue)

RESPONSIVNESS
⦁ bottom right hero image need responsiveness
⦁ header needs hamburger menu responsiveness
⦁ repo section should get scaling on font size for responsiveness

LINKS
⦁ links to all the sections are overshoot a little bit
⦁ links to the cards will cause an error because there is nothing there
⦁ links in the hero buttons and repo buttons should also change dynamically based on the login status
⦁ logout link broken; site doesn't exist yet
⦁ used some embedded colors picked from Figma instead of CSS variables, most have FIX ME next to them. Couldn't get the variables working for some reason, but I did my best to include both the variable and the hard coded color.

COLOR: hard coded some colors, unfortunately couldn't get the CSS color variables fully working. Most have FIXME by them, and I did my best to include the variable color in addition to the emebed color.

Type of change

• New feature (non-breaking change which adds functionality)