How mohanrajesh28/navisportagency works
Navisport is a public-facing maritime agency services website. Visitors enter through the React app, navigate its Home, Work, About, and Contact routes, and view agency information, service offerings, Gulf port coverage, or contact details. The Contact page presents a form, but the sampled handler only prevents submission; no backend or message-delivery flow is evidenced. Source excerpts are partial, so the graph limits links to visible composition and navigation.
Main entry points: App.tsx App router · Home.tsx Home page · ServicesList.tsx Services list · main.tsx React entry
Components 17
App runtime
- React entry
src/main.tsx - App router
src/App.tsx
Public pages
- Home page
src/pages/Home.tsx - Work page
src/pages/Work.tsx - About page
src/pages/About.tsx - Contact page
src/pages/Contact.tsx
Agency content
- Hero
src/components/Hero.tsx - Agency overview
src/components/About.tsx - Mission
src/components/Mission.tsx - Services list
src/components/ServicesList.tsx - Gulf port hubs
src/components/Hubs.tsx
Shared shell
- Navigation
src/components/Navbar.tsx - Smooth scrolling
src/components/SmoothScroll.tsx - Contact CTA
src/components/ContactCTA.tsx - Footer
src/components/Footer.tsx
Other components
- Visitor
- Unsplash images
Connections 19
- Visitor → React entry: opens site
- React entry → App router: renders
- App router → Home page: routes to
- App router → Work page: routes to
- App router → About page: routes to
- App router → Contact page: routes to
- App router → Smooth scrolling: wraps content
- App router → Navigation: renders
- App router → Contact CTA: renders
- App router → Footer: renders
- Home page → Hero: renders
- Home page → Agency overview: renders
- Home page → Mission: renders
- Home page → Services list: renders
- Home page → Gulf port hubs: renders
- Agency overview → About page: links to
- Services list → Work page: links to
- Gulf port hubs → Unsplash images: loads images
- Services list → Unsplash images: loads images