How dudekula-raja/travel-insurance-react-app works
This is a React landing-page application for NRI travel insurance. Visitors can choose an insurance category, enter trip and traveller details, and continue to Preventia360’s quote engine; a separate modal provides a three-step quote flow. The page also presents plan information, trust content, FAQs, and contact options. The tree and App show the major page sections, but most section implementations and some form handlers were not sampled, so uncertain internal wiring is omitted.
Main entry points: App.tsx App composition · QuoteModal.tsx Quote modal · InsuranceQuoteForm.tsx Plan quote form · quoteUrl.ts Quote URL builder
Components 23
Page shell
- App composition
src/App.tsx - Navigation
src/components/Header.tsx - Landing hero
src/components/Hero.tsx - Footer
src/components/Footer.tsx
Quote journeys
- Plan quote form
src/components/InsuranceQuoteForm.tsx - Quote state
src/context/QuoteContext.tsx - Quote modal
src/components/QuoteModal.tsx - Quote URL builder
src/utils/quoteUrl.ts
Insurance information
- Visitor insurance
src/components/VisitorInsurance.tsx - Coverage benefits
src/components/WhyRail.tsx - Insurance stories
src/components/StoryGrid.tsx - Doctor coverage
src/components/DoctorSection.tsx - Requirements
src/components/Requirements.tsx - How it works
src/components/HowItWorks.tsx
Trust and contact
- Partners
src/components/Partners.tsx - Traveller reviews
src/components/Reviews.tsx - Expert contact
src/components/ExpertContact.tsx - FAQs
src/components/FAQ.tsx - Final call to action
src/components/FinalCTA.tsx - Welcome popup
src/components/WelcomePopup.tsx - WhatsApp contact
src/components/WhatsAppFab.tsx
Other components
- Site visitor
- Preventia360 quote engine
Connections 27
- Site visitor → App composition: opens site
- App composition → Navigation: renders
- App composition → Landing hero: renders
- App composition → Plan quote form: renders
- App composition → Visitor insurance: renders
- App composition → Coverage benefits: renders
- App composition → Insurance stories: renders
- App composition → Doctor coverage: renders
- App composition → Requirements: renders
- App composition → How it works: renders
- App composition → Partners: renders
- App composition → Traveller reviews: renders
- App composition → Expert contact: renders
- App composition → FAQs: renders
- App composition → Final call to action: renders
- App composition → Footer: renders
- App composition → Welcome popup: renders
- App composition → WhatsApp contact: renders
- App composition → Quote state: provides state
- App composition → Quote modal: renders
- Plan quote form → Quote URL builder: builds quote link
- Quote modal → Quote state: reads and updates
- Quote modal → Quote URL builder: builds quote link
- Quote URL builder → Preventia360 quote engine: redirects with details
- Site visitor → Plan quote form: enters trip details
- Site visitor → Expert contact: requests assistance
- Site visitor → WhatsApp contact: contacts