Intro Page

[dilanurbayraktar]

Intro Page 🎯

Summary 💻

For this ticket, you are tasked with creating a simple page welcoming potential tutors and tutees and giving them a good first impression.

You will create a new component file (intro.tsx), which will display an intro page as it is shown in the Figma.

Deliverables 🚀

• Schedule at least two meetings as a pair
• Create a new branch using the "create a branch" button
• Create your page in /src/components/
• Include a route to your page in App.jsx
• Open a PR and request review from @brandondionisio.

Wireframe 🎨

Here's the wireframe.

Reference:

Tip for success 📈

• Find the logo (little Jumbo 🐘) in /assets/ in the repo (note that the logo on the wireframe is different; use logo.svg).
• Make a "Become a Tutor" button that will take the users to the forms page, which does not exist right now. For now, link the button to an empty page.
• Use tailwind styles flex and flex col to vertically align child elements.
• The fonts are H2, Body Large, and Inter and are shown if you select text inside the Figma. The font is already included in the project with the tailwind style font-inter.
• You can use Tailwind Colors or create a custom color to match the background.
• Pay attention to if the text is bold or italic!

Where to get help!

Reach out to @dilanurbayraktar and @brandondionisio.