6: Fix hero component and create new pages

[karnikaavelumani]

• Add separate .svelte files per component
• Create hero component
• Adjust hero component in desktop mode to fit to figma wireframe

Fix: #923.

[netlify[bot]]

✅ Deploy Preview for acmcsuf ready!

Name	Link
🔨 Latest commit	5b4379e8732fb0d29b50f58b67a1cf645e18785f
🔍 Latest deploy log	https://app.netlify.com/sites/acmcsuf/deploys/65270b7401d1ff000819eaaa
😎 Deploy Preview	https://deploy-preview-929--acmcsuf.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[karnikaavelumani]

Please note in order to see the actual changes in the preview or in dev mode, it is on the /6 page.

cc: @tomasohCHOM

[tomasohCHOM]

I was able to make those changes by making the text within the h1 all span elements to make it have consistent behavior. Added some gap within grid elements in desktop view too.

[EthanThatOneKid]

Let’s convert the unresolved comments into issues in order to make sure they get followed up on.