Staff Stack is a comprehensive offshore staffing company website that connects businesses with top Filipino talent, offering dedicated remote teams across IT development, customer service, and administration at significant cost savings.
Tech Stack
- Framework: Next.js 15 with App Router and Turbopack
- Styling: Tailwind CSS v4 with shadcn/ui components
- Animations: Framer Motion for smooth interactions
- Forms: React Hook Form with Zod validation
- Email: Resend API for contact forms and communications
- Charts: Recharts for data visualization
- Icons: Lucide React and Tabler Icons
- Code Quality: Biome for linting and formatting
- Type Safety: Full TypeScript implementation
Core Features
Service Offerings
- IT Development: Remote developers and technical teams
- Customer Service: Contact center and support staff
- Administration: Virtual assistants and office management
- Human Resources: HR outsourcing and recruitment support
Industry Solutions
- Hospitality: Specialized staffing for hotels and restaurants
- Real Estate: Property management and sales support
- Administration: Back-office operations and data processing
- Technology: Software development and IT support teams
Staffing Models
- Office-Based: Dedicated teams in Philippine offices
- Home-Based: Remote workers from home setups
- Hybrid: Flexible combination of office and remote work
Location Coverage
- Manila: Main operations hub
- Cebu: Secondary office location
- Davao: Regional presence
Website Architecture
Multi-Page Structure
- 30+ pages: Comprehensive content covering all services and information
- Service Pages: Detailed descriptions of each offering
- Industry Pages: Tailored solutions for specific sectors
- Location Pages: Information about Philippine offices
- Information Pages: FAQ, blog, testimonials, and resources
User Experience
- Server Components: Optimized for SEO and performance
- Responsive Design: Mobile-first approach
- Dark Mode Support: Theme switching with next-themes
- Contact Forms: Multi-field forms with validation
- Interactive Elements: Smooth animations and transitions
Content Management
- Blog System: Dynamic blog with individual post pages
- Testimonials: Client success stories and reviews
- FAQ Section: Comprehensive questions and answers
- Team Builder: Interactive tool for team composition
Business Focus
Value Proposition
- 60% Cost Savings: Compared to local hiring
- Pre-screened Talent: Vetted professionals ready to work
- Dedicated Teams: Full-time staff working exclusively for clients
- Full Support: HR, payroll, and administrative handling
Process Flow
- Define Requirements: Client specifies needs
- Recruit Candidates: Staff Stack sources talent
- Client Selection: Choose from shortlisted candidates
- Onboard Team: Seamless integration process
Technical Implementation
Performance Optimizations
- Turbopack: Fast development builds
- Server-First Rendering: SEO-optimized pages
- Code Splitting: Optimized bundle sizes
- Image Optimization: Next.js Image component
Development Workflow
- pnpm: Fast, efficient package management
- Biome: Consistent code formatting and linting
- TypeScript: Full type safety throughout
- Component Library: Reusable shadcn/ui components
Current Status
The website is actively being developed with core functionality complete. Focus areas include expanding service pages, adding more client testimonials, and implementing advanced contact management features for lead generation and client onboarding.