HexaHost-Web-Prod/public/about.php

<?php
require_once __DIR__ . '/../backend/includes/functions.php';


$page_title = 'Über mich - HexaHost.de | Hosting aus Niederbayern';
$page_description = 'Erfahren Sie mehr über HexaHost.de - Ihr zuverlässiger Hosting-Partner aus Niederbayern. Moderne Technologie mit persönlichem Service.';
$current_page = 'about';


includeHeader($page_title, $page_description, $current_page);
?>

<main id="main-content">
    
    <section class="about-hero">
        <div class="container">
            <div class="about-hero-content">
                <?php
                generateBreadcrumbs([
                    ['title' => 'Home', 'url' => 'index.php'],
                    ['title' => 'Über mich', 'url' => '']
                ]);
                ?>
                <h1 class="about-hero-title">
                    Über <span class="highlight">HexaHost.de</span>
                </h1>
                <p class="about-hero-description">
                    Wir sind Ihr zuverlässiger Partner für Hosting- und IT-Lösungen aus Niederbayern. 
                    Mit moderner Technologie und persönlichem Service sorgen wir dafür, 
                    dass Ihre Online-Projekte erfolgreich sind.
                </p>
            </div>
        </div>
    </section>

    
    <section class="company-story">
        <div class="container">
            <div class="story-content">
                <div class="story-text">
                    <h2 class="section-title">Unsere Geschichte</h2>
                    <p>
                        HexaHost.de wurde von mir, Samuel Müller, mit der Vision gegründet, zuverlässiges 
                        und preiswertes Hosting und IT-Lösungen direkt aus Deutschland anzubieten. Als regionales 
                        Unternehmen aus Niederbayern verstehe ich die Bedürfnisse meiner Kunden
                        und bieten persönlichen Support.
                    </p>
                    <p>
                        Meine Expertise liegt in der Bereitstellung moderner Hosting- und IT-Lösungen 
                        auf Basis von Proxmox-Technologie. Von Virtual Private Containern bis 
                        hin zu klassischem Webhosting und Mail-Gateways - ich habe für jeden Bedarf die passende 
                        Lösung.
                    </p>
                    <p>
                        Vertrauen, Zuverlässigkeit und faire Preise sind die Grundpfeiler meines 
                        Unternehmens. Ich setze auf transparente Kommunikation und ehrliche 
                        Beratung, damit Sie die beste Lösung für Ihre Anforderungen erhalten.
                    </p>
                </div>
                <div class="story-visual glass-card">
                    <div class="location-info">
                        <div class="location-icon">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
                                <circle cx="12" cy="10" r="3"/>
                            </svg>
                        </div>
                        <div class="location-details">
                            <h3>Standort (Büro)</h3>
                            <p>HexaHost Inh. Samuel Müller</p>
                            <p>Richard-Miller-Straße 1</p>
                            <p>94051 Hauzenberg</p>
                            <p>Deutschland</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="values">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Meine Werte</h2>
                <p class="section-description">
                    Das, was mich ausmacht und antreibt
                </p>
            </div>
            <div class="values-grid">
                <div class="value-item glass-card">
                    <div class="value-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
                        </svg>
                    </div>
                    <h3>Zuverlässigkeit</h3>
                    <p>99% Uptime und 24/7 Monitoring für maximale Verfügbarkeit Ihrer Services.</p>
                </div>
                <div class="value-item glass-card">
                    <div class="value-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 2v20M17 7l-5-5-5 5M17 17l-5 5-5-5"/>
                        </svg>
                    </div>
                    <h3>Faire Preise</h3>
                    <p>Transparente Preisgestaltung ohne versteckte Kosten und flexible Tarifmodelle.</p>
                </div>
                <div class="value-item glass-card">
                    <div class="value-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
                        </svg>
                    </div>
                    <h3>Persönlicher Support</h3>
                    <p>Direkter Kontakt zu mir aus Niederbayern, gerne auch bei Ihnen vor Ort in Deutschland.</p>
                </div>
                <div class="value-item glass-card">
                    <div class="value-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
                        </svg>
                    </div>
                    <h3>Innovation</h3>
                    <p>Moderne Technologie auf Proxmox-Basis für beste Performance und Skalierbarkeit.</p>
                </div>
            </div>
        </div>
    </section>

    

    
    <section class="technology">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Unsere Technologie</h2>
                <p class="section-description">
                    Moderne Infrastruktur für beste Performance
                </p>
            </div>
            <div class="tech-grid">
                <div class="tech-item glass-card">
                    <div class="tech-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
                            <line x1="8" y1="21" x2="16" y2="21"/>
                            <line x1="12" y1="17" x2="12" y2="21"/>
                        </svg>
                    </div>
                    <h3>Proxmox VE</h3>
                    <p>Enterprise-Grade Virtualisierung mit Proxmox VE für maximale Effizienz und Sicherheit.</p>
                </div>
                <div class="tech-item glass-card">
                    <div class="tech-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 2v20M17 7l-5-5-5 5M17 17l-5 5-5-5"/>
                        </svg>
                    </div>
                    <h3>NVMe SSD</h3>
                    <p>Hochperformante NVMe SSD-Speicher für schnelle Ladezeiten und optimale I/O-Performance.</p>
                </div>
                <div class="tech-item glass-card">
                    <div class="tech-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
                        </svg>
                    </div>
                    <h3>DDoS Protection</h3>
                    <p>Umfassender DDoS-Schutz für maximale Sicherheit und Verfügbarkeit Ihrer Services.</p>
                </div>
                <div class="tech-item glass-card">
                    <div class="tech-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
                            <polyline points="7.5,4.21 12,6.81 16.5,4.21"/>
                            <polyline points="7.5,19.79 7.5,14.6 3,12"/>
                            <polyline points="21,12 16.5,14.6 16.5,19.79"/>
                        </svg>
                    </div>
                    <h3>Redundante Infrastruktur</h3>
                    <p>Mehrfach redundante Systeme für höchste Verfügbarkeit und Ausfallsicherheit.</p>
                </div>
            </div>
        </div>
    </section>

    
    <section class="cta">
        <div class="container">
            <div class="cta-content glass-card">
                <h2>Bereit für die Zusammenarbeit?</h2>
                <p>Lassen Sie uns gemeinsam Ihre Hosting-Lösung entwickeln</p>
                <div class="cta-actions">
                    <a href="/contact" class="btn btn-primary">Kontakt aufnehmen</a>
                    <a href="/vpc" class="btn btn-secondary">Produkte entdecken</a>
                </div>
            </div>
        </div>
    </section>
</main>

<?php

includeFooter();
?>