You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Use header.tsx and footer.tsx in the repo to add the header and footer to your Home Page. Note: Make the header sticky.
Find testimonials.tsx in the repo and duplicate the box. You should have 3 boxes with quotes in them, as shown on Figma, for the "Testimonials" section.
Find intro.tsx in the repo and follow a similar format to make:
Find services.tsx in the repo and use it to make the "Our Services" section.
There are three buttons: 2 "Become a Tutor" and 1 "Sign Up For A Tutor". The "Become Tutor" button directs the user to tutor_form.tsx and "Sign Up For A Tutor" button directs the user to tutee_form.tsx.
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.
Let's make our website pretty: Home Page
Summary 💻
For this ticket, you are tasked with making the Home Page that will give a first impression of LCS Tutoring!
You will create a new component file (homepage.tsx), which will display the Home Page as it's shown on Figma.
Deliverables 🚀
Wireframe 🎨
Here's the wireframe.
Tip for success 📈
flex
andflex row
to horizontally align child elements.flex
andflex col
to vertically align child elements.font-inter
.Where to get help!
Reach out to @dilanurbayraktar and @brandondionisio.
The text was updated successfully, but these errors were encountered: