We need to create a standalone, responsive, and interactive hero section as shown in the provided design. Below are the specifications and requirements.
Desktop View:
Requirements:
1. Hero Independence:
The hero section should not accept any props and should function independently.
2. Responsiveness:
The section must adapt to both desktop and mobile views.
In the mobile view, the right-side element (such as the images) will be removed, unlike the Figma design.
3. Interactivity:
There is a switch button on the right side of the hero section that must be clickable.
Please refer to the provided Figma file for the design details of the button: Figma File Link.
4. Important Note:
Do not create the navbar as there is a separate issue handling that part.
Description:
We need to create a standalone, responsive, and interactive hero section as shown in the provided design. Below are the specifications and requirements.
Requirements:
1. Hero Independence:
2. Responsiveness:
3. Interactivity:
4. Important Note: