Header Redesign: Removal of Top Bar and Addition of Enquire Button
Description
This issue details the changes to be made to the website's header. The primary changes include the removal of the top bar containing the phone number, email, and social media icons, and the addition of an "Enquire" button to the navigation bar. The Enquire button will feature a hover dropdown with contact details and a click-triggered enquiry modal. Additionally, the title in the navigation bar for the contact page will be changed from "Contacts" to "Contact Us."
Tasks Checklist
[ ] Remove Top Bar:
Remove the current top bar that includes the phone number, email, and social media icons.
[ ] Add 'Enquire' Button to Nav Bar:
Integrate an 'Enquire' button into the navigation bar.
On hover, this button should display a dropdown with the email and phone number.
On click, it should open an enquiry modal.
[ ] Configure Enquiry Modal:
Ensure the enquiry modal pops up upon clicking the 'Enquire' button.
Include the email address and phone number at the bottom of the modal for contact purposes.
[ ] Change Title in Nav Bar:
Update the title of the contact page in the navigation bar from "Contacts" to "Contact Us."
[ ] Design and Aesthetics:
Ensure the new 'Enquire' button and dropdown are aesthetically in line with the website’s design.
Test the responsiveness and placement of the button and modal across various devices.
[ ] Testing and Validation:
Test the new header design on different browsers for functionality and responsiveness.
Ensure that all changes are displayed correctly without affecting the user experience.
[ ] Review and Feedback:
Share the updated design with relevant stakeholders for feedback.
Header Redesign: Removal of Top Bar and Addition of Enquire Button
Description
This issue details the changes to be made to the website's header. The primary changes include the removal of the top bar containing the phone number, email, and social media icons, and the addition of an "Enquire" button to the navigation bar. The Enquire button will feature a hover dropdown with contact details and a click-triggered enquiry modal. Additionally, the title in the navigation bar for the contact page will be changed from "Contacts" to "Contact Us."
Tasks Checklist
[ ] Remove Top Bar:
[ ] Add 'Enquire' Button to Nav Bar:
[ ] Configure Enquiry Modal:
[ ] Change Title in Nav Bar:
[ ] Design and Aesthetics:
[ ] Testing and Validation:
[ ] Review and Feedback:
Additional Information
Please add styles accordingly