Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

updating the ui/ux of conatact page section #119

Merged
merged 4 commits into from
Jan 15, 2025

Conversation

ak-0283
Copy link
Contributor

@ak-0283 ak-0283 commented Jan 14, 2025

Related Issue

Fixes #115

Description:

I improved the user experience of the contact page by implementing visually appealing hover effects and responsive design enhancements. Key updates include:

  • Input Fields: Added hover and focus effects for the name, email, and message fields, featuring subtle color changes, glowing borders, and background transitions for better interactivity.
  • Buttons: Styled the "Send Message" button with a modern design, including smooth hover effects, shadows, and animations for a professional appearance.
  • Social Links: Integrated hover effects on social media icons, making them more engaging by scaling and color transitions.
  • Form Container: Enhanced the overall design with gradient backgrounds, rounded corners, and shadows. Added hover effects to the container for a dynamic, modern look.
    These changes make the page more engaging, intuitive, and user-friendly while maintaining responsiveness across devices.

Type of PR

  • Bug fix
  • Feature enhancement
  • Documentation update
  • Other (specify): _______________

Screenshots / videos (if applicable)

Screen.Recording.2025-01-14.154717.mp4

Checklist:

  • I have performed a self-review of my code
  • I have read and followed the Contribution Guidelines.
  • 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:

I enhanced the contact page by adding hover effects and styling updates for input fields, buttons, and social links. The changes improve the user experience and ensure responsiveness. Screenshots of the updated design are attached for reference.

Copy link

vercel bot commented Jan 14, 2025

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

Name Status Preview Comments Updated (UTC)
scd-profile-score ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 15, 2025 10:07am

Copy link

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTE.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

@ak-0283
Copy link
Contributor Author

ak-0283 commented Jan 14, 2025

Please review and merge it . @Ojas-Arora

@Ojas-Arora
Copy link
Owner

@ak-0283 Color Coding of the previous Page was better than this Deployment. Just Change that else everything correct.

@Ojas-Arora
Copy link
Owner

Ojas-Arora commented Jan 14, 2025

image

@ak-0283 These colours to be there in the Contact form. Others Functioning are ok.

@ak-0283
Copy link
Contributor Author

ak-0283 commented Jan 14, 2025

i have fixed that issue. please review and merge it. @Ojas-Arora

Screenshot 2025-01-14 210715

@Ojas-Arora
Copy link
Owner

@ak-0283 Update Branch

@ak-0283
Copy link
Contributor Author

ak-0283 commented Jan 14, 2025

@ak-0283 Update Branch

I have updated from my side

@Ojas-Arora
Copy link
Owner

@ak-0283 No new Deployment has been added need to do it again.

Copy link
Owner

@Ojas-Arora Ojas-Arora left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approved

@Ojas-Arora Ojas-Arora merged commit af2dbf4 into Ojas-Arora:main Jan 15, 2025
2 checks passed
@ak-0283
Copy link
Contributor Author

ak-0283 commented Jan 16, 2025

Hey @Ojas-Arora in my profile still pts where not added

@Ojas-Arora
Copy link
Owner

@ak-0283 Done.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

UI/UX Enhancements for the Contact Page with Interactive Effects
2 participants