Linktree Clone (Vanilla Reactjs) | HNG9 Internship

Create a page like Linktree that allows a person show their personal profile and link to various digital things that they sell. Details below.

The profile section

A profile picture with an id profile__img
My twitter username with an id twitter
My slack username with an id slack - but this should be hidden (available in code, but cannot be seen)

An Anchor tag styled as a Button with an id btn__zuri that redirects to https://training.zuri.team/
An Anchor tag styled as a Button with an id books that redirects to http://books.zuri.team with the title and a subtext describing that this is where you find books about design and coding
An Anchor tag styled as a Button with an id book__python that redirects to to https://books.zuri.team, with a subtext where you feature the book as if you were selling it.The reference id must be unique and will give you royalties if any sales of the book come
An Anchor tag styled as a Button with an id pitch that redirects to to https://background.zuri.team, with a subtext where you pitch a service for doing background checks on coders. Use a good, selling sentence.
An Anchor tag styled as a Button with an id book__design that redirects to to https://books.zuri.team/design-rules with a subtext where you pitch the free design book offered by Zuri.
Add another anchor tag styled as a Button with an id of 'contact' that redirects to "/contact" page in your app.

NB. The contact page path must be "/contact"

The contact page should have a form with the following details:

A First and last name input fields with ids ‘first_name’ and ‘last_name’ respectively
An Email address input field with an id of ‘email’
A Textarea with an id of message to contain the message of the person
A button with an id of btn__submit that will submit the form
All fields should have appropriate label tags

Frontend Design

Designs for frontend

Production

https://linktree-clone-reactjs-kael.vercel.app/