Wdipl-react/components/vectors/index.tsx

// Vector Components for Hire Talent and Development Pages
export { DeveloperSkillsVector } from './DeveloperSkillsVector';
export { TeamCollaborationVector } from './TeamCollaborationVector';
export { ProjectTimelineVector } from './ProjectTimelineVector';
export { TechStackVisualization } from './TechStackVisualization';

// New page-specific vectors
export { MobileAppVector } from './MobileAppVector';
export { FullStackVector } from './FullStackVector';
export { FrontendVector } from './FrontendVector';
export { BackendVector } from './BackendVector';
export { UIUXVector } from './UIUXVector';
export { QATestingVector } from './QATestingVector';
export { EngagementModelsVector } from './EngagementModelsVector';
export { DashboardVector } from './DashboardVector';

// Vector Usage Guide:
// 
// Each hire talent page now has its own custom vector component:
// - HireMobileAppDevelopers -> MobileAppVector (mobile devices, cross-platform)
// - HireFullStackDevelopers -> FullStackVector (frontend + backend integration)
// - HireFrontendDevelopers -> FrontendVector (UI components, browser interface)
// - HireBackendDevelopers -> BackendVector (servers, databases, APIs)
// - HireUIUXDesigners -> UIUXVector (design tools, user journey)
// - HireQAEngineers -> QATestingVector (testing dashboard, automation tools)
// - DedicatedDevelopmentTeams -> TeamCollaborationVector (team interaction)
// - EngagementModels -> EngagementModelsVector (business models, decision factors)
// - TeamAugmentationServices -> DeveloperSkillsVector (skills augmentation)
// - Default fallback -> DashboardVector (modern dashboard interface)
//
// To use vectors in HireTalentHeroBanner:
// <HireTalentHeroBanner vectorComponent={MobileAppVector} ... />
//
// Vectors are designed to be:
// - Responsive and scalable
// - Consistent with WDI brand colors (#E5195E, gradients)
// - Animated with Motion (Framer Motion)
// - Accessible and semantic
// - Performance optimized