Migrate to Chi router and add Norwegian Devigo demo

Major improvements: - Replace Gorilla Mux with Chi v5 router for better performance and cleaner code - Fix CSS/JS MIME type issues that prevented proper asset loading - Add built-in CORS middleware replacing manual OPTIONS handlers - Simplify routing with nested route syntax - Update URL parameter extraction from mux.Vars to chi.URLParam New Devigo demo: - Add production Norwegian sales training website (devigo.no) - Real-world Hugo-generated content with TailwindCSS - 39 insertr-enhanced elements for comprehensive CMS testing - Demonstrates international language support and B2B use cases - Fixed asset paths for localhost serving compatibility Technical benefits: - Automatic MIME type detection for static files - Reduced code complexity with built-in middleware - Better performance with lighter dependency stack - Production-ready CORS handling
2025-09-17 13:34:36 +02:00
parent 12c6ec8048
commit cd202ebb1d
87 changed files with 7737 additions and 71 deletions
--- a/demos/devigo-web/README.md
+++ b/demos/devigo-web/README.md
@@ -0,0 +1,174 @@
+# Devigo - Real Norwegian Sales Training Website Demo
+
+## Overview
+The actual Devigo website showcasing Norwegian sales training services, now enhanced with Insertr for content management. This is a real production website built with Hugo and styled with TailwindCSS.
+
+## Demo URL
+Production site: https://devigo.no/
+Source: Hugo-generated static site from `/home/fitz/devigo-web`
+
+## Site Characteristics
+- **Language**: Norwegian (Norsk)
+- **Industry**: Sales training and development
+- **Framework**: Hugo static site generator with TailwindCSS
+- **Content Type**: Sales courses, training programs, testimonials
+- **Complexity**: Medium - professional sales training business site
+- **Original Build**: Hugoplate theme with custom Norwegian content
+- **Demo Adaptations**: Removed production base href and hardcoded URLs for localhost compatibility
+
+## Insertr Enhancement Status
+- [x] Content sections identified
+- [x] Insertr classes added to key elements
+- [x] Norwegian language content
+- [x] Business-focused content types
+- [x] Production-ready structure
+- [x] Responsive design maintained
+
+## Features Demonstrated
+
+### 1. **Norwegian Language Content**
+- Native Norwegian text throughout
+- Professional business terminology
+- Cultural context and local market focus
+
+### 2. **Business Content Types**
+- **Service descriptions** - Editable service offerings
+- **Company information** - About section with stats
+- **Contact details** - Phone, email, address
+- **Testimonials** - Client feedback and quotes
+- **Call-to-action buttons** - Lead generation elements
+
+### 3. **Professional Layout**
+- **Hero section** with value proposition
+- **Services grid** with icon-based cards
+- **About section** with company stats
+- **Testimonials** with client quotes
+- **Contact section** with multiple contact methods
+- **Footer** with organized links
+
+## Enhanced Elements (39 insertr classes → 51 enhanced items)
+
+### Navigation & Branding
+- Navigation links: "Kurs og Utvikling", "Om oss", "Referanser", "Kontakt"
+- CTA buttons: "selg mer!" (call-to-action)
+
+### Hero Section
+- Main headline: "Closing skjer før start"
+- Value proposition: "Vår tjeneste er å sørge for at dine selgere yter sitt beste. Så selger du mer!"
+- Action buttons: "Kontakt oss", "Les mer"
+
+### Training Services
+- **Kurs for nye selgere** - New sales training program
+- **Selgerutvikling** - Sales development services  
+- **Emnekurs** - Subject-specific courses
+- Feature lists and benefit descriptions
+
+### About Section
+- Company background and history
+- **Patric Rustan** - Founder profile and bio
+- Company values and approach
+
+### Testimonials
+- Client testimonials section
+- Customer quotes and attributions
+- Social proof elements
+
+### Contact Section
+- Contact form with Norwegian labels
+- Form fields: "Navn", "Epost", "Noe mer?"
+- Submit button: "Send"
+
+### Footer
+- Social media links (Facebook, LinkedIn)
+- Developer credit: "Utviklet og levert av Joakim Schäffer"
+
+## Technical Implementation
+
+### Content Type Distribution
+- **Text elements**: 25+ (headings, labels, contact info)
+- **Markdown elements**: 15+ (descriptions, testimonials, paragraphs)
+- **Link elements**: 8+ (navigation, CTAs, footer links)
+
+### CSS Framework
+- Modern CSS Grid and Flexbox
+- CSS Custom Properties (variables)
+- Responsive design with mobile-first approach
+- Professional color scheme with Norwegian design sensibilities
+
+### Asset Structure
+```
+assets/
+├── style.css          # Main stylesheet
+└── images/            # Placeholder images
+    ├── devigo-logo.svg
+    ├── hero-illustration.svg
+    ├── strategy-icon.svg
+    ├── tech-icon.svg
+    ├── org-icon.svg
+    └── team-photo.jpg
+```
+
+## Demo Commands
+
+```bash
+# Start unified insertr server (serves all demos)
+just dev
+
+# Or enhance devigo demo specifically  
+just enhance-devigo
+
+# Visit demo at:
+# http://localhost:8080/sites/devigo-web/
+```
+
+## Testing Scenarios
+
+### 1. **Content Editing**
+- Edit service descriptions for different market positioning
+- Update contact information for new office locations
+- Modify testimonials and client names
+- Change company statistics and achievements
+
+### 2. **Marketing Updates**
+- Update value propositions in hero section
+- Modify service offerings and descriptions
+- Change call-to-action button text
+- Update company messaging
+
+### 3. **Localization Testing**
+- Norwegian content editing
+- Business terminology updates
+- Cultural context modifications
+
+## Production Use Case
+This demo represents a real client website structure, demonstrating how Insertr can be used in production environments for:
+
+- **Client content management** - Allow clients to update their own content
+- **Marketing campaigns** - Quick updates to messaging and CTAs
+- **Service evolution** - Easy updates as services evolve
+- **Contact information** - Address, phone, email updates
+- **Team changes** - Staff updates and bio modifications
+
+## Key Insights
+
+### What Works Well
+1. **Professional content** - Real business language and context
+2. **Norwegian language** - Demonstrates international/multilingual support
+3. **Service-focused content** - B2B consulting industry specifics
+4. **Production structure** - Realistic website architecture
+5. **Client workflow** - Typical client content management needs
+
+### Business Value
+- **Reduced client dependency** - Clients can update content independently
+- **Faster iteration** - No developer needed for content changes
+- **Better client satisfaction** - Immediate content control
+- **Maintenance efficiency** - Reduced support tickets for content updates
+
+## Files
+- `index.html` - Main website with insertr classes
+- `assets/style.css` - Professional Norwegian website styles
+- `assets/images/` - Placeholder images for logos and illustrations
+- `insertr.yaml` - Configuration for Norwegian consulting demo
+- `README.md` - This documentation
+
+This demo showcases Insertr's production readiness with real-world business content in Norwegian, demonstrating international support and professional service industry applications.