Initial commit: Complete multilingual website with translation system

.gitignore

@@ -0,0 +1,156 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+pip-wheel-metadata/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+.python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# OS
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Docker
+.dockerignore
+
+# Logs
+*.log
+logs/
+
+# Temporary files
+*.tmp
+*.temp 

Dockerfile

@@ -0,0 +1,12 @@
+FROM python:3.11-slim
+
+WORKDIR /app
+
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY . .
+
+EXPOSE 5000
+
+CMD ["python", "app.py"] 

README.md

@@ -0,0 +1,160 @@
+# Kobelly Web Solutions
+
+A professional Flask-based website for promoting small business web development services. Features multilanguage support (English, Dutch, French, German) and is fully dockerized for easy deployment.
+
+## Features
+
+- 🌐 **Multilanguage Support**: English (EN), Dutch (NL), French (FR), German (DE)
+- 📱 **Responsive Design**: Modern, mobile-friendly interface
+- 🎨 **Professional UI**: Clean, modern design with Bootstrap 5
+- 🐳 **Docker Support**: Easy containerization and deployment
+- ⚡ **Fast Performance**: Optimized for speed and performance
+- 🔧 **No Database Required**: Simple, lightweight setup
+
+## Pages
+
+- **Home**: Hero section, features, and service overview
+- **Services**: Detailed service offerings with pricing information
+- **About**: Company story, team, and values
+- **Contact**: Contact form and business information
+
+## Quick Start
+
+### Local Development (Recommended)
+
+1. **Install Python dependencies:**
+   ```bash
+   pip install -r requirements.txt
+   ```
+
+2. **Run the application:**
+   ```bash
+   python app.py
+   ```
+
+3. **Access the website:**
+   Open your browser and go to `http://localhost:5000`
+
+### Docker Deployment
+
+1. **Build and run with Docker Compose:**
+   ```bash
+   docker-compose up --build
+   ```
+
+2. **Or build and run manually:**
+   ```bash
+   docker build -t kobelly-website .
+   docker run -p 5000:5000 kobelly-website
+   ```
+
+## Project Structure
+
+```
+Kobelly/
+├── app.py                 # Main Flask application
+├── requirements.txt       # Python dependencies
+├── Dockerfile            # Docker configuration
+├── docker-compose.yml    # Docker Compose configuration
+├── babel.cfg             # Babel configuration for translations
+├── templates/            # HTML templates
+│   ├── base.html         # Base template with navigation
+│   ├── index.html        # Homepage
+│   ├── services.html     # Services page
+│   ├── about.html        # About page
+│   └── contact.html      # Contact page
+└── translations/         # Translation files
+    ├── en/LC_MESSAGES/messages.po
+    ├── nl/LC_MESSAGES/messages.po
+    ├── fr/LC_MESSAGES/messages.po
+    └── de/LC_MESSAGES/messages.po
+```
+
+## Multilanguage Support
+
+The website supports four languages:
+- 🇺🇸 **English** (EN) - Default
+- 🇳🇱 **Dutch** (NL)
+- 🇫🇷 **French** (FR)
+- 🇩🇪 **German** (DE)
+
+Users can switch languages using the language selector in the navigation bar. The language preference is stored in the session.
+
+## Customization
+
+### Content Updates
+
+1. **Text Content**: Edit the HTML templates in the `templates/` directory
+2. **Translations**: Update the `.po` files in the `translations/` directory
+3. **Styling**: Modify the CSS in `templates/base.html`
+
+### Adding New Pages
+
+1. Add a new route in `app.py`
+2. Create a new template file in `templates/`
+3. Add navigation link in `templates/base.html`
+
+### Updating Translations
+
+1. Extract translatable strings:
+   ```bash
+   pybabel extract -F babel.cfg -o messages.pot .
+   ```
+
+2. Update translation files:
+   ```bash
+   pybabel update -i messages.pot -d translations
+   ```
+
+3. Compile translations:
+   ```bash
+   pybabel compile -d translations
+   ```
+
+## Configuration
+
+### Environment Variables
+
+- `SECRET_KEY`: Secret key for Flask sessions (default: 'your-secret-key-change-in-production')
+- `FLASK_ENV`: Flask environment (development/production)
+
+### Production Deployment
+
+For production deployment:
+
+1. Set a strong `SECRET_KEY`
+2. Disable debug mode
+3. Use a production WSGI server (e.g., Gunicorn)
+4. Set up proper SSL/TLS certificates
+5. Configure a reverse proxy (e.g., Nginx)
+
+## Technologies Used
+
+- **Backend**: Flask 2.3.3
+- **Frontend**: Bootstrap 5, Font Awesome
+- **Internationalization**: Flask-Babel
+- **Containerization**: Docker, Docker Compose
+- **Styling**: Custom CSS with CSS variables
+
+## Browser Support
+
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
+- Mobile browsers (iOS Safari, Chrome Mobile)
+
+## License
+
+This project is created for demonstration purposes. Feel free to use and modify for your own business needs.
+
+## Support
+
+For questions or support, please contact:
+- Email: info@kobelly.com
+- Phone: +32 486 21 07 07
+- Address: Blijkheerstraat 92, 1755 Pajottegem, Belgium
+
+---
+
+**Kobelly Web Solutions** - Professional web development for small businesses and entrepreneurs. 

app.py

@@ -0,0 +1,94 @@
+from flask import Flask, render_template, request, session, redirect, url_for, make_response
+from translation_manager import init_app, translate, get_current_language, create_language_selector, set_language
+import os
+from datetime import datetime
+from xml.etree import ElementTree as ET
+
+app = Flask(__name__)
+app.secret_key = os.environ.get('SECRET_KEY', 'your-secret-key-change-in-production')
+
+# Initialize the translation system
+init_app(app)
+
+# Context processor to make variables available in templates
+@app.context_processor
+def inject_conf_var():
+    return dict(
+        translate=translate,
+        get_current_language=get_current_language,
+        create_language_selector=create_language_selector,
+        t=translate,  # Short alias
+        current_year=datetime.now().year
+    )
+
+def generate_sitemap():
+    """Generate XML sitemap for the website"""
+    root = ET.Element("urlset")
+    root.set("xmlns", "http://www.sitemaps.org/schemas/sitemap/0.9")
+    
+    # Define the main pages with their priorities and change frequencies
+    pages = [
+        {'url': '/', 'priority': '1.0', 'changefreq': 'weekly'},
+        {'url': '/services', 'priority': '0.9', 'changefreq': 'monthly'},
+        {'url': '/about', 'priority': '0.8', 'changefreq': 'monthly'},
+        {'url': '/contact', 'priority': '0.7', 'changefreq': 'monthly'},
+        {'url': '/portfolio', 'priority': '0.8', 'changefreq': 'weekly'},
+    ]
+    
+    base_url = "https://kobelly.com"  # Change this to your actual domain
+    
+    for page in pages:
+        url_elem = ET.SubElement(root, "url")
+        loc = ET.SubElement(url_elem, "loc")
+        loc.text = base_url + page['url']
+        
+        lastmod = ET.SubElement(url_elem, "lastmod")
+        lastmod.text = datetime.now().strftime("%Y-%m-%d")
+        
+        changefreq = ET.SubElement(url_elem, "changefreq")
+        changefreq.text = page['changefreq']
+        
+        priority = ET.SubElement(url_elem, "priority")
+        priority.text = page['priority']
+    
+    return ET.tostring(root, encoding='unicode', method='xml')
+
+@app.route('/sitemap.xml')
+def sitemap():
+    """Serve the XML sitemap"""
+    sitemap_xml = generate_sitemap()
+    response = make_response(sitemap_xml)
+    response.headers["Content-Type"] = "application/xml"
+    return response
+
+@app.route('/')
+def index():
+    print("Current language in index:", get_current_language())
+    return render_template('index.html')
+
+@app.route('/services')
+def services():
+    return render_template('services.html')
+
+@app.route('/contact')
+def contact():
+    return render_template('contact.html')
+
+@app.route('/about')
+def about():
+    return render_template('about.html')
+
+@app.route('/portfolio')
+def portfolio():
+    return render_template('portfolio.html')
+
+@app.route('/set_language/<language>')
+def set_language_route(language):
+    """Set the language and redirect back to the previous page"""
+    if set_language(language):
+        # Redirect back to the referring page or home
+        return redirect(request.referrer or url_for('index'))
+    return redirect(url_for('index'))
+
+if __name__ == '__main__':
+    app.run(debug=True, host='0.0.0.0', port=5000) 

docker-compose.yml

@@ -0,0 +1,13 @@
+version: '3.8'
+
+services:
+  web:
+    build: .
+    ports:
+      - "5000:5000"
+    environment:
+      - FLASK_ENV=development
+      - SECRET_KEY=your-secret-key-change-in-production
+    volumes:
+      - .:/app
+    restart: unless-stopped 

example_usage.md

@@ -0,0 +1,167 @@
+# JSON-Based Translation System for Kobelly
+
+## 🎉 Benefits of This System
+
+✅ **No compilation needed** - Just edit JSON files directly  
+✅ **Edit English without breaking translations** - Each language is independent  
+✅ **Simple and lightweight** - No complex dependencies  
+✅ **Real-time updates** - Changes appear immediately after restart  
+✅ **Easy to maintain** - Clear JSON structure  
+
+## 📁 File Structure
+
+```
+translations/
+├── en.json    # English translations
+├── de.json    # German translations  
+├── fr.json    # French translations
+└── nl.json    # Dutch translations
+```
+
+## 🔧 How to Use
+
+### 1. In Templates
+
+Replace Babel syntax with the new system:
+
+**Old (Babel):**
+```html
+<h1>{{ _('Welcome to Kobelly Web Solutions') }}</h1>
+<p>{{ _('We create stunning, modern websites') }}</p>
+```
+
+**New (JSON-based):**
+```html
+<h1>{{ translate('Welcome to Kobelly Web Solutions') }}</h1>
+<p>{{ translate('We create stunning, modern websites') }}</p>
+
+<!-- Or use the short alias -->
+<h1>{{ t('Welcome to Kobelly Web Solutions') }}</h1>
+<p>{{ t('We create stunning, modern websites') }}</p>
+```
+
+### 2. Adding New Translations
+
+1. **Add the string to your template:**
+```html
+<h2>{{ t('New Section Title') }}</h2>
+```
+
+2. **Add it to the translation files:**
+```json
+// translations/en.json
+{
+  "New Section Title": "New Section Title"
+}
+
+// translations/de.json  
+{
+  "New Section Title": "Neuer Abschnittstitel"
+}
+```
+
+3. **Restart your Flask app** - Changes appear immediately!
+
+### 3. Language Switching
+
+The system automatically detects language from:
+- URL parameter: `?lang=de`
+- Session storage
+- Browser preferences
+
+**Manual language switching:**
+```html
+<a href="?lang=en">English</a>
+<a href="?lang=de">Deutsch</a>
+<a href="?lang=fr">Français</a>
+<a href="?lang=nl">Nederlands</a>
+```
+
+**Or use the built-in selector:**
+```html
+{{ create_language_selector() | safe }}
+```
+
+## 🛠️ Management Scripts
+
+### Extract New Strings
+```bash
+python extract_translations.py
+```
+
+### Clean Translation Files
+```bash
+python clean_translations.py
+```
+
+### Add New Language
+1. Add language code to `SUPPORTED_LANGUAGES` in `translation_manager.py`
+2. Create `translations/[lang].json`
+3. Add translations
+
+## 📝 Example Translation File
+
+```json
+{
+  "Home": "Home",
+  "Services": "Services", 
+  "About": "About",
+  "Contact": "Contact",
+  "Welcome to Kobelly Web Solutions": "Welcome to Kobelly Web Solutions",
+  "We create stunning, modern websites that drive results": "We create stunning, modern websites that drive results"
+}
+```
+
+## 🔄 Migration from Babel
+
+1. **Replace template syntax:**
+   - `{{ _('text') }}` → `{{ t('text') }}`
+   - `{{ gettext('text') }}` → `{{ translate('text') }}`
+
+2. **Remove Babel dependencies:**
+   - Remove `Flask-Babel` from requirements.txt
+   - Remove `babel.cfg`
+
+3. **Update app.py:**
+   - Remove Babel imports and configuration
+   - Add translation manager imports
+
+## 🚀 Getting Started
+
+1. **Start the app:**
+```bash
+python app.py
+```
+
+2. **Edit translations:**
+   - Open `translations/[language].json`
+   - Replace English text with translations
+   - Save and restart app
+
+3. **Test language switching:**
+   - Visit `http://localhost:5000?lang=de`
+   - Or use the language selector
+
+## 💡 Tips
+
+- **Keep keys descriptive** - Use full sentences as keys
+- **Use consistent naming** - Follow the same pattern for similar content
+- **Test all languages** - Make sure translations fit in your layout
+- **Backup your translations** - JSON files are easy to version control
+
+## 🔧 Troubleshooting
+
+**Translations not showing?**
+- Check that the key exists in the JSON file
+- Restart the Flask application
+- Check browser console for errors
+
+**Language not switching?**
+- Clear browser cache
+- Check session storage
+- Verify language code is in `SUPPORTED_LANGUAGES`
+
+**New strings not appearing?**
+- Run `python extract_translations.py` to extract new strings
+- Add translations to all language files
+- Restart the application 

requirements.txt

@@ -0,0 +1,5 @@
+Flask==2.3.3
+Werkzeug==2.3.7
+click==8.1.7
+blinker==1.6.3
+# Translation system - JSON-based, no compilation needed 

robots.txt

@@ -0,0 +1,19 @@
+User-agent: *
+Allow: /
+
+# Sitemap location
+Sitemap: https://kobelly.com/sitemap.xml
+
+# Crawl delay (optional - be respectful to server)
+Crawl-delay: 1
+
+# Disallow admin areas (if any)
+Disallow: /admin/
+Disallow: /private/
+Disallow: /temp/
+
+# Allow important pages
+Allow: /services/
+Allow: /about/
+Allow: /contact/
+Allow: /portfolio/ 

static/images/favicon.ico

@@ -0,0 +1 @@
+ 

static/images/og-image.jpg

@@ -0,0 +1 @@
+ 

static/js/main.js

@@ -0,0 +1,355 @@
+// Theme toggle logic
+function setTheme(theme) {
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('theme', theme);
+    var icon = document.getElementById('theme-icon');
+    var iconDesktop = document.getElementById('theme-icon-desktop');
+    if (icon) icon.className = theme === 'dark' ? 'fas fa-sun' : 'fas fa-moon';
+    if (iconDesktop) iconDesktop.className = theme === 'dark' ? 'fas fa-sun' : 'fas fa-moon';
+}
+function toggleTheme() {
+    const current = document.documentElement.getAttribute('data-theme') || 'light';
+    setTheme(current === 'light' ? 'dark' : 'light');
+}
+var themeToggle = document.getElementById('theme-toggle');
+if (themeToggle) themeToggle.addEventListener('click', toggleTheme);
+var themeToggleDesktop = document.getElementById('theme-toggle-desktop');
+if (themeToggleDesktop) themeToggleDesktop.addEventListener('click', toggleTheme);
+// On load: set theme from localStorage or system
+(function() {
+    let theme = localStorage.getItem('theme');
+    if (!theme) {
+        theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    setTheme(theme);
+})();
+// Page fade-in effect
+window.addEventListener('DOMContentLoaded', function() {
+    document.body.classList.add('page-loaded');
+    // Staggered fade-in for .fade-in-up elements
+    var fadeEls = document.querySelectorAll('.fade-in-up');
+    fadeEls.forEach(function(el, i) {
+        setTimeout(function() {
+            el.classList.add('visible');
+        }, 200 + i * 180);
+    });
+    
+    // Counter animation for about page
+    const counters = document.querySelectorAll('.counter');
+    const animateCounters = () => {
+        counters.forEach(counter => {
+            const target = parseInt(counter.getAttribute('data-target'));
+            const count = parseInt(counter.innerText);
+            const increment = target / 100;
+            
+            if (count < target) {
+                counter.innerText = Math.ceil(count + increment) + '<span class="plus">+</span>';
+                setTimeout(animateCounters, 20);
+            } else {
+                counter.innerText = target;
+            }
+        });
+    };
+    
+    // Intersection Observer for counter animation
+    const observerOptions = {
+        threshold: 0.5,
+        rootMargin: '0px 0px -100px 0px'
+    };
+    
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                animateCounters();
+                observer.unobserve(entry.target);
+            }
+        });
+    }, observerOptions);
+    
+    const aboutStats = document.querySelector('.about-stats');
+    if (aboutStats) {
+        observer.observe(aboutStats);
+    }
+});
+// MapTiler + Leaflet integration for contact page map
+document.addEventListener('DOMContentLoaded', function() {
+    var mapDiv = document.getElementById('map');
+    if (mapDiv) {
+        var map = L.map('map', {
+            center: [50.77989716345206, 4.048368809494087], // Blijkheerstraat 92, 1755 Pajottegem
+            zoom: 13,
+            zoomControl: true,
+            attributionControl: false
+        });
+        var maptilerKey = 'fyG4fxsIMwJnhJ9hQ1wj';
+        var light = L.tileLayer('https://api.maptiler.com/maps/streets-v2-pastel/{z}/{x}/{y}.png?key=' + maptilerKey, {
+            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://www.maptiler.com/copyright/">MapTiler</a>',
+            tileSize: 512,
+            zoomOffset: -1
+        });
+        var dark = L.tileLayer('https://api.maptiler.com/maps/streets-v2-dark/{z}/{x}/{y}.png?key=' + maptilerKey, {
+            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://www.maptiler.com/copyright/">MapTiler</a>',
+            tileSize: 512,
+            zoomOffset: -1
+        });
+        // Initial theme
+        var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
+        var currentLayer = isDark ? dark : light;
+        currentLayer.addTo(map);
+        // Marker
+        L.marker([50.77989716345206, 4.048368809494087]).addTo(map)
+            .bindPopup('Kobelly Web Solutions<br>Blijkheerstraat 92, 1755 Pajottegem')
+            .openPopup();
+        // Listen for theme changes
+        var observer = new MutationObserver(function(mutations) {
+            mutations.forEach(function(mutation) {
+                if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') {
+                    var newTheme = document.documentElement.getAttribute('data-theme');
+                    if (newTheme === 'dark') {
+                        map.removeLayer(light);
+                        dark.addTo(map);
+                    } else {
+                        map.removeLayer(dark);
+                        light.addTo(map);
+                    }
+                }
+            });
+        });
+        observer.observe(document.documentElement, { attributes: true });
+    }
+});
+// Dynamic Stats Calculation
+document.addEventListener('DOMContentLoaded', function() {
+    // Calculate stats since January 2016
+    var startDate = new Date('2014-01-01');
+    var now = new Date();
+    
+    // Calculate years of experience
+    var years = now.getFullYear() - startDate.getFullYear();
+    // If before Jan 1 this year, subtract 1
+    if (
+        now.getMonth() < startDate.getMonth() ||
+        (now.getMonth() === startDate.getMonth() && now.getDate() < startDate.getDate())
+    ) {
+        years--;
+    }
+    
+    // Calculate hours coded (assuming ~2000 hours per year)
+    var hoursCoded = years * 2000;
+    
+    // Update all stats sections across the website
+    var statItems = document.querySelectorAll('.stat-item h3');
+    statItems.forEach(function(statEl) {
+        var statText = statEl.textContent;
+        
+        // Update years experience
+        if (statText.includes('Years Experience') || statText.includes('8+') || statText.includes('5+') || statText.includes('10+')) {
+            statEl.textContent = years + '+';
+        }
+        
+        // Update hours coded
+        if (statText.includes('Hours Coded') || statText.includes('15,000+') || statText.includes('1000+')) {
+            statEl.textContent = hoursCoded.toLocaleString() + '+';
+        }
+    });
+    
+    // Also update any elements with specific IDs (for backward compatibility)
+    var yearsEl = document.getElementById('years-experience');
+    var hoursEl = document.getElementById('hours-coded');
+    if (yearsEl) yearsEl.textContent = years + '+';
+    if (hoursEl) hoursEl.textContent = hoursCoded.toLocaleString() + '+';
+});
+// Interactive Design Showcase
+document.addEventListener('DOMContentLoaded', function() {
+    const designCards = document.querySelectorAll('.design-card');
+    const resetButton = document.getElementById('reset-theme');
+    const previewContainer = document.getElementById('theme-preview');
+    const previewContent = document.querySelector('.theme-preview-content');
+    
+    // Theme configurations
+    const themes = {
+        'modern-minimal': {
+            name: 'Modern Minimal',
+            description: 'Clean, spacious design with subtle animations and modern typography.',
+            colors: {
+                primary: '#6c757d',
+                secondary: '#f8f9fa',
+                accent: '#e9ecef'
+            },
+            features: ['Clean Typography', 'Subtle Animations', 'Minimal Layout']
+        },
+        'bold-vibrant': {
+            name: 'Bold & Vibrant',
+            description: 'Eye-catching design with bold colors and dynamic elements.',
+            colors: {
+                primary: '#ff6b6b',
+                secondary: '#4ecdc4',
+                accent: '#45b7d1'
+            },
+            features: ['Bold Colors', 'Dynamic Elements', 'High Contrast']
+        },
+        'elegant-professional': {
+            name: 'Elegant Professional',
+            description: 'Sophisticated design with premium styling and professional appeal.',
+            colors: {
+                primary: '#2c3e50',
+                secondary: '#34495e',
+                accent: '#95a5a6'
+            },
+            features: ['Premium Styling', 'Professional Appeal', 'Sophisticated Layout']
+        },
+        'tech-startup': {
+            name: 'Tech Startup',
+            description: 'Modern tech-focused design with innovative layouts and animations.',
+            colors: {
+                primary: '#3498db',
+                secondary: '#2ecc71',
+                accent: '#f39c12'
+            },
+            features: ['Innovative Layout', 'Tech-focused', 'Modern Animations']
+        },
+        'creative-agency': {
+            name: 'Creative Agency',
+            description: 'Artistic design with creative layouts and expressive visual elements.',
+            colors: {
+                primary: '#9b59b6',
+                secondary: '#e74c3c',
+                accent: '#f1c40f'
+            },
+            features: ['Creative Layout', 'Artistic Elements', 'Expressive Design']
+        },
+        'ecommerce': {
+            name: 'E-commerce',
+            description: 'Optimized design for online stores with product-focused layouts.',
+            colors: {
+                primary: '#e67e22',
+                secondary: '#27ae60',
+                accent: '#8e44ad'
+            },
+            features: ['Product-focused', 'Shopping Optimized', 'Conversion-driven']
+        }
+    };
+    
+    // Apply theme to the mini website only
+    function applyTheme(themeName) {
+        const theme = themes[themeName];
+        if (!theme) return;
+        
+        const miniWebsite = document.getElementById('mini-website');
+        const previewContainer = document.querySelector('.theme-preview-container');
+        if (!miniWebsite) return;
+        
+        // Remove all existing theme classes from mini website
+        miniWebsite.classList.remove('theme-modern-minimal', 'theme-bold-vibrant', 'theme-elegant-professional', 'theme-tech-startup', 'theme-creative-agency', 'theme-ecommerce');
+        
+        // Add new theme class to mini website
+        miniWebsite.classList.add(`theme-${themeName}`);
+        
+        // Update CSS custom properties for mini website only
+        miniWebsite.style.setProperty('--bs-primary', theme.colors.primary);
+        miniWebsite.style.setProperty('--bs-primary-rgb', hexToRgb(theme.colors.primary));
+        
+        // Update preview container data-theme attribute for border styling
+        if (previewContainer) {
+            previewContainer.setAttribute('data-theme', themeName);
+        }
+        
+        // Update active card
+        designCards.forEach(card => card.classList.remove('active'));
+        const activeCard = document.querySelector(`[data-theme="${themeName}"]`);
+        if (activeCard) activeCard.classList.add('active');
+        
+        // Activate preview container
+        previewContainer.classList.add('active');
+        
+        // Scroll to preview container with smooth animation
+        if (previewContainer) {
+            const previewTop = previewContainer.offsetTop;
+            window.scrollTo({
+                top: previewTop - 100,
+                behavior: 'smooth'
+            });
+        }
+    }
+    
+    // Reset to default theme
+    function resetTheme() {
+        const miniWebsite = document.getElementById('mini-website');
+        const previewContainer = document.querySelector('.theme-preview-container');
+        if (miniWebsite) {
+            miniWebsite.classList.remove('theme-modern-minimal', 'theme-bold-vibrant', 'theme-elegant-professional', 'theme-tech-startup', 'theme-creative-agency', 'theme-ecommerce');
+            miniWebsite.style.removeProperty('--bs-primary');
+            miniWebsite.style.removeProperty('--bs-primary-rgb');
+        }
+        
+        // Remove data-theme attribute from preview container
+        if (previewContainer) {
+            previewContainer.removeAttribute('data-theme');
+        }
+        
+        designCards.forEach(card => card.classList.remove('active'));
+        previewContainer.classList.remove('active');
+    }
+    
+    // Helper function to convert hex to RGB
+    function hexToRgb(hex) {
+        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+        return result ? `${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}` : '0, 0, 0';
+    }
+    
+    // Event listeners
+    designCards.forEach(card => {
+        card.addEventListener('click', function() {
+            const themeName = this.getAttribute('data-theme');
+            applyTheme(themeName);
+        });
+    });
+    
+    if (resetButton) {
+        resetButton.addEventListener('click', resetTheme);
+    }
+    
+    // Add color swatch styles
+    const style = document.createElement('style');
+    style.textContent = `
+        .color-swatch {
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            border: 2px solid #fff;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        .preview-mockup {
+            width: 200px;
+            height: 150px;
+            border-radius: 10px;
+            overflow: hidden;
+            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
+            margin: 0 auto;
+        }
+        .mockup-header {
+            height: 30px;
+        }
+        .mockup-content {
+            padding: 20px;
+            height: 120px;
+        }
+        .mockup-title {
+            height: 20px;
+            border-radius: 4px;
+            margin-bottom: 15px;
+            width: 80%;
+        }
+        .mockup-text {
+            height: 12px;
+            background: rgba(255,255,255,0.3);
+            border-radius: 4px;
+            margin-bottom: 8px;
+            width: 100%;
+        }
+        .mockup-text:last-child {
+            width: 60%;
+        }
+    `;
+    document.head.appendChild(style);
+});

templates/about.html

@@ -0,0 +1,294 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t('About Kobe Amerijckx | Web Designer Brussels') }}{% endblock %}
+
+{% block description %}{{ t('Meet Kobe Amerijckx, professional web designer in Brussels. 10+ years experience creating stunning websites for small businesses. Free consultation available.') }}{% endblock %}
+
+{% block keywords %}{{ t('website design, web development, small business, Belgium, Brussels, professional websites, affordable web design') }}{% endblock %}
+
+{% block og_title %}{{ t('About Kobe Amerijckx | Web Designer Brussels') }}{% endblock %}
+
+{% block og_description %}{{ t('Meet Kobe Amerijckx, professional web designer in Brussels. 10+ years experience creating stunning websites for small businesses. Free consultation available.') }}{% endblock %}
+
+{% block twitter_title %}{{ t('About Kobe Amerijckx | Web Designer Brussels') }}{% endblock %}
+
+{% block twitter_description %}{{ t('Meet Kobe Amerijckx, professional web designer in Brussels. 10+ years experience creating stunning websites for small businesses. Free consultation available.') }}{% endblock %}
+
+{% block content %}
+<!-- Hero Section -->
+{{ hero.hero_section(
+    title="About Kobelly",
+    subtitle="Hi, I'm Kobe Amerijckx, the founder and developer behind Kobelly Web Solutions. I'm passionate about helping small businesses succeed online with professional, affordable web solutions.",
+    icon_class="fas fa-user-tie",
+    stats=[
+        {"value": "8+", "label": "Years Experience"},
+        {"value": "15,000+", "label": "Hours Coded"},
+        {"value": "100%", "label": "Committed"}
+    ],
+    t=t
+) }}
+
+<!-- Our Story Section -->
+<section class="py-5 story-section">
+    <div class="container">
+        <div class="row align-items-center g-5">
+            <div class="col-lg-6">
+                <div class="story-content">
+                    <div class="section-badge mb-3">
+                        <span class="badge bg-primary-subtle text-primary px-3 py-2">{{ t('My Story') }}</span>
+                    </div>
+                    <h2 class="display-5 fw-bold mb-4">{{ t('Building Digital Success Stories') }}</h2>
+                    <p class="lead mb-4">{{ t('Founded with a mission to democratize professional web development, Kobelly was born from my belief that every business deserves a stunning online presence.') }}</p>
+                    <p class="mb-4">{{ t("I understand the challenges that small businesses face in today's digital landscape. High costs, complex processes, and lack of ongoing support often prevent entrepreneurs from getting the website they need to grow their business.") }}</p>
+                    <p class="mb-4">{{ t("That's why I've created a service that combines professional quality with affordable pricing, transparent communication, and ongoing support. I don't just build websites – I build partnerships that help your business thrive.") }}</p>
+                    
+                    <div class="story-features mt-5">
+                        <div class="row g-3">
+                            <div class="col-md-6">
+                                <div class="story-feature">
+                                    <i class="fas fa-check-circle text-success me-2"></i>
+                                    <span>{{ t('Professional Quality') }}</span>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="story-feature">
+                                    <i class="fas fa-check-circle text-success me-2"></i>
+                                    <span>{{ t('Affordable Pricing') }}</span>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="story-feature">
+                                    <i class="fas fa-check-circle text-success me-2"></i>
+                                    <span>{{ t('Transparent Communication') }}</span>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="story-feature">
+                                    <i class="fas fa-check-circle text-success me-2"></i>
+                                    <span>{{ t('Ongoing Support') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="mission-card">
+                    <div class="mission-icon-wrapper mb-4">
+                        <i class="fas fa-rocket mission-icon"></i>
+                    </div>
+                    <h3 class="fw-bold mb-3">{{ t('My Mission') }}</h3>
+                    <p class="lead text-muted">{{ t('To empower small businesses with professional, affordable web solutions that drive growth and success in the digital world.') }}</p>
+                    <div class="mission-stats mt-4">
+                        <div class="row text-center">
+                            <div class="col-6">
+                                <div class="mission-stat">
+                                    <h4 class="text-primary fw-bold">100%</h4>
+                                    <small class="text-muted">{{ t('Client Satisfaction') }}</small>
+                                </div>
+                            </div>
+                            <div class="col-6">
+                                <div class="mission-stat">
+                                    <h4 class="text-primary fw-bold">48h</h4>
+                                    <small class="text-muted">{{ t('Response Time') }}</small>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Values Section -->
+<section class="py-5 values-section">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <div class="section-badge mb-3">
+                    <span class="badge bg-primary-subtle text-primary px-3 py-2">{{ t('My Values') }}</span>
+                </div>
+                <h2 class="display-5 fw-bold mb-3">{{ t('The Principles That Guide Me') }}</h2>
+                <p class="lead text-muted">{{ t('These core values shape everything I do and every decision I make.') }}</p>
+            </div>
+        </div>
+        
+        <div class="row g-4">
+            <div class="col-lg-4">
+                <div class="value-card fade-in-up">
+                    <div class="value-icon-wrapper mb-4">
+                        <i class="fas fa-heart value-icon"></i>
+                    </div>
+                    <h4 class="fw-bold mb-3">{{ t('Passion') }}</h4>
+                    <p class="text-muted">{{ t("I'm passionate about web design and helping businesses succeed. Every project is approached with enthusiasm and dedication.") }}</p>
+                </div>
+            </div>
+            <div class="col-lg-4">
+                <div class="value-card fade-in-up">
+                    <div class="value-icon-wrapper mb-4">
+                        <i class="fas fa-handshake value-icon"></i>
+                    </div>
+                    <h4 class="fw-bold mb-3">{{ t('Integrity') }}</h4>
+                    <p class="text-muted">{{ t('I believe in honest, transparent communication and always deliver what I promise. Your success is my success.') }}</p>
+                </div>
+            </div>
+            <div class="col-lg-4">
+                <div class="value-card fade-in-up">
+                    <div class="value-icon-wrapper mb-4">
+                        <i class="fas fa-lightbulb value-icon"></i>
+                    </div>
+                    <h4 class="fw-bold mb-3">{{ t('Innovation') }}</h4>
+                    <p class="text-muted">{{ t('I stay current with the latest web technologies and design trends to ensure your website stands out from the competition.') }}</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- About Me Section -->
+<section class="py-5 about-me-section">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <div class="section-badge mb-3">
+                    <span class="badge bg-primary-subtle text-primary px-3 py-2">{{ t('About Me') }}</span>
+                </div>
+                <h2 class="display-5 fw-bold mb-3">{{ t("Meet Kobe Amerijckx") }}</h2>
+                <p class="lead text-muted">{{ t("I'm the sole developer behind Kobelly, dedicated to creating exceptional websites for small businesses.") }}</p>
+            </div>
+        </div>
+        
+        <div class="row justify-content-center">
+            <div class="col-lg-8">
+                <div class="about-me-card fade-in-up">
+                    <div class="row align-items-center">
+                        <div class="col-lg-4 text-center">
+                            <div class="about-me-avatar mb-4">
+                                <div class="avatar-wrapper">
+                                    <i class="fas fa-user-tie avatar-icon"></i>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-8">
+                            <h4 class="fw-bold mb-3">{{ t('Your Dedicated Web Developer') }}</h4>
+                            <p class="text-muted mb-4">{{ t('With over 10 years of experience in web development, I specialize in creating fast, responsive, and user-friendly websites that help small businesses grow online.') }}</p>
+                            <p class="text-muted mb-4">{{ t('I handle every aspect of your project personally - from initial consultation to design, development, and ongoing support. This ensures consistent quality and direct communication throughout the entire process.') }}</p>
+                            
+                            <div class="about-me-skills mb-4">
+                                <h6 class="fw-bold mb-3">{{ t('My Expertise:') }}</h6>
+                                <div class="row g-2">
+                                    <div class="col-md-6">
+                                        <div class="skill-item">
+                                            <i class="fas fa-check text-success me-2"></i>
+                                            <span>{{ t('Responsive Web Design') }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <div class="skill-item">
+                                            <i class="fas fa-check text-success me-2"></i>
+                                            <span>{{ t('E-commerce Development') }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <div class="skill-item">
+                                            <i class="fas fa-check text-success me-2"></i>
+                                            <span>{{ t('SEO Optimization') }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <div class="skill-item">
+                                            <i class="fas fa-check text-success me-2"></i>
+                                            <span>{{ t('Website Maintenance') }}</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            <div class="about-me-contact">
+                                <h6 class="fw-bold mb-3">{{ t("Let's Connect:") }}</h6>
+                                <div class="d-flex gap-3">
+                                    <a href="#" class="social-link"><i class="fab fa-linkedin"></i></a>
+                                    <a href="#" class="social-link"><i class="fab fa-github"></i></a>
+                                    <a href="#" class="social-link"><i class="fas fa-envelope"></i></a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Why Choose Us Section -->
+<section class="py-5 why-choose-section">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <div class="section-badge mb-3">
+                    <span class="badge bg-primary-subtle text-primary px-3 py-2">{{ t('Why Choose Me') }}</span>
+                </div>
+                <h2 class="display-5 fw-bold mb-3">{{ t('What Makes Me Different') }}</h2>
+                <p class="lead text-muted">{{ t("I'm not just another web developer. Here's what sets me apart.") }}</p>
+            </div>
+        </div>
+        
+        <div class="row g-4">
+            <div class="col-lg-6">
+                <div class="feature-item fade-in-up">
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-dollar-sign feature-icon"></i>
+                    </div>
+                    <div class="feature-content">
+                        <h5 class="fw-bold mb-2">{{ t('Affordable Pricing') }}</h5>
+                        <p class="text-muted mb-0">{{ t('I offer competitive pricing without compromising on quality. My packages are designed to fit small business budgets.') }}</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="feature-item fade-in-up">
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-clock feature-icon"></i>
+                    </div>
+                    <div class="feature-content">
+                        <h5 class="fw-bold mb-2">{{ t('Fast Turnaround') }}</h5>
+                        <p class="text-muted mb-0">{{ t('I understand that time is money. I deliver projects on time and keep you updated throughout the process.') }}</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="feature-item fade-in-up">
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-comments feature-icon"></i>
+                    </div>
+                    <div class="feature-content">
+                        <h5 class="fw-bold mb-2">{{ t('Direct Communication') }}</h5>
+                        <p class="text-muted mb-0">{{ t('You work directly with me - no account managers or middlemen. I believe in transparent communication.') }}</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="feature-item fade-in-up">
+                    <div class="feature-icon-wrapper">
+                        <i class="fas fa-headset feature-icon"></i>
+                    </div>
+                    <div class="feature-content">
+                        <h5 class="fw-bold mb-2">{{ t('Personal Support') }}</h5>
+                        <p class="text-muted mb-0">{{ t("Our relationship doesn't end when your website launches. I provide ongoing support and maintenance.") }}</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- CTA Section -->
+{{ components.cta_section(
+    title="Ready to Work Together?",
+    description="Let's discuss your project and see how I can help your business grow online.",
+    button_text="Get Started Today",
+    button_url="contact",
+    t=t
+) }}
+{% endblock %} 

templates/base.html

@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="{{ get_current_language() }}">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <!-- SEO Meta Tags -->
+    <title>{% block title %}{{ t('Kobelly Web Solutions') }}{% endblock %}</title>
+    <meta name="description" content="{% block description %}{{ t('Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.') }}{% endblock %}">
+    <meta name="keywords" content="{% block keywords %}{{ t('website design, web development, small business, Belgium, Brussels, professional websites, affordable web design') }}{% endblock %}">
+    <meta name="author" content="Kobe Amerijckx">
+    <meta name="robots" content="index, follow">
+    
+    <!-- Open Graph Meta Tags -->
+    <meta property="og:title" content="{% block og_title %}{{ t('Kobelly Web Solutions') }}{% endblock %}">
+    <meta property="og:description" content="{% block og_description %}{{ t('Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.') }}{% endblock %}">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="{{ request.url }}">
+    <meta property="og:image" content="{{ url_for('static', filename='images/og-image.jpg', _external=True) }}">
+    <meta property="og:site_name" content="Kobelly Web Solutions">
+    <meta property="og:locale" content="{{ get_current_language() }}">
+    
+    <!-- Twitter Card Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="{% block twitter_title %}{{ t('Kobelly Web Solutions') }}{% endblock %}">
+    <meta name="twitter:description" content="{% block twitter_description %}{{ t('Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.') }}{% endblock %}">
+    <meta name="twitter:image" content="{{ url_for('static', filename='images/og-image.jpg', _external=True) }}">
+    <meta name="twitter:creator" content="@kobelly">
+    
+    <!-- Canonical URL -->
+    <link rel="canonical" href="{{ request.url }}">
+    
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='images/favicon.ico') }}">
+    
+    <!-- Stylesheets -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
+    
+    <!-- Structured Data (JSON-LD) -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "LocalBusiness",
+        "name": "Kobelly Web Solutions",
+        "description": "{{ t('Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.') }}",
+        "url": "{{ request.url_root }}",
+        "telephone": "+32 486 21 07 07",
+        "email": "info@kobelly.com",
+        "address": {
+            "@type": "PostalAddress",
+            "streetAddress": "Blijkheerstraat 92",
+            "addressLocality": "Pajottegem",
+            "addressCountry": "BE",
+            "addressRegion": "Vlaams-Brabant",
+            "postalCode": "1755"
+        },
+        "geo": {
+            "@type": "GeoCoordinates",
+            "latitude": "50.8503",
+            "longitude": "4.3517"
+        },
+        "openingHours": "Mo-Fr 09:00-18:00",
+        "priceRange": "€€",
+        "currenciesAccepted": "EUR",
+        "paymentAccepted": "Cash, Credit Card, Bank Transfer",
+        "areaServed": ["Belgium", "Europe"],
+        "serviceType": ["Website Design", "Web Development", "E-commerce Solutions"],
+        "founder": {
+            "@type": "Person",
+            "name": "Kobe Amerijckx",
+            "jobTitle": "Web Developer",
+            "description": "Professional web developer specializing in small business websites"
+        },
+        "sameAs": [
+            "https://www.linkedin.com/company/kobelly",
+            "https://www.facebook.com/kobelly",
+            "https://twitter.com/kobelly"
+        ]
+    }
+    </script>
+    
+    {# Import components macros #}
+    {% import 'components/cta_section.html' as components %}
+    {% import 'components/testimonials_section.html' as testimonials %}
+    {% import 'components/hero_section.html' as hero %}
+    {% import 'components/stats_section.html' as stats %}
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('index') }}">
+                <i class="fas fa-code me-2"></i>{{ t('Kobelly') }}
+            </a>
+            <div class="d-flex ms-auto align-items-center flex-row">
+                <!-- Dark/Light Mode Toggle: Always visible in navbar -->
+                <button class="btn-toggle-dark d-lg-none me-2" id="theme-toggle" title="Toggle light/dark mode">
+                    <i class="fas fa-moon" id="theme-icon"></i>
+                </button>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+            </div>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav me-auto">
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ url_for('index') }}">{{ t('Home') }}</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ url_for('services') }}">{{ t('Services') }}</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ url_for('about') }}">{{ t('About') }}</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ url_for('portfolio') }}">{{ t('Portfolio') }}</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ url_for('contact') }}">{{ t('Contact') }}</a>
+                    </li>
+                </ul>
+                <!-- Language Selector -->
+                <div class="language-selector me-2">
+                    <button class="btn btn-outline-light dropdown-toggle" type="button" data-bs-toggle="dropdown">
+                        <i class="fas fa-globe me-1"></i>
+                        {% if get_current_language() == 'en' %}English
+                        {% elif get_current_language() == 'de' %}Deutsch
+                        {% elif get_current_language() == 'fr' %}Français
+                        {% elif get_current_language() == 'nl' %}Nederlands
+                        {% else %}🇬🇧 English{% endif %}
+                    </button>
+                    <ul class="dropdown-menu language-dropdown">
+                        <li><a class="dropdown-item" href="{{ url_for('set_language_route', language='en') }}">🇬🇧 English</a></li>
+                        <li><a class="dropdown-item" href="{{ url_for('set_language_route', language='nl') }}">🇳🇱 Nederlands</a></li>
+                        <li><a class="dropdown-item" href="{{ url_for('set_language_route', language='fr') }}">🇫🇷 Français</a></li>
+                        <li><a class="dropdown-item" href="{{ url_for('set_language_route', language='de') }}">🇩🇪 Deutsch</a></li>
+                    </ul>
+                </div>
+                <!-- Dark/Light Mode Toggle: visible on desktop only -->
+                <div class="d-none d-lg-block">
+                    <button class="btn-toggle-dark ms-2" id="theme-toggle-desktop" title="Toggle light/dark mode">
+                        <i class="fas fa-moon" id="theme-icon-desktop"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Main Content -->
+    <main>
+        {% block content %}{% endblock %}
+    </main>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-4">
+                    <h5>{{ t('Kobelly Web Solutions') }}</h5>
+                    <p>{{ t('Creating professional websites for small businesses and entrepreneurs.') }}</p>
+                </div>
+                <div class="col-md-4">
+                    <h5>{{ t('Services') }}</h5>
+                    <ul class="list-unstyled">
+                        <li>{{ t('Website Design') }}</li>
+                        <li>{{ t('E-commerce Solutions') }}</li>
+                        <li>{{ t('Maintenance & Support') }}</li>
+                    </ul>
+                </div>
+                <div class="col-md-4">
+                    <h5>{{ t('Contact') }}</h5>
+                    <p>
+                        <i class="fas fa-envelope me-2"></i><a href="mailto:info@kobelly.com" class="text-decoration-none">{{ t('info@kobelly.com') }}</a><br>
+                        <i class="fas fa-phone me-2"></i><a href="tel:+32486210707" class="text-decoration-none">{{ t('+32 486 21 07 07') }}</a><br>
+                    </p>
+                </div>
+            </div>
+            <hr class="my-4">
+            <div class="text-center">
+                <p>&copy; {{ current_year }} {{ t('Kobelly Web Solutions. All rights reserved.') }}</p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
+    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
+</body>
+</html> 

templates/components/cta_section.html

@@ -0,0 +1,16 @@
+{% macro cta_section(title, description, button_text, button_url, t) %}
+<section class="py-5 bg-primary text-white cta-section">
+    <div class="cta-bg-animation">
+        <div class="cta-particle cta-particle-1"></div>
+        <div class="cta-particle cta-particle-2"></div>
+        <div class="cta-particle cta-particle-3"></div>
+        <div class="cta-particle cta-particle-4"></div>
+        <div class="cta-particle cta-particle-5"></div>
+    </div>
+    <div class="container text-center position-relative" style="z-index: 2;">
+        <h2 class="display-5 fw-bold mb-4">{{ t(title) }}</h2>
+        <p class="lead mb-4">{{ t(description) }}</p>
+        <a href="{{ url_for(button_url) }}" class="btn btn-light btn-lg cta-btn">{{ t(button_text) }}</a>
+    </div>
+</section>
+{% endmacro %} 

templates/components/hero_section.html

@@ -0,0 +1,27 @@
+{% import 'components/stats_section.html' as stats_component %}
+
+{% macro hero_section(title, subtitle, icon_class="fas fa-star", stats=None, t=t) %}
+<section class="hero-section py-5">
+    <div class="container">
+        <div class="row align-items-center">
+            <div class="col-lg-6">
+                <div class="hero-content">
+                    <h1 class="display-3 fw-bold mb-4">{{ t(title) }}</h1>
+                    <p class="lead mb-4">{{ t(subtitle) }}</p>
+                    {% if stats %}
+                        {{ stats_component.stats_section(stats, t) }}
+                    {% endif %}
+                </div>
+            </div>
+            <div class="col-lg-6 text-center">
+                <div class="hero-visual">
+                    <div class="hero-icon-wrapper">
+                        <i class="{{ icon_class }} hero-main-icon"></i>
+                        <div class="hero-icon-glow"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{% endmacro %} 

templates/components/stats_section.html

@@ -0,0 +1,14 @@
+{% macro stats_section(stats, t=t) %}
+<div class="hero-stats mb-4">
+    <div class="row text-center">
+        {% for stat in stats %}
+        <div class="col-4">
+            <div class="stat-item">
+                <h3 class="text-white fw-bold mb-1">{{ stat.value }}</h3>
+                <small class="text-light">{{ t(stat.label) }}</small>
+            </div>
+        </div>
+        {% endfor %}
+    </div>
+</div>
+{% endmacro %} 

templates/components/testimonials_section.html

@@ -0,0 +1,69 @@
+{% macro testimonials_section(title="What My Clients Say", subtitle="Don't just take my word for it - hear from some of my satisfied clients.", t=t) %}
+<section class="py-5 bg-light testimonials-section">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <h2 class="display-5 fw-bold mb-3">{{ title }}</h2>
+                <p class="lead text-muted">{{ subtitle }}</p>
+            </div>
+        </div>
+        
+        <div class="row g-4">
+            <div class="col-lg-4">
+                <div class="card h-100 fade-in-up testimonial-card">
+                    <div class="card-body p-4">
+                        <div class="testimonial-rating mb-3">
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                        </div>
+                        <p class="card-text mb-3">{{ t('"Got my website in 2 days! Now I get 15 new customers every week from online orders. Best €299 I ever spent for my bakery."') }}</p>
+                        <div class="testimonial-author">
+                            <strong>{{ t('Maria Van Damme') }}</strong><br>
+                            <small class="text-muted">{{ t('Bakery Owner') }}</small>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-4">
+                <div class="card h-100 fade-in-up testimonial-card">
+                    <div class="card-body p-4">
+                        <div class="testimonial-rating mb-3">
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                        </div>
+                        <p class="card-text mb-3">{{ t('"My perfume shop website brings in 30% more customers. People find me on Google and call to ask about my products. Website paid for itself in the first month!"') }}</p>
+                        <div class="testimonial-author">
+                            <strong>{{ t('Anna De Vries') }}</strong><br>
+                            <small class="text-muted">{{ t('Perfume Shop Owner') }}</small>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-4">
+                <div class="card h-100 fade-in-up testimonial-card">
+                    <div class="card-body p-4">
+                        <div class="testimonial-rating mb-3">
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                            <i class="fas fa-star text-warning"></i>
+                        </div>
+                        <p class="card-text mb-3">{{ t('"Kobe made everything so simple. One phone call, told him about my restaurant, and 48 hours later I had a beautiful website. Now customers can see my menu and call to make reservations."') }}</p>
+                        <div class="testimonial-author">
+                            <strong>{{ t('Piet Janssens') }}</strong><br>
+                            <small class="text-muted">{{ t('Restaurant Owner') }}</small>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{% endmacro %} 

templates/contact.html

@@ -0,0 +1,304 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t('Contact Kobelly | Web Design Brussels') }}{% endblock %}
+
+{% block description %}{{ t('Contact Kobelly for professional website design in Brussels. Free consultation, transparent pricing, and ongoing support. Get your business online in 48 hours.') }}{% endblock %}
+
+{% block keywords %}{{ t('website design, web development, small business, Belgium, Brussels, professional websites, affordable web design') }}{% endblock %}
+
+{% block og_title %}{{ t('Contact Kobelly | Web Design Brussels') }}{% endblock %}
+
+{% block og_description %}{{ t('Contact Kobelly for professional website design in Brussels. Free consultation, transparent pricing, and ongoing support. Get your business online in 48 hours.') }}{% endblock %}
+
+{% block twitter_title %}{{ t('Contact Kobelly | Web Design Brussels') }}{% endblock %}
+
+{% block twitter_description %}{{ t('Contact Kobelly for professional website design in Brussels. Free consultation, transparent pricing, and ongoing support. Get your business online in 48 hours.') }}{% endblock %}
+
+{% block content %}
+<!-- Hero Section -->
+<section class="contact-hero-section py-5">
+    <div class="container">
+        <div class="row align-items-center">
+            <div class="col-lg-6">
+                <div class="contact-hero-content">
+                    <h1 class="display-3 fw-bold mb-4">{{ t('Ready to Start Your Project?') }}</h1>
+                    <p class="lead mb-4">{{ t('Let\'s discuss how I can help your business grow online. I offer a free consultation to understand your needs and provide a customized solution.') }}</p>
+                </div>
+            </div>
+            <div class="col-lg-6 text-center">
+                <div class="contact-hero-visual">
+                    <div class="contact-icon-wrapper">
+                        <i class="fas fa-envelope-open-text contact-main-icon"></i>
+                        <div class="contact-icon-glow"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Contact Section -->
+<section class="py-5 contact-section">
+    <div class="container">
+        <div class="row g-5">
+            <!-- Contact Form -->
+            <div class="col-lg-8">
+                <div class="card service-card fade-in-up contact-form-card">
+                    <div class="card-body p-5">
+                        <div class="contact-form-header text-center mb-5">
+                            <div class="contact-form-icon-wrapper mb-3">
+                                <i class="fas fa-paper-plane contact-form-icon"></i>
+                            </div>
+                            <h3 class="card-title fw-bold mb-3">{{ t('Send Me a Message') }}</h3>
+                            <p class="text-muted">{{ t('Fill out the form below and I\'ll get back to you within 48 hours.') }}</p>
+                        </div>
+                        
+                        <form class="contact-form">
+                            <div class="row g-4">
+                                <div class="col-md-6">
+                                    <div class="form-floating">
+                                        <input type="text" class="form-control" id="firstName" placeholder="{{ t('First Name') }}" required>
+                                        <label for="firstName">{{ t('First Name') }} *</label>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-floating">
+                                        <input type="text" class="form-control" id="lastName" placeholder="{{ t('Last Name') }}" required>
+                                        <label for="lastName">{{ t('Last Name') }} *</label>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-floating">
+                                        <input type="email" class="form-control" id="email" placeholder="{{ t('Email Address') }}" required>
+                                        <label for="email">{{ t('Email Address') }} *</label>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-floating">
+                                        <input type="tel" class="form-control" id="phone" placeholder="{{ t('Phone Number') }}">
+                                        <label for="phone">{{ t('Phone Number') }}</label>
+                                    </div>
+                                </div>
+                                <div class="col-12">
+                                    <div class="form-floating">
+                                        <input type="text" class="form-control" id="company" placeholder="{{ t('Company Name') }}">
+                                        <label for="company">{{ t('Company Name') }}</label>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-floating">
+                                        <select class="form-select" id="service" required>
+                                            <option value="">{{ t('Select a service...') }}</option>
+                                            <option value="website">{{ t('Website Design') }}</option>
+                                            <option value="ecommerce">{{ t('E-commerce Solutions') }}</option>
+                                            <option value="maintenance">{{ t('Maintenance & Support') }}</option>
+                                        </select>
+                                        <label for="service">{{ t('Service Interested In') }} *</label>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-floating">
+                                        <select class="form-select" id="budget">
+                                            <option value="">{{ t('Select budget range...') }}</option>
+                                            <option value="under-1000">{{ t('Under €1,000') }}</option>
+                                            <option value="1000-3000">{{ t('€1,000 - €3,000') }}</option>
+                                            <option value="3000-5000">{{ t('€3,000 - €5,000') }}</option>
+                                            <option value="5000-10000">{{ t('€5,000 - €10,000') }}</option>
+                                            <option value="over-10000">{{ t('Over €10,000') }}</option>
+                                        </select>
+                                        <label for="budget">{{ t('Project Budget') }}</label>
+                                    </div>
+                                </div>
+                                <div class="col-12">
+                                    <div class="form-floating">
+                                        <textarea class="form-control" id="message" style="height: 120px" placeholder="{{ t('Tell me about your project, goals, and requirements...') }}" required></textarea>
+                                        <label for="message">{{ t('Project Details') }} *</label>
+                                    </div>
+                                </div>
+                                <div class="col-12">
+                                    <div class="form-check">
+                                        <input class="form-check-input" type="checkbox" id="newsletter">
+                                        <label class="form-check-label" for="newsletter">
+                                            {{ t('Subscribe to my newsletter for web design tips and updates') }}
+                                        </label>
+                                    </div>
+                                </div>
+                                <div class="col-12 text-center">
+                                    <button type="submit" class="btn btn-primary btn-lg px-5 py-3 fw-bold contact-submit-btn">
+                                        <i class="fas fa-paper-plane me-2"></i>{{ t('Send Message') }}
+                                    </button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Contact Information -->
+            <div class="col-lg-4">
+                <div class="card service-card h-100 fade-in-up contact-info-card">
+                    <div class="card-body p-5">
+                        <div class="contact-info-header text-center mb-4">
+                            <div class="contact-info-icon-wrapper mb-3">
+                                <i class="fas fa-map-marker-alt contact-info-icon"></i>
+                            </div>
+                            <h3 class="card-title fw-bold mb-3">{{ t('Get in Touch') }}</h3>
+                        </div>
+                        
+                        <div class="contact-info-item mb-4">
+                            <div class="d-flex align-items-center mb-3">
+                                <div class="contact-info-icon-small me-3">
+                                    <i class="fas fa-envelope text-primary"></i>
+                                </div>
+                                <div>
+                                    <h6 class="fw-bold mb-1">{{ t('Email') }}</h6>
+                                    <a href="mailto:info@kobelly.com" class="text-decoration-none">info@kobelly.com</a>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="contact-info-item mb-4">
+                            <div class="d-flex align-items-center mb-3">
+                                <div class="contact-info-icon-small me-3">
+                                    <i class="fas fa-phone text-primary"></i>
+                                </div>
+                                <div>
+                                    <h6 class="fw-bold mb-1">{{ t('Phone') }}</h6>
+                                    <a href="tel:+32486210707" class="text-decoration-none">{{ t('+32 486 21 07 07') }}</a>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="contact-info-item mb-4">
+                            <div class="d-flex align-items-start mb-3">
+                                <div class="contact-info-icon-small me-3 mt-1">
+                                    <i class="fas fa-map-marker-alt text-primary"></i>
+                                </div>
+                                <div>
+                                    <h6 class="fw-bold mb-1">{{ t('Address') }}</h6>
+                                    <a href="https://maps.google.com/?q=Blijkheerstraat+92,+1755+Pajottegem,+Belgium" target="_blank" class="text-decoration-none">
+                                        <p class="mb-0">{{ t('Blijkheerstraat 92') }}<br>
+                                        {{ t('1755 Pajottegem, Belgium') }}<br>
+                                        {{ t('Vlaams-Brabant') }}</p>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="contact-info-item mb-4">
+                            <h6 class="fw-bold mb-3">{{ t('Follow Us') }}</h6>
+                            <div class="social-links d-flex gap-3">
+                                <a href="#" class="social-link"><i class="fab fa-facebook"></i></a>
+                                <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
+                                <a href="#" class="social-link"><i class="fab fa-linkedin"></i></a>
+                                <a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
+                            </div>
+                        </div>
+
+                        <div class="alert alert-info contact-alert">
+                            <i class="fas fa-info-circle me-2"></i>
+                            <strong>{{ t('Free Consultation') }}</strong><br>
+                            {{ t('We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.') }}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Testimonials Section -->
+{{ testimonials.testimonials_section(
+    title=t('What My Clients Say'),
+    subtitle=t('Don\'t just take my word for it - hear from some of my satisfied clients.'),
+    t=t
+) }}
+
+<!-- Map Section -->
+<section class="py-5 map-section">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <h2 class="display-5 fw-bold mb-3">{{ t('Find Us') }}</h2>
+                <p class="lead text-muted">{{ t('Located in the heart of Brussels, serving clients across Belgium and Europe.') }}</p>
+            </div>
+        </div>
+        
+        <div class="row">
+            <div class="col-12">
+                <div class="map-container fade-in-up">
+                    <div id="map" style="width: 100%; height: 300px; border-radius: 15px;"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- FAQ Section -->
+<section class="py-5 bg-light faq-section">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <h2 class="display-5 fw-bold mb-3">{{ t('Frequently Asked Questions') }}</h2>
+                <p class="lead text-muted">{{ t('Find answers to common questions about our services and process.') }}</p>
+            </div>
+        </div>
+        
+        <div class="row g-4">
+            <div class="col-lg-6">
+                <div class="card h-100 fade-in-up faq-card">
+                    <div class="card-body p-4">
+                        <div class="faq-icon-wrapper mb-3">
+                            <i class="fas fa-clock text-primary faq-icon"></i>
+                        </div>
+                        <h5 class="card-title fw-bold mb-3">{{ t('How long does it take to build a website?') }}</h5>
+                        <p class="card-text">{{ t('The timeline depends on the complexity of your project. A simple business website typically takes 2-4 weeks, while more complex e-commerce sites may take 6-8 weeks.') }}</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="card h-100 fade-in-up faq-card">
+                    <div class="card-body p-4">
+                        <div class="faq-icon-wrapper mb-3">
+                            <i class="fas fa-headset text-primary faq-icon"></i>
+                        </div>
+                        <h5 class="card-title fw-bold mb-3">{{ t('Do you provide ongoing support?') }}</h5>
+                        <p class="card-text">{{ t('Yes! We offer various maintenance packages to keep your website secure, updated, and running smoothly. We also provide technical support and content updates.') }}</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="card h-100 fade-in-up faq-card">
+                    <div class="card-body p-4">
+                        <div class="faq-icon-wrapper mb-3">
+                            <i class="fas fa-euro-sign text-primary faq-icon"></i>
+                        </div>
+                        <h5 class="card-title fw-bold mb-3">{{ t('What is your pricing structure?') }}</h5>
+                        <p class="card-text">{{ t('Our pricing is transparent and project-based. We provide detailed quotes after understanding your requirements. We offer flexible payment plans and competitive rates for small businesses.') }}</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="card h-100 fade-in-up faq-card">
+                    <div class="card-body p-4">
+                        <div class="faq-icon-wrapper mb-3">
+                            <i class="fas fa-building text-primary faq-icon"></i>
+                        </div>
+                        <h5 class="card-title fw-bold mb-3">{{ t('Do you work with small businesses?') }}</h5>
+                        <p class="card-text">{{ t('Yes, we specialize in working with small businesses and entrepreneurs. We understand your unique needs and budget constraints.') }}</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- CTA Section -->
+{{ components.cta_section(
+    title="Ready to Start Your Project?",
+    description="Let's discuss how I can help your business grow online.",
+    button_text="Get Free Consultation",
+    button_url="contact",
+    t=t
+) }}
+{% endblock %} 

templates/index.html

@@ -0,0 +1,354 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t('Professional Website Design Brussels | Kobelly Web Solutions') }}{% endblock %}
+
+{% block description %}{{ t('Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.') }}{% endblock %}
+
+{% block keywords %}{{ t('website design, web development, small business, Belgium, Brussels, professional websites, affordable web design') }}{% endblock %}
+
+{% block og_title %}{{ t('Professional Website Design Brussels | Kobelly Web Solutions') }}{% endblock %}
+
+{% block og_description %}{{ t('Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.') }}{% endblock %}
+
+{% block twitter_title %}{{ t('Professional Website Design Brussels | Kobelly Web Solutions') }}{% endblock %}
+
+{% block twitter_description %}{{ t('Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.') }}{% endblock %}
+
+{% block content %}
+<!-- Hero Section -->
+<section class="hero-section">
+    <div class="hero-animation-container">
+        <!-- Floating tech elements -->
+        <div class="floating-element"><i class="fas fa-code"></i></div>
+        <div class="floating-element"><i class="fas fa-database"></i></div>
+        <div class="floating-element"><i class="fas fa-server"></i></div>
+        <div class="floating-element"><i class="fas fa-cloud"></i></div>
+        <div class="floating-element"><i class="fas fa-shield-alt"></i></div>
+        <div class="floating-element"><i class="fas fa-network-wired"></i></div>
+        <div class="floating-element"><i class="fas fa-microchip"></i></div>
+        <div class="floating-element"><i class="fas fa-laptop-code"></i></div>
+        
+        <!-- Code particles -->
+        <div class="code-particle">&lt;/&gt;</div>
+        <div class="code-particle">{ }</div>
+        <div class="code-particle">[ ]</div>
+        <div class="code-particle">&lt;/&gt;</div>
+    </div>
+    
+    <div class="container hero-content">
+        <div class="row align-items-center">
+            <div class="col-lg-6">
+                <div class="hero-text-content">
+                    <h1 class="display-4 fw-bold mb-4 hero-title">{{ t('Get Your Business Online in 48 Hours') }}</h1>
+                    <p class="lead mb-4 hero-description">{{ t('Professional websites for small businesses. Fast, affordable, and designed to bring you customers. No technical knowledge needed - I handle everything.') }}</p>
+                    {{ stats.stats_section([
+                        {"value": "48h", "label": "Delivery Time"},
+                        {"value": "€299", "label": "Starting Price"},
+                        {"value": "100%", "label": "Satisfaction"}
+                    ], t) }}
+                    <div class="d-flex gap-3 hero-buttons">
+                        <a href="{{ url_for('contact') }}" class="btn btn-light btn-lg px-4 py-3 fw-bold">{{ t('Get Your Website') }}</a>
+                        <a href="{{ url_for('services') }}" class="btn btn-outline-light btn-lg px-4 py-3">{{ t('See Packages') }}</a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6 text-center">
+                <div class="hero-visual">
+                    <div class="hero-icon-wrapper">
+                        <i class="fas fa-rocket hero-main-icon"></i>
+                        <div class="hero-icon-glow"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Urgency Section -->
+<section class="py-4 bg-primary bg-opacity-10">
+    <div class="container">
+        <div class="row text-center">
+            <div class="col-lg-8 mx-auto">
+                <div class="d-flex align-items-center justify-content-center gap-5 flex-wrap">
+                    <div class="d-flex align-items-center gap-2">
+                        <i class="fas fa-search text-primary fs-4"></i>
+                        <span class="fw-bold text-white">{{ t('75% of customers research businesses online before visiting') }}</span>
+                    </div>
+                    <div class="d-flex align-items-center gap-2">
+                        <i class="fas fa-chart-line text-primary fs-4"></i>
+                        <span class="fw-bold text-white">{{ t('Your competitors are already online') }}</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Features Section -->
+<section class="py-5 bg-light features-section">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <div class="section-header">
+                    <h2 class="display-5 fw-bold mb-3">{{ t('Why Choose Kobelly?') }}</h2>
+                    <p class="lead text-muted">{{ t('I make getting online simple and affordable for small businesses like yours.') }}</p>
+                </div>
+            </div>
+        </div>
+        
+        <div class="row g-4">
+            <div class="col-md-4">
+                <div class="card h-100 feature-card text-center p-4 fade-in-up">
+                    <div class="card-body">
+                        <div class="feature-icon-wrapper mb-4">
+                            <i class="fas fa-clock text-primary feature-icon"></i>
+                        </div>
+                        <h5 class="card-title fw-bold mb-3">{{ t('Fast Delivery') }}</h5>
+                        <p class="card-text">{{ t('Your website ready in 48 hours. No waiting weeks or months - get online fast and start getting customers.') }}</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card h-100 feature-card text-center p-4 fade-in-up">
+                    <div class="card-body">
+                        <div class="feature-icon-wrapper mb-4">
+                            <i class="fas fa-euro-sign text-primary feature-icon"></i>
+                        </div>
+                        <h5 class="card-title fw-bold mb-3">{{ t('Affordable Pricing') }}</h5>
+                        <p class="card-text">{{ t('Starting at €299. Small monthly hosting fee keeps your website online. No hidden costs or surprises.') }}</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card h-100 feature-card text-center p-4 fade-in-up">
+                    <div class="card-body">
+                        <div class="feature-icon-wrapper mb-4">
+                            <i class="fas fa-handshake text-primary feature-icon"></i>
+                        </div>
+                        <h5 class="card-title fw-bold mb-3">{{ t('Personal Service') }}</h5>
+                        <p class="card-text">{{ t('Work directly with me - no account managers or middlemen. I understand your business and your needs.') }}</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Expertise Section -->
+<section class="py-5 expertise-section">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <div class="section-header">
+                    <h2 class="display-5 fw-bold mb-3">{{ t('What I Do for Your Business') }}</h2>
+                    <p class="lead text-muted">{{ t('I help small businesses get online and start getting customers.') }}</p>
+                </div>
+            </div>
+        </div>
+        
+        <div class="row g-4">
+            <div class="col-lg-6">
+                <div class="card expertise-card h-100 fade-in-up">
+                    <div class="card-body p-5">
+                        <div class="expertise-header mb-4">
+                            <div class="expertise-icon-wrapper mb-3">
+                                <i class="fas fa-store text-primary expertise-icon"></i>
+                            </div>
+                            <h4 class="card-title fw-bold mb-0">{{ t('Business Websites') }}</h4>
+                        </div>
+                        <p class="card-text mb-4">{{ t('Professional websites that showcase your business and help customers find you online.') }}</p>
+                        <ul class="list-unstyled expertise-features">
+                            <li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Show your products/services') }}</li>
+                            <li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Contact information & location') }}</li>
+                            <li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Customer testimonials') }}</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="card expertise-card h-100 fade-in-up">
+                    <div class="card-body p-5">
+                        <div class="expertise-header mb-4">
+                            <div class="expertise-icon-wrapper mb-3">
+                                <i class="fas fa-shopping-cart text-primary expertise-icon"></i>
+                            </div>
+                            <h4 class="card-title fw-bold mb-0">{{ t('Online Stores') }}</h4>
+                        </div>
+                        <p class="card-text mb-4">{{ t('Sell your products online 24/7. Accept payments, manage orders, and grow your sales.') }}</p>
+                        <ul class="list-unstyled expertise-features">
+                            <li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Secure payment processing') }}</li>
+                            <li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Product catalog management') }}</li>
+                            <li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Order tracking system') }}</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+        <div class="text-center mt-5">
+            <a href="{{ url_for('services') }}" class="btn btn-primary btn-lg px-5 py-3 fw-bold">{{ t('See My Packages') }}</a>
+        </div>
+    </div>
+</section>
+
+<!-- Local SEO Section -->
+<section class="py-5 bg-light">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <h2 class="display-5 fw-bold mb-3">{{ t('Get Found by Local Customers') }}</h2>
+                <p class="lead text-muted">{{ t('Your website helps customers in your area find and choose your business.') }}</p>
+            </div>
+        </div>
+        
+        <div class="row g-4">
+            <div class="col-md-6">
+                <div class="card h-100 border-0 shadow-sm">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-start gap-3">
+                            <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px; min-width: 50px;">
+                                <i class="fas fa-map-marker-alt text-white fs-5"></i>
+                            </div>
+                            <div>
+                                <h5 class="fw-bold mb-2">{{ t('Show Up in Google Maps') }}</h5>
+                                <p class="text-muted mb-0">{{ t('When people search for businesses like yours in your area, your website helps you appear in local search results.') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card h-100 border-0 shadow-sm">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-start gap-3">
+                            <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px; min-width: 50px;">
+                                <i class="fas fa-star text-white fs-5"></i>
+                            </div>
+                            <div>
+                                <h5 class="fw-bold mb-2">{{ t('Get Reviews & Ratings') }}</h5>
+                                <p class="text-muted mb-0">{{ t('Customers can leave reviews on your website and Google, helping other customers choose your business.') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card h-100 border-0 shadow-sm">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-start gap-3">
+                            <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px; min-width: 50px;">
+                                <i class="fas fa-clock text-white fs-5"></i>
+                            </div>
+                            <div>
+                                <h5 class="fw-bold mb-2">{{ t('Open 24/7 Online') }}</h5>
+                                <p class="text-muted mb-0">{{ t('Your website works for you even when you\'re closed. Customers can see your products, prices, and contact info anytime.') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card h-100 border-0 shadow-sm">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-start gap-3">
+                            <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px; min-width: 50px;">
+                                <i class="fas fa-phone text-white fs-5"></i>
+                            </div>
+                            <div>
+                                <h5 class="fw-bold mb-2">{{ t('Easy Contact & Directions') }}</h5>
+                                <p class="text-muted mb-0">{{ t('Customers can easily find your phone number, address, and get directions to your business.') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Website vs No Website Comparison -->
+<section class="py-5">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <h2 class="display-5 fw-bold mb-3">{{ t('What Happens Without a Website?') }}</h2>
+                <p class="lead text-muted">{{ t('See the difference a website makes for your business.') }}</p>
+            </div>
+        </div>
+        
+        <div class="row g-4">
+            <div class="col-md-6">
+                <div class="card h-100 border-danger border-2">
+                    <div class="card-header bg-danger bg-opacity-10 text-center py-3">
+                        <h4 class="fw-bold text-danger mb-0">{{ t('Without a Website') }}</h4>
+                    </div>
+                    <div class="card-body p-4">
+                        <ul class="list-unstyled">
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-times-circle text-danger me-3 mt-1"></i>
+                                <span>{{ t('Customer calls, you\'re closed, they call your competitor') }}</span>
+                            </li>
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-times-circle text-danger me-3 mt-1"></i>
+                                <span>{{ t('People can\'t find your business on Google') }}</span>
+                            </li>
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-times-circle text-danger me-3 mt-1"></i>
+                                <span>{{ t('No way to show your products or services online') }}</span>
+                            </li>
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-times-circle text-danger me-3 mt-1"></i>
+                                <span>{{ t('Customers can\'t leave reviews or recommendations') }}</span>
+                            </li>
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-times-circle text-danger me-3 mt-1"></i>
+                                <span>{{ t('Your competitors get all the online customers') }}</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card h-100 border-success border-2">
+                    <div class="card-header bg-success bg-opacity-10 text-center py-3">
+                        <h4 class="fw-bold text-success mb-0">{{ t('With a Website') }}</h4>
+                    </div>
+                    <div class="card-body p-4">
+                        <ul class="list-unstyled">
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-check-circle text-success me-3 mt-1"></i>
+                                <span>{{ t('Customers can see your business even when you\'re closed') }}</span>
+                            </li>
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-check-circle text-success me-3 mt-1"></i>
+                                <span>{{ t('Show up in Google search results and Maps') }}</span>
+                            </li>
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-check-circle text-success me-3 mt-1"></i>
+                                <span>{{ t('Display your products, services, and prices 24/7') }}</span>
+                            </li>
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-check-circle text-success me-3 mt-1"></i>
+                                <span>{{ t('Customers can leave reviews and recommend you') }}</span>
+                            </li>
+                            <li class="mb-3 d-flex align-items-start">
+                                <i class="fas fa-check-circle text-success me-3 mt-1"></i>
+                                <span>{{ t('Get customers that would have gone to competitors') }}</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- CTA Section -->
+{{ components.cta_section(
+    title="Ready to Get Your Business Online?",
+    description="Let's talk about your website. Free consultation, no obligation.",
+    button_text="Get Started Today",
+    button_url="contact",
+    t=t
+) }}
+{% endblock %} 

templates/portfolio.html

@@ -0,0 +1,364 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t('Portfolio | Web Design Projects Brussels') }}{% endblock %}
+
+{% block description %}{{ t('View my web design portfolio featuring business websites, e-commerce sites, and custom web solutions. Professional web design projects completed in Brussels.') }}{% endblock %}
+
+{% block keywords %}{{ t('website design, web development, small business, Belgium, Brussels, professional websites, affordable web design') }}{% endblock %}
+
+{% block og_title %}{{ t('Portfolio | Web Design Projects Brussels') }}{% endblock %}
+
+{% block og_description %}{{ t('View my web design portfolio featuring business websites, e-commerce sites, and custom web solutions. Professional web design projects completed in Brussels.') }}{% endblock %}
+
+{% block twitter_title %}{{ t('Portfolio | Web Design Projects Brussels') }}{% endblock %}
+
+{% block twitter_description %}{{ t('View my web design portfolio featuring business websites, e-commerce sites, and custom web solutions. Professional web design projects completed in Brussels.') }}{% endblock %}
+
+{% block content %}
+<!-- Hero Section -->
+{{ hero.hero_section(
+    title="Design Showcase",
+    subtitle="Explore different design styles and themes. Click on any design to see how your website could look with these modern, professional styles.",
+    icon_class="fas fa-palette",
+    stats=[
+        {"value": "8+", "label": "Years Experience"},
+        {"value": "15,000+", "label": "Hours Coded"},
+        {"value": "100%", "label": "Committed"}
+    ],
+    t=t
+) }}
+
+<!-- Design Showcase Section -->
+<section class="design-showcase py-5">
+    <div class="container">
+        <div class="row">
+            <div class="col-12 text-center mb-5">
+                <h2 class="display-5 fw-bold mb-3">{{ t('Interactive Design Themes') }}</h2>
+                <p class="lead text-muted">{{ t('Click on any design below to preview how your website could look. Each theme demonstrates different styles, colors, and layouts.') }}</p>
+            </div>
+        </div>
+
+        <!-- Design Grid -->
+        <div class="row g-4">
+            <!-- Modern Minimal -->
+            <div class="col-lg-4 col-md-6">
+                <div class="design-card" data-theme="modern-minimal">
+                    <div class="design-preview">
+                        <div class="design-header">
+                            <div class="design-nav">
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                            </div>
+                        </div>
+                        <div class="design-content">
+                            <div class="design-hero">
+                                <div class="design-title"></div>
+                                <div class="design-subtitle"></div>
+                            </div>
+                            <div class="design-features">
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="design-info">
+                        <h4 class="design-name">{{ t('Modern Minimal') }}</h4>
+                        <p class="design-description">{{ t('Clean, spacious design with subtle animations and modern typography.') }}</p>
+                        <div class="design-tags">
+                            <span class="tag">Clean</span>
+                            <span class="tag">Modern</span>
+                            <span class="tag">Minimal</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Bold & Vibrant -->
+            <div class="col-lg-4 col-md-6">
+                <div class="design-card" data-theme="bold-vibrant">
+                    <div class="design-preview">
+                        <div class="design-header">
+                            <div class="design-nav">
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                            </div>
+                        </div>
+                        <div class="design-content">
+                            <div class="design-hero">
+                                <div class="design-title"></div>
+                                <div class="design-subtitle"></div>
+                            </div>
+                            <div class="design-features">
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="design-info">
+                        <h4 class="design-name">{{ t('Bold & Vibrant') }}</h4>
+                        <p class="design-description">{{ t('Eye-catching design with bold colors and dynamic elements.') }}</p>
+                        <div class="design-tags">
+                            <span class="tag">Bold</span>
+                            <span class="tag">Colorful</span>
+                            <span class="tag">Dynamic</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Elegant Professional -->
+            <div class="col-lg-4 col-md-6">
+                <div class="design-card" data-theme="elegant-professional">
+                    <div class="design-preview">
+                        <div class="design-header">
+                            <div class="design-nav">
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                            </div>
+                        </div>
+                        <div class="design-content">
+                            <div class="design-hero">
+                                <div class="design-title"></div>
+                                <div class="design-subtitle"></div>
+                            </div>
+                            <div class="design-features">
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="design-info">
+                        <h4 class="design-name">{{ t('Elegant Professional') }}</h4>
+                        <p class="design-description">{{ t('Sophisticated design with premium styling and professional appeal.') }}</p>
+                        <div class="design-tags">
+                            <span class="tag">Elegant</span>
+                            <span class="tag">Professional</span>
+                            <span class="tag">Premium</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Tech Startup -->
+            <div class="col-lg-4 col-md-6">
+                <div class="design-card" data-theme="tech-startup">
+                    <div class="design-preview">
+                        <div class="design-header">
+                            <div class="design-nav">
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                            </div>
+                        </div>
+                        <div class="design-content">
+                            <div class="design-hero">
+                                <div class="design-title"></div>
+                                <div class="design-subtitle"></div>
+                            </div>
+                            <div class="design-features">
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="design-info">
+                        <h4 class="design-name">{{ t('Tech Startup') }}</h4>
+                        <p class="design-description">{{ t('Modern tech-focused design with innovative layouts and animations.') }}</p>
+                        <div class="design-tags">
+                            <span class="tag">Tech</span>
+                            <span class="tag">Innovative</span>
+                            <span class="tag">Modern</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Creative Agency -->
+            <div class="col-lg-4 col-md-6">
+                <div class="design-card" data-theme="creative-agency">
+                    <div class="design-preview">
+                        <div class="design-header">
+                            <div class="design-nav">
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                            </div>
+                        </div>
+                        <div class="design-content">
+                            <div class="design-hero">
+                                <div class="design-title"></div>
+                                <div class="design-subtitle"></div>
+                            </div>
+                            <div class="design-features">
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="design-info">
+                        <h4 class="design-name">{{ t('Creative Agency') }}</h4>
+                        <p class="design-description">{{ t('Artistic design with creative layouts and expressive visual elements.') }}</p>
+                        <div class="design-tags">
+                            <span class="tag">Creative</span>
+                            <span class="tag">Artistic</span>
+                            <span class="tag">Expressive</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- E-commerce -->
+            <div class="col-lg-4 col-md-6">
+                <div class="design-card" data-theme="ecommerce">
+                    <div class="design-preview">
+                        <div class="design-header">
+                            <div class="design-nav">
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                                <div class="nav-dot"></div>
+                            </div>
+                        </div>
+                        <div class="design-content">
+                            <div class="design-hero">
+                                <div class="design-title"></div>
+                                <div class="design-subtitle"></div>
+                            </div>
+                            <div class="design-features">
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                                <div class="feature-line"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="design-info">
+                        <h4 class="design-name">{{ t('E-commerce') }}</h4>
+                        <p class="design-description">{{ t('Optimized design for online stores with product-focused layouts.') }}</p>
+                        <div class="design-tags">
+                            <span class="tag">E-commerce</span>
+                            <span class="tag">Product-focused</span>
+                            <span class="tag">Optimized</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Theme Preview Section -->
+        <div class="row mt-5">
+            <div class="col-12">
+                <div class="theme-preview-container" id="theme-preview">
+                    <div class="theme-preview-header text-center mb-4">
+                        <h3 class="fw-bold">{{ t('Live Preview') }}</h3>
+                        <p class="text-muted">{{ t('Click on any design above to see a live preview of how your website could look.') }}</p>
+                        <button class="btn btn-outline-primary" id="reset-theme">{{ t('Reset to Default') }}</button>
+                    </div>
+                    <div class="theme-preview-content">
+                        <div class="mini-website" id="mini-website">
+                            <!-- Mini Website Header -->
+                            <header class="mini-header">
+                                <nav class="mini-nav">
+                                    <div class="mini-brand">
+                                        <i class="fas fa-code me-2"></i>
+                                        <span>YourBrand</span>
+                                    </div>
+                                    <ul class="mini-menu">
+                                        <li><a href="#" class="mini-nav-link">Home</a></li>
+                                        <li><a href="#" class="mini-nav-link">Services</a></li>
+                                        <li><a href="#" class="mini-nav-link">About</a></li>
+                                        <li><a href="#" class="mini-nav-link">Contact</a></li>
+                                    </ul>
+                                </nav>
+                            </header>
+
+                            <!-- Mini Website Hero -->
+                            <section class="mini-hero">
+                                <div class="mini-hero-content">
+                                    <h1 class="mini-hero-title">Welcome to Your Business</h1>
+                                    <p class="mini-hero-subtitle">Professional solutions for your success</p>
+                                    <div class="mini-hero-buttons">
+                                        <button class="mini-btn mini-btn-primary">Get Started</button>
+                                        <button class="mini-btn mini-btn-secondary">Learn More</button>
+                                    </div>
+                                </div>
+                            </section>
+
+                            <!-- Mini Website Features -->
+                            <section class="mini-features">
+                                <div class="mini-feature">
+                                    <div class="mini-feature-icon">
+                                        <i class="fas fa-rocket"></i>
+                                    </div>
+                                    <h3 class="mini-feature-title">Fast & Reliable</h3>
+                                    <p class="mini-feature-text">Lightning-fast performance and reliable service.</p>
+                                </div>
+                                <div class="mini-feature">
+                                    <div class="mini-feature-icon">
+                                        <i class="fas fa-shield-alt"></i>
+                                    </div>
+                                    <h3 class="mini-feature-title">Secure & Safe</h3>
+                                    <p class="mini-feature-text">Your data is protected with industry-leading security.</p>
+                                </div>
+                                <div class="mini-feature">
+                                    <div class="mini-feature-icon">
+                                        <i class="fas fa-headset"></i>
+                                    </div>
+                                    <h3 class="mini-feature-title">24/7 Support</h3>
+                                    <p class="mini-feature-text">Round-the-clock support when you need it most.</p>
+                                </div>
+                            </section>
+
+                            <!-- Mini Website CTA -->
+                            <section class="mini-cta">
+                                <div class="mini-cta-content">
+                                    <h2 class="mini-cta-title">Ready to Get Started?</h2>
+                                    <p class="mini-cta-text">Join thousands of satisfied customers today.</p>
+                                    <button class="mini-btn mini-btn-primary">Contact Us</button>
+                                </div>
+                            </section>
+
+                            <!-- Mini Website Footer -->
+                            <footer class="mini-footer">
+                                <div class="mini-footer-content">
+                                    <div class="mini-footer-brand">
+                                        <i class="fas fa-code me-2"></i>
+                                        <span>YourBrand</span>
+                                    </div>
+                                    <div class="mini-footer-links">
+                                        <a href="#" class="mini-footer-link">Privacy</a>
+                                        <a href="#" class="mini-footer-link">Terms</a>
+                                        <a href="#" class="mini-footer-link">Support</a>
+                                    </div>
+                                </div>
+                            </footer>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Testimonials Section -->
+{{ testimonials.testimonials_section(
+    title=t('What My Clients Say'),
+    subtitle=t('Don\'t just take my word for it - hear from some of the businesses I\'ve helped.'),
+    t=t
+) }}
+
+<!-- Call to Action -->
+{{ components.cta_section(
+    title="Ready to Start Your Project?",
+    description="Let's discuss your project and create something amazing together. I offer a free consultation to understand your needs and provide a customized solution.",
+    button_text="Get Started",
+    button_url="contact",
+    t=t
+) }}
+{% endblock %} 

templates/services.html

@@ -0,0 +1,262 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t('Website Design Services Brussels | Kobelly') }}{% endblock %}
+
+{% block description %}{{ t('Professional website design services in Brussels. Custom websites for small businesses starting at €299. Fast delivery, ongoing support, and proven results.') }}{% endblock %}
+
+{% block keywords %}{{ t('website design, web development, small business, Belgium, Brussels, professional websites, affordable web design') }}{% endblock %}
+
+{% block og_title %}{{ t('Website Design Services Brussels | Kobelly') }}{% endblock %}
+
+{% block og_description %}{{ t('Professional website design services in Brussels. Custom websites for small businesses starting at €299. Fast delivery, ongoing support, and proven results.') }}{% endblock %}
+
+{% block twitter_title %}{{ t('Website Design Services Brussels | Kobelly') }}{% endblock %}
+
+{% block twitter_description %}{{ t('Professional website design services in Brussels. Custom websites for small businesses starting at €299. Fast delivery, ongoing support, and proven results.') }}{% endblock %}
+
+{% block content %}
+<!-- Hero Section -->
+<section class="services-hero-section py-5">
+    <div class="container">
+        <div class="row align-items-center">
+            <div class="col-lg-6">
+                <div class="services-hero-content">
+                    <h1 class="display-3 fw-bold mb-4">{{ t('Professional Web Solutions') }}</h1>
+                    <p class="lead mb-4">{{ t('Comprehensive web services designed to help your business succeed online. From custom design to e-commerce solutions, I provide everything you need to establish a strong digital presence.') }}</p>
+                </div>
+            </div>
+            <div class="col-lg-6 text-center">
+                <div class="services-hero-visual">
+                    <div class="services-icon-wrapper">
+                        <i class="fas fa-cogs services-main-icon"></i>
+                        <div class="services-icon-glow"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Services Section -->
+<section class="py-5">
+    <div class="container">
+        <div class="row g-5">
+            <!-- Website Design -->
+            <div class="col-lg-4">
+                <div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced">
+                    <div class="card-body p-5 d-flex flex-column">
+                        <div class="service-header text-center mb-4">
+                            <div class="service-icon-wrapper mb-3">
+                                <i class="fas fa-palette text-primary service-icon" style="font-size: 3.5rem;"></i>
+                            </div>
+                            <h3 class="card-title fw-bold mb-3">{{ t('Website Design') }}</h3>
+                        </div>
+                        
+                        <p class="card-text text-center mb-4">{{ t('Custom, professional website design that perfectly represents your brand and engages your target audience.') }}</p>
+                        
+                        <div class="service-features mb-4">
+                            <h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
+                            <ul class="list-unstyled service-feature-list">
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Responsive design') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Modern UI/UX') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Optimized structure') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Fast loading times') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Cross-browser compatibility') }}</span>
+                                </li>
+                            </ul>
+                        </div>
+                        
+                        <div class="service-footer mt-auto">
+                            <div class="text-center">
+                                <a href="{{ url_for('contact') }}" class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- E-commerce Solutions -->
+            <div class="col-lg-4">
+                <div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced">
+                    <div class="card-body p-5 d-flex flex-column">
+                        <div class="service-header text-center mb-4">
+                            <div class="service-icon-wrapper mb-3">
+                                <i class="fas fa-shopping-cart text-primary service-icon" style="font-size: 3.5rem;"></i>
+                            </div>
+                            <h3 class="card-title fw-bold mb-3">{{ t('E-commerce Solutions') }}</h3>
+                        </div>
+                        
+                        <p class="card-text text-center mb-4">{{ t('Complete online store setup with secure payment processing, inventory management, and customer tracking.') }}</p>
+                        
+                        <div class="service-features mb-4">
+                            <h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
+                            <ul class="list-unstyled service-feature-list">
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Online store setup') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Payment integration') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Inventory management') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Order processing') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Customer accounts') }}</span>
+                                </li>
+                            </ul>
+                        </div>
+                        
+                        <div class="service-footer mt-auto">
+                            <div class="text-center">
+                                <a href="{{ url_for('contact') }}" class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Maintenance & Support -->
+            <div class="col-lg-4">
+                <div class="card service-card h-100 fade-in-up d-flex flex-column service-card-enhanced">
+                    <div class="card-body p-5 d-flex flex-column">
+                        <div class="service-header text-center mb-4">
+                            <div class="service-icon-wrapper mb-3">
+                                <i class="fas fa-headset text-primary service-icon" style="font-size: 3.5rem;"></i>
+                            </div>
+                            <h3 class="card-title fw-bold mb-3">{{ t('Maintenance & Support') }}</h3>
+                        </div>
+                        
+                        <p class="card-text text-center mb-4">{{ t('Ongoing website maintenance, updates, and technical support to keep your site running smoothly.') }}</p>
+                        
+                        <div class="service-features mb-4">
+                            <h6 class="fw-bold text-primary mb-3">{{ t('What\'s Included:') }}</h6>
+                            <ul class="list-unstyled service-feature-list">
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Regular security updates') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Performance monitoring') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Backup management') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Content updates') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Technical support') }}</span>
+                                </li>
+                                <li class="service-feature-item mb-3">
+                                    <i class="fas fa-check-circle text-success me-3"></i>
+                                    <span>{{ t('Monthly reports') }}</span>
+                                </li>
+                            </ul>
+                        </div>
+                        
+                        <div class="service-footer mt-auto">
+                            <div class="text-center">
+                                <a href="{{ url_for('contact') }}" class="btn btn-primary btn-lg w-100">{{ t('Get Quote') }}</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Process Section -->
+<section class="py-5 bg-light">
+    <div class="container">
+        <div class="row text-center mb-5">
+            <div class="col-lg-8 mx-auto">
+                <h2 class="display-5 fw-bold">{{ t('How It Works') }}</h2>
+                <p class="lead text-muted">{{ t('Getting your business online is easier than you think.') }}</p>
+            </div>
+        </div>
+        
+        <div class="row g-4 position-relative">
+            <!-- Connecting line for desktop -->
+            <div class="d-none d-md-block process-connecting-line"></div>
+            
+            <div class="col-md-4 position-relative" style="z-index: 2;">
+                <div class="text-center process-step">
+                    <div class="process-icon-wrapper mb-4">
+                        <div class="bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center process-icon" style="width: 80px; height: 80px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);" data-step="1">
+                            <i class="fas fa-phone" style="font-size: 1.8rem;"></i>
+                        </div>
+                    </div>
+                    <div class="process-content">
+                        <h5 class="fw-bold mb-3">{{ t('Tell Me About Your Business') }}</h5>
+                        <p class="text-muted mb-0">{{ t('One 15-minute call. I ask about your business, you tell me what you need.') }}</p>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="col-md-4 position-relative" style="z-index: 2;">
+                <div class="text-center process-step">
+                    <div class="process-icon-wrapper mb-4">
+                        <div class="bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center process-icon" style="width: 80px; height: 80px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);" data-step="2">
+                            <i class="fas fa-laptop-code" style="font-size: 1.8rem;"></i>
+                        </div>
+                    </div>
+                    <div class="process-content">
+                        <h5 class="fw-bold mb-3">{{ t('I Build Your Website') }}</h5>
+                        <p class="text-muted mb-0">{{ t('I create your website quickly. Simple sites in 48 hours, more complex ones take a bit longer.') }}</p>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="col-md-4 position-relative" style="z-index: 2;">
+                <div class="text-center process-step">
+                    <div class="process-icon-wrapper mb-4">
+                        <div class="bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center process-icon" style="width: 80px; height: 80px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);" data-step="3">
+                            <i class="fas fa-users" style="font-size: 1.8rem;"></i>
+                        </div>
+                    </div>
+                    <div class="process-content">
+                        <h5 class="fw-bold mb-3">{{ t('Start Getting Customers') }}</h5>
+                        <p class="text-muted mb-0">{{ t('Your website goes live. Customers find you online and start calling or visiting.') }}</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- CTA Section -->
+{{ components.cta_section(
+    title="Ready to Start Your Project?",
+    description="Let's discuss how I can help your business grow online.",
+    button_text="Get Free Consultation",
+    button_url="contact",
+    t=t
+) }}
+{% endblock %} 

test_translations.py

@@ -0,0 +1,39 @@
+#!/usr/bin/env python3
+"""
+Test script to debug translation issues
+"""
+
+from translation_manager import load_translations, translate, get_current_language, set_language
+from flask import Flask, request, session
+import os
+
+# Create a minimal Flask app for testing
+app = Flask(__name__)
+app.secret_key = 'test-key'
+
+# Load translations
+print("Loading translations...")
+load_translations()
+
+# Test translations
+print("\nTesting translations:")
+print("Home in EN:", translate('Home', 'en'))
+print("Home in DE:", translate('Home', 'de'))
+print("Home in FR:", translate('Home', 'fr'))
+print("Home in NL:", translate('Home', 'nl'))
+
+print("\nTesting with Flask context:")
+with app.test_request_context():
+    print("Current language (default):", get_current_language())
+    print("Home translation (default):", translate('Home'))
+    
+    # Test setting language
+    set_language('de')
+    print("Current language (after setting DE):", get_current_language())
+    print("Home translation (DE):", translate('Home'))
+    
+    set_language('fr')
+    print("Current language (after setting FR):", get_current_language())
+    print("Home translation (FR):", translate('Home'))
+
+print("\nTranslation system test completed!") 

translation_manager.py

@@ -0,0 +1,180 @@
+#!/usr/bin/env python3
+"""
+Simple JSON-based Translation Manager for Kobelly Web Solutions
+No compilation needed - just edit JSON files directly!
+"""
+
+import os
+import json
+import glob
+from flask import request, session, url_for
+from functools import wraps
+
+# Supported languages
+SUPPORTED_LANGUAGES = ['en', 'de', 'fr', 'nl']
+
+# Default language
+DEFAULT_LANGUAGE = 'en'
+
+# Translation cache
+_translations = {}
+
+def load_translations():
+    """Load all translation files into memory."""
+    global _translations
+    
+    if not os.path.exists('translations'):
+        os.makedirs('translations')
+    
+    for lang in SUPPORTED_LANGUAGES:
+        lang_file = f'translations/{lang}.json'
+        
+        if os.path.exists(lang_file):
+            try:
+                with open(lang_file, 'r', encoding='utf-8') as f:
+                    _translations[lang] = json.load(f)
+                print(f"✓ Loaded {lang} translations ({len(_translations[lang])} keys)")
+            except Exception as e:
+                print(f"✗ Error loading {lang} translations: {e}")
+                _translations[lang] = {}
+        else:
+            print(f"⚠ {lang} translation file not found, creating empty one")
+            _translations[lang] = {}
+            save_translations(lang, {})
+
+def save_translations(lang, translations):
+    """Save translations for a specific language."""
+    if not os.path.exists('translations'):
+        os.makedirs('translations')
+    
+    lang_file = f'translations/{lang}.json'
+    try:
+        with open(lang_file, 'w', encoding='utf-8') as f:
+            json.dump(translations, f, indent=2, ensure_ascii=False)
+        _translations[lang] = translations
+        print(f"✓ Saved {lang} translations")
+        return True
+    except Exception as e:
+        print(f"✗ Error saving {lang} translations: {e}")
+        return False
+
+def get_current_language():
+    """Get the current language from session or request."""
+    # Check session first
+    if 'language' in session:
+        return session['language']
+    
+    # Check request parameter
+    if request.args.get('lang') in SUPPORTED_LANGUAGES:
+        return request.args.get('lang')
+    
+    # Check Accept-Language header
+    if request.accept_languages:
+        for lang in request.accept_languages:
+            if lang[0] in SUPPORTED_LANGUAGES:
+                return lang[0]
+    
+    return DEFAULT_LANGUAGE
+
+def set_language(lang):
+    """Set the current language in session."""
+    if lang in SUPPORTED_LANGUAGES:
+        session['language'] = lang
+        print(f"✓ Language set to {lang}")
+        return True
+    print(f"✗ Invalid language: {lang}")
+    return False
+
+def translate(key, lang=None, **kwargs):
+    """Translate a key to the specified language."""
+    if lang is None:
+        lang = get_current_language()
+    
+    # Get translation
+    translation = _translations.get(lang, {}).get(key, key)
+    
+    # Format with kwargs if provided
+    if kwargs:
+        try:
+            translation = translation.format(**kwargs)
+        except (KeyError, ValueError):
+            # If formatting fails, return the key
+            translation = key
+    
+    return translation
+
+def extract_strings():
+    """Extract all translatable strings from templates and create translation files."""
+    print("📤 Extracting translatable strings...")
+    
+    # Find all template files
+    template_files = glob.glob('templates/**/*.html', recursive=True)
+    
+    # Extract strings (this is a simplified version)
+    # In practice, you'd want to parse the templates more thoroughly
+    extracted_strings = set()
+    
+    for template_file in template_files:
+        try:
+            with open(template_file, 'r', encoding='utf-8') as f:
+                content = f.read()
+                # Look for common patterns (this is simplified)
+                # You might want to use a proper template parser
+                lines = content.split('\n')
+                for line in lines:
+                    line = line.strip()
+                    if line and not line.startswith('{') and not line.startswith('<!--'):
+                        # Simple extraction - you might want to improve this
+                        if len(line) > 3 and not line.startswith('<'):
+                            extracted_strings.add(line)
+        except Exception as e:
+            print(f"Error reading {template_file}: {e}")
+    
+    # Create translation structure
+    translations = {}
+    for string in sorted(extracted_strings):
+        translations[string] = string
+    
+    # Save for each language
+    for lang in SUPPORTED_LANGUAGES:
+        save_translations(lang, translations)
+    
+    print(f"✓ Extracted {len(extracted_strings)} strings")
+    return translations
+
+def create_language_selector():
+    """Create HTML for language selector."""
+    current_lang = get_current_language()
+    
+    html = '<div class="language-selector">'
+    for lang in SUPPORTED_LANGUAGES:
+        lang_name = {
+            'en': 'English',
+            'de': 'Deutsch', 
+            'fr': 'Français',
+            'nl': 'Nederlands'
+        }.get(lang, lang.upper())
+        
+        active_class = 'active' if lang == current_lang else ''
+        html += f'<a href="?lang={lang}" class="lang-link {active_class}">{lang_name}</a>'
+    html += '</div>'
+    
+    return html
+
+# Flask integration
+def init_app(app):
+    """Initialize the translation system with Flask app."""
+    load_translations()
+    
+    @app.context_processor
+    def inject_translations():
+        return {
+            'translate': translate,
+            'get_current_language': get_current_language,
+            'create_language_selector': create_language_selector
+        }
+
+# Convenience function for templates
+def t(key, **kwargs):
+    """Short alias for translate function."""
+    return translate(key, **kwargs) 

translations/de.json

@@ -0,0 +1,288 @@
+{
+  "\"Kobelly transformed our business with a stunning website that perfectly represents our brand. The communication was excellent throughout the entire process.\"": "\"Kobelly hat unser Unternehmen mit einer beeindruckenden Website transformiert, die unsere Marke perfekt repräsentiert. Die Kommunikation war während des gesamten Prozesses ausgezeichnet.\"",
+  "\"Professional, responsive, and affordable. Kobelly delivered exactly what we needed to grow our online presence. Highly recommended!\"": "\"Professionell, reaktionsschnell und erschwinglich. Kobelly hat genau das geliefert, was wir brauchten, um unsere Online-Präsenz zu erweitern. Sehr empfehlenswert!\"",
+  "\"The ongoing support and maintenance service is outstanding. Kobelly keeps our website running smoothly and responds quickly to any issues.\"": "\"Der laufende Support- und Wartungsservice ist herausragend. Kobelly hält unsere Website reibungslos am Laufen und reagiert schnell auf alle Probleme.\"",
+  "123 Web Street": "Blijkheerstraat 92",
+  "About": "Über",
+  "About Kobelly": "Über Kobelly",
+  "About Me": "Über Mich",
+  "Address": "Adresse",
+  "Affordable Pricing": "Erschwingliche Preise",
+  "Backup management": "Backup-Verwaltung",
+  "Brand-consistent design": "Markenkonformes Design",
+  "Brussels, Belgium": "1755 Pajottegem, Belgien",
+  "Building Digital Success Stories": "Digitale Erfolgsgeschichten aufbauen",
+  "Clean, professional layouts": "Saubere, professionelle Layouts",
+  "Client Focus": "Kundenfokus",
+  "Client Satisfaction": "Kundenzufriedenheit",
+  "Committed": "Engagiert",
+  "Company Name": "Firmenname",
+  "Complete online store setup with secure payment processing and inventory management.": "Vollständige Online-Shop-Einrichtung mit sicherer Zahlungsabwicklung und Bestandsverwaltung.",
+  "Complete online store setup with secure payment processing, inventory management, and customer tracking.": "Vollständige Online-Shop-Einrichtung mit sicherer Zahlungsabwicklung, Bestandsverwaltung und Kundenverfolgung.",
+  "Comprehensive web solutions designed to help your business succeed online.": "Umfassende Web-Lösungen, die darauf ausgelegt sind, Ihrem Unternehmen online zum Erfolg zu verhelfen.",
+  "Consulting Firm": "Beratungsunternehmen",
+  "Contact": "Kontakt",
+  "Content updates": "Inhaltsaktualisierungen",
+  "Creating professional websites for small businesses and entrepreneurs.": "Erstellung professioneller Websites für kleine Unternehmen und Unternehmer.",
+  "Cross-browser compatibility": "Browserübergreifende Kompatibilität",
+  "Custom Built": "Maßgeschneidert",
+  "Custom, professional website design that perfectly represents your brand and engages your target audience.": "Maßgeschneidertes, professionelles Website-Design, das Ihre Marke perfekt repräsentiert und Ihre Zielgruppe anspricht.",
+  "Customer accounts": "Kundenkonten",
+  "Development": "Entwicklung",
+  "Direct Communication": "Direkte Kommunikation",
+  "Discovery": "Entdeckung",
+  "Do you provide ongoing support?": "Bieten Sie laufenden Support?",
+  "Do you work with small businesses?": "Arbeiten Sie mit kleinen Unternehmen?",
+  "E-commerce Development": "E-Commerce-Entwicklung",
+  "E-commerce Entrepreneur": "E-Commerce-Unternehmer",
+  "E-commerce Solutions": "E-Commerce-Lösungen",
+  "Email": "E-Mail",
+  "Email Address": "E-Mail-Adresse",
+  "Emma Rodriguez": "Emma Rodriguez",
+  "Explore My Services": "Meine Dienstleistungen erkunden",
+  "Fast & Optimized": "Schnell & Optimiert",
+  "Fast Turnaround": "Schnelle Umsetzung",
+  "Fast loading times": "Schnelle Ladezeiten",
+  "Find Us": "Finden Sie uns",
+  "Find answers to common questions about our services and process.": "Finden Sie Antworten auf häufige Fragen zu unseren Dienstleistungen und unserem Prozess.",
+  "First Name": "Vorname",
+  "Follow Us": "Folgen Sie uns",
+  "Founded with a mission to democratize professional web development, Kobelly was born from my belief that every business deserves a stunning online presence.": "Gegründet mit der Mission, professionelle Webentwicklung zu demokratisieren, wurde Kobelly aus meiner Überzeugung geboren, dass jedes Unternehmen eine beeindruckende Online-Präsenz verdient.",
+  "Free Consultation": "Kostenlose Beratung",
+  "Frequently Asked Questions": "Häufig gestellte Fragen",
+  "Get Quote": "Angebot erhalten",
+  "Get Started": "Loslegen",
+  "Get in Touch": "Kontakt aufnehmen",
+  "Hi, I'm Kobe Amerijckx, the founder and developer behind Kobelly Web Solutions. I'm passionate about helping small businesses succeed online with professional, affordable web solutions.": "Hallo, ich bin Kobe Amerijckx, der Gründer und Entwickler hinter Kobelly Web Solutions. Ich bin leidenschaftlich daran interessiert, kleinen Unternehmen mit professionellen, erschwinglichen Web-Lösungen online zum Erfolg zu verhelfen.",
+  "Home": "Startseite",
+  "Hours Coded": "Programmiert Stunden",
+  "How long does it take to build a website?": "Wie lange dauert es, eine Website zu erstellen?",
+  "I believe in honest, transparent communication and always deliver what I promise. Your success is my success.": "Ich glaube an ehrliche, transparente Kommunikation und liefere immer das, was ich verspreche. Ihr Erfolg ist mein Erfolg.",
+  "I build your website with modern technologies and best practices.": "Ich erstelle Ihre Website mit modernen Technologien und bewährten Praktiken.",
+  "I create a detailed project plan and design mockups.": "Ich erstelle einen detaillierten Projektplan und Design-Mockups.",
+  "I create beautiful, user-friendly websites using the latest design trends and best practices.": "Ich erstelle schöne, benutzerfreundliche Websites mit den neuesten Design-Trends und bewährten Praktiken.",
+  "I create stunning, responsive websites that help small businesses and entrepreneurs establish a strong online presence and grow their customer base.": "Ich erstelle beeindruckende, responsive Websites, die kleinen Unternehmen und Unternehmern helfen, eine starke Online-Präsenz aufzubauen und ihre Kundenbasis zu erweitern.",
+  "I deploy your website and provide training and support.": "Ich stelle Ihre Website bereit und biete Schulungen und Support.",
+  "I discuss your goals, target audience, and requirements.": "Ich bespreche Ihre Ziele, Zielgruppe und Anforderungen.",
+  "I follow a proven process to deliver exceptional results.": "Ich folge einem bewährten Prozess, um außergewöhnliche Ergebnisse zu liefern.",
+  "I handle every aspect of your project personally - from initial consultation to design, development, and ongoing support. This ensures consistent quality and direct communication throughout the entire process.": "Ich kümmere mich persönlich um jeden Aspekt Ihres Projekts - von der ersten Beratung bis hin zu Design, Entwicklung und laufendem Support. Dies gewährleistet konsistente Qualität und direkte Kommunikation während des gesamten Prozesses.",
+  "I offer competitive pricing without compromising on quality. My packages are designed to fit small business budgets.": "Ich biete wettbewerbsfähige Preise ohne Qualitätseinbußen. Meine Pakete sind für kleine Unternehmensbudgets konzipiert.",
+  "I provide maintenance, updates, and support to keep your website running smoothly.": "Ich biete Wartung, Updates und Support, um Ihre Website reibungslos am Laufen zu halten.",
+  "I specialize in creating modern, professional websites that help businesses succeed online.": "Ich bin spezialisiert auf die Erstellung moderner, professioneller Websites, die Unternehmen online zum Erfolg verhelfen.",
+  "I stay current with the latest web technologies and design trends to ensure your website stands out from the competition.": "Ich bleibe auf dem neuesten Stand der Web-Technologien und Design-Trends, um sicherzustellen, dass Ihre Website aus der Konkurrenz heraussticht.",
+  "I understand that time is money. I deliver projects on time and keep you updated throughout the process.": "Ich verstehe, dass Zeit Geld ist. Ich liefere Projekte pünktlich und halte Sie während des gesamten Prozesses auf dem Laufenden.",
+  "I understand the challenges that small businesses face in today's digital landscape. High costs, complex processes, and lack of ongoing support often prevent entrepreneurs from getting the website they need to grow their business.": "Ich verstehe die Herausforderungen, denen kleine Unternehmen in der heutigen digitalen Landschaft gegenüberstehen. Hohe Kosten, komplexe Prozesse und fehlender laufender Support hindern Unternehmer oft daran, die Website zu bekommen, die sie für das Wachstum ihres Unternehmens benötigen.",
+  "I understand the unique needs of small businesses and provide tailored solutions that deliver results.": "Ich verstehe die einzigartigen Bedürfnisse kleiner Unternehmen und biete maßgeschneiderte Lösungen, die Ergebnisse liefern.",
+  "I'm not just another web developer. Here's what sets me apart.": "Ich bin nicht nur ein weiterer Webentwickler. Hier ist das, was mich auszeichnet.",
+  "I'm passionate about web design and helping businesses succeed. Every project is approached with enthusiasm and dedication.": "Ich bin leidenschaftlich an Webdesign und daran interessiert, Unternehmen zum Erfolg zu verhelfen. Jedes Projekt wird mit Enthusiasmus und Hingabe angegangen.",
+  "I'm the sole developer behind Kobelly, dedicated to creating exceptional websites for small businesses.": "Ich bin der einzige Entwickler hinter Kobelly, der sich der Erstellung außergewöhnlicher Websites für kleine Unternehmen widmet.",
+  "Innovation": "Innovation",
+  "Integrity": "Integrität",
+  "Intuitive user experience": "Intuitive Benutzererfahrung",
+  "Inventory management": "Bestandsverwaltung",
+  "Kobelly": "Kobelly",
+  "Kobelly Web Solutions": "Kobelly Web Solutions",
+  "Kobelly Web Solutions. All rights reserved.": "Kobelly Web Solutions. Alle Rechte vorbehalten.",
+  "Last Name": "Nachname",
+  "Launch": "Start",
+  "Let's Connect:": "Lassen Sie uns in Verbindung bleiben:",
+  "Lightning-fast loading times and optimized performance to ensure your website runs smoothly.": "Blitzschnelle Ladezeiten und optimierte Leistung, um sicherzustellen, dass Ihre Website reibungslos läuft.",
+  "Located in the heart of Brussels, serving clients across Belgium and Europe.": "Ansässig in Pajottegem, in der Nähe von Brüssel, Dienstleistungen für Kunden in ganz Belgien und Europa.",
+  "Maintenance & Support": "Wartung & Support",
+  "Meet Kobe Amerijckx": "Lernen Sie Kobe Amerijckx kennen",
+  "Michael Chen": "Michael Chen",
+  "Modern UI/UX": "Moderne UI/UX",
+  "Modern Web Design": "Modernes Webdesign",
+  "Monthly reports": "Monatliche Berichte",
+  "My Expertise": "Meine Expertise",
+  "My Expertise:": "Meine Expertise:",
+  "My Mission": "Meine Mission",
+  "My Process": "Mein Prozess",
+  "My Story": "Meine Geschichte",
+  "My Values": "Meine Werte",
+  "Ongoing Support": "Laufender Support",
+  "Ongoing website maintenance, updates, and technical support to keep your site running smoothly.": "Laufende Website-Wartung, Updates und technischer Support, um Ihre Website reibungslos am Laufen zu halten.",
+  "Online store setup": "Online-Shop-Einrichtung",
+  "Optimized structure": "Optimierte Struktur",
+  "Order processing": "Bestellabwicklung",
+  "Order tracking system": "Bestellverfolgungssystem",
+  "Our Services": "Unsere Dienstleistungen",
+  "Our pricing is transparent and project-based. We provide detailed quotes after understanding your requirements. We offer flexible payment plans and competitive rates for small businesses.": "Unsere Preisgestaltung ist transparent und projektbasiert. Wir erstellen detaillierte Angebote nach dem Verständnis Ihrer Anforderungen. Wir bieten flexible Zahlungspläne und wettbewerbsfähige Tarife für kleine Unternehmen.",
+  "Our relationship doesn't end when your website launches. I provide ongoing support and maintenance.": "Unsere Beziehung endet nicht, wenn Ihre Website online geht. Ich biete laufenden Support und Wartung.",
+  "Over €10,000": "Über €10.000",
+  "Passion": "Leidenschaft",
+  "Payment integration": "Zahlungsintegration",
+  "Performance monitoring": "Leistungsüberwachung",
+  "Personal Support": "Persönlicher Support",
+  "Phone": "Telefon",
+  "Phone Number": "Telefonnummer",
+  "+32 486 21 07 07": "+32 486 21 07 07",
+  "info@kobelly.com": "info@kobelly.com",
+  "Blijkheerstraat 92, 1755 Pajottegem": "Blijkheerstraat 92, 1755 Pajottegem",
+  "Planning": "Planung",
+  "Product catalog management": "Produktkatalogverwaltung",
+  "Professional Quality": "Professionelle Qualität",
+  "Project Budget": "Projektbudget",
+  "Project Details": "Projektdetails",
+  "Ready to Start Your Project?": "Bereit, Ihr Projekt zu starten?",
+  "Regular security updates": "Regelmäßige Sicherheitsupdates",
+  "Response Time": "Reaktionszeit",
+  "Responsive Design": "Responsives Design",
+  "Responsive Web Design": "Responsives Webdesign",
+  "Responsive design": "Responsives Design",
+  "Restaurant Owner": "Restaurantbesitzer",
+  "SEO Optimization": "SEO-Optimierung",
+  "Sarah Johnson": "Sarah Johnson",
+  "Secure payment gateways": "Sichere Zahlungsgateways",
+  "Select a service...": "Wählen Sie einen Service...",
+  "Select budget range...": "Wählen Sie Budgetbereich...",
+  "Send Me a Message": "Senden Sie mir eine Nachricht",
+  "Send Message": "Nachricht senden",
+  "Service Interested In": "Interessierter Service",
+  "Services": "Dienstleistungen",
+  "Subscribe to my newsletter for web design tips and updates": "Abonnieren Sie meinen Newsletter für Webdesign-Tipps und Updates",
+  "Technical support": "Technischer Support",
+  "Tell me about your project, goals, and requirements...": "Erzählen Sie mir von Ihrem Projekt, Ihren Zielen und Anforderungen...",
+  "That's why I've created a service that combines professional quality with affordable pricing, transparent communication, and ongoing support. I don't just build websites – I build partnerships that help your business thrive.": "Deshalb habe ich einen Service geschaffen, der professionelle Qualität mit erschwinglichen Preisen, transparenter Kommunikation und laufendem Support kombiniert. Ich erstelle nicht nur Websites – ich baue Partnerschaften auf, die Ihrem Unternehmen helfen, zu florieren.",
+  "The Principles That Guide Me": "Die Prinzipien, die mich leiten",
+  "The timeline depends on the complexity of your project. A simple business website typically takes 2-4 weeks, while more complex e-commerce sites may take 6-8 weeks.": "Der Zeitplan hängt von der Komplexität Ihres Projekts ab. Eine einfache Geschäftswebsite dauert typischerweise 2-4 Wochen, während komplexere E-Commerce-Sites 6-8 Wochen dauern können.",
+  "These core values shape everything I do and every decision I make.": "Diese Kernwerte prägen alles, was ich tue, und jede Entscheidung, die ich treffe.",
+  "To empower small businesses with professional, affordable web solutions that drive growth and success in the digital world.": "Kleine Unternehmen mit professionellen, erschwinglichen Web-Lösungen zu stärken, die Wachstum und Erfolg in der digitalen Welt fördern.",
+  "Transform Your Business with Stunning Websites": "Transformieren Sie Ihr Unternehmen mit beeindruckenden Websites",
+  "Transparent Communication": "Transparente Kommunikation",
+  "Under €1,000": "Unter €1.000",
+  "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.": "Wir bieten eine kostenlose 30-minütige Beratung an, um Ihre Projektanforderungen zu besprechen und ein maßgeschneidertes Angebot zu erstellen.",
+  "Website Design": "Website-Design",
+  "Website Maintenance": "Website-Wartung",
+  "What Makes Me Different": "Was mich unterscheidet",
+  "What My Clients Say": "Was meine Kunden sagen",
+  "What is your pricing structure?": "Wie ist Ihre Preisstruktur?",
+  "Why Choose Kobelly?": "Warum Kobelly wählen?",
+  "Why Choose Me": "Warum mich wählen",
+  "With over 10 years of experience in web development, I specialize in creating fast, responsive, and user-friendly websites that help small businesses grow online.": "Mit über 10 Jahren Erfahrung in der Webentwicklung bin ich spezialisiert auf die Erstellung schneller, responsiver und benutzerfreundlicher Websites, die kleinen Unternehmen helfen, online zu wachsen.",
+  "Years Experience": "Jahre Erfahrung",
+  "Yes! We offer various maintenance packages to keep your website secure, updated, and running smoothly. We also provide technical support and content updates.": "Ja! Wir bieten verschiedene Wartungspakete an, um Ihre Website sicher, aktuell und reibungslos am Laufen zu halten. Wir bieten auch technischen Support und Inhaltsaktualisierungen.",
+  "Yes, we specialize in working with small businesses and entrepreneurs. We understand your unique needs and budget constraints.": "Ja, wir sind spezialisiert auf die Arbeit mit kleinen Unternehmen und Unternehmern. Wir verstehen Ihre einzigartigen Bedürfnisse und Budgetbeschränkungen.",
+  "You work directly with me - no account managers or middlemen. I believe in transparent communication.": "Sie arbeiten direkt mit mir - keine Account Manager oder Zwischenhändler. Ich glaube an transparente Kommunikation.",
+  "Your Dedicated Web Developer": "Ihr engagierter Webentwickler",
+  "Your website will look perfect on all devices - desktop, tablet, and mobile.": "Ihre Website wird auf allen Geräten perfekt aussehen - Desktop, Tablet und Mobilgerät.",
+  "€1,000 - €3,000": "€1.000 - €3.000",
+  "€3,000 - €5,000": "€3.000 - €5.000",
+  "€5,000 - €10,000": "€5.000 - €10.000",
+  "Portfolio": "Portfolio",
+  "My Portfolio": "Mein Portfolio",
+  "Discover the projects I've created to help businesses succeed online. Each website is crafted with care, focusing on user experience, performance, and results.": "Entdecken Sie die Projekte, die ich erstellt habe, um Unternehmen online erfolgreich zu machen. Jede Website wird mit Sorgfalt erstellt und konzentriert sich auf Benutzererfahrung, Leistung und Ergebnisse.",
+  "Projects Completed": "Abgeschlossene Projekte",
+  "Featured Projects": "Ausgewählte Projekte",
+  "Here are some of my recent projects that showcase my expertise in web design and development.": "Hier sind einige meiner neuesten Projekte, die meine Expertise im Webdesign und der Entwicklung zeigen.",
+  "Portfolio Coming Soon": "Portfolio Kommt Bald",
+  "I'm currently working on showcasing my latest projects. While I build up my portfolio, I'd love to discuss your project and show you what I can create for your business.": "Ich arbeite derzeit daran, meine neuesten Projekte zu präsentieren. Während ich mein Portfolio aufbaue, würde ich gerne Ihr Projekt besprechen und Ihnen zeigen, was ich für Ihr Unternehmen erstellen kann.",
+  "What I'm Working On": "Woran Ich Arbeite",
+  "E-commerce websites": "E-Commerce-Websites",
+  "Business landing pages": "Geschäfts-Landingpages",
+  "Restaurant websites": "Restaurant-Websites",
+  "Consulting firm sites": "Beratungsunternehmen-Websites",
+  "Technologies I Use": "Technologien Die Ich Verwende",
+  "Project Categories": "Projektkategorien",
+  "Business Websites": "Geschäftswebsites",
+  "Professional websites for small businesses, including lead generation and contact forms.": "Professionelle Websites für kleine Unternehmen, einschließlich Lead-Generierung und Kontaktformulare.",
+  "Restaurant & Food": "Restaurant & Lebensmittel",
+  "Beautiful websites for restaurants, cafes, and food businesses with online ordering.": "Schöne Websites für Restaurants, Cafés und Lebensmittelunternehmen mit Online-Bestellung.",
+  "Don't just take my word for it - hear from some of the businesses I've helped.": "Glauben Sie mir nicht nur - hören Sie von einigen Unternehmen, die ich unterstützt habe.",
+  "Let's discuss your project and create something amazing together. I offer a free consultation to understand your needs and provide a customized solution.": "Lassen Sie uns Ihr Projekt besprechen und gemeinsam etwas Großartiges schaffen. Ich biete eine kostenlose Beratung an, um Ihre Bedürfnisse zu verstehen und eine maßgeschneiderte Lösung zu bieten.",
+  "View Services": "Dienste Anzeigen",
+  "Vlaams-Brabant": "Flämisch-Brabant",
+  "Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.": "Professionelles Webdesign für kleine Unternehmen in Belgien. Schnelle, erschwingliche Websites, die Ihnen helfen, online gefunden zu werden.",
+  "website design, web development, small business, Belgium, Brussels, professional websites, affordable web design": "Webdesign, Webentwicklung, kleines Unternehmen, Belgien, Brüssel, professionelle Websites, erschwingliches Webdesign",
+  "Professional Website Design Brussels | Kobelly Web Solutions": "Professionelles Webdesign Brüssel | Kobelly Web Solutions",
+  "Website Design Services Brussels | Kobelly": "Webdesign-Dienstleistungen Brüssel | Kobelly",
+  "About Kobe Amerijckx | Web Designer Brussels": "Über Kobe Amerijckx | Webdesigner Brüssel",
+  "Contact Kobelly | Web Design Brussels": "Kontakt Kobelly | Webdesign Brüssel",
+  "Portfolio | Web Design Projects Brussels": "Portfolio | Webdesign-Projekte Brüssel",
+  "Professional website design services in Brussels. Custom websites for small businesses starting at €299. Fast delivery, ongoing support, and proven results.": "Professionelle Webdesign-Dienstleistungen in Brüssel. Maßgeschneiderte Websites für kleine Unternehmen ab 299 €. Schnelle Lieferung, laufende Unterstützung und nachgewiesene Ergebnisse.",
+  "Meet Kobe Amerijckx, professional web designer in Brussels. 10+ years experience creating stunning websites for small businesses. Free consultation available.": "Lernen Sie Kobe Amerijckx kennen, professioneller Webdesigner in Brüssel. Über 10 Jahre Erfahrung in der Erstellung beeindruckender Websites für kleine Unternehmen. Kostenlose Beratung verfügbar.",
+  "Contact Kobelly for professional website design in Brussels. Free consultation, transparent pricing, and ongoing support. Get your business online in 48 hours.": "Kontaktieren Sie Kobelly für professionelles Webdesign in Brüssel. Kostenlose Beratung, transparente Preise und laufende Unterstützung. Bringen Sie Ihr Unternehmen in 48 Stunden online.",
+  "View my web design portfolio featuring business websites, e-commerce sites, and custom web solutions. Professional web design projects completed in Brussels.": "Sehen Sie sich mein Webdesign-Portfolio mit Geschäftswebsites, E-Commerce-Seiten und maßgeschneiderten Weblösungen an. Professionelle Webdesign-Projekte, die in Brüssel realisiert wurden.",
+  "Get Your Business Online in 48 Hours": "Bringen Sie Ihr Unternehmen in 48 Stunden online",
+  "Professional websites for small businesses. Fast, affordable, and designed to bring you customers. No technical knowledge needed - I handle everything.": "Professionelle Websites für kleine Unternehmen. Schnell, erschwinglich und darauf ausgelegt, Ihnen Kunden zu bringen. Keine technischen Kenntnisse erforderlich - ich kümmere mich um alles.",
+  "Get Your Website": "Holen Sie sich Ihre Website",
+  "See Packages": "Pakete ansehen",
+  "75% of customers research businesses online before visiting": "75% recherchieren online",
+  "Your competitors are already online": "Ihre Konkurrenten sind online",
+  "I make getting online simple and affordable for small businesses like yours.": "Ich mache das Online-Gehen einfach und erschwinglich für kleine Unternehmen wie das Ihre.",
+  "Fast Delivery": "Schnelle Lieferung",
+  "Your website ready in 48 hours. No waiting weeks or months - get online fast and start getting customers.": "Ihre Website in 48 Stunden fertig. Kein Warten von Wochen oder Monaten - gehen Sie schnell online und beginnen Sie, Kunden zu gewinnen.",
+  "Starting at €299. Small monthly hosting fee keeps your website online. No hidden costs or surprises.": "Ab 299 €. Kleine monatliche Hosting-Gebühr hält Ihre Website online. Keine versteckten Kosten oder Überraschungen.",
+  "Personal Service": "Persönlicher Service",
+  "Work directly with me - no account managers or middlemen. I understand your business and your needs.": "Arbeiten Sie direkt mit mir - keine Account Manager oder Zwischenhändler. Ich verstehe Ihr Unternehmen und Ihre Bedürfnisse.",
+  "What I Do for Your Business": "Was ich für Ihr Unternehmen tue",
+  "I help small businesses get online and start getting customers.": "Ich helfe kleinen Unternehmen, online zu gehen und Kunden zu gewinnen.",
+  "Professional websites that showcase your business and help customers find you online.": "Professionelle Websites, die Ihr Unternehmen präsentieren und Kunden helfen, Sie online zu finden.",
+  "Show your products/services": "Zeigen Sie Ihre Produkte/Dienstleistungen",
+  "Contact information & location": "Kontaktinformationen & Standort",
+  "Customer testimonials": "Kundenbewertungen",
+  "Online Stores": "Online-Shops",
+  "Sell your products online 24/7. Accept payments, manage orders, and grow your sales.": "Verkaufen Sie Ihre Produkte online 24/7. Akzeptieren Sie Zahlungen, verwalten Sie Bestellungen und steigern Sie Ihre Verkäufe.",
+  "Secure payment processing": "Sichere Zahlungsabwicklung",
+  "See My Packages": "Meine Pakete ansehen",
+  "Get Found by Local Customers": "Werden Sie von lokalen Kunden gefunden",
+  "Your website helps customers in your area find and choose your business.": "Ihre Website hilft Kunden in Ihrer Region, Ihr Unternehmen zu finden und zu wählen.",
+  "Show Up in Google Maps": "Erscheinen Sie in Google Maps",
+  "When people search for businesses like yours in your area, your website helps you appear in local search results.": "Wenn Menschen nach Unternehmen wie dem Ihren in Ihrer Region suchen, hilft Ihre Website Ihnen, in lokalen Suchergebnissen zu erscheinen.",
+  "Get Reviews & Ratings": "Bewertungen & Bewertungen erhalten",
+  "Customers can leave reviews on your website and Google, helping other customers choose your business.": "Kunden können Bewertungen auf Ihrer Website und Google hinterlassen, was anderen Kunden hilft, Ihr Unternehmen zu wählen.",
+  "Open 24/7 Online": "24/7 online geöffnet",
+  "Your website works for you even when you're closed. Customers can see your products, prices, and contact info anytime.": "Ihre Website arbeitet für Sie, auch wenn Sie geschlossen sind. Kunden können Ihre Produkte, Preise und Kontaktinformationen jederzeit sehen.",
+  "Easy Contact & Directions": "Einfacher Kontakt & Wegbeschreibung",
+  "Customers can easily find your phone number, address, and get directions to your business.": "Kunden können leicht Ihre Telefonnummer, Adresse finden und Wegbeschreibungen zu Ihrem Unternehmen erhalten.",
+  "What Happens Without a Website?": "Was passiert ohne Website?",
+  "See the difference a website makes for your business.": "Sehen Sie den Unterschied, den eine Website für Ihr Unternehmen macht.",
+  "Without a Website": "Ohne Website",
+  "Customer calls, you're closed, they call your competitor": "Kunde ruft an, Sie sind geschlossen, er ruft Ihren Konkurrenten an",
+  "People can't find your business on Google": "Menschen können Ihr Unternehmen nicht auf Google finden",
+  "No way to show your products or services online": "Keine Möglichkeit, Ihre Produkte oder Dienstleistungen online zu zeigen",
+  "Customers can't leave reviews or recommendations": "Kunden können keine Bewertungen oder Empfehlungen hinterlassen",
+  "Your competitors get all the online customers": "Ihre Konkurrenten bekommen alle Online-Kunden",
+  "With a Website": "Mit einer Website",
+  "Customers can see your business even when you're closed": "Kunden können Ihr Unternehmen sehen, auch wenn Sie geschlossen sind",
+  "Show up in Google search results and Maps": "Erscheinen Sie in Google-Suchergebnissen und Maps",
+  "Display your products, services, and prices 24/7": "Zeigen Sie Ihre Produkte, Dienstleistungen und Preise 24/7",
+  "Customers can leave reviews and recommend you": "Kunden können Bewertungen hinterlassen und Sie empfehlen",
+  "Get customers that would have gone to competitors": "Gewinnen Sie Kunden, die zu Konkurrenten gegangen wären",
+  "Ready to Get Your Business Online?": "Bereit, Ihr Unternehmen online zu bringen?",
+  "Let's talk about your website. Free consultation, no obligation.": "Lassen Sie uns über Ihre Website sprechen. Kostenlose Beratung, keine Verpflichtung.",
+  "Get Started Today": "Starten Sie noch heute",
+  "Delivery Time": "Lieferzeit",
+  "Starting Price": "Startpreis",
+  "Satisfaction": "Zufriedenheit",
+  "Professional Web Solutions": "Professionelle Web-Lösungen",
+  "Comprehensive web services designed to help your business succeed online. From custom design to e-commerce solutions, I provide everything you need to establish a strong digital presence.": "Umfassende Web-Dienstleistungen, die darauf ausgelegt sind, Ihrem Unternehmen online zum Erfolg zu verhelfen. Von maßgeschneidertem Design bis hin zu E-Commerce-Lösungen biete ich alles, was Sie für eine starke digitale Präsenz benötigen.",
+  "How It Works": "Wie es funktioniert",
+  "Getting your business online is easier than you think.": "Ihr Unternehmen online zu bringen ist einfacher, als Sie denken.",
+  "Tell Me About Your Business": "Erzählen Sie mir von Ihrem Unternehmen",
+  "One 15-minute call. I ask about your business, you tell me what you need.": "Ein 15-minütiges Gespräch. Ich frage nach Ihrem Unternehmen, Sie erzählen mir, was Sie brauchen.",
+  "I Build Your Website": "Ich erstelle Ihre Website",
+  "I create your website quickly. Simple sites in 48 hours, more complex ones take a bit longer.": "Ich erstelle Ihre Website schnell. Einfache Sites in 48 Stunden, komplexere dauern etwas länger.",
+  "Start Getting Customers": "Beginnen Sie, Kunden zu gewinnen",
+  "Your website goes live. Customers find you online and start calling or visiting.": "Ihre Website geht online. Kunden finden Sie online und beginnen zu rufen oder zu besuchen.",
+  "Interactive Design Themes": "Interaktive Design-Themen",
+  "Click on any design below to preview how your website could look. Each theme demonstrates different styles, colors, and layouts.": "Klicken Sie auf ein Design unten, um eine Vorschau zu sehen, wie Ihre Website aussehen könnte. Jedes Thema zeigt verschiedene Stile, Farben und Layouts.",
+  "Modern Minimal": "Modern Minimalistisch",
+  "Clean, spacious design with subtle animations and modern typography.": "Sauberes, geräumiges Design mit subtilen Animationen und moderner Typografie.",
+  "Bold & Vibrant": "Mutig & Lebendig",
+  "Eye-catching design with bold colors and dynamic elements.": "Auffälliges Design mit mutigen Farben und dynamischen Elementen.",
+  "Elegant Professional": "Elegant Professionell",
+  "Sophisticated design with premium styling and professional appeal.": "Anspruchsvolles Design mit Premium-Styling und professionellem Appeal.",
+  "Tech Startup": "Tech-Startup",
+  "Modern tech-focused design with innovative layouts and animations.": "Modernes, technologieorientiertes Design mit innovativen Layouts und Animationen.",
+  "Creative Agency": "Kreative Agentur",
+  "Artistic design with creative layouts and expressive visual elements.": "Künstlerisches Design mit kreativen Layouts und expressiven visuellen Elementen.",
+  "E-commerce": "E-Commerce",
+  "Optimized design for online stores with product-focused layouts.": "Optimiertes Design für Online-Shops mit produktorientierten Layouts.",
+  "Live Preview": "Live-Vorschau",
+  "Click on any design above to see a live preview of how your website could look.": "Klicken Sie auf ein Design oben, um eine Live-Vorschau zu sehen, wie Ihre Website aussehen könnte.",
+  "Reset to Default": "Auf Standard zurücksetzen",
+  "Blijkheerstraat 92": "Blijkheerstraat 92",
+  "1755 Pajottegem, Belgium": "1755 Pajottegem, Belgien",
+  "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.": "Wir bieten eine kostenlose 30-minütige Beratung an, um Ihre Projektanforderungen zu besprechen und ein maßgeschneidertes Angebot zu erstellen."
+}

translations/en.json

@@ -0,0 +1,288 @@
+{
+  "\"Kobelly transformed our business with a stunning website that perfectly represents our brand. The communication was excellent throughout the entire process.\"": "\"Kobelly transformed our business with a stunning website that perfectly represents our brand. The communication was excellent throughout the entire process.\"",
+  "\"Professional, responsive, and affordable. Kobelly delivered exactly what we needed to grow our online presence. Highly recommended!\"": "\"Professional, responsive, and affordable. Kobelly delivered exactly what we needed to grow our online presence. Highly recommended!\"",
+  "\"The ongoing support and maintenance service is outstanding. Kobelly keeps our website running smoothly and responds quickly to any issues.\"": "\"The ongoing support and maintenance service is outstanding. Kobelly keeps our website running smoothly and responds quickly to any issues.\"",
+  "123 Web Street": "Blijkheerstraat 92",
+  "About": "About",
+  "About Kobelly": "About Kobelly",
+  "About Me": "About Me",
+  "Address": "Address",
+  "Affordable Pricing": "Affordable Pricing",
+  "Backup management": "Backup management",
+  "Brand-consistent design": "Brand-consistent design",
+  "Brussels, Belgium": "1755 Pajottegem, Belgium",
+  "Building Digital Success Stories": "Building Digital Success Stories",
+  "Clean, professional layouts": "Clean, professional layouts",
+  "Client Focus": "Client Focus",
+  "Client Satisfaction": "Client Satisfaction",
+  "Committed": "Committed",
+  "Company Name": "Company Name",
+  "Complete online store setup with secure payment processing and inventory management.": "Complete online store setup with secure payment processing and inventory management.",
+  "Complete online store setup with secure payment processing, inventory management, and customer tracking.": "Complete online store setup with secure payment processing, inventory management, and customer tracking.",
+  "Comprehensive web solutions designed to help your business succeed online.": "Comprehensive web solutions designed to help your business succeed online.",
+  "Consulting Firm": "Consulting Firm",
+  "Contact": "Contact",
+  "Content updates": "Content updates",
+  "Creating professional websites for small businesses and entrepreneurs.": "Creating professional websites for small businesses and entrepreneurs.",
+  "Cross-browser compatibility": "Cross-browser compatibility",
+  "Custom Built": "Custom Built",
+  "Custom, professional website design that perfectly represents your brand and engages your target audience.": "Custom, professional website design that perfectly represents your brand and engages your target audience.",
+  "Customer accounts": "Customer accounts",
+  "Development": "Development",
+  "Direct Communication": "Direct Communication",
+  "Discovery": "Discovery",
+  "Do you provide ongoing support?": "Do you provide ongoing support?",
+  "Do you work with small businesses?": "Do you work with small businesses?",
+  "E-commerce Development": "E-commerce Development",
+  "E-commerce Entrepreneur": "E-commerce Entrepreneur",
+  "E-commerce Solutions": "E-commerce Solutions",
+  "Email": "Email",
+  "Email Address": "Email Address",
+  "Emma Rodriguez": "Emma Rodriguez",
+  "Explore My Services": "Explore My Services",
+  "Fast & Optimized": "Fast & Optimized",
+  "Fast Turnaround": "Fast Turnaround",
+  "Fast loading times": "Fast loading times",
+  "Find Us": "Find Us",
+  "Find answers to common questions about our services and process.": "Find answers to common questions about our services and process.",
+  "First Name": "First Name",
+  "Follow Us": "Follow Us",
+  "Founded with a mission to democratize professional web development, Kobelly was born from my belief that every business deserves a stunning online presence.": "Founded with a mission to democratize professional web development, Kobelly was born from my belief that every business deserves a stunning online presence.",
+  "Free Consultation": "Free Consultation",
+  "Frequently Asked Questions": "Frequently Asked Questions",
+  "Get Quote": "Get Quote",
+  "Get Started": "Get Started",
+  "Get in Touch": "Get in Touch",
+  "Hi, I'm Kobe Amerijckx, the founder and developer behind Kobelly Web Solutions. I'm passionate about helping small businesses succeed online with professional, affordable web solutions.": "Hi, I'm Kobe Amerijckx, the founder and developer behind Kobelly Web Solutions. I'm passionate about helping small businesses succeed online with professional, affordable web solutions.",
+  "Home": "Home",
+  "Hours Coded": "Hours Coded",
+  "How long does it take to build a website?": "How long does it take to build a website?",
+  "I believe in honest, transparent communication and always deliver what I promise. Your success is my success.": "I believe in honest, transparent communication and always deliver what I promise. Your success is my success.",
+  "I build your website with modern technologies and best practices.": "I build your website with modern technologies and best practices.",
+  "I create a detailed project plan and design mockups.": "I create a detailed project plan and design mockups.",
+  "I create beautiful, user-friendly websites using the latest design trends and best practices.": "I create beautiful, user-friendly websites using the latest design trends and best practices.",
+  "I create stunning, responsive websites that help small businesses and entrepreneurs establish a strong online presence and grow their customer base.": "I create stunning, responsive websites that help small businesses and entrepreneurs establish a strong online presence and grow their customer base.",
+  "I deploy your website and provide training and support.": "I deploy your website and provide training and support.",
+  "I discuss your goals, target audience, and requirements.": "I discuss your goals, target audience, and requirements.",
+  "I follow a proven process to deliver exceptional results.": "I follow a proven process to deliver exceptional results.",
+  "I handle every aspect of your project personally - from initial consultation to design, development, and ongoing support. This ensures consistent quality and direct communication throughout the entire process.": "I handle every aspect of your project personally - from initial consultation to design, development, and ongoing support. This ensures consistent quality and direct communication throughout the entire process.",
+  "I offer competitive pricing without compromising on quality. My packages are designed to fit small business budgets.": "I offer competitive pricing without compromising on quality. My packages are designed to fit small business budgets.",
+  "I provide maintenance, updates, and support to keep your website running smoothly.": "I provide maintenance, updates, and support to keep your website running smoothly.",
+  "I specialize in creating modern, professional websites that help businesses succeed online.": "I specialize in creating modern, professional websites that help businesses succeed online.",
+  "I stay current with the latest web technologies and design trends to ensure your website stands out from the competition.": "I stay current with the latest web technologies and design trends to ensure your website stands out from the competition.",
+  "I understand that time is money. I deliver projects on time and keep you updated throughout the process.": "I understand that time is money. I deliver projects on time and keep you updated throughout the process.",
+  "I understand the challenges that small businesses face in today's digital landscape. High costs, complex processes, and lack of ongoing support often prevent entrepreneurs from getting the website they need to grow their business.": "I understand the challenges that small businesses face in today's digital landscape. High costs, complex processes, and lack of ongoing support often prevent entrepreneurs from getting the website they need to grow their business.",
+  "I understand the unique needs of small businesses and provide tailored solutions that deliver results.": "I understand the unique needs of small businesses and provide tailored solutions that deliver results.",
+  "I'm not just another web developer. Here's what sets me apart.": "I'm not just another web developer. Here's what sets me apart.",
+  "I'm passionate about web design and helping businesses succeed. Every project is approached with enthusiasm and dedication.": "I'm passionate about web design and helping businesses succeed. Every project is approached with enthusiasm and dedication.",
+  "I'm the sole developer behind Kobelly, dedicated to creating exceptional websites for small businesses.": "I'm the sole developer behind Kobelly, dedicated to creating exceptional websites for small businesses.",
+  "Innovation": "Innovation",
+  "Integrity": "Integrity",
+  "Intuitive user experience": "Intuitive user experience",
+  "Inventory management": "Inventory management",
+  "Kobelly": "Kobelly",
+  "Kobelly Web Solutions": "Kobelly Web Solutions",
+  "Kobelly Web Solutions. All rights reserved.": "Kobelly Web Solutions. All rights reserved.",
+  "Last Name": "Last Name",
+  "Launch": "Launch",
+  "Let's Connect:": "Let's Connect:",
+  "Lightning-fast loading times and optimized performance to ensure your website runs smoothly.": "Lightning-fast loading times and optimized performance to ensure your website runs smoothly.",
+  "Located in the heart of Brussels, serving clients across Belgium and Europe.": "Located in Pajottegem, near Brussels, serving clients across Belgium and Europe.",
+  "Maintenance & Support": "Maintenance & Support",
+  "Meet Kobe Amerijckx": "Meet Kobe Amerijckx",
+  "Michael Chen": "Michael Chen",
+  "Modern UI/UX": "Modern UI/UX",
+  "Modern Web Design": "Modern Web Design",
+  "Monthly reports": "Monthly reports",
+  "My Expertise": "My Expertise",
+  "My Expertise:": "My Expertise:",
+  "My Mission": "My Mission",
+  "My Process": "My Process",
+  "My Story": "My Story",
+  "My Values": "My Values",
+  "Ongoing Support": "Ongoing Support",
+  "Ongoing website maintenance, updates, and technical support to keep your site running smoothly.": "Ongoing website maintenance, updates, and technical support to keep your site running smoothly.",
+  "Online store setup": "Online store setup",
+  "Optimized structure": "Optimized structure",
+  "Order processing": "Order processing",
+  "Order tracking system": "Order tracking system",
+  "Our Services": "Our Services",
+  "Our pricing is transparent and project-based. We provide detailed quotes after understanding your requirements. We offer flexible payment plans and competitive rates for small businesses.": "Our pricing is transparent and project-based. We provide detailed quotes after understanding your requirements. We offer flexible payment plans and competitive rates for small businesses.",
+  "Our relationship doesn't end when your website launches. I provide ongoing support and maintenance.": "Our relationship doesn't end when your website launches. I provide ongoing support and maintenance.",
+  "Over €10,000": "Over €10,000",
+  "Passion": "Passion",
+  "Payment integration": "Payment integration",
+  "Performance monitoring": "Performance monitoring",
+  "Personal Support": "Personal Support",
+  "Phone": "Phone",
+  "Phone Number": "Phone Number",
+  "+32 486 21 07 07": "+32 486 21 07 07",
+  "info@kobelly.com": "info@kobelly.com",
+  "Blijkheerstraat 92, 1755 Pajottegem": "Blijkheerstraat 92, 1755 Pajottegem",
+  "Planning": "Planning",
+  "Product catalog management": "Product catalog management",
+  "Professional Quality": "Professional Quality",
+  "Project Budget": "Project Budget",
+  "Project Details": "Project Details",
+  "Ready to Start Your Project?": "Ready to Start Your Project?",
+  "Regular security updates": "Regular security updates",
+  "Response Time": "Response Time",
+  "Responsive Design": "Responsive Design",
+  "Responsive Web Design": "Responsive Web Design",
+  "Responsive design": "Responsive design",
+  "Restaurant Owner": "Restaurant Owner",
+  "SEO Optimization": "SEO Optimization",
+  "Sarah Johnson": "Sarah Johnson",
+  "Secure payment gateways": "Secure payment gateways",
+  "Select a service...": "Select a service...",
+  "Select budget range...": "Select budget range...",
+  "Send Me a Message": "Send Me a Message",
+  "Send Message": "Send Message",
+  "Service Interested In": "Service Interested In",
+  "Services": "Services",
+  "Subscribe to my newsletter for web design tips and updates": "Subscribe to my newsletter for web design tips and updates",
+  "Technical support": "Technical support",
+  "Tell me about your project, goals, and requirements...": "Tell me about your project, goals, and requirements...",
+  "That's why I've created a service that combines professional quality with affordable pricing, transparent communication, and ongoing support. I don't just build websites – I build partnerships that help your business thrive.": "That's why I've created a service that combines professional quality with affordable pricing, transparent communication, and ongoing support. I don't just build websites – I build partnerships that help your business thrive.",
+  "The Principles That Guide Me": "The Principles That Guide Me",
+  "The timeline depends on the complexity of your project. A simple business website typically takes 2-4 weeks, while more complex e-commerce sites may take 6-8 weeks.": "The timeline depends on the complexity of your project. A simple business website typically takes 2-4 weeks, while more complex e-commerce sites may take 6-8 weeks.",
+  "These core values shape everything I do and every decision I make.": "These core values shape everything I do and every decision I make.",
+  "To empower small businesses with professional, affordable web solutions that drive growth and success in the digital world.": "To empower small businesses with professional, affordable web solutions that drive growth and success in the digital world.",
+  "Transform Your Business with Stunning Websites": "Transform Your Business with Stunning Websites",
+  "Transparent Communication": "Transparent Communication",
+  "Under €1,000": "Under €1,000",
+  "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.": "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.",
+  "Website Design": "Website Design",
+  "Website Maintenance": "Website Maintenance",
+  "What Makes Me Different": "What Makes Me Different",
+  "What My Clients Say": "What My Clients Say",
+  "What is your pricing structure?": "What is your pricing structure?",
+  "Why Choose Kobelly?": "Why Choose Kobelly?",
+  "Why Choose Me": "Why Choose Me",
+  "With over 10 years of experience in web development, I specialize in creating fast, responsive, and user-friendly websites that help small businesses grow online.": "With over 10 years of experience in web development, I specialize in creating fast, responsive, and user-friendly websites that help small businesses grow online.",
+  "Years Experience": "Years Experience",
+  "Yes! We offer various maintenance packages to keep your website secure, updated, and running smoothly. We also provide technical support and content updates.": "Yes! We offer various maintenance packages to keep your website secure, updated, and running smoothly. We also provide technical support and content updates.",
+  "Yes, we specialize in working with small businesses and entrepreneurs. We understand your unique needs and budget constraints.": "Yes, we specialize in working with small businesses and entrepreneurs. We understand your unique needs and budget constraints.",
+  "You work directly with me - no account managers or middlemen. I believe in transparent communication.": "You work directly with me - no account managers or middlemen. I believe in transparent communication.",
+  "Your Dedicated Web Developer": "Your Dedicated Web Developer",
+  "Your website will look perfect on all devices - desktop, tablet, and mobile.": "Your website will look perfect on all devices - desktop, tablet, and mobile.",
+  "€1,000 - €3,000": "€1,000 - €3,000",
+  "€3,000 - €5,000": "€3,000 - €5,000",
+  "€5,000 - €10,000": "€5,000 - €10,000",
+  "Portfolio": "Portfolio",
+  "My Portfolio": "My Portfolio",
+  "Discover the projects I've created to help businesses succeed online. Each website is crafted with care, focusing on user experience, performance, and results.": "Discover the projects I've created to help businesses succeed online. Each website is crafted with care, focusing on user experience, performance, and results.",
+  "Projects Completed": "Projects Completed",
+  "Featured Projects": "Featured Projects",
+  "Here are some of my recent projects that showcase my expertise in web design and development.": "Here are some of my recent projects that showcase my expertise in web design and development.",
+  "Portfolio Coming Soon": "Portfolio Coming Soon",
+  "I'm currently working on showcasing my latest projects. While I build up my portfolio, I'd love to discuss your project and show you what I can create for your business.": "I'm currently working on showcasing my latest projects. While I build up my portfolio, I'd love to discuss your project and show you what I can create for your business.",
+  "What I'm Working On": "What I'm Working On",
+  "E-commerce websites": "E-commerce websites",
+  "Business landing pages": "Business landing pages",
+  "Restaurant websites": "Restaurant websites",
+  "Consulting firm sites": "Consulting firm sites",
+  "Technologies I Use": "Technologies I Use",
+  "Project Categories": "Project Categories",
+  "Business Websites": "Business Websites",
+  "Professional websites for small businesses, including lead generation and contact forms.": "Professional websites for small businesses, including lead generation and contact forms.",
+  "Restaurant & Food": "Restaurant & Food",
+  "Beautiful websites for restaurants, cafes, and food businesses with online ordering.": "Beautiful websites for restaurants, cafes, and food businesses with online ordering.",
+  "Don't just take my word for it - hear from some of the businesses I've helped.": "Don't just take my word for it - hear from some of the businesses I've helped.",
+  "Let's discuss your project and create something amazing together. I offer a free consultation to understand your needs and provide a customized solution.": "Let's discuss your project and create something amazing together. I offer a free consultation to understand your needs and provide a customized solution.",
+  "View Services": "View Services",
+  "Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.": "Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.",
+  "website design, web development, small business, Belgium, Brussels, professional websites, affordable web design": "website design, web development, small business, Belgium, Brussels, professional websites, affordable web design",
+  "Professional Website Design Brussels | Kobelly Web Solutions": "Professional Website Design Brussels | Kobelly Web Solutions",
+  "Website Design Services Brussels | Kobelly": "Website Design Services Brussels | Kobelly",
+  "About Kobe Amerijckx | Web Designer Brussels": "About Kobe Amerijckx | Web Designer Brussels",
+  "Contact Kobelly | Web Design Brussels": "Contact Kobelly | Web Design Brussels",
+  "Portfolio | Web Design Projects Brussels": "Portfolio | Web Design Projects Brussels",
+  "Professional website design services in Brussels. Custom websites for small businesses starting at €299. Fast delivery, ongoing support, and proven results.": "Professional website design services in Brussels. Custom websites for small businesses starting at €299. Fast delivery, ongoing support, and proven results.",
+  "Meet Kobe Amerijckx, professional web designer in Brussels. 10+ years experience creating stunning websites for small businesses. Free consultation available.": "Meet Kobe Amerijckx, professional web designer in Brussels. 10+ years experience creating stunning websites for small businesses. Free consultation available.",
+  "Contact Kobelly for professional website design in Brussels. Free consultation, transparent pricing, and ongoing support. Get your business online in 48 hours.": "Contact Kobelly for professional website design in Brussels. Free consultation, transparent pricing, and ongoing support. Get your business online in 48 hours.",
+  "View my web design portfolio featuring business websites, e-commerce sites, and custom web solutions. Professional web design projects completed in Brussels.": "View my web design portfolio featuring business websites, e-commerce sites, and custom web solutions. Professional web design projects completed in Brussels.",
+  "Vlaams-Brabant": "Flemish Brabant",
+  "Get Your Business Online in 48 Hours": "Get Your Business Online in 48 Hours",
+  "Professional websites for small businesses. Fast, affordable, and designed to bring you customers. No technical knowledge needed - I handle everything.": "Professional websites for small businesses. Fast, affordable, and designed to bring you customers. No technical knowledge needed - I handle everything.",
+  "Get Your Website": "Get Your Website",
+  "See Packages": "See Packages",
+  "75% of customers research businesses online before visiting": "75% of customers research businesses online before visiting",
+  "Your competitors are already online": "Your competitors are already online",
+  "I make getting online simple and affordable for small businesses like yours.": "I make getting online simple and affordable for small businesses like yours.",
+  "Fast Delivery": "Fast Delivery",
+  "Your website ready in 48 hours. No waiting weeks or months - get online fast and start getting customers.": "Your website ready in 48 hours. No waiting weeks or months - get online fast and start getting customers.",
+  "Starting at €299. Small monthly hosting fee keeps your website online. No hidden costs or surprises.": "Starting at €299. Small monthly hosting fee keeps your website online. No hidden costs or surprises.",
+  "Personal Service": "Personal Service",
+  "Work directly with me - no account managers or middlemen. I understand your business and your needs.": "Work directly with me - no account managers or middlemen. I understand your business and your needs.",
+  "What I Do for Your Business": "What I Do for Your Business",
+  "I help small businesses get online and start getting customers.": "I help small businesses get online and start getting customers.",
+  "Professional websites that showcase your business and help customers find you online.": "Professional websites that showcase your business and help customers find you online.",
+  "Show your products/services": "Show your products/services",
+  "Contact information & location": "Contact information & location",
+  "Customer testimonials": "Customer testimonials",
+  "Online Stores": "Online Stores",
+  "Sell your products online 24/7. Accept payments, manage orders, and grow your sales.": "Sell your products online 24/7. Accept payments, manage orders, and grow your sales.",
+  "Secure payment processing": "Secure payment processing",
+  "See My Packages": "See My Packages",
+  "Get Found by Local Customers": "Get Found by Local Customers",
+  "Your website helps customers in your area find and choose your business.": "Your website helps customers in your area find and choose your business.",
+  "Show Up in Google Maps": "Show Up in Google Maps",
+  "When people search for businesses like yours in your area, your website helps you appear in local search results.": "When people search for businesses like yours in your area, your website helps you appear in local search results.",
+  "Get Reviews & Ratings": "Get Reviews & Ratings",
+  "Customers can leave reviews on your website and Google, helping other customers choose your business.": "Customers can leave reviews on your website and Google, helping other customers choose your business.",
+  "Open 24/7 Online": "Open 24/7 Online",
+  "Your website works for you even when you're closed. Customers can see your products, prices, and contact info anytime.": "Your website works for you even when you're closed. Customers can see your products, prices, and contact info anytime.",
+  "Easy Contact & Directions": "Easy Contact & Directions",
+  "Customers can easily find your phone number, address, and get directions to your business.": "Customers can easily find your phone number, address, and get directions to your business.",
+  "What Happens Without a Website?": "What Happens Without a Website?",
+  "See the difference a website makes for your business.": "See the difference a website makes for your business.",
+  "Without a Website": "Without a Website",
+  "Customer calls, you're closed, they call your competitor": "Customer calls, you're closed, they call your competitor",
+  "People can't find your business on Google": "People can't find your business on Google",
+  "No way to show your products or services online": "No way to show your products or services online",
+  "Customers can't leave reviews or recommendations": "Customers can't leave reviews or recommendations",
+  "Your competitors get all the online customers": "Your competitors get all the online customers",
+  "With a Website": "With a Website",
+  "Customers can see your business even when you're closed": "Customers can see your business even when you're closed",
+  "Show up in Google search results and Maps": "Show up in Google search results and Maps",
+  "Display your products, services, and prices 24/7": "Display your products, services, and prices 24/7",
+  "Customers can leave reviews and recommend you": "Customers can leave reviews and recommend you",
+  "Get customers that would have gone to competitors": "Get customers that would have gone to competitors",
+  "Ready to Get Your Business Online?": "Ready to Get Your Business Online?",
+  "Let's talk about your website. Free consultation, no obligation.": "Let's talk about your website. Free consultation, no obligation.",
+  "Get Started Today": "Get Started Today",
+  "Delivery Time": "Delivery Time",
+  "Starting Price": "Starting Price",
+  "Satisfaction": "Satisfaction",
+  "Professional Web Solutions": "Professional Web Solutions",
+  "Comprehensive web services designed to help your business succeed online. From custom design to e-commerce solutions, I provide everything you need to establish a strong digital presence.": "Comprehensive web services designed to help your business succeed online. From custom design to e-commerce solutions, I provide everything you need to establish a strong digital presence.",
+  "How It Works": "How It Works",
+  "Getting your business online is easier than you think.": "Getting your business online is easier than you think.",
+  "Tell Me About Your Business": "Tell Me About Your Business",
+  "One 15-minute call. I ask about your business, you tell me what you need.": "One 15-minute call. I ask about your business, you tell me what you need.",
+  "I Build Your Website": "I Build Your Website",
+  "I create your website quickly. Simple sites in 48 hours, more complex ones take a bit longer.": "I create your website quickly. Simple sites in 48 hours, more complex ones take a bit longer.",
+  "Start Getting Customers": "Start Getting Customers",
+  "Your website goes live. Customers find you online and start calling or visiting.": "Your website goes live. Customers find you online and start calling or visiting.",
+  "Interactive Design Themes": "Interactive Design Themes",
+  "Click on any design below to preview how your website could look. Each theme demonstrates different styles, colors, and layouts.": "Click on any design below to preview how your website could look. Each theme demonstrates different styles, colors, and layouts.",
+  "Modern Minimal": "Modern Minimal",
+  "Clean, spacious design with subtle animations and modern typography.": "Clean, spacious design with subtle animations and modern typography.",
+  "Bold & Vibrant": "Bold & Vibrant",
+  "Eye-catching design with bold colors and dynamic elements.": "Eye-catching design with bold colors and dynamic elements.",
+  "Elegant Professional": "Elegant Professional",
+  "Sophisticated design with premium styling and professional appeal.": "Sophisticated design with premium styling and professional appeal.",
+  "Tech Startup": "Tech Startup",
+  "Modern tech-focused design with innovative layouts and animations.": "Modern tech-focused design with innovative layouts and animations.",
+  "Creative Agency": "Creative Agency",
+  "Artistic design with creative layouts and expressive visual elements.": "Artistic design with creative layouts and expressive visual elements.",
+  "E-commerce": "E-commerce",
+  "Optimized design for online stores with product-focused layouts.": "Optimized design for online stores with product-focused layouts.",
+  "Live Preview": "Live Preview",
+  "Click on any design above to see a live preview of how your website could look.": "Click on any design above to see a live preview of how your website could look.",
+  "Reset to Default": "Reset to Default",
+  "Blijkheerstraat 92": "Blijkheerstraat 92",
+  "1755 Pajottegem, Belgium": "1755 Pajottegem, Belgium",
+  "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.": "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote."
+}

translations/fr.json

@@ -0,0 +1,288 @@
+{
+  "\"Kobelly transformed our business with a stunning website that perfectly represents our brand. The communication was excellent throughout the entire process.\"": "\"Kobelly a transformé notre entreprise avec un site web époustouflant qui représente parfaitement notre marque. La communication était excellente tout au long du processus.\"",
+  "\"Professional, responsive, and affordable. Kobelly delivered exactly what we needed to grow our online presence. Highly recommended!\"": "\"Professionnel, réactif et abordable. Kobelly a livré exactement ce dont nous avions besoin pour développer notre présence en ligne. Très recommandé !\"",
+  "\"The ongoing support and maintenance service is outstanding. Kobelly keeps our website running smoothly and responds quickly to any issues.\"": "\"Le service de support et de maintenance continue est exceptionnel. Kobelly maintient notre site web en bon fonctionnement et répond rapidement à tous les problèmes.\"",
+  "123 Web Street": "Blijkheerstraat 92",
+  "About": "À propos",
+  "About Kobelly": "À propos de Kobelly",
+  "About Me": "À propos de moi",
+  "Address": "Adresse",
+  "Affordable Pricing": "Prix abordables",
+  "Backup management": "Gestion des sauvegardes",
+  "Brand-consistent design": "Design cohérent avec la marque",
+  "Brussels, Belgium": "1755 Pajottegem, Belgique",
+  "Building Digital Success Stories": "Construire des histoires de succès numériques",
+  "Clean, professional layouts": "Mises en page propres et professionnelles",
+  "Client Focus": "Focus client",
+  "Client Satisfaction": "Satisfaction client",
+  "Committed": "Engagé",
+  "Company Name": "Nom de l'entreprise",
+  "Complete online store setup with secure payment processing and inventory management.": "Configuration complète de boutique en ligne avec traitement sécurisé des paiements et gestion des stocks.",
+  "Complete online store setup with secure payment processing, inventory management, and customer tracking.": "Configuration complète de boutique en ligne avec traitement sécurisé des paiements, gestion des stocks et suivi des clients.",
+  "Comprehensive web solutions designed to help your business succeed online.": "Solutions web complètes conçues pour aider votre entreprise à réussir en ligne.",
+  "Consulting Firm": "Cabinet de conseil",
+  "Contact": "Contact",
+  "Content updates": "Mises à jour de contenu",
+  "Creating professional websites for small businesses and entrepreneurs.": "Création de sites web professionnels pour les petites entreprises et entrepreneurs.",
+  "Cross-browser compatibility": "Compatibilité multi-navigateurs",
+  "Custom Built": "Sur mesure",
+  "Custom, professional website design that perfectly represents your brand and engages your target audience.": "Conception de site web personnalisée et professionnelle qui représente parfaitement votre marque et engage votre public cible.",
+  "Customer accounts": "Comptes clients",
+  "Development": "Développement",
+  "Direct Communication": "Communication directe",
+  "Discovery": "Découverte",
+  "Do you provide ongoing support?": "Offrez-vous un support continu ?",
+  "Do you work with small businesses?": "Travaillez-vous avec les petites entreprises ?",
+  "E-commerce Development": "Développement E-commerce",
+  "E-commerce Entrepreneur": "Entrepreneur E-commerce",
+  "E-commerce Solutions": "Solutions E-commerce",
+  "Email": "E-mail",
+  "Email Address": "Adresse e-mail",
+  "Emma Rodriguez": "Emma Rodriguez",
+  "Explore My Services": "Explorer mes services",
+  "Fast & Optimized": "Rapide & Optimisé",
+  "Fast Turnaround": "Délai d'exécution rapide",
+  "Fast loading times": "Temps de chargement rapides",
+  "Find Us": "Nous trouver",
+  "Find answers to common questions about our services and process.": "Trouvez des réponses aux questions courantes sur nos services et notre processus.",
+  "First Name": "Prénom",
+  "Follow Us": "Suivez-nous",
+  "Founded with a mission to democratize professional web development, Kobelly was born from my belief that every business deserves a stunning online presence.": "Fondé avec la mission de démocratiser le développement web professionnel, Kobelly est né de ma conviction que chaque entreprise mérite une présence en ligne époustouflante.",
+  "Free Consultation": "Consultation gratuite",
+  "Frequently Asked Questions": "Questions fréquemment posées",
+  "Get Quote": "Obtenir un devis",
+  "Get Started": "Commencer",
+  "Get in Touch": "Nous contacter",
+  "Hi, I'm Kobe Amerijckx, the founder and developer behind Kobelly Web Solutions. I'm passionate about helping small businesses succeed online with professional, affordable web solutions.": "Bonjour, je suis Kobe Amerijckx, le fondateur et développeur derrière Kobelly Web Solutions. Je suis passionné par l'aide aux petites entreprises pour réussir en ligne avec des solutions web professionnelles et abordables.",
+  "Home": "Accueil",
+  "Hours Coded": "Heures de programmation",
+  "How long does it take to build a website?": "Combien de temps faut-il pour construire un site web ?",
+  "I believe in honest, transparent communication and always deliver what I promise. Your success is my success.": "Je crois en une communication honnête et transparente et je livre toujours ce que je promets. Votre succès est mon succès.",
+  "I build your website with modern technologies and best practices.": "Je construis votre site web avec des technologies modernes et des bonnes pratiques.",
+  "I create a detailed project plan and design mockups.": "Je crée un plan de projet détaillé et des maquettes de design.",
+  "I create beautiful, user-friendly websites using the latest design trends and best practices.": "Je crée de beaux sites web conviviaux en utilisant les dernières tendances de design et les bonnes pratiques.",
+  "I create stunning, responsive websites that help small businesses and entrepreneurs establish a strong online presence and grow their customer base.": "Je crée des sites web époustouflants et responsifs qui aident les petites entreprises et entrepreneurs à établir une forte présence en ligne et à développer leur clientèle.",
+  "I deploy your website and provide training and support.": "Je déploie votre site web et fournis formation et support.",
+  "I discuss your goals, target audience, and requirements.": "Je discute de vos objectifs, public cible et exigences.",
+  "I follow a proven process to deliver exceptional results.": "Je suis un processus éprouvé pour livrer des résultats exceptionnels.",
+  "I handle every aspect of your project personally - from initial consultation to design, development, and ongoing support. This ensures consistent quality and direct communication throughout the entire process.": "Je gère personnellement chaque aspect de votre projet - de la consultation initiale à la conception, au développement et au support continu. Cela garantit une qualité constante et une communication directe tout au long du processus.",
+  "I offer competitive pricing without compromising on quality. My packages are designed to fit small business budgets.": "J'offre des prix compétitifs sans compromettre la qualité. Mes forfaits sont conçus pour s'adapter aux budgets des petites entreprises.",
+  "I provide maintenance, updates, and support to keep your website running smoothly.": "Je fournis maintenance, mises à jour et support pour maintenir votre site web en bon fonctionnement.",
+  "I specialize in creating modern, professional websites that help businesses succeed online.": "Je me spécialise dans la création de sites web modernes et professionnels qui aident les entreprises à réussir en ligne.",
+  "I stay current with the latest web technologies and design trends to ensure your website stands out from the competition.": "Je reste à jour avec les dernières technologies web et tendances de design pour m'assurer que votre site web se démarque de la concurrence.",
+  "I understand that time is money. I deliver projects on time and keep you updated throughout the process.": "Je comprends que le temps c'est de l'argent. Je livre les projets à temps et vous tiens informé tout au long du processus.",
+  "I understand the challenges that small businesses face in today's digital landscape. High costs, complex processes, and lack of ongoing support often prevent entrepreneurs from getting the website they need to grow their business.": "Je comprends les défis auxquels font face les petites entreprises dans le paysage numérique d'aujourd'hui. Les coûts élevés, les processus complexes et le manque de support continu empêchent souvent les entrepreneurs d'obtenir le site web dont ils ont besoin pour développer leur entreprise.",
+  "I understand the unique needs of small businesses and provide tailored solutions that deliver results.": "Je comprends les besoins uniques des petites entreprises et fournis des solutions personnalisées qui livrent des résultats.",
+  "I'm not just another web developer. Here's what sets me apart.": "Je ne suis pas juste un autre développeur web. Voici ce qui me distingue.",
+  "I'm passionate about web design and helping businesses succeed. Every project is approached with enthusiasm and dedication.": "Je suis passionné par le design web et l'aide aux entreprises pour réussir. Chaque projet est abordé avec enthousiasme et dévouement.",
+  "I'm the sole developer behind Kobelly, dedicated to creating exceptional websites for small businesses.": "Je suis le seul développeur derrière Kobelly, dédié à la création de sites web exceptionnels pour les petites entreprises.",
+  "Innovation": "Innovation",
+  "Integrity": "Intégrité",
+  "Intuitive user experience": "Expérience utilisateur intuitive",
+  "Inventory management": "Gestion des stocks",
+  "Kobelly": "Kobelly",
+  "Kobelly Web Solutions": "Kobelly Web Solutions",
+  "Kobelly Web Solutions. All rights reserved.": "Kobelly Web Solutions. Tous droits réservés.",
+  "Last Name": "Nom de famille",
+  "Launch": "Lancement",
+  "Let's Connect:": "Connectons-nous :",
+  "Lightning-fast loading times and optimized performance to ensure your website runs smoothly.": "Temps de chargement ultra-rapides et performance optimisée pour assurer le bon fonctionnement de votre site web.",
+  "Located in the heart of Brussels, serving clients across Belgium and Europe.": "Situé à Pajottegem, près de Bruxelles, au service des clients dans toute la Belgique et l'Europe.",
+  "Maintenance & Support": "Maintenance & Support",
+  "Meet Kobe Amerijckx": "Rencontrez Kobe Amerijckx",
+  "Michael Chen": "Michael Chen",
+  "Modern UI/UX": "UI/UX moderne",
+  "Modern Web Design": "Design web moderne",
+  "Monthly reports": "Rapports mensuels",
+  "My Expertise": "Mon expertise",
+  "My Expertise:": "Mon expertise :",
+  "My Mission": "Ma mission",
+  "My Process": "Mon processus",
+  "My Story": "Mon histoire",
+  "My Values": "Mes valeurs",
+  "Ongoing Support": "Support continu",
+  "Ongoing website maintenance, updates, and technical support to keep your site running smoothly.": "Maintenance continue du site web, mises à jour et support technique pour maintenir votre site en bon fonctionnement.",
+  "Online store setup": "Configuration de boutique en ligne",
+  "Optimized structure": "Structure optimisée",
+  "Order processing": "Traitement des commandes",
+  "Order tracking system": "Système de suivi des commandes",
+  "Our Services": "Nos services",
+  "Our pricing is transparent and project-based. We provide detailed quotes after understanding your requirements. We offer flexible payment plans and competitive rates for small businesses.": "Notre tarification est transparente et basée sur les projets. Nous fournissons des devis détaillés après avoir compris vos exigences. Nous offrons des plans de paiement flexibles et des tarifs compétitifs pour les petites entreprises.",
+  "Our relationship doesn't end when your website launches. I provide ongoing support and maintenance.": "Notre relation ne se termine pas quand votre site web est lancé. Je fournis un support et une maintenance continus.",
+  "Over €10,000": "Plus de €10 000",
+  "Passion": "Passion",
+  "Payment integration": "Intégration des paiements",
+  "Performance monitoring": "Surveillance des performances",
+  "Personal Support": "Support personnel",
+  "Phone": "Téléphone",
+  "Phone Number": "Numéro de téléphone",
+  "+32 486 21 07 07": "+32 486 21 07 07",
+  "info@kobelly.com": "info@kobelly.com",
+  "Blijkheerstraat 92, 1755 Pajottegem": "Blijkheerstraat 92, 1755 Pajottegem",
+  "Planning": "Planification",
+  "Product catalog management": "Gestion du catalogue de produits",
+  "Professional Quality": "Qualité professionnelle",
+  "Project Budget": "Budget du projet",
+  "Project Details": "Détails du projet",
+  "Ready to Start Your Project?": "Prêt à commencer votre projet ?",
+  "Regular security updates": "Mises à jour de sécurité régulières",
+  "Response Time": "Temps de réponse",
+  "Responsive Design": "Design responsive",
+  "Responsive Web Design": "Design web responsive",
+  "Responsive design": "Design responsive",
+  "Restaurant Owner": "Propriétaire de restaurant",
+  "SEO Optimization": "Optimisation SEO",
+  "Sarah Johnson": "Sarah Johnson",
+  "Secure payment gateways": "Passerelles de paiement sécurisées",
+  "Select a service...": "Sélectionnez un service...",
+  "Select budget range...": "Sélectionnez la fourchette de budget...",
+  "Send Me a Message": "Envoyez-moi un message",
+  "Send Message": "Envoyer le message",
+  "Service Interested In": "Service d'intérêt",
+  "Services": "Services",
+  "Subscribe to my newsletter for web design tips and updates": "Abonnez-vous à ma newsletter pour des conseils de design web et des mises à jour",
+  "Technical support": "Support technique",
+  "Tell me about your project, goals, and requirements...": "Parlez-moi de votre projet, objectifs et exigences...",
+  "That's why I've created a service that combines professional quality with affordable pricing, transparent communication, and ongoing support. I don't just build websites – I build partnerships that help your business thrive.": "C'est pourquoi j'ai créé un service qui combine qualité professionnelle avec tarification abordable, communication transparente et support continu. Je ne construis pas seulement des sites web – je construis des partenariats qui aident votre entreprise à prospérer.",
+  "The Principles That Guide Me": "Les principes qui me guident",
+  "The timeline depends on the complexity of your project. A simple business website typically takes 2-4 weeks, while more complex e-commerce sites may take 6-8 weeks.": "Le calendrier dépend de la complexité de votre projet. Un site web d'entreprise simple prend généralement 2-4 semaines, tandis que les sites e-commerce plus complexes peuvent prendre 6-8 semaines.",
+  "These core values shape everything I do and every decision I make.": "Ces valeurs fondamentales façonnent tout ce que je fais et chaque décision que je prends.",
+  "To empower small businesses with professional, affordable web solutions that drive growth and success in the digital world.": "Donner aux petites entreprises les moyens d'utiliser des solutions web professionnelles et abordables qui stimulent la croissance et le succès dans le monde numérique.",
+  "Transform Your Business with Stunning Websites": "Transformez votre entreprise avec des sites web époustouflants",
+  "Transparent Communication": "Communication transparente",
+  "Under €1,000": "Moins de €1 000",
+  "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.": "Nous offrons une consultation gratuite de 30 minutes pour discuter de vos exigences de projet et fournir un devis personnalisé.",
+  "Website Design": "Conception de site web",
+  "Website Maintenance": "Maintenance de site web",
+  "What Makes Me Different": "Ce qui me différencie",
+  "What My Clients Say": "Ce que disent mes clients",
+  "What is your pricing structure?": "Quelle est votre structure de tarification ?",
+  "Why Choose Kobelly?": "Pourquoi choisir Kobelly ?",
+  "Why Choose Me": "Pourquoi me choisir",
+  "With over 10 years of experience in web development, I specialize in creating fast, responsive, and user-friendly websites that help small businesses grow online.": "Avec plus de 10 ans d'expérience en développement web, je me spécialise dans la création de sites web rapides, responsifs et conviviaux qui aident les petites entreprises à croître en ligne.",
+  "Years Experience": "Années d'expérience",
+  "Yes! We offer various maintenance packages to keep your website secure, updated, and running smoothly. We also provide technical support and content updates.": "Oui ! Nous offrons divers forfaits de maintenance pour maintenir votre site web sécurisé, à jour et en bon fonctionnement. Nous fournissons également un support technique et des mises à jour de contenu.",
+  "Yes, we specialize in working with small businesses and entrepreneurs. We understand your unique needs and budget constraints.": "Oui, nous nous spécialisons dans le travail avec les petites entreprises et entrepreneurs. Nous comprenons vos besoins uniques et contraintes budgétaires.",
+  "You work directly with me - no account managers or middlemen. I believe in transparent communication.": "Vous travaillez directement avec moi - pas de gestionnaires de compte ou d'intermédiaires. Je crois en la communication transparente.",
+  "Your Dedicated Web Developer": "Votre développeur web dédié",
+  "Your website will look perfect on all devices - desktop, tablet, and mobile.": "Votre site web aura l'air parfait sur tous les appareils - ordinateur de bureau, tablette et mobile.",
+  "€1,000 - €3,000": "€1 000 - €3 000",
+  "€3,000 - €5,000": "€3 000 - €5 000",
+  "€5,000 - €10,000": "€5 000 - €10 000",
+  "Portfolio": "Portfolio",
+  "My Portfolio": "Mon Portfolio",
+  "Discover the projects I've created to help businesses succeed online. Each website is crafted with care, focusing on user experience, performance, and results.": "Découvrez les projets que j'ai créés pour aider les entreprises à réussir en ligne. Chaque site web est conçu avec soin, en se concentrant sur l'expérience utilisateur, les performances et les résultats.",
+  "Projects Completed": "Projets terminés",
+  "Featured Projects": "Projets vedettes",
+  "Here are some of my recent projects that showcase my expertise in web design and development.": "Voici quelques-uns de mes projets récents qui démontrent mon expertise en conception et développement web.",
+  "Portfolio Coming Soon": "Portfolio bientôt disponible",
+  "I'm currently working on showcasing my latest projects. While I build up my portfolio, I'd love to discuss your project and show you what I can create for your business.": "Je travaille actuellement à présenter mes derniers projets. Pendant que je construis mon portfolio, j'aimerais discuter de votre projet et vous montrer ce que je peux créer pour votre entreprise.",
+  "What I'm Working On": "Sur quoi je travaille",
+  "E-commerce websites": "Sites web e-commerce",
+  "Business landing pages": "Pages d'atterrissage commerciales",
+  "Restaurant websites": "Sites web de restaurants",
+  "Consulting firm sites": "Sites de cabinets de conseil",
+  "Technologies I Use": "Technologies que j'utilise",
+  "Project Categories": "Catégories de projets",
+  "Business Websites": "Sites web d'entreprise",
+  "Professional websites for small businesses, including lead generation and contact forms.": "Sites web professionnels pour petites entreprises, incluant la génération de prospects et les formulaires de contact.",
+  "Restaurant & Food": "Restaurant & Alimentation",
+  "Beautiful websites for restaurants, cafes, and food businesses with online ordering.": "Beaux sites web pour restaurants, cafés et entreprises alimentaires avec commande en ligne.",
+  "Don't just take my word for it - hear from some of the businesses I've helped.": "Ne me croyez pas sur parole - écoutez ce que disent certaines entreprises que j'ai aidées.",
+  "Let's discuss your project and create something amazing together. I offer a free consultation to understand your needs and provide a customized solution.": "Discutons de votre projet et créons ensemble quelque chose d'incroyable. J'offre une consultation gratuite pour comprendre vos besoins et fournir une solution personnalisée.",
+  "View Services": "Voir les services",
+  "Vlaams-Brabant": "Brabant flamand",
+  "Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.": "Conception de sites web professionnels pour les petites entreprises en Belgique. Des sites rapides et abordables qui vous aident à être trouvé en ligne.",
+  "website design, web development, small business, Belgium, Brussels, professional websites, affordable web design": "conception de sites web, développement web, petite entreprise, Belgique, Bruxelles, sites professionnels, conception web abordable",
+  "Professional Website Design Brussels | Kobelly Web Solutions": "Conception de sites web professionnels Bruxelles | Kobelly Web Solutions",
+  "Website Design Services Brussels | Kobelly": "Services de conception de sites web Bruxelles | Kobelly",
+  "About Kobe Amerijckx | Web Designer Brussels": "À propos de Kobe Amerijckx | Web Designer Bruxelles",
+  "Contact Kobelly | Web Design Brussels": "Contactez Kobelly | Conception de sites web Bruxelles",
+  "Portfolio | Web Design Projects Brussels": "Portfolio | Projets de conception web Bruxelles",
+  "Professional website design services in Brussels. Custom websites for small businesses starting at €299. Fast delivery, ongoing support, and proven results.": "Services de conception de sites web professionnels à Bruxelles. Sites personnalisés pour petites entreprises à partir de 299 €. Livraison rapide, support continu et résultats prouvés.",
+  "Meet Kobe Amerijckx, professional web designer in Brussels. 10+ years experience creating stunning websites for small businesses. Free consultation available.": "Rencontrez Kobe Amerijckx, webdesigner professionnel à Bruxelles. Plus de 10 ans d'expérience dans la création de sites web remarquables pour les petites entreprises. Consultation gratuite disponible.",
+  "Contact Kobelly for professional website design in Brussels. Free consultation, transparent pricing, and ongoing support. Get your business online in 48 hours.": "Contactez Kobelly pour une conception de site web professionnelle à Bruxelles. Consultation gratuite, tarification transparente et support continu. Mettez votre entreprise en ligne en 48 heures.",
+  "View my web design portfolio featuring business websites, e-commerce sites, and custom web solutions. Professional web design projects completed in Brussels.": "Découvrez mon portfolio de conception web comprenant des sites d'entreprise, des sites e-commerce et des solutions web sur mesure. Projets de conception web professionnels réalisés à Bruxelles.",
+  "Get Your Business Online in 48 Hours": "Mettez votre entreprise en ligne en 48 heures",
+  "Professional websites for small businesses. Fast, affordable, and designed to bring you customers. No technical knowledge needed - I handle everything.": "Sites web professionnels pour les petites entreprises. Rapides, abordables et conçus pour vous apporter des clients. Aucune connaissance technique requise - je m'occupe de tout.",
+  "Get Your Website": "Obtenez votre site web",
+  "See Packages": "Voir les forfaits",
+  "75% of customers research businesses online before visiting": "75% recherchent en ligne",
+  "Your competitors are already online": "Vos concurrents sont en ligne",
+  "I make getting online simple and affordable for small businesses like yours.": "Je rends la mise en ligne simple et abordable pour les petites entreprises comme la vôtre.",
+  "Fast Delivery": "Livraison rapide",
+  "Your website ready in 48 hours. No waiting weeks or months - get online fast and start getting customers.": "Votre site web prêt en 48 heures. Pas d'attente de semaines ou de mois - mettez-vous en ligne rapidement et commencez à obtenir des clients.",
+  "Starting at €299. Small monthly hosting fee keeps your website online. No hidden costs or surprises.": "À partir de 299 €. Une petite redevance d'hébergement mensuelle maintient votre site web en ligne. Aucun coût caché ou surprise.",
+  "Personal Service": "Service personnel",
+  "Work directly with me - no account managers or middlemen. I understand your business and your needs.": "Travaillez directement avec moi - pas de gestionnaires de compte ou d'intermédiaires. Je comprends votre entreprise et vos besoins.",
+  "What I Do for Your Business": "Ce que je fais pour votre entreprise",
+  "I help small businesses get online and start getting customers.": "J'aide les petites entreprises à se mettre en ligne et à commencer à obtenir des clients.",
+  "Professional websites that showcase your business and help customers find you online.": "Sites web professionnels qui présentent votre entreprise et aident les clients à vous trouver en ligne.",
+  "Show your products/services": "Affichez vos produits/services",
+  "Contact information & location": "Informations de contact et localisation",
+  "Customer testimonials": "Témoignages clients",
+  "Online Stores": "Boutiques en ligne",
+  "Sell your products online 24/7. Accept payments, manage orders, and grow your sales.": "Vendez vos produits en ligne 24h/24 et 7j/7. Acceptez les paiements, gérez les commandes et développez vos ventes.",
+  "Secure payment processing": "Traitement sécurisé des paiements",
+  "See My Packages": "Voir mes forfaits",
+  "Get Found by Local Customers": "Soyez trouvé par les clients locaux",
+  "Your website helps customers in your area find and choose your business.": "Votre site web aide les clients de votre région à trouver et choisir votre entreprise.",
+  "Show Up in Google Maps": "Apparaissez dans Google Maps",
+  "When people search for businesses like yours in your area, your website helps you appear in local search results.": "Lorsque les gens recherchent des entreprises comme la vôtre dans votre région, votre site web vous aide à apparaître dans les résultats de recherche locaux.",
+  "Get Reviews & Ratings": "Obtenez des avis et des évaluations",
+  "Customers can leave reviews on your website and Google, helping other customers choose your business.": "Les clients peuvent laisser des avis sur votre site web et Google, aidant d'autres clients à choisir votre entreprise.",
+  "Open 24/7 Online": "Ouvert 24h/24 et 7j/7 en ligne",
+  "Your website works for you even when you're closed. Customers can see your products, prices, and contact info anytime.": "Votre site web travaille pour vous même quand vous êtes fermé. Les clients peuvent voir vos produits, prix et informations de contact à tout moment.",
+  "Easy Contact & Directions": "Contact facile et directions",
+  "Customers can easily find your phone number, address, and get directions to your business.": "Les clients peuvent facilement trouver votre numéro de téléphone, adresse et obtenir des directions vers votre entreprise.",
+  "What Happens Without a Website?": "Que se passe-t-il sans site web ?",
+  "See the difference a website makes for your business.": "Voyez la différence qu'un site web fait pour votre entreprise.",
+  "Without a Website": "Sans site web",
+  "Customer calls, you're closed, they call your competitor": "Le client appelle, vous êtes fermé, il appelle votre concurrent",
+  "People can't find your business on Google": "Les gens ne peuvent pas trouver votre entreprise sur Google",
+  "No way to show your products or services online": "Aucun moyen de montrer vos produits ou services en ligne",
+  "Customers can't leave reviews or recommendations": "Les clients ne peuvent pas laisser d'avis ou de recommandations",
+  "Your competitors get all the online customers": "Vos concurrents obtiennent tous les clients en ligne",
+  "With a Website": "Avec un site web",
+  "Customers can see your business even when you're closed": "Les clients peuvent voir votre entreprise même quand vous êtes fermé",
+  "Show up in Google search results and Maps": "Apparaissez dans les résultats de recherche Google et Maps",
+  "Display your products, services, and prices 24/7": "Affichez vos produits, services et prix 24h/24 et 7j/7",
+  "Customers can leave reviews and recommend you": "Les clients peuvent laisser des avis et vous recommander",
+  "Get customers that would have gone to competitors": "Obtenez des clients qui seraient allés chez les concurrents",
+  "Ready to Get Your Business Online?": "Prêt à mettre votre entreprise en ligne ?",
+  "Let's talk about your website. Free consultation, no obligation.": "Parlons de votre site web. Consultation gratuite, sans obligation.",
+  "Get Started Today": "Commencez aujourd'hui",
+  "Delivery Time": "Délai de livraison",
+  "Starting Price": "Prix de départ",
+  "Satisfaction": "Satisfaction",
+  "Professional Web Solutions": "Solutions Web Professionnelles",
+  "Comprehensive web services designed to help your business succeed online. From custom design to e-commerce solutions, I provide everything you need to establish a strong digital presence.": "Services web complets conçus pour aider votre entreprise à réussir en ligne. De la conception personnalisée aux solutions e-commerce, je fournis tout ce dont vous avez besoin pour établir une forte présence numérique.",
+  "How It Works": "Comment ça marche",
+  "Getting your business online is easier than you think.": "Mettre votre entreprise en ligne est plus facile que vous ne le pensez.",
+  "Tell Me About Your Business": "Parlez-moi de votre entreprise",
+  "One 15-minute call. I ask about your business, you tell me what you need.": "Un appel de 15 minutes. Je vous pose des questions sur votre entreprise, vous me dites ce dont vous avez besoin.",
+  "I Build Your Website": "Je construis votre site web",
+  "I create your website quickly. Simple sites in 48 hours, more complex ones take a bit longer.": "Je crée votre site web rapidement. Les sites simples en 48 heures, les plus complexes prennent un peu plus de temps.",
+  "Start Getting Customers": "Commencez à obtenir des clients",
+  "Your website goes live. Customers find you online and start calling or visiting.": "Votre site web devient actif. Les clients vous trouvent en ligne et commencent à appeler ou visiter.",
+  "Interactive Design Themes": "Thèmes de design interactifs",
+  "Click on any design below to preview how your website could look. Each theme demonstrates different styles, colors, and layouts.": "Cliquez sur n'importe quel design ci-dessous pour prévisualiser l'apparence de votre site web. Chaque thème démontre différents styles, couleurs et mises en page.",
+  "Modern Minimal": "Moderne Minimaliste",
+  "Clean, spacious design with subtle animations and modern typography.": "Design propre et spacieux avec des animations subtiles et une typographie moderne.",
+  "Bold & Vibrant": "Audacieux & Dynamique",
+  "Eye-catching design with bold colors and dynamic elements.": "Design accrocheur avec des couleurs audacieuses et des éléments dynamiques.",
+  "Elegant Professional": "Élégant Professionnel",
+  "Sophisticated design with premium styling and professional appeal.": "Design sophistiqué avec un style premium et un attrait professionnel.",
+  "Tech Startup": "Startup Tech",
+  "Modern tech-focused design with innovative layouts and animations.": "Design moderne axé sur la technologie avec des mises en page et animations innovantes.",
+  "Creative Agency": "Agence Créative",
+  "Artistic design with creative layouts and expressive visual elements.": "Design artistique avec des mises en page créatives et des éléments visuels expressifs.",
+  "E-commerce": "E-commerce",
+  "Optimized design for online stores with product-focused layouts.": "Design optimisé pour les boutiques en ligne avec des mises en page axées sur les produits.",
+  "Live Preview": "Aperçu en direct",
+  "Click on any design above to see a live preview of how your website could look.": "Cliquez sur n'importe quel design ci-dessus pour voir un aperçu en direct de l'apparence de votre site web.",
+  "Reset to Default": "Réinitialiser par défaut",
+  "Blijkheerstraat 92": "Blijkheerstraat 92",
+  "1755 Pajottegem, Belgium": "1755 Pajottegem, Belgique",
+  "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.": "Nous offrons une consultation gratuite de 30 minutes pour discuter de vos exigences de projet et fournir un devis personnalisé."
+}

translations/nl.json

@@ -0,0 +1,288 @@
+{
+  "\"Kobelly transformed our business with a stunning website that perfectly represents our brand. The communication was excellent throughout the entire process.\"": "\"Kobelly heeft ons bedrijf getransformeerd met een prachtige website die onze merk perfect vertegenwoordigt. De communicatie was uitstekend gedurende het hele proces.\"",
+  "\"Professional, responsive, and affordable. Kobelly delivered exactly what we needed to grow our online presence. Highly recommended!\"": "\"Professioneel, responsief en betaalbaar. Kobelly heeft precies geleverd wat we nodig hadden om onze online aanwezigheid te laten groeien. Zeer aanbevolen!\"",
+  "\"The ongoing support and maintenance service is outstanding. Kobelly keeps our website running smoothly and responds quickly to any issues.\"": "\"De doorlopende ondersteuning en onderhoudsservice is uitstekend. Kobelly houdt onze website soepel draaiend en reageert snel op eventuele problemen.\"",
+  "123 Web Street": "Blijkheerstraat 92",
+  "About": "Over",
+  "About Kobelly": "Over Kobelly",
+  "About Me": "Over Mij",
+  "Address": "Adres",
+  "Affordable Pricing": "Betaalbare prijzen",
+  "Backup management": "Backup beheer",
+  "Brand-consistent design": "Merk-consistent ontwerp",
+  "Brussels, Belgium": "1755 Pajottegem, België",
+  "Building Digital Success Stories": "Digitale succesverhalen bouwen",
+  "Clean, professional layouts": "Schone, professionele layouts",
+  "Client Focus": "Klantgericht",
+  "Client Satisfaction": "Klanttevredenheid",
+  "Committed": "Toegewijd",
+  "Company Name": "Bedrijfsnaam",
+  "Complete online store setup with secure payment processing and inventory management.": "Volledige online winkel setup met veilige betalingsverwerking en voorraadbeheer.",
+  "Complete online store setup with secure payment processing, inventory management, and customer tracking.": "Volledige online winkel setup met veilige betalingsverwerking, voorraadbeheer en klanttracking.",
+  "Comprehensive web solutions designed to help your business succeed online.": "Uitgebreide web-oplossingen ontworpen om uw bedrijf online te laten slagen.",
+  "Consulting Firm": "Adviesbureau",
+  "Contact": "Contact",
+  "Content updates": "Content updates",
+  "Creating professional websites for small businesses and entrepreneurs.": "Professionele websites maken voor kleine bedrijven en ondernemers.",
+  "Cross-browser compatibility": "Cross-browser compatibiliteit",
+  "Custom Built": "Op maat gebouwd",
+  "Custom, professional website design that perfectly represents your brand and engages your target audience.": "Op maat gemaakt, professioneel website-ontwerp dat uw merk perfect vertegenwoordigt en uw doelgroep aanspreekt.",
+  "Customer accounts": "Klantaccounts",
+  "Development": "Ontwikkeling",
+  "Direct Communication": "Directe communicatie",
+  "Discovery": "Ontdekking",
+  "Do you provide ongoing support?": "Biedt u doorlopende ondersteuning?",
+  "Do you work with small businesses?": "Werkt u met kleine bedrijven?",
+  "E-commerce Development": "E-commerce Ontwikkeling",
+  "E-commerce Entrepreneur": "E-commerce Ondernemer",
+  "E-commerce Solutions": "E-commerce Oplossingen",
+  "Email": "E-mail",
+  "Email Address": "E-mailadres",
+  "Emma Rodriguez": "Emma Rodriguez",
+  "Explore My Services": "Mijn diensten verkennen",
+  "Fast & Optimized": "Snel & Geoptimaliseerd",
+  "Fast Turnaround": "Snelle doorlooptijd",
+  "Fast loading times": "Snelle laadtijden",
+  "Find Us": "Vind ons",
+  "Find answers to common questions about our services and process.": "Vind antwoorden op veelgestelde vragen over onze diensten en proces.",
+  "First Name": "Voornaam",
+  "Follow Us": "Volg ons",
+  "Founded with a mission to democratize professional web development, Kobelly was born from my belief that every business deserves a stunning online presence.": "Opgericht met de missie om professionele webontwikkeling te democratiseren, werd Kobelly geboren uit mijn overtuiging dat elk bedrijf een prachtige online aanwezigheid verdient.",
+  "Free Consultation": "Gratis consultatie",
+  "Frequently Asked Questions": "Veelgestelde vragen",
+  "Get Quote": "Offerte krijgen",
+  "Get Started": "Aan de slag",
+  "Get in Touch": "Neem contact op",
+  "Hi, I'm Kobe Amerijckx, the founder and developer behind Kobelly Web Solutions. I'm passionate about helping small businesses succeed online with professional, affordable web solutions.": "Hallo, ik ben Kobe Amerijckx, de oprichter en ontwikkelaar achter Kobelly Web Solutions. Ik ben gepassioneerd over het helpen van kleine bedrijven om online te slagen met professionele, betaalbare web-oplossingen.",
+  "Home": "Home",
+  "Hours Coded": "Uren gecodeerd",
+  "How long does it take to build a website?": "Hoe lang duurt het om een website te bouwen?",
+  "I believe in honest, transparent communication and always deliver what I promise. Your success is my success.": "Ik geloof in eerlijke, transparante communicatie en lever altijd wat ik beloof. Uw succes is mijn succes.",
+  "I build your website with modern technologies and best practices.": "Ik bouw uw website met moderne technologieën en best practices.",
+  "I create a detailed project plan and design mockups.": "Ik maak een gedetailleerd projectplan en ontwerp-mockups.",
+  "I create beautiful, user-friendly websites using the latest design trends and best practices.": "Ik maak prachtige, gebruiksvriendelijke websites met de nieuwste ontwerptrends en best practices.",
+  "I create stunning, responsive websites that help small businesses and entrepreneurs establish a strong online presence and grow their customer base.": "Ik maak prachtige, responsieve websites die kleine bedrijven en ondernemers helpen om een sterke online aanwezigheid op te bouwen en hun klantenbestand te laten groeien.",
+  "I deploy your website and provide training and support.": "Ik implementeer uw website en bied training en ondersteuning.",
+  "I discuss your goals, target audience, and requirements.": "Ik bespreek uw doelen, doelgroep en vereisten.",
+  "I follow a proven process to deliver exceptional results.": "Ik volg een bewezen proces om uitzonderlijke resultaten te leveren.",
+  "I handle every aspect of your project personally - from initial consultation to design, development, and ongoing support. This ensures consistent quality and direct communication throughout the entire process.": "Ik behandel elk aspect van uw project persoonlijk - van eerste consultatie tot ontwerp, ontwikkeling en doorlopende ondersteuning. Dit zorgt voor consistente kwaliteit en directe communicatie gedurende het hele proces.",
+  "I offer competitive pricing without compromising on quality. My packages are designed to fit small business budgets.": "Ik bied concurrerende prijzen zonder in te leveren op kwaliteit. Mijn pakketten zijn ontworpen om te passen bij kleine bedrijfsbudgetten.",
+  "I provide maintenance, updates, and support to keep your website running smoothly.": "Ik bied onderhoud, updates en ondersteuning om uw website soepel te laten draaien.",
+  "I specialize in creating modern, professional websites that help businesses succeed online.": "Ik ben gespecialiseerd in het maken van moderne, professionele websites die bedrijven helpen om online te slagen.",
+  "I stay current with the latest web technologies and design trends to ensure your website stands out from the competition.": "Ik blijf op de hoogte van de nieuwste web-technologieën en ontwerptrends om ervoor te zorgen dat uw website zich onderscheidt van de concurrentie.",
+  "I understand that time is money. I deliver projects on time and keep you updated throughout the process.": "Ik begrijp dat tijd geld is. Ik lever projecten op tijd en houd u op de hoogte gedurende het hele proces.",
+  "I understand the challenges that small businesses face in today's digital landscape. High costs, complex processes, and lack of ongoing support often prevent entrepreneurs from getting the website they need to grow their business.": "Ik begrijp de uitdagingen die kleine bedrijven tegenkomen in het huidige digitale landschap. Hoge kosten, complexe processen en gebrek aan doorlopende ondersteuning voorkomen vaak dat ondernemers de website krijgen die ze nodig hebben om hun bedrijf te laten groeien.",
+  "I understand the unique needs of small businesses and provide tailored solutions that deliver results.": "Ik begrijp de unieke behoeften van kleine bedrijven en bied op maat gemaakte oplossingen die resultaten leveren.",
+  "I'm not just another web developer. Here's what sets me apart.": "Ik ben niet zomaar een andere webontwikkelaar. Hier is wat mij onderscheidt.",
+  "I'm passionate about web design and helping businesses succeed. Every project is approached with enthusiasm and dedication.": "Ik ben gepassioneerd over webdesign en het helpen van bedrijven om te slagen. Elk project wordt benaderd met enthousiasme en toewijding.",
+  "I'm the sole developer behind Kobelly, dedicated to creating exceptional websites for small businesses.": "Ik ben de enige ontwikkelaar achter Kobelly, toegewijd aan het maken van uitzonderlijke websites voor kleine bedrijven.",
+  "Innovation": "Innovatie",
+  "Integrity": "Integriteit",
+  "Intuitive user experience": "Intuïtieve gebruikerservaring",
+  "Inventory management": "Voorraadbeheer",
+  "Kobelly": "Kobelly",
+  "Kobelly Web Solutions": "Kobelly Web Solutions",
+  "Kobelly Web Solutions. All rights reserved.": "Kobelly Web Solutions. Alle rechten voorbehouden.",
+  "Last Name": "Achternaam",
+  "Launch": "Lancering",
+  "Let's Connect:": "Laten we in contact blijven:",
+  "Lightning-fast loading times and optimized performance to ensure your website runs smoothly.": "Bliksemsnelle laadtijden en geoptimaliseerde prestaties om ervoor te zorgen dat uw website soepel draait.",
+  "Located in the heart of Brussels, serving clients across Belgium and Europe.": "Gevestigd in Pajottegem, nabij Brussel, diensten voor klanten in heel België en Europa.",
+  "Maintenance & Support": "Onderhoud & Ondersteuning",
+  "Meet Kobe Amerijckx": "Maak kennis met Kobe Amerijckx",
+  "Michael Chen": "Michael Chen",
+  "Modern UI/UX": "Moderne UI/UX",
+  "Modern Web Design": "Modern Webdesign",
+  "Monthly reports": "Maandelijkse rapporten",
+  "My Expertise": "Mijn expertise",
+  "My Expertise:": "Mijn expertise:",
+  "My Mission": "Mijn missie",
+  "My Process": "Mijn proces",
+  "My Story": "Mijn verhaal",
+  "My Values": "Mijn waarden",
+  "Ongoing Support": "Doorlopende ondersteuning",
+  "Ongoing website maintenance, updates, and technical support to keep your site running smoothly.": "Doorlopend website-onderhoud, updates en technische ondersteuning om uw site soepel te laten draaien.",
+  "Online store setup": "Online winkel setup",
+  "Optimized structure": "Geoptimaliseerde structuur",
+  "Order processing": "Bestelverwerking",
+  "Order tracking system": "Besteltracking systeem",
+  "Our Services": "Onze diensten",
+  "Our pricing is transparent and project-based. We provide detailed quotes after understanding your requirements. We offer flexible payment plans and competitive rates for small businesses.": "Onze prijzen zijn transparant en projectgebaseerd. We geven gedetailleerde offertes na het begrijpen van uw vereisten. We bieden flexibele betalingsplannen en concurrerende tarieven voor kleine bedrijven.",
+  "Our relationship doesn't end when your website launches. I provide ongoing support and maintenance.": "Onze relatie eindigt niet wanneer uw website wordt gelanceerd. Ik bied doorlopende ondersteuning en onderhoud.",
+  "Over €10,000": "Meer dan €10.000",
+  "Passion": "Passie",
+  "Payment integration": "Betalingsintegratie",
+  "Performance monitoring": "Prestatiebewaking",
+  "Personal Support": "Persoonlijke ondersteuning",
+  "Phone": "Telefoon",
+  "Phone Number": "Telefoonnummer",
+  "+32 486 21 07 07": "+32 486 21 07 07",
+  "info@kobelly.com": "info@kobelly.com",
+  "Blijkheerstraat 92, 1755 Pajottegem": "Blijkheerstraat 92, 1755 Pajottegem",
+  "Planning": "Planning",
+  "Product catalog management": "Productcatalogus beheer",
+  "Professional Quality": "Professionele kwaliteit",
+  "Project Budget": "Projectbudget",
+  "Project Details": "Projectdetails",
+  "Ready to Start Your Project?": "Klaar om uw project te starten?",
+  "Regular security updates": "Regelmatige beveiligingsupdates",
+  "Response Time": "Reactietijd",
+  "Responsive Design": "Responsief ontwerp",
+  "Responsive Web Design": "Responsief webdesign",
+  "Responsive design": "Responsief ontwerp",
+  "Restaurant Owner": "Restauranteigenaar",
+  "SEO Optimization": "SEO-optimalisatie",
+  "Sarah Johnson": "Sarah Johnson",
+  "Secure payment gateways": "Veilige betalingsgateways",
+  "Select a service...": "Selecteer een service...",
+  "Select budget range...": "Selecteer budgetbereik...",
+  "Send Me a Message": "Stuur me een bericht",
+  "Send Message": "Bericht versturen",
+  "Service Interested In": "Service van interesse",
+  "Services": "Diensten",
+  "Subscribe to my newsletter for web design tips and updates": "Abonneer u op mijn nieuwsbrief voor webdesign tips en updates",
+  "Technical support": "Technische ondersteuning",
+  "Tell me about your project, goals, and requirements...": "Vertel me over uw project, doelen en vereisten...",
+  "That's why I've created a service that combines professional quality with affordable pricing, transparent communication, and ongoing support. I don't just build websites – I build partnerships that help your business thrive.": "Daarom heb ik een service gecreëerd die professionele kwaliteit combineert met betaalbare prijzen, transparante communicatie en doorlopende ondersteuning. Ik bouw niet alleen websites – ik bouw partnerschappen die uw bedrijf helpen gedijen.",
+  "The Principles That Guide Me": "De principes die mij leiden",
+  "The timeline depends on the complexity of your project. A simple business website typically takes 2-4 weeks, while more complex e-commerce sites may take 6-8 weeks.": "De tijdlijn hangt af van de complexiteit van uw project. Een eenvoudige bedrijfswebsite duurt meestal 2-4 weken, terwijl complexere e-commerce sites 6-8 weken kunnen duren.",
+  "These core values shape everything I do and every decision I make.": "Deze kernwaarden vormen alles wat ik doe en elke beslissing die ik neem.",
+  "To empower small businesses with professional, affordable web solutions that drive growth and success in the digital world.": "Om kleine bedrijven te empoweren met professionele, betaalbare web-oplossingen die groei en succes in de digitale wereld stimuleren.",
+  "Transform Your Business with Stunning Websites": "Transformeer uw bedrijf met prachtige websites",
+  "Transparent Communication": "Transparante communicatie",
+  "Under €1,000": "Minder dan €1.000",
+  "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.": "We bieden een gratis 30-minuten consultatie aan om uw projectvereisten te bespreken en een op maat gemaakte offerte te geven.",
+  "Website Design": "Website-ontwerp",
+  "Website Maintenance": "Website-onderhoud",
+  "What Makes Me Different": "Wat mij onderscheidt",
+  "What My Clients Say": "Wat mijn klanten zeggen",
+  "What is your pricing structure?": "Wat is uw prijsstructuur?",
+  "Why Choose Kobelly?": "Waarom Kobelly kiezen?",
+  "Why Choose Me": "Waarom mij kiezen",
+  "With over 10 years of experience in web development, I specialize in creating fast, responsive, and user-friendly websites that help small businesses grow online.": "Met meer dan 10 jaar ervaring in webontwikkeling ben ik gespecialiseerd in het maken van snelle, responsieve en gebruiksvriendelijke websites die kleine bedrijven helpen om online te groeien.",
+  "Years Experience": "Jaar ervaring",
+  "Yes! We offer various maintenance packages to keep your website secure, updated, and running smoothly. We also provide technical support and content updates.": "Ja! We bieden verschillende onderhoudspakketten aan om uw website veilig, up-to-date en soepel te laten draaien. We bieden ook technische ondersteuning en content updates.",
+  "Yes, we specialize in working with small businesses and entrepreneurs. We understand your unique needs and budget constraints.": "Ja, we zijn gespecialiseerd in het werken met kleine bedrijven en ondernemers. We begrijpen uw unieke behoeften en budgetbeperkingen.",
+  "You work directly with me - no account managers or middlemen. I believe in transparent communication.": "U werkt direct met mij - geen accountmanagers of tussenpersonen. Ik geloof in transparante communicatie.",
+  "Your Dedicated Web Developer": "Uw toegewijde webontwikkelaar",
+  "Your website will look perfect on all devices - desktop, tablet, and mobile.": "Uw website zal er perfect uitzien op alle apparaten - desktop, tablet en mobiel.",
+  "€1,000 - €3,000": "€1.000 - €3.000",
+  "€3,000 - €5,000": "€3.000 - €5.000",
+  "€5,000 - €10,000": "€5.000 - €10.000",
+  "Portfolio": "Portfolio",
+  "My Portfolio": "Mijn Portfolio",
+  "Discover the projects I've created to help businesses succeed online. Each website is crafted with care, focusing on user experience, performance, and results.": "Ontdek de projecten die ik heb gemaakt om bedrijven online te laten slagen. Elke website wordt met zorg gemaakt, met focus op gebruikerservaring, prestaties en resultaten.",
+  "Projects Completed": "Projecten Voltooid",
+  "Featured Projects": "Uitgelichte Projecten",
+  "Here are some of my recent projects that showcase my expertise in web design and development.": "Hier zijn enkele van mijn recente projecten die mijn expertise in webdesign en ontwikkeling tonen.",
+  "Portfolio Coming Soon": "Portfolio Binnenkort Beschikbaar",
+  "I'm currently working on showcasing my latest projects. While I build up my portfolio, I'd love to discuss your project and show you what I can create for your business.": "Ik werk momenteel aan het tonen van mijn nieuwste projecten. Terwijl ik mijn portfolio opbouw, zou ik graag uw project bespreken en u laten zien wat ik voor uw bedrijf kan creëren.",
+  "What I'm Working On": "Waar Ik Aan Werk",
+  "E-commerce websites": "E-commerce websites",
+  "Business landing pages": "Zakelijke landingspagina's",
+  "Restaurant websites": "Restaurant websites",
+  "Consulting firm sites": "Adviesbureau websites",
+  "Technologies I Use": "Technologieën Die Ik Gebruik",
+  "Project Categories": "Project Categorieën",
+  "Business Websites": "Zakelijke Websites",
+  "Professional websites for small businesses, including lead generation and contact forms.": "Professionele websites voor kleine bedrijven, inclusief leadgeneratie en contactformulieren.",
+  "Restaurant & Food": "Restaurant & Voeding",
+  "Beautiful websites for restaurants, cafes, and food businesses with online ordering.": "Prachtige websites voor restaurants, cafés en voedingsbedrijven met online bestellingen.",
+  "Don't just take my word for it - hear from some of the businesses I've helped.": "Geloof me niet alleen op mijn woord - hoor van enkele bedrijven die ik heb geholpen.",
+  "Let's discuss your project and create something amazing together. I offer a free consultation to understand your needs and provide a customized solution.": "Laten we uw project bespreken en samen iets geweldigs creëren. Ik bied een gratis consultatie aan om uw behoeften te begrijpen en een op maat gemaakte oplossing te bieden.",
+  "View Services": "Bekijk Diensten",
+  "Professional website design for small businesses in Belgium. Fast, affordable websites that help you get found online.": "Professionele website-ontwerp voor kleine bedrijven in België. Snelle, betaalbare websites die u helpen gevonden te worden online.",
+  "website design, web development, small business, Belgium, Brussels, professional websites, affordable web design": "website ontwerp, webontwikkeling, kleine bedrijven, België, Brussel, professionele websites, betaalbaar webdesign",
+  "Professional Website Design Brussels | Kobelly Web Solutions": "Professioneel Website Ontwerp Brussel | Kobelly Web Solutions",
+  "Website Design Services Brussels | Kobelly": "Website Ontwerp Diensten Brussel | Kobelly",
+  "About Kobe Amerijckx | Web Designer Brussels": "Over Kobe Amerijckx | Web Designer Brussel",
+  "Contact Kobelly | Web Design Brussels": "Contact Kobelly | Web Design Brussel",
+  "Portfolio | Web Design Projects Brussels": "Portfolio | Web Design Projecten Brussel",
+  "Vlaams-Brabant": "Vlaams-Brabant",
+  "Professional website design services in Brussels. Custom websites for small businesses starting at €299. Fast delivery, ongoing support, and proven results.": "Professionele website-ontwerpdiensten in Brussel. Maatwerkwebsites voor kleine bedrijven vanaf €299. Snelle levering, doorlopende ondersteuning en bewezen resultaten.",
+  "Meet Kobe Amerijckx, professional web designer in Brussels. 10+ years experience creating stunning websites for small businesses. Free consultation available.": "Maak kennis met Kobe Amerijckx, professioneel webdesigner in Brussel. Meer dan 10 jaar ervaring met het maken van prachtige websites voor kleine bedrijven. Gratis consultatie beschikbaar.",
+  "Contact Kobelly for professional website design in Brussels. Free consultation, transparent pricing, and ongoing support. Get your business online in 48 hours.": "Contacteer Kobelly voor professioneel website-ontwerp in Brussel. Gratis consultatie, transparante prijzen en doorlopende ondersteuning. Zet uw bedrijf binnen 48 uur online.",
+  "View my web design portfolio featuring business websites, e-commerce sites, and custom web solutions. Professional web design projects completed in Brussels.": "Bekijk mijn webdesignportfolio met zakelijke websites, e-commerce sites en maatwerk weboplossingen. Professionele webdesignprojecten gerealiseerd in Brussel.",
+  "Get Your Business Online in 48 Hours": "Zet uw bedrijf binnen 48 uur online",
+  "Professional websites for small businesses. Fast, affordable, and designed to bring you customers. No technical knowledge needed - I handle everything.": "Professionele websites voor kleine bedrijven. Snel, betaalbaar en ontworpen om u klanten te brengen. Geen technische kennis nodig - ik regel alles.",
+  "Get Your Website": "Krijg uw website",
+  "See Packages": "Bekijk pakketten",
+  "75% of customers research businesses online before visiting": "75% zoekt bedrijven online op",
+  "Your competitors are already online": "Uw concurrenten zijn al online",
+  "I make getting online simple and affordable for small businesses like yours.": "Ik maak online gaan eenvoudig en betaalbaar voor kleine bedrijven zoals het uwe.",
+  "Fast Delivery": "Snelle levering",
+  "Your website ready in 48 hours. No waiting weeks or months - get online fast and start getting customers.": "Uw website klaar in 48 uur. Geen wachten van weken of maanden - ga snel online en begin klanten te krijgen.",
+  "Starting at €299. Small monthly hosting fee keeps your website online. No hidden costs or surprises.": "Vanaf €299. Kleine maandelijkse hostingkosten houden uw website online. Geen verborgen kosten of verrassingen.",
+  "Personal Service": "Persoonlijke service",
+  "Work directly with me - no account managers or middlemen. I understand your business and your needs.": "Werk direct met mij - geen accountmanagers of tussenpersonen. Ik begrijp uw bedrijf en uw behoeften.",
+  "What I Do for Your Business": "Wat ik doe voor uw bedrijf",
+  "I help small businesses get online and start getting customers.": "Ik help kleine bedrijven online te gaan en klanten te krijgen.",
+  "Professional websites that showcase your business and help customers find you online.": "Professionele websites die uw bedrijf tonen en klanten helpen u online te vinden.",
+  "Show your products/services": "Toon uw producten/diensten",
+  "Contact information & location": "Contactgegevens & locatie",
+  "Customer testimonials": "Klantgetuigenissen",
+  "Online Stores": "Online winkels",
+  "Sell your products online 24/7. Accept payments, manage orders, and grow your sales.": "Verkoop uw producten online 24/7. Accepteer betalingen, beheer bestellingen en groei uw verkopen.",
+  "Secure payment processing": "Veilige betalingsverwerking",
+  "See My Packages": "Bekijk mijn pakketten",
+  "Get Found by Local Customers": "Word gevonden door lokale klanten",
+  "Your website helps customers in your area find and choose your business.": "Uw website helpt klanten in uw omgeving uw bedrijf te vinden en te kiezen.",
+  "Show Up in Google Maps": "Verschijn in Google Maps",
+  "When people search for businesses like yours in your area, your website helps you appear in local search results.": "Wanneer mensen zoeken naar bedrijven zoals het uwe in uw omgeving, helpt uw website u te verschijnen in lokale zoekresultaten.",
+  "Get Reviews & Ratings": "Krijg beoordelingen & waarderingen",
+  "Customers can leave reviews on your website and Google, helping other customers choose your business.": "Klanten kunnen beoordelingen achterlaten op uw website en Google, wat andere klanten helpt uw bedrijf te kiezen.",
+  "Open 24/7 Online": "24/7 online open",
+  "Your website works for you even when you're closed. Customers can see your products, prices, and contact info anytime.": "Uw website werkt voor u, zelfs wanneer u gesloten bent. Klanten kunnen uw producten, prijzen en contactgegevens altijd zien.",
+  "Easy Contact & Directions": "Eenvoudig contact & routebeschrijving",
+  "Customers can easily find your phone number, address, and get directions to your business.": "Klanten kunnen eenvoudig uw telefoonnummer, adres vinden en routebeschrijving naar uw bedrijf krijgen.",
+  "What Happens Without a Website?": "Wat gebeurt er zonder website?",
+  "See the difference a website makes for your business.": "Zie het verschil dat een website maakt voor uw bedrijf.",
+  "Without a Website": "Zonder website",
+  "Customer calls, you're closed, they call your competitor": "Klant belt, u bent gesloten, ze bellen uw concurrent",
+  "People can't find your business on Google": "Mensen kunnen uw bedrijf niet vinden op Google",
+  "No way to show your products or services online": "Geen manier om uw producten of diensten online te tonen",
+  "Customers can't leave reviews or recommendations": "Klanten kunnen geen beoordelingen of aanbevelingen achterlaten",
+  "Your competitors get all the online customers": "Uw concurrenten krijgen alle online klanten",
+  "With a Website": "Met een website",
+  "Customers can see your business even when you're closed": "Klanten kunnen uw bedrijf zien, zelfs wanneer u gesloten bent",
+  "Show up in Google search results and Maps": "Verschijn in Google zoekresultaten en Maps",
+  "Display your products, services, and prices 24/7": "Toon uw producten, diensten en prijzen 24/7",
+  "Customers can leave reviews and recommend you": "Klanten kunnen beoordelingen achterlaten en u aanbevelen",
+  "Get customers that would have gone to competitors": "Krijg klanten die naar concurrenten zouden zijn gegaan",
+  "Ready to Get Your Business Online?": "Klaar om uw bedrijf online te zetten?",
+  "Let's talk about your website. Free consultation, no obligation.": "Laten we praten over uw website. Gratis consultatie, geen verplichting.",
+  "Get Started Today": "Begin vandaag nog",
+  "Delivery Time": "Levertijd",
+  "Starting Price": "Startprijs",
+  "Satisfaction": "Tevredenheid",
+  "Professional Web Solutions": "Professionele Web Oplossingen",
+  "Comprehensive web services designed to help your business succeed online. From custom design to e-commerce solutions, I provide everything you need to establish a strong digital presence.": "Uitgebreide webdiensten ontworpen om uw bedrijf online te laten slagen. Van maatwerkontwerp tot e-commerce oplossingen, ik bied alles wat u nodig heeft om een sterke digitale aanwezigheid op te bouwen.",
+  "How It Works": "Hoe het werkt",
+  "Getting your business online is easier than you think.": "Uw bedrijf online krijgen is eenvoudiger dan u denkt.",
+  "Tell Me About Your Business": "Vertel me over uw bedrijf",
+  "One 15-minute call. I ask about your business, you tell me what you need.": "Één 15-minuten gesprek. Ik vraag naar uw bedrijf, u vertelt me wat u nodig heeft.",
+  "I Build Your Website": "Ik bouw uw website",
+  "I create your website quickly. Simple sites in 48 hours, more complex ones take a bit longer.": "Ik maak uw website snel. Eenvoudige sites in 48 uur, complexere duren iets langer.",
+  "Start Getting Customers": "Begin klanten te krijgen",
+  "Your website goes live. Customers find you online and start calling or visiting.": "Uw website gaat live. Klanten vinden u online en beginnen te bellen of te bezoeken.",
+  "Interactive Design Themes": "Interactieve ontwerpthema's",
+  "Click on any design below to preview how your website could look. Each theme demonstrates different styles, colors, and layouts.": "Klik op elk ontwerp hieronder om een voorvertoning te zien van hoe uw website eruit zou kunnen zien. Elk thema toont verschillende stijlen, kleuren en layouts.",
+  "Modern Minimal": "Modern Minimalistisch",
+  "Clean, spacious design with subtle animations and modern typography.": "Schoon, ruim ontwerp met subtiele animaties en moderne typografie.",
+  "Bold & Vibrant": "Dapper & Levendig",
+  "Eye-catching design with bold colors and dynamic elements.": "Opvallend ontwerp met dappere kleuren en dynamische elementen.",
+  "Elegant Professional": "Elegant Professioneel",
+  "Sophisticated design with premium styling and professional appeal.": "Verfijnd ontwerp met premium styling en professionele uitstraling.",
+  "Tech Startup": "Tech Startup",
+  "Modern tech-focused design with innovative layouts and animations.": "Modern tech-gericht ontwerp met innovatieve layouts en animaties.",
+  "Creative Agency": "Creatief Bureau",
+  "Artistic design with creative layouts and expressive visual elements.": "Artistiek ontwerp met creatieve layouts en expressieve visuele elementen.",
+  "E-commerce": "E-commerce",
+  "Optimized design for online stores with product-focused layouts.": "Geoptimaliseerd ontwerp voor online winkels met product-gerichte layouts.",
+  "Live Preview": "Live Voorvertoning",
+  "Click on any design above to see a live preview of how your website could look.": "Klik op elk ontwerp hierboven om een live voorvertoning te zien van hoe uw website eruit zou kunnen zien.",
+  "Reset to Default": "Terug naar standaard",
+  "Blijkheerstraat 92": "Blijkheerstraat 92",
+  "1755 Pajottegem, Belgium": "1755 Pajottegem, België",
+  "We offer a free 30-minute consultation to discuss your project requirements and provide a customized quote.": "We bieden een gratis 30-minuten consultatie aan om uw projectvereisten te bespreken en een op maat gemaakte offerte te geven."
+}