mirror of
https://git.hexahost.dev/smueller/HexaHost-Frontend.git
synced 2026-06-02 15:38:43 +00:00
250 lines
12 KiB
PHP
250 lines
12 KiB
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">
|
|
<!-- About Hero -->
|
|
<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>
|
|
|
|
<!-- Company Story -->
|
|
<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 Bayern anzubieten. Als regionales
|
|
Unternehmen aus Niederbayern verstehe ich die Bedürfnisse meiner Kunden
|
|
und biete 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>
|
|
|
|
<!-- Values -->
|
|
<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="team">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">Mein Team</h2>
|
|
<p class="section-description">
|
|
Die Menschen, die hinter HexaHost.de stehen
|
|
</p>
|
|
</div>
|
|
<div class="team-content">
|
|
<div class="team-text">
|
|
<p>
|
|
Mein Team besteht aus erfahrenen IT-Experten, die langjährige Erfahrung
|
|
im Bereich Hosting und Server-Management. Ich bin leidenschaftlich
|
|
daran interessiert, Ihnen die bestmöglichen Hosting- und IT-Lösungen zu bieten.
|
|
</p>
|
|
<p>
|
|
Als regionales Unternehmen aus Niederbayern kennen wir die lokalen
|
|
Bedürfnisse und bieten persönlichen Support in deutscher Sprache.
|
|
Unser Ziel ist es, Ihnen nicht nur technische Lösungen, sondern
|
|
auch eine echte Partnerschaft zu bieten.
|
|
</p>
|
|
</div>
|
|
<div class="team-stats glass-card">
|
|
<div class="stat-item">
|
|
<span class="stat-number">5+</span>
|
|
<span class="stat-label">Jahre Erfahrung</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">500+</span>
|
|
<span class="stat-label">Zufriedene Kunden</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">99.9%</span>
|
|
<span class="stat-label">Uptime</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">24/7</span>
|
|
<span class="stat-label">Support</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
-->
|
|
|
|
<!-- Technology -->
|
|
<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>
|
|
|
|
<!-- CTA 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();
|
|
?>
|