Improve UI of Contact Section on Home Page & Make Email/WhatsApp Cards Clickable

[coderajawat]

Description:
The Contact Section on the Home Page needs visual and functional improvements. The current layout has spacing and alignment issues, and the Email and WhatsApp cards are not interactive. Enhancing the UI and adding direct click actions will improve both usability and user experience.

Problems Observed:

• Uneven spacing and padding between contact cards and form elements
• Misalignment between the left (contact info) and right (form/subscribe) sections
• Icons and text lack proper spacing and hierarchy
• Email and WhatsApp cards are static — users cannot click to open directly
• Form input and button styling are inconsistent with the design system
• Minor responsiveness issues on smaller screens

Expected Behavior:

• Consistent spacing and alignment across all contact section elements
• Improved visual hierarchy for Call, Email, and WhatsApp options
• Email card opens the default mail client using mailto:support@caresync.com
• WhatsApp card opens a chat using a direct WhatsApp link (e.g., https://wa.me/)
• Contact form and subscribe button styled according to the design system
• Responsive design that adapts smoothly to all screen sizes

Screenshots:

[coderajawat]

Hi @akathedeveloper,

I would like to work on this issue under GSSOC and level 2 label. Please assign it to me.

[coderajawat]

Hi @akathedeveloper,

Please assign this issue to me.