Footer

[dilanurbayraktar]

It's getting serious: Footer 🫡

Summary 💻

For this ticket, you are tasked with making the footer that will be visible across all pages.

You will create a new component file (footer.tsx), which will display a footer 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/
• 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.

Reference:

Tip for success 📈

• Find the logo (little Jumbo 🐘) saved in /assets/ as "gray_logo" in the repo.
• Make hyperlinks to "Home", "About", "Team", and "Forms" pages (these pages do not exist yet, so the hyperlinks don't need to direct to real pages).
• Hyperlinks can be made with the <a><a /> HTML element and will need an href
• The "Find us on Instagram" should direct to LCS Tutoring's Instagram profile.
• 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.