How fjmahesa/inmarco-website works
INMARCO’s React frontend presents company information and business services through a routed marketing site. Visitors enter the shared app shell, navigate the home, about, or services pages, and can submit a contact inquiry in the footer. The active home page highlights MICE, consulting, digital ecosystem, and security offerings, plus client and partner logos. The graph reflects visible routing and page composition; source excerpts do not establish deeper service execution or the contact API’s implementation.
Main entry points: HomePage.jsx Home page · App.jsx Router shell · AboutPage.jsx About page · Footer.jsx Contact footer
Components 26
Application shell
- Router shell
src/App.jsx - Navigation
src/components/layout/Navbar.jsx - Contact footer
src/components/layout/Footer.jsx - Reveal animation
src/components/common/FadeInSection.jsx
Routed pages
- Home page
src/pages/HomePage.jsx - About page
src/pages/AboutPage.jsx - Services page
src/pages/ServicesPage.jsx - Not found
src/pages/NotFoundPage.jsx
Business offerings
- Home hero
src/components/sections/home/HeroSection.jsx - Business pillars
src/components/sections/home/BusinessPillarsSection.jsx - MICE services
src/components/sections/home/MiceServicesSection.jsx - Consulting strategy
src/components/sections/home/ConsultingStrategySection.jsx - Digital ecosystem
src/components/sections/home/DigitalEcosystemSection.jsx - Security services
src/components/sections/home/SecurityServicesSection.jsx - Security matrix
src/components/sections/home/SecurityMatrixSection.jsx
Company and trust
- Company brief
src/components/sections/home/AboutUsBrief.jsx - Company profile
src/components/sections/about/AboutUs.jsx - About introduction
src/components/sections/about/AboutHeroSection.jsx - SIO document
src/components/sections/about/SioPdfSection.jsx - Client logos
src/components/sections/home/ClientLogos.jsx - Government logos
src/components/sections/home/PemdaBumdLogos.jsx - Education logos
src/components/sections/home/EducationLogos.jsx - Corporate logos
src/components/sections/home/CorporateLogos.jsx - Instagram feed
src/components/sections/home/InstagramFeed.jsx
Other components
- Site visitor
- Contact API
Connections 24
- Site visitor → Router shell: opens
- Router shell → Navigation: renders
src/App.jsx - Router shell → Contact footer: renders
src/App.jsx - Router shell → Home page: routes to
src/App.jsx - Router shell → About page: routes to
src/App.jsx - Router shell → Services page: routes to
src/App.jsx - Router shell → Not found: routes to
src/App.jsx - Home page → Home hero: renders
src/pages/HomePage.jsx - Home page → Company brief: renders
src/pages/HomePage.jsx - Home page → Business pillars: renders
src/pages/HomePage.jsx - Home page → MICE services: renders
src/pages/HomePage.jsx - Home page → Consulting strategy: renders
src/pages/HomePage.jsx - Home page → Digital ecosystem: renders
src/pages/HomePage.jsx - Home page → Security services: renders
src/pages/HomePage.jsx - Home page → Security matrix: renders
src/pages/HomePage.jsx - Home page → Instagram feed: renders
src/pages/HomePage.jsx - Home page → Client logos: renders
src/pages/HomePage.jsx - Home page → Government logos: renders
src/pages/HomePage.jsx - Home page → Education logos: renders
src/pages/HomePage.jsx - Home page → Corporate logos: renders
src/pages/HomePage.jsx - About page → About introduction: renders
src/pages/AboutPage.jsx - About page → Company profile: renders
src/pages/AboutPage.jsx - About page → SIO document: renders
src/pages/AboutPage.jsx - Contact footer → Contact API: posts inquiry
src/components/layout/Footer.jsx