Add production configuration, design system styles, and example documentation

- Created a new production configuration file `_config_production.yml` for deployment settings.
- Added a new CSS file `design-system.css` implementing the PivotPHP design system with variables and styles.
- Updated the head include to link the new design system CSS.
- Modified the home layout to enhance the display of performance statistics with new card styles.
- Updated the benchmarks layout to include Chart.js for visual representation of data.
- Refactored JavaScript for benchmark charts to use a bar chart instead of a horizontal bar chart.
- Enhanced language routing for Portuguese translations in `language-routes.js`.
- Created a new examples page `index.md` showcasing various code examples and applications built with PivotPHP.

Author: code-cfernandes

404.md

@@ -0,0 +1,32 @@
+---
+layout: default
+title: Page Not Found
+permalink: /404.html
+---
+
+<div style="text-align: center; padding: 4rem 0;">
+    <h1 style="font-size: 6rem; margin-bottom: 1rem;">404</h1>
+    <h2>Page Not Found</h2>
+    <p style="font-size: 1.25rem; color: var(--pivot-gray); margin-bottom: 2rem;">
+        The page you're looking for seems to have pivoted away.
+    </p>
+    
+    <div style="margin: 3rem 0;">
+        <a href="{{ '/' | relative_url }}" class="btn btn-primary">
+            ← Back to Home
+        </a>
+        <a href="{{ '/docs/' | relative_url }}" class="btn btn-secondary" style="margin-left: 1rem;">
+            View Documentation
+        </a>
+    </div>
+    
+    <div style="margin-top: 4rem;">
+        <p>Were you looking for:</p>
+        <ul style="list-style: none; padding: 0; line-height: 2;">
+            <li><a href="{{ '/docs/quickstart/' | relative_url }}">Quick Start Guide</a></li>
+            <li><a href="{{ '/docs/installation/' | relative_url }}">Installation</a></li>
+            <li><a href="{{ '/examples/' | relative_url }}">Code Examples</a></li>
+            <li><a href="{{ site.github_url }}/pivotphp-core" target="_blank">GitHub Repository</a></li>
+        </ul>
+    </div>
+</div>

CHECK_LINKS.md

@@ -0,0 +1,135 @@
+# Website Link Verification Report
+
+## ✅ Design Identity Compliance
+
+### Colors (seguindo DESIGN_IDENTITY.html)
+- ✅ `--pivot-primary: #7C3AED` (Electric Purple)
+- ✅ `--pivot-secondary: #EC4899` (Magenta Pink)  
+- ✅ `--pivot-accent: #06B6D4` (Cyan)
+- ✅ `--pivot-dark: #0F172A` (Deep Blue Black)
+- ✅ `--pivot-gray: #64748B` (Neutral Gray)
+- ✅ `--pivot-light: #F8FAFC` (Off White)
+
+### Typography
+- ✅ Font Display: Inter
+- ✅ Font Mono: JetBrains Mono
+
+### Logo Files
+- ✅ `/assets/images/pivotphp-logo.svg` - Logo principal colorido
+- ✅ `/assets/images/pivotphp-logo-mono.svg` - Logo monocromático
+- ✅ `/assets/images/pivotphp-logo-white.svg` - Logo branco
+- ✅ `/assets/images/pivotphp-wordmark.svg` - Logo com texto
+- ✅ `/assets/images/favicon.ico` - Favicon
+
+## 🔗 Navigation Links
+
+### Main Navigation
+- ✅ Home: `/`
+- ✅ Documentation: `/docs/`
+- ✅ GitHub: `https://github.com/pivotphp` (external)
+
+### Documentation Structure
+```
+/docs/
+├── Getting Started
+│   ├── Introduction (index.md)
+│   ├── Why PivotPHP? (why-pivotphp.md)
+│   ├── Installation (installation.md)
+│   ├── Quick Start (quickstart.md)
+│   └── Configuration (configuration.md)
+├── Core Concepts
+│   ├── Routing (routing.md)
+│   ├── Middleware (middleware.md)
+│   ├── Requests & Responses (requests-responses.md)
+│   └── Service Container (container.md)
+├── Features
+│   ├── Security (security.md)
+│   ├── Events (events.md)
+│   ├── Validation (validation.md)
+│   └── Database (database.md)
+└── Advanced
+    ├── Service Providers (providers.md)
+    ├── Testing (testing.md)
+    ├── Deployment (deployment.md)
+    └── Performance Benchmarks (benchmarks.md)
+```
+
+## ⚠️ Potential Issues
+
+### 1. Base URL Configuration
+- Current: `baseurl: "/website"`
+- This means all links will be prefixed with `/website/`
+- For production deployment, this should be updated or removed
+
+### 2. Missing Pages/Links
+- `/examples/` - Referenced in footer but no examples directory exists
+- Social media links may need actual accounts created
+
+### 3. External Resources
+- GitHub organization: `https://github.com/pivotphp`
+- Packagist: `https://packagist.org/packages/pivotphp/core`
+- These need to be verified/created
+
+## 🔧 Recommendations
+
+### 1. Update _config.yml for production:
+```yaml
+url: "https://pivotphp.com"  # or actual domain
+baseurl: ""  # Remove /website for production
+```
+
+### 2. Create missing content:
+- Add `/examples/` directory with code examples
+- Add API reference documentation
+- Add migration guides from other frameworks
+
+### 3. Social Media Setup:
+- Create Twitter/X account: @pivotphp
+- Create LinkedIn company page
+- Setup Facebook page (if needed)
+
+### 4. SEO Optimization:
+- Add meta descriptions to all pages
+- Implement structured data
+- Create sitemap.xml
+- Add robots.txt
+
+### 5. Performance:
+- Optimize images (use WebP format)
+- Implement lazy loading for charts
+- Minify CSS/JS for production
+- Enable caching headers
+
+## ✅ Visual Consistency
+
+All pages follow the DESIGN_IDENTITY guidelines:
+- Gradient text for headings
+- Consistent color scheme
+- Proper typography hierarchy
+- Responsive design patterns
+- Modern, clean aesthetic
+
+## 📱 Mobile Responsiveness
+
+CSS includes mobile-specific styles:
+- `mobile.css`
+- `mobile-overrides.css`
+- Responsive grid layouts
+- Touch-friendly navigation
+
+## 🚀 Ready for Launch Checklist
+
+- [ ] Update baseurl in _config.yml
+- [ ] Create /examples/ content
+- [ ] Setup social media accounts
+- [ ] Register domain name
+- [ ] Configure SSL certificate
+- [ ] Setup analytics (Google Analytics, etc.)
+- [ ] Create 404 page
+- [ ] Test all documentation links
+- [ ] Optimize all images
+- [ ] Run accessibility audit
+- [ ] Test on multiple browsers
+- [ ] Setup GitHub Pages or hosting
+- [ ] Configure custom domain
+- [ ] Submit to search engines