How manohar8269/bytes-cyber works
Bytes Cyber Security is a React marketing site for a cybersecurity services business. Visitors navigate company, service, training, research, and careers pages, then can reach Contact to submit an inquiry; the sampled Contact code shows local form state, not a submission backend. App owns page selection and shared layout, while navigation controls invoke its callback. Services highlights assessment coverage and an engagement process. Other page content is represented by the tree and excerpts, so their internal wiring is left unspecified.
Main entry points: App.jsx Page coordinator · Services.jsx Security services · Home.jsx Home · CTA.jsx Call to action
Components 17
Application shell
- React entry
src/main.jsx - Page coordinator
src/App.jsx - Navigation
src/components/Navbar.jsx - Footer links
src/components/Footer.jsx
Services and training
- Home
src/pages/Home.jsx - Security services
src/pages/Services.jsx - Training
src/pages/Training.jsx - Contact inquiry
src/pages/Contact.jsx - Service cards
src/components/ServiceCard.jsx - Engagement timeline
src/components/ProcessTimeline.jsx
Company and resources
- About
src/pages/About.jsx - Research and blog
src/pages/Blog.jsx - Careers
src/pages/Careers.jsx
Shared presentation
- Cyber background
src/components/CyberGrid.jsx - Call to action
src/components/CTA.jsx - Action button
src/components/GlowButton.jsx
Other components
- Visitor
Connections 26
- React entry → Page coordinator: mounts
- Page coordinator → Navigation: renders
- Page coordinator → Footer links: renders
- Page coordinator → Cyber background: renders
- Page coordinator → Home: renders selected
- Page coordinator → About: renders selected
- Page coordinator → Security services: renders selected
- Page coordinator → Training: renders selected
- Page coordinator → Research and blog: renders selected
- Page coordinator → Careers: renders selected
- Page coordinator → Contact inquiry: renders selected
- Visitor → Navigation: selects page
- Visitor → Footer links: selects page
- Navigation → Page coordinator: calls navigate
- Footer links → Page coordinator: calls navigate
- Home → Action button: renders
- Home → Call to action: renders
- Home → Page coordinator: navigates to contact
- Security services → Service cards: renders
- Security services → Engagement timeline: renders
- Security services → Call to action: renders
- Security services → Page coordinator: navigates via callback
- Careers → Call to action: renders
- Careers → Page coordinator: navigates via callback
- Call to action → Page coordinator: calls navigate
- Visitor → Contact inquiry: enters inquiry