Implement hero section

[ahmedalsanadi]

Implement Hero Section

Description

Create a visually appealing hero section for this application. This section should be responsive and include the following elements:

• An attractive background image that fills the hero section.
• A centered search input field for user queries.
• A search button next to the input field.

Requirements

• Responsive Design: The hero section must adapt to different screen sizes, including mobile devices.
• Background Image: Choose a high-quality, relevant image that enhances the overall aesthetic.
• Search Input and Button:
  • The input should be easy to use and clearly labeled.
  • The search button should be prominently displayed next to the input field.

Acceptance Criteria

• The hero section is implemented and displays correctly on various devices.
• The background image is properly styled and does not interfere with the readability of the search input.
• The search input field and button are functional (no backend logic needed at this point).
• Code is clean, well-commented, and follows best practices.