Feat help center routing

[AlokPy1484]

This PR aims to close issue #16. It intoduces a FAQ page route to answer few of the commanly raised query of BrowserPing's users.

🚀 Changes Made

• Added a new page at route {URL}/faq.
• This page renders UI from FrequentlyAskedQuestion.tsx file stored in src/components/faq
• Add accordion.tsx via ShadCN UI. Using this accordion component in FrequentlyAskedQuestion.tsx file.

🧠 How It Works

• When user routes to {URL}/faq page, by clicking on Help Center in footer. Then a Frequently Asked Questions page is opened.
• This page have four questions with answers inside an accordion component.
• Apart from these four question, page also contains a "contact us" and "raise a issue section" for further help

🧪 Testing

✅ Tested by Cloning the branch and running

npm install
npm run dev
npm run build

and then visiting localhost:3000
Website was working as expected and {URL}/faq route was working on clicking on "Help Center" in footer.

✅ Ensured normal navigation flow after FAQ completion.
✅ Checked visual consistency of guide page

[vercel]

@AlokPy1484 is attempting to deploy a commit to the Akash Kumar's projects Team on Vercel.

A member of the Team first needs to authorize it.

[akash-kumar-dev]

Please ensure that the review focuses only on your changes and that these changes align with the existing codebase structure.

[AlokPy1484]

Please ensure that the review focuses only on your changes and that these changes align with the existing codebase structure.

I have made changes in Footer.tsx file and added a new FrequentlyAskedQuestions.tsx file. Apart from this a am using Accordion Component of ShadCN UI library for which I had install ShadCN in project. I believe these changes are in sync with current codebase structure.

Is there any part of code/file in particular that you would like me to change/look into the it would be helpful if you can point that file/code.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
web	Ready	Preview, Comment	Jan 20, 2026 5:28am

[akash-kumar-dev]

But we already have a full Tailwind CSS codebase. Do you think it's necessary to use Shadcn UI for just one page? It would break code consistency, and I suggest using Tailwind CSS to maintain the current structure.

[AlokPy1484]

But we already have a full Tailwind CSS codebase. Do you think it's necessary to use Shadcn UI for just one page? It would break code consistency, and I suggest using Tailwind CSS to maintain the current structure.

Ok I undestand your concern. But just to clarify I am still using Tailwind CSS for all the styling work on the FrequentlyAskedQuestion.tsx page. ShadCN is being used only to get an accordion component. By importing ShadCN in our project, It downloads a Accordion.tsx file and add few custom styling in global.css file and does not affect any other part of the code. ShadCN have a vast set of components which we can use in our project for any future enhancements.

[AlokPy1484]

Apart from this I have visually inspected the project after changes were made by going to PR deployed URL at https://web-git-fork-alokpy1484-f-195b35-akash-kumars-projects-ad425afb.vercel.app and I was not able to figure out any unexpected behaviour.
If still we have to avoid using ShadCN in our project then I would have to make a custom accordion component.

[karsh0]

Using shadcn just for an accordion might be unnecessary unless we’re planning a larger codebase revamp. For now, a custom accordion should work well. @AlokPy1484

[AlokPy1484]

@akash-kumar-dev kindly check it now. I have used a custom Accordion component in place of ShadCN