Create Hero Component with Crypto Search Functionality

[Anket08042003]

Description:

We need to develop a hero section for the homepage that includes a search functionality specifically for searching cryptocurrencies. This section will be a visually prominent part of the page and should include the following features:

Requirements:
Main Heading: A bold and clear heading that highlights the purpose of the section (e.g., "Search and Explore Cryptocurrencies").

Search Bar: Add a search bar for users to search for cryptocurrencies:

The search should support dynamic search (autocomplete suggestions) as the user types.
It should fetch data from a cryptocurrency API (e.g., CoinGecko, CoinMarketCap).
Display the top 5 results in a dropdown, showing relevant information like the cryptocurrency name, symbol, and price.
Background Image/Graphic: Include a visually appealing background, such as a graphic or image related to cryptocurrency, to enhance the look of the hero section.

Responsive Design: Ensure the hero section is fully responsive, adapting seamlessly across mobile, tablet, and desktop views.

Styling: The design should be clean, modern, and in line with the overall theme of the website. The search bar and heading should be centered in the hero section for maximum impact.

[Anket08042003]

@munirsiddiqui54 please assing this issue to me!

[munirsiddiqui54]

@Anket08042003 Go ahead . After completing the task, provide us Screenshot in the pull request

[Abusha-Ansari]

Please assign this issue to me!!
Name: Abusha Ansari
Brach: ECS
Year: Second Year
College: PCE navi mumbai

[surya-lohan]

Please assign this issue to me!!
Name: Suryansh Lohan
Brach: CSE-IOT
Year: Second Year
College: LNCT Group of Colleges , Bhopal , Madhya Pradesh

[vedantdhawade]

Please assign the task to me
Name :- Vedant Dhawade
Branch:- ECS
Year :- 3rd year
College :- pillai college of engineering