smueller/HexaHost-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
06a932a048f4164bf61777e8f17674789d15ea1b
HexaHost-Frontend/public/contact.php

257 lines
13 KiB
PHP
Raw Blame History

<?php
require_once __DIR__ . '/../backend/includes/functions.php';
require_once __DIR__ . '/../backend/config/contact-config.php';
$preselected_subject = getPreselectedContactSubject();
$page_title = 'Kontakt - HexaHost.de | Hosting aus Niederbayern';
$page_description = 'Kontaktieren Sie HexaHost.de - Ihr Hosting-Partner aus Niederbayern. Persönlicher Support und kompetente Beratung.';
$current_page = 'contact';
$additional_scripts = ['assets/js/contact.b058cc66d435.js'];
includeHeader($page_title, $page_description, $current_page, $additional_scripts);
?>
<main id="main-content">
<!-- Contact Hero -->
<section class="contact-hero">
<div class="container">
<div class="contact-hero-content">
<?php
generateBreadcrumbs([
['title' => 'Home', 'url' => 'index.php'],
['title' => 'Kontakt', 'url' => '']
]);
?>
<h1 class="contact-hero-title">
Kontakt zu <span class="highlight">HexaHost.de</span>
</h1>
<p class="contact-hero-description">
Haben Sie Fragen zu den Hosting- oder IT-Lösungen? Benötigen Sie Beratung oder
Support? Ich stehe Ihnen gerne zur Verfügung.
</p>
</div>
</div>
</section>
<!-- Contact Options -->
<section class="contact-options">
<div class="container">
<div class="contact-grid">
<div class="contact-item glass-card">
<div class="contact-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
<polyline points="22,6 12,13 2,6"/>
</svg>
</div>
<h3>E-Mail</h3>
<p>Schreiben Sie mir eine E-Mail - ich antworte innerhalb von 4 Stunden.</p>
<a href="mailto:info@hexahost.de" class="contact-link">info@hexahost.de</a>
</div>
<div class="contact-item glass-card">
<div class="contact-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
</svg>
</div>
<h3>Telefon</h3>
<p>Für dringende Anliegen erreichen Sie mich auch telefonisch.</p>
<a href="tel:+4915566175855" class="contact-link">+49 15566 175855</a>
<p class="contact-hours">Mo-Fr: 9:00-18:00 Uhr</p>
</div>
<div class="contact-item glass-card">
<div class="contact-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>Discord</h3>
<p>Direkter Support über unseren Discord für schnelle Hilfe.</p>
<button class="contact-link chat-btn" onclick="window.open('https://discord.gg/PG6UqPZwGr', '_blank')">Discord beitreten</button>
</div>
<div class="contact-item glass-card">
<div class="contact-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>
<h3>Bei Ihnen vor Ort</h3>
<p>Gerne komme ich zu Ihnen vor Ort um Ihnen persönlich zu helfen.</p>
<p class="contact-hours">Nur auf Anfrage verfügbar</p>
</div>
</div>
</div>
</section>
<!-- Contact Form -->
<section class="contact-form-section">
<div class="container">
<div class="form-container">
<div class="form-header">
<h2 class="section-title">Kontaktformular</h2>
<p class="section-description">
Senden Sie mir eine Nachricht - ich melde mich schnellstmöglich bei Ihnen
</p>
</div>
<form class="contact-form glass-card" id="contactForm" action="contact-handler.php" method="POST">
<input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
<!-- Honeypot-Feld für Bot-Schutz (versteckt via CSS) -->
<div style="position: absolute; left: -9999px;" aria-hidden="true">
<input type="text" name="website" tabindex="-1" autocomplete="off">
</div>
<div class="form-row">
<div class="form-group">
<label for="firstName">Vorname *</label>
<input type="text" id="firstName" name="firstName" required>
</div>
<div class="form-group">
<label for="lastName">Nachname *</label>
<input type="text" id="lastName" name="lastName" required>
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="email">E-Mail-Adresse *</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Telefon</label>
<input type="tel" id="phone" name="phone">
</div>
</div>
<div class="form-group">
<label for="company">Unternehmen</label>
<input type="text" id="company" name="company">
</div>
<div class="form-group">
<label for="subject">Betreff *</label>
<select id="subject" name="subject" required>
<option value="">Bitte wählen...</option>
<?php foreach (getContactSubjectMap() as $subjectKey => $subjectLabel): ?>
<option value="<?php echo htmlspecialchars($subjectKey, ENT_QUOTES, 'UTF-8'); ?>"<?php echo $preselected_subject === $subjectKey ? ' selected' : ''; ?>><?php echo htmlspecialchars($subjectLabel, ENT_QUOTES, 'UTF-8'); ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="form-group">
<label for="message">Ihre Nachricht *</label>
<textarea id="message" name="message" rows="6" required placeholder="Beschreiben Sie Ihr Anliegen..."></textarea>
</div>
<div class="form-group checkbox-group">
<label class="checkbox-label">
<input type="checkbox" id="privacy" name="privacy" required>
Ich habe die <a href="/datenschutz" target="_blank">Datenschutzerklärung</a> gelesen und stimme der Verarbeitung meiner Daten zu. *
</label>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Nachricht senden</button>
<button type="reset" class="btn btn-secondary">Formular zurücksetzen</button>
</div>
</form>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="faq-section">
<div class="container">
<div class="section-header">
<h2 class="section-title">Häufig gestellte Fragen</h2>
<p class="section-description">
Schnelle Antworten auf die wichtigsten Fragen
</p>
</div>
<div class="faq-grid">
<div class="faq-item glass-card">
<div class="faq-question">
<h3>Wie schnell erhalte ich eine Antwort?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Ich antworte in der Regel innerhalb von 2-4 Stunden auf E-Mail-Anfragen. Bei dringenden Anliegen nutzen Sie bitte unseren Live Chat oder rufen Sie mich an.</p>
</div>
</div>
<div class="faq-item glass-card">
<div class="faq-question">
<h3>Bieten Sie kostenlose Beratung an?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Ja, meine Beratung ist völlig kostenfrei und unverbindlich. Ich helfe Ihnen gerne bei der Auswahl der richtigen Hosting- oder IT-Lösung für Ihre Bedürfnisse.</p>
</div>
</div>
<div class="faq-item glass-card">
<div class="faq-question">
<h3>Können Sie bei der Migration helfen?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Selbstverständlich! Ich unterstütze Sie beim Umzug von Ihrem bisherigen Hosting-Anbieter zu mir. Mein Migrations-Service ist in vielen Fällen kostenlos.</p>
</div>
</div>
<div class="faq-item glass-card">
<div class="faq-question">
<h3>Gibt es eine Geld-zurück-Garantie?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Ja, ich biete eine 30-Tage Geld-zurück-Garantie. Wenn Sie nicht zufrieden sind, erhalten Sie Ihr Geld ohne Wenn und Aber zurück.</p>
</div>
</div>
<div class="faq-item glass-card">
<div class="faq-question">
<h3>Wo stehen Ihre Server?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Alle Server stehen in deutschen Rechenzentren. Das gewährleistet DSGVO-Konformität und niedrige Latenzzeiten für deutsche Nutzer.</p>
</div>
</div>
<div class="faq-item glass-card">
<div class="faq-question">
<h3>Bieten Sie 24/7 Support?</h3>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Mein direkter Support ist Mo-Fr von 16:00-21:00 Uhr verfügbar. Außerhalb dieser Zeiten überwachen automatische Systeme die Infrastruktur und bei kritischen Problemen sind wir auch außerhalb dieser Zeiten erreichbar.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Response Time -->
<section class="response-time">
<div class="container">
<div class="response-content glass-card">
<div class="response-stats">
<div class="stat-item">
<span class="stat-number">< 2h</span>
<span class="stat-label">Durchschnittliche Antwortzeit</span>
</div>
<div class="stat-item">
<span class="stat-number">98%</span>
<span class="stat-label">Kundenzufriedenheit</span>
</div>
<div class="stat-item">
<span class="stat-number">24/7</span>
<span class="stat-label">Monitoring</span>
</div>
</div>
<div class="response-text">
<h3>Schnelle Hilfe garantiert</h3>
<p>Mein direkter Support ist darauf spezialisiert, Ihnen schnell und effektiv zu helfen. Die meisten Anfragen werden innerhalb von 2 Stunden beantwortet.</p>
</div>
</div>
</div>
</section>
</main>
<?php
includeFooter();
?>
Reference in New Issue View Git Blame Copy Permalink