Landing Page Heading

[anhduy1202]

File Location

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

Design

Refer to this Figma

Image

The cat image can be found on this Google Drive, then you should import it to public folder

Reference

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

  <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) Ex:

  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>

  Contributing

  1. git pull for latest change if there's any
  2. git checkout -b "landing-page/heading" 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