Skip to content

Added Contact Us form to Landing Page with EmailJS integration #105#125

Open
niyatisharma100307-crypto wants to merge 3 commits into
rdodiya:gssoc_developfrom
niyatisharma100307-crypto:gssoc_develop
Open

Added Contact Us form to Landing Page with EmailJS integration #105#125
niyatisharma100307-crypto wants to merge 3 commits into
rdodiya:gssoc_developfrom
niyatisharma100307-crypto:gssoc_develop

Conversation

@niyatisharma100307-crypto
Copy link
Copy Markdown

@niyatisharma100307-crypto niyatisharma100307-crypto commented May 16, 2026

Changes I have Made:-

New Features Added

  • Added Contact Us section at the bottom of the Landing page
  • Contact form includes: Name, Mobile Number, Email, Description fields
  • Form sends email using EmailJS on submission
  • Success and error messages shown after form submission
  • Form validates all fields before sending

Navigation Updates

  • Added Contact link in the Navbar that scrolls to the Contact form
  • Updated Contact link in Footer (Company section) to scroll to the Contact form

Technical Details

  • Used EmailJS API for email sending (no backend required)
  • Used useState hooks for form state management
  • Smooth scroll to #contact section on clicking Contact links

Preview

🔗 Live Demo: https://niyati-restro-hub.vercel.app

Screenshots

Screenshot 2026-05-17 001540 (Got the confirmation mail too)-means its working!!

Note for maintainers:
Please replace the EmailJS credentials
(service_id, template_id, user_id) in
Landing.jsx with your own EmailJS account
keys before merging to production.

closes #105

@niyatisharma100307-crypto
Copy link
Copy Markdown
Author

Note for maintainers:
Please replace the EmailJS credentials
(service_id, template_id, user_id) in
Landing.jsx with your own EmailJS account
keys before merging to production.

@rdodiya
Copy link
Copy Markdown
Owner

rdodiya commented May 16, 2026

Hi @niyatisharma100307-crypto ,
Please resolve conflicts and can you create a public api of contact us that send mail on Java backend side,
Refernce: https://github.com/rdodiya/RestroHub/pull/117/changes#diff-8b8ca1e0ae591238dc0eb60c8c225395c3fd0f58287f22700fc9c6f0161ba9f0

If you can perform this then, it is better , otherwise please resolve conflict

@niyatisharma100307-crypto
Copy link
Copy Markdown
Author

Hi @niyatisharma100307-crypto , Please resolve conflicts and can you create a public api of contact us that send mail on Java backend side, Refernce: https://github.com/rdodiya/RestroHub/pull/117/changes#diff-8b8ca1e0ae591238dc0eb60c8c225395c3fd0f58287f22700fc9c6f0161ba9f0

If you can perform this then, it is better , otherwise please resolve conflict

Hi, thanks for the suggestion.

Currently, I’m not comfortable working on the Java backend API part for the contact form mail functionality, so I won’t be able to implement that.

I have resolved the existing conflicts in this PR and push the updated changes.

Thanks.



const { isDark, toggle } = useTheme();
gssoc_develop
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

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

Remove this , it's a part of conflict

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

Remove this , it's a part of conflict

I have removed the conflict part!!

@rdodiya
Copy link
Copy Markdown
Owner

rdodiya commented May 17, 2026

Hi @niyatisharma100307-crypto ,
Please work on suggestions that are commented and please fetch servicId, template_id , user_id from env variable instead of statically using it.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Feedback form and add change language option

2 participants