Enhanced Appointment form with improved visual design and user-friendly UI/UX Issue #263

[TARUN2K3]

Enhanced Appointment form with improved visual design and user-friendly features Issue #263

Description

• Visual Enhancements

  • Added consistent shadow effect for better visual appeal
  • Set default font to 'Roboto' for a modern look
  • Centered layout and applied a background color for better focus

• Form Improvements

  • Improved form input, button, and textarea styles for clarity and ease of use
  • Highlighted mandatory fields clearly
  • Included icons and graphics to guide users

• Appointment Card

  • Enhanced card appearance with new shadow and padding adjustments

Related Issues

Frustrated when users struggle to complete the appointment form due to its lack of visual appeal and user-friendly Appearance.

Type of PR

• [] Bug fix
• Feature enhancement
• [] Documentation update
• [] Other

Screenshots / videos (if applicable)

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with project main branch before making this PR
• I have performed a self-review of my code
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

Additional context:

Visual aids can help in understanding the potential improvements and the positive impact they could have on the user experience.

[TARUN2K3]

@varshith257
The changes in this pull request are now ready for merging into the main branch. I've thoroughly tested the changes to ensure they integrate smoothly with the existing codebase.

[varshith257]

Fix conflicts

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
rapidoc	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 13, 2024 5:16am

[Anishkagupta04]

resolve conflict

[netlify]

✅ Deploy Preview for rapidoc ready!

Name	Link
🔨 Latest commit	b3a90f7
🔍 Latest deploy log	https://app.netlify.com/sites/rapidoc/deploys/666a808569f1ce0008ce7fa3
😎 Deploy Preview	https://deploy-preview-299--rapidoc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[varshith257]

Closing due to inactivity