insertr/demos/devigo-web/README.md

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