Overview
Plugin Agency is a responsive single-page application designed for a digital agency specializing in web development, branding, automation, and digital solutions. This documentation covers the complete architecture, components, and deployment guide for the project.Quick Start
Get the project running locally in under 5 minutes
Installation Guide
Complete setup instructions with dependencies and environment variables
Component Reference
Explore all React components with props and usage examples
API Documentation
Backend API endpoints for contact form and email functionality
Key Features
Plugin Agency includes modern features designed for professional agency websites:Video Hero Background
Dynamic video background with overlay content for visual impact
Contact Form Integration
Nodemailer-powered email delivery with reCAPTCHA spam protection
Responsive Design
Mobile-first approach with hamburger navigation and adaptive layouts
Calendly Integration
Embedded scheduling widget for seamless appointment booking
Analytics Ready
Vercel Analytics integration for traffic insights
Modern Stack
Built with React 19, Vite 7, and vanilla CSS for maximum performance
Tech Stack
- Frontend: React 19.2 with modern hooks and component architecture
- Build Tool: Vite 7.2.4 for lightning-fast development and optimized builds
- Styling: Vanilla CSS with CSS variables, Flexbox, and Grid
- Backend API: Node.js serverless functions with Nodemailer
- Security: Google reCAPTCHA v2 for form protection
- Icons: Lucide React for scalable vector icons
- Linting: ESLint 9.39.1 with React-specific rules
Live Demo
Visit the production site at plugin.uy to see the application in action.Documentation Structure
Get Started
Setup and quickstart guide
Components
11 React components documented
Guides
Deployment and configuration