Implementation of About section [Fixes #78]

[AJ-Kulundu]

Fixes Issue

Closes #78
Implements the about section according to the designs for mobile viewports and desktop viewports.

Changes proposed

• Create a component named AboutUs that implements the component shown on the designs.
• The section tag has an id of about-us.
• Component was added to the index.page.tsx in the about folder.

Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• My change requires changes to the documentation.
• I have updated the documentation accordingly.
• All new and existing tests passed.
• This PR does not contain plagiarized content.
• The title of my pull request is a short description of the requested changes.

Screenshots

Desktop and Tablet View

Mobile View

Note to reviewers

1. A paths directory should be added to the tsconfig.json to make it easier to import components into the pages.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
reactdevske-website	✅ Ready (Inspect)	Visit Preview	Oct 22, 2022 at 8:28AM (UTC)

[antosan]

@AJ-Kulundu Kindly make these adjustments:

• 1. Include the AboutUs component in the src/pages/index.page.tsx page. The AboutPage will be deleted in a future PR.

• 2. Run npm run prettier:format to format the files.

[antosan]

LGTM 👍