Team Page

[dilanurbayraktar]

Where the magic happens: Team Page 🪄

Summary 💻

For this ticket, you are tasked with making the Team Page that will give a first impression of LCS Tutoring!

You will create a new component file (team.tsx), which will display the Team Page as it's shown on 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/
• Style the page to match the footer in the wireframe (see below).
• Include a route to your page in App.jsx
• Open a PR and request review from @brandondionisio.

Wireframe 🎨

Here's the wireframe.

Tip for success 📈

• Use header.tsx and footer.tsx in the repo to add the header and footer to your Team Page. Note: Make the header sticky!
• Make 7 boxes, each with one image, name, and position fields. We don't have the pics right now but you can use random images.
• Under the "How We Work" and "Contact Us" sections, you can put random text as we don't have that information yet! https://www.lipsum.com/
• Use tailwind styles flex and flex row to horizontally align child elements.
• Use tailwind styles flex and flex col to vertically align child elements.
• The font is "inter" and is 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.

Where to get help!

Reach out to @dilanurbayraktar and @brandondionisio.