How maridebahiru/mycompany works
This is a React portfolio and lead-generation website for Marcom Engineering. A visitor explores the company, services, project work, and testimonials; selecting a service or project routes them to the contact section with an inquiry subject. The main composition and the Services data/callback path are supported by sampled source. Other section connections follow their explicit use in App; unsampled component internals and the separate portfolio/technology presentation modules are not assumed to be wired into that workflow.
Main entry points: App.tsx App · Services.tsx Services · ProjectModal.tsx Project modal · main.tsx React entry
Components 16
Page composition
- React entry
src/main.tsx - App
src/App.tsx
Company content
- Navigation
src/components/Navbar.tsx - Hero
src/components/Hero.tsx - About
src/components/About.tsx - Services
src/components/Services.tsx - Portfolio
src/components/Portfolio.tsx - Testimonials
src/components/Testimonials.tsx - Footer
src/components/Footer.tsx - Company data
src/data/companyData.ts - Portfolio hero
src/components/PortfolioHero/PortfolioHero.tsx - Technology portal
src/components/TechPortal/TechPortal.tsx
Inquiry flow
- Project modal
src/components/ProjectModal.tsx - Contact section
src/components/Contact.tsx
Visual interaction
- Motion components
src/components/motion/index.ts
Other components
- Site visitor
Connections 18
- Site visitor → React entry: opens site
- React entry → App: renders
- App → Navigation: renders
- App → Hero: renders
- App → About: renders
- App → Services: renders
- App → Portfolio: renders
- App → Testimonials: renders
- App → Contact section: renders
- App → Footer: renders
- App → Project modal: renders
- Services → Company data: reads services
- Services → App: selects service
- Portfolio → App: selects project
- App → Project modal: passes selection
- Project modal → App: requests inquiry
- App → Contact section: sets subject
- App → Motion components: uses effects