How olmedo-ux/oda-agency-website works
ODA is a digital-agency showcase website. Visitors enter through the React app, browse agency services and portfolio content, view project details or advice, and can reach the agency through its contact section or WhatsApp action. The sampled app source confirms the routes and rendered sections; the README describes only the React/Vite template, and unsampled component internals limit claims about their interactions.
Main entry points: App.jsx Routes and layout · main.jsx React entry · Services.jsx Services · Navbar.jsx Navigation
Components 17
Application shell
- React entry
src/main.jsx - Routes and layout
src/App.jsx - Navigation
src/components/Navbar.jsx
Agency content
- Landing hero
src/components/Hero.jsx - Services
src/components/Services.jsx - Portfolio
src/components/Portfolio.jsx - Project details
src/components/ProjectDetails.jsx - Testimonials
src/components/Testimonials.jsx - About agency
src/components/About.jsx - Advice articles
src/components/Tips.jsx - Content data
src/data.js
Visitor engagement
- Contact section
src/components/Contact.jsx - WhatsApp action
src/components/WhatsAppButton.jsx - Agency footer
src/components/Footer.jsx
UI utilities
- Scroll reset
src/hooks/ScrollToTop.jsx - Fade-in hook
src/hooks/useFadeIn.js
Other components
- Website visitor
Connections 15
- Website visitor → React entry: opens site
- React entry → Routes and layout: mounts
- Routes and layout → Navigation: renders
- Routes and layout → Landing hero: renders
- Routes and layout → Services: renders
- Routes and layout → Portfolio: renders
- Routes and layout → Testimonials: renders
- Routes and layout → About agency: renders
- Routes and layout → Contact section: renders
- Routes and layout → Project details: routes
- Routes and layout → Advice articles: routes
- Routes and layout → WhatsApp action: renders
- Routes and layout → Agency footer: renders
- Routes and layout → Scroll reset: renders
- Services → Content data: reads services