2025 Landing Page Team (Mobile)

[tomasohCHOM]

This would be the mobile version of the Landing Page's Team component (a bit different to its Desktop view).

File Location

Here's the component file location so you can start coding

This is the parent component containing each component in the Landing Page

Landing Page Component

The Team Component itself is this, you can start coding here

Team Component

Design

Refer to this Figma

Reference

• All of custom colors, font size is labeled according to tailwind.config.js, feel free to change it since the color was from 2024
• TailwindCSS home page to learn how to use TailwindCSS for styling. For example:

<div className='text-light_blue text-3xl font-bold'>

will give you light blue text color, font size = 3xl = 2rem according to tailwind.config.js and bolded

Icons

• All of the icons can be imported from React-icons (Refer to it to find the icon name). For example:

import {AiOutlineSearch} from 'react-icons/ai';

Then you can use it as a component and customize color + size

<div className=''>
  <AiOutlineSearch size={34} color='#00000'/>
</div>

Assets

If the assets are not present, let me know. Or import them from Figma and place them inside the public/assets folder

Contributing

1. git pull for latest change if there's any
2. git checkout -b "landing-page-2025/team" to create new branch
3. npm run format to run formatter before commit + push your change
4. Assign reviewer before merging code + attach screenshot to make sure it works