Header - Copy this React, Tailwind Component to your project

Develop a website for buying and selling pets using React and Chakra UI. Color Scheme: #66CDAA #FFFFCC #E0E0E0 #ffbfc9 #00FF7F Pages and Functionality: 1. Homepage: Information about the website. An attractive banner with slogans and a brief description of the service. 2. Listings Page: Filters: On the left side of the page, there should be filters to search for pets with the following options: Pet type Breed (optional) Location User status (Private Person or Kennel) Age range Price Gender Health status Pet documents At the bottom of the filters, buttons for "Apply Filters" and "Clear Filters." Sorting: At the top of the page, there should be buttons for sorting the listings by: Oldest to Newest Newest to Oldest Price: Low to High Price: High to Low Youngest to Oldest Oldest to Youngest Listing Cards: The main content of the page will be pet listing cards, each showing: Preview image of the pet Title of the listing Location Pet gender Pet age range Pagination: At the bottom of the page, there should be pagination (displaying up to 9 cards per page).Site Layout: Header: On the left, the "PetWorld" logo (redirecting to the homepage). On the right, a button for "Add Listing" and a user icon with the user's first name. Footer: On the left, the "PetWorld" logo. On the right, contact information.