Legal Advice Page
The Legal component serves as a bilingual platform for legal advice. Users can switch between English and Hindi languages, access various services, and take a guided tour with audio explanations.
Features
- Bilingual Support: English (default) and Hindi.
- Speech Synthesis: Audible explanations during the guided tour.
- Dynamic Content Loading: Content changes according to the selected language.
- Guided Tour: Helps users understand the site's features with visual pointers and audio explanations.
Components
State Variables
isTourOpen: Manages the tour's visibility.language: Current active language ('en' for English, 'hi' for Hindi).
Utility Functions
toggleLanguage: Switches between English and Hindi.speak: Uses the Web Speech API to read out the provided text.
Layout & Design
Utilizes Chakra UI for responsive design and layout. Components include:
- Header: Shows "Legal Advice" with buttons for the tutorial and language switch.
- Questions & Answers Section: Lists legal Q&As according to the current language.
- Services Section: Displays three service options, dynamically based on language.
- Tutorial Tour: Step-by-step guide with both text and voice descriptions.
Log in or sign up for Devpost to join the conversation.