Files
insertr/demos/devigo-web
Joakim cd202ebb1d 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
..

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

  • Content sections identified
  • Insertr classes added to key elements
  • Norwegian language content
  • Business-focused content types
  • Production-ready structure
  • 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"
  • 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

# 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.