Enhancement: Add tour of JSON Schema section on homepage (#1502)

[kajalmishra0829]

This PR adds a guided tour to the homepage using react-joyride, helping new users explore key components of the homepage. The tour highlights important elements in the navbar and main sections, providing descriptions for each.

Kind of Change: Feature enhancement

issue number
closes : #1502

Changes Made

• Created a new component TourGuide.tsx that:

  • Defines tour steps with explanations for home, docs, specification, tools, blog, community, GitHub, and more
  • Uses useState and useEffect to manage the tour lifecycle
  • Includes a Start Tour button (bottom-right) to trigger the tour
  • Ensures proper styling and usability with continuous mode, and showSkipButton

• Integrated TourGuide.tsx in index.page.tsx so the tour is available on the homepage.

How to Test

• Navigate to the homepage (/).
• Click the "Start Tour" button (bottom-right corner).
• The tour should highlight and describe key components smoothly.

description for element's can be changed as required.

Let me know if any refinements are needed! 🚀

[github-actions]

Hi @KajalMishra-29! Thanks a lot for your contribution!

I noticed that the following required information is missing or incomplete: issue reference, kind of change description

Please update the PR description to include this information. You can find placeholders in the PR template for these items.

Thanks a lot!

[github-actions]

Welcome to the JSON Schema Community. Thanks a lot for creating your first pull request!! 🎉🎉 We are so excited you are here! We hope this is only the first of many! For more details check out README.md file.

[benjagm]

Thanks a lot @KajalMishra-29, this is a great idea, but as of now we prefer to keep the onboarding experience and the codebase as simple as possible.

[benjagm]

Is there a PR where we discussed this?

[github-actions]

Hi @KajalMishra-29! Thanks a lot for your contribution!

I noticed that the following required information is missing or incomplete: kind of change description

Please update the PR description to include this information. You can find placeholders in the PR template for these items.

Thanks a lot!

[kajalmishra0829]

Is there a PR where we discussed this?

This enhancement was based on issue #1502, which suggests adding a guided tour to the homepage.

[kajalmishra0829]

Thanks a lot @KajalMishra-29, this is a great idea, but as of now we prefer to keep the onboarding experience and the codebase as simple as possible.

Thank you for the feedback! I understand the concern about keeping the onboarding experience simple. Would you be open to a more minimal version of the tour, focusing only on the most essential elements (e.g., Docs, Specification, and Community)? I can modify the implementation accordingly.

[github-actions]

Hi @KajalMishra-29! Thanks a lot for your contribution!

I noticed that the following required information is missing or incomplete: issue reference, kind of change description

Please update the PR description to include this information. You can find placeholders in the PR template for these items.

Thanks a lot!

[benjagm]

Let's continue the discussion on the issue first.

[github-actions]

Hi @KajalMishra-29! Thanks a lot for your contribution!

I noticed that the following required information is missing or incomplete: issue reference, kind of change description

Please update the PR description to include this information. You can find placeholders in the PR template for these items.

Thanks a lot!

[benjagm]

Closing this PR as the issue is still on triage.