How mvddmn/aidance-web works
Aidance is a digital-marketing brand portfolio site. The browser entry renders a single page of service, portfolio, process, about, testimonial, and contact sections; visitors can browse the agency’s work and submit a contact inquiry. The contact form manages state, checks for spam, validates input, and sends an email. The graph preserves the documented page branches and sampled rendering helpers; unsampled section internals and email-provider wiring are not inferred.
Main entry points: App.tsx Page composition · Services.tsx Services · ContactForm.tsx Contact form · Portfolio.tsx Portfolio
Components 23
Page experience
- React entry
src/main.tsx - Page composition
src/App.tsx - Page layout
src/components/layout/PageLayout.tsx - Navigation
src/components/layout/Navbar.tsx
Content sections
- Services
src/components/sections/Services.tsx - Service catalogue
src/data/services.ts - Portfolio
src/components/sections/Portfolio.tsx - Portfolio entries
src/data/portfolio.ts - Process
src/components/sections/Process.tsx - Process steps
src/data/process.ts - About
src/components/sections/About.tsx - Company details
src/data/company.ts - Testimonials
src/components/sections/Testimonials.tsx
Presentation
- Service card
src/components/services/ServiceCard.tsx - Portfolio card
src/components/portfolio/PortfolioCard.tsx - Section wrapper
src/components/common/Section.tsx - Section heading
src/components/common/Heading.tsx
Contact inquiry
- Contact section
src/components/sections/Contact.tsx - Contact form
src/components/contact/ContactForm.tsx - Form state
src/hooks/useContactForm.ts - Form validation
src/utils/validator.ts - Email sender
src/services/email.ts
Other components
- Site visitor
Connections 22
- Site visitor → React entry: opens site
- React entry → Page composition: renders
src/main.tsx - Page composition → Page layout: wraps page
src/App.tsx - Page composition → Services: renders
src/App.tsx - Page composition → Portfolio: renders
src/App.tsx - Page composition → Process: renders
src/App.tsx - Page composition → About: renders
src/App.tsx - Page composition → Testimonials: renders
src/App.tsx - Page composition → Contact section: renders
src/App.tsx - Page layout → Navigation: renders
src/components/layout/PageLayout.tsx - Services → Service catalogue: maps data
src/components/sections/Services.tsx - Services → Service card: renders
src/components/sections/Services.tsx - Portfolio → Portfolio entries: reads data
src/components/sections/Portfolio.tsx - Portfolio → Portfolio card: renders
src/components/sections/Portfolio.tsx - Process → Process steps: reads data
src/components/sections/Process.tsx - About → Company details: reads data
src/components/sections/About.tsx - Services → Section wrapper: uses
src/components/sections/Services.tsx - Services → Section heading: renders
src/components/sections/Services.tsx - Contact section → Contact form: renders
src/components/sections/Contact.tsx - Contact form → Form state: manages state
src/components/contact/ContactForm.tsx - Contact form → Form validation: validates input
src/components/contact/ContactForm.tsx - Contact form → Email sender: sends inquiry
src/components/contact/ContactForm.tsx