mirror of
https://git.hexahost.dev/smueller/HexaHost-Frontend.git
synced 2026-06-02 08:08:43 +00:00
Refactor contact form handling and enhance Mail Gateway page: Centralized subject mapping for contact requests, improved CSRF token validation, and optimized AJAX CORS handling. Updated Mail Gateway page layout and content for better clarity and user engagement, including new package details and security features.
This commit is contained in:
TheOnlyMace
@@ -87,29 +87,39 @@
|
|||||||
|
|
||||||
// Header scroll effect - always visible with transparency change
|
// Header scroll effect - always visible with transparency change
|
||||||
const header = document.querySelector('.header');
|
const header = document.querySelector('.header');
|
||||||
|
const hero = document.querySelector('.hero');
|
||||||
|
|
||||||
window.addEventListener('scroll', function() {
|
// Kombinierter, optimierter Scroll-Handler mit requestAnimationFrame
|
||||||
|
let ticking = false;
|
||||||
|
|
||||||
|
function handleScroll() {
|
||||||
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
||||||
|
|
||||||
|
// Header-Effekt
|
||||||
|
if (header) {
|
||||||
if (scrollTop > 50) {
|
if (scrollTop > 50) {
|
||||||
// Scrolled down - make header more opaque
|
|
||||||
header.classList.add('scrolled');
|
header.classList.add('scrolled');
|
||||||
} else {
|
} else {
|
||||||
// At top - make header more transparent
|
|
||||||
header.classList.remove('scrolled');
|
header.classList.remove('scrolled');
|
||||||
}
|
}
|
||||||
});
|
|
||||||
|
|
||||||
// Add parallax effect to hero section
|
|
||||||
const hero = document.querySelector('.hero');
|
|
||||||
if (hero) {
|
|
||||||
window.addEventListener('scroll', function() {
|
|
||||||
const scrolled = window.pageYOffset;
|
|
||||||
const rate = scrolled * -0.5;
|
|
||||||
hero.style.transform = `translateY(${rate}px)`;
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Parallax-Effekt für Hero
|
||||||
|
if (hero) {
|
||||||
|
const rate = scrollTop * -0.5;
|
||||||
|
hero.style.transform = `translateY(${rate}px)`;
|
||||||
|
}
|
||||||
|
|
||||||
|
ticking = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('scroll', function() {
|
||||||
|
if (!ticking) {
|
||||||
|
requestAnimationFrame(handleScroll);
|
||||||
|
ticking = true;
|
||||||
|
}
|
||||||
|
}, { passive: true });
|
||||||
|
|
||||||
// Form validation (for contact forms)
|
// Form validation (for contact forms)
|
||||||
const forms = document.querySelectorAll('form');
|
const forms = document.querySelectorAll('form');
|
||||||
forms.forEach(form => {
|
forms.forEach(form => {
|
||||||
|
|||||||
@@ -15,13 +15,42 @@ require_once 'config.php';
|
|||||||
// Konfiguration verwenden
|
// Konfiguration verwenden
|
||||||
$config = getHexaHostConfig();
|
$config = getHexaHostConfig();
|
||||||
|
|
||||||
// CSRF-Token validieren
|
// Betreff-Mapping (zentral definiert)
|
||||||
|
const SUBJECT_MAP = [
|
||||||
|
'allgemeine-anfrage' => 'Allgemeine Anfrage',
|
||||||
|
'vpc-anfrage' => 'Virtual Private Container Anfrage',
|
||||||
|
'vps-anfrage' => 'Virtual Private Server Anfrage',
|
||||||
|
'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
|
||||||
|
'webhosting-anfrage' => 'Webhosting Anfrage',
|
||||||
|
'support' => 'Technischer Support',
|
||||||
|
'beratung' => 'Persönliche Beratung',
|
||||||
|
'migration' => 'Migration/Umzug',
|
||||||
|
'sonstiges' => 'Sonstige Anfrage'
|
||||||
|
];
|
||||||
|
|
||||||
|
// CSRF-Token validieren und invalidieren (verhindert Replay-Attacks)
|
||||||
function validateCSRFToken($token) {
|
function validateCSRFToken($token) {
|
||||||
return isset($_SESSION['csrf_token']) && hash_equals($_SESSION['csrf_token'], $token);
|
if (isset($_SESSION['csrf_token']) && hash_equals($_SESSION['csrf_token'], $token)) {
|
||||||
|
// Token nach erfolgreicher Validierung invalidieren
|
||||||
|
unset($_SESSION['csrf_token']);
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// CORS Headers für AJAX-Requests (nur eigene Domain erlauben)
|
||||||
|
$allowed_origins = [
|
||||||
|
'https://hexahost.de',
|
||||||
|
'https://www.hexahost.de',
|
||||||
|
'http://localhost', // Für Entwicklung
|
||||||
|
'http://127.0.0.1' // Für Entwicklung
|
||||||
|
];
|
||||||
|
|
||||||
|
$origin = $_SERVER['HTTP_ORIGIN'] ?? '';
|
||||||
|
if (in_array($origin, $allowed_origins)) {
|
||||||
|
header('Access-Control-Allow-Origin: ' . $origin);
|
||||||
}
|
}
|
||||||
|
|
||||||
// CORS Headers für AJAX-Requests
|
|
||||||
header('Access-Control-Allow-Origin: *');
|
|
||||||
header('Access-Control-Allow-Methods: POST');
|
header('Access-Control-Allow-Methods: POST');
|
||||||
header('Access-Control-Allow-Headers: Content-Type');
|
header('Access-Control-Allow-Headers: Content-Type');
|
||||||
header('Content-Type: application/json; charset=utf-8');
|
header('Content-Type: application/json; charset=utf-8');
|
||||||
@@ -114,20 +143,8 @@ function sendEmail($data) {
|
|||||||
// Empfänger
|
// Empfänger
|
||||||
$mail->addAddress($config['to_email'], $config['to_name']);
|
$mail->addAddress($config['to_email'], $config['to_name']);
|
||||||
|
|
||||||
// Betreff
|
// Betreff (nutzt zentrale SUBJECT_MAP Konstante)
|
||||||
$subject_map = [
|
$subject = SUBJECT_MAP[$data['subject']] ?? 'Neue Kontaktanfrage';
|
||||||
'allgemeine-anfrage' => 'Allgemeine Anfrage',
|
|
||||||
'vpc-anfrage' => 'Virtual Private Container Anfrage',
|
|
||||||
'vps-anfrage' => 'Virtual Private Server Anfrage',
|
|
||||||
'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
|
|
||||||
'webhosting-anfrage' => 'Webhosting Anfrage',
|
|
||||||
'support' => 'Technischer Support',
|
|
||||||
'beratung' => 'Persönliche Beratung',
|
|
||||||
'migration' => 'Migration/Umzug',
|
|
||||||
'sonstiges' => 'Sonstige Anfrage'
|
|
||||||
];
|
|
||||||
|
|
||||||
$subject = isset($subject_map[$data['subject']]) ? $subject_map[$data['subject']] : 'Neue Kontaktanfrage';
|
|
||||||
$mail->Subject = '[HexaHost.de] ' . $subject;
|
$mail->Subject = '[HexaHost.de] ' . $subject;
|
||||||
|
|
||||||
// HTML E-Mail-Inhalt
|
// HTML E-Mail-Inhalt
|
||||||
@@ -158,19 +175,8 @@ function sendEmail($data) {
|
|||||||
function sendEmailNative($data) {
|
function sendEmailNative($data) {
|
||||||
global $config;
|
global $config;
|
||||||
|
|
||||||
$subject_map = [
|
// Betreff (nutzt zentrale SUBJECT_MAP Konstante)
|
||||||
'allgemeine-anfrage' => 'Allgemeine Anfrage',
|
$subject = SUBJECT_MAP[$data['subject']] ?? 'Neue Kontaktanfrage';
|
||||||
'vpc-anfrage' => 'Virtual Private Container Anfrage',
|
|
||||||
'vps-anfrage' => 'Virtual Private Server Anfrage',
|
|
||||||
'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
|
|
||||||
'webhosting-anfrage' => 'Webhosting Anfrage',
|
|
||||||
'support' => 'Technischer Support',
|
|
||||||
'beratung' => 'Persönliche Beratung',
|
|
||||||
'migration' => 'Migration/Umzug',
|
|
||||||
'sonstiges' => 'Sonstige Anfrage'
|
|
||||||
];
|
|
||||||
|
|
||||||
$subject = isset($subject_map[$data['subject']]) ? $subject_map[$data['subject']] : 'Neue Kontaktanfrage';
|
|
||||||
$subject = '[HexaHost.de] ' . $subject;
|
$subject = '[HexaHost.de] ' . $subject;
|
||||||
|
|
||||||
// Headers für Spam-Schutz
|
// Headers für Spam-Schutz
|
||||||
@@ -193,19 +199,8 @@ function sendEmailNative($data) {
|
|||||||
|
|
||||||
// HTML E-Mail-Template
|
// HTML E-Mail-Template
|
||||||
function generateEmailHTML($data) {
|
function generateEmailHTML($data) {
|
||||||
$subject_map = [
|
// Betreff (nutzt zentrale SUBJECT_MAP Konstante)
|
||||||
'allgemeine-anfrage' => 'Allgemeine Anfrage',
|
$subject_text = SUBJECT_MAP[$data['subject']] ?? 'Neue Kontaktanfrage';
|
||||||
'vpc-anfrage' => 'Virtual Private Container Anfrage',
|
|
||||||
'vps-anfrage' => 'Virtual Private Server Anfrage',
|
|
||||||
'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
|
|
||||||
'webhosting-anfrage' => 'Webhosting Anfrage',
|
|
||||||
'support' => 'Technischer Support',
|
|
||||||
'beratung' => 'Persönliche Beratung',
|
|
||||||
'migration' => 'Migration/Umzug',
|
|
||||||
'sonstiges' => 'Sonstige Anfrage'
|
|
||||||
];
|
|
||||||
|
|
||||||
$subject_text = isset($subject_map[$data['subject']]) ? $subject_map[$data['subject']] : 'Neue Kontaktanfrage';
|
|
||||||
|
|
||||||
$html = '
|
$html = '
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
@@ -295,19 +290,8 @@ function generateEmailHTML($data) {
|
|||||||
|
|
||||||
// Text-Version der E-Mail
|
// Text-Version der E-Mail
|
||||||
function generateEmailText($data) {
|
function generateEmailText($data) {
|
||||||
$subject_map = [
|
// Betreff (nutzt zentrale SUBJECT_MAP Konstante)
|
||||||
'allgemeine-anfrage' => 'Allgemeine Anfrage',
|
$subject_text = SUBJECT_MAP[$data['subject']] ?? 'Neue Kontaktanfrage';
|
||||||
'vpc-anfrage' => 'Virtual Private Container Anfrage',
|
|
||||||
'vps-anfrage' => 'Virtual Private Server Anfrage',
|
|
||||||
'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
|
|
||||||
'webhosting-anfrage' => 'Webhosting Anfrage',
|
|
||||||
'support' => 'Technischer Support',
|
|
||||||
'beratung' => 'Persönliche Beratung',
|
|
||||||
'migration' => 'Migration/Umzug',
|
|
||||||
'sonstiges' => 'Sonstige Anfrage'
|
|
||||||
];
|
|
||||||
|
|
||||||
$subject_text = isset($subject_map[$data['subject']]) ? $subject_map[$data['subject']] : 'Neue Kontaktanfrage';
|
|
||||||
|
|
||||||
$text = "NEUE KONTAKTANFRAGE - HexaHost.de\n";
|
$text = "NEUE KONTAKTANFRAGE - HexaHost.de\n";
|
||||||
$text .= "=====================================\n\n";
|
$text .= "=====================================\n\n";
|
||||||
|
|||||||
@@ -41,7 +41,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-bottom">
|
<div class="footer-bottom">
|
||||||
<p>© 2024 HexaHost.de - Alle Rechte vorbehalten</p>
|
<p>© <?php echo date('Y'); ?> HexaHost.de - Alle Rechte vorbehalten</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -11,21 +11,25 @@ if (session_status() === PHP_SESSION_NONE) {
|
|||||||
/**
|
/**
|
||||||
* Set page configuration and include header
|
* Set page configuration and include header
|
||||||
*
|
*
|
||||||
* @param string $page_title The page title
|
* @param string $title The page title
|
||||||
* @param string $page_description The page description
|
* @param string $description The page description
|
||||||
* @param string $current_page The current page identifier
|
* @param string $page The current page identifier
|
||||||
* @param array $additional_scripts Additional scripts to include
|
* @param array $scripts Additional scripts to include
|
||||||
*/
|
*/
|
||||||
function includeHeader($page_title = '', $page_description = '', $current_page = '', $additional_scripts = []) {
|
function includeHeader($title = '', $description = '', $page = '', $scripts = []) {
|
||||||
global $page_title, $page_description, $current_page, $additional_scripts;
|
global $page_title, $page_description, $current_page, $additional_scripts;
|
||||||
|
|
||||||
// Set default values if not provided
|
// Set page configuration from parameters
|
||||||
if (empty($page_title)) {
|
$page_title = !empty($title)
|
||||||
$page_title = 'HexaHost.de - Zuverlässiges Hosting aus Niederbayern';
|
? $title
|
||||||
}
|
: 'HexaHost.de - Zuverlässiges Hosting aus Niederbayern';
|
||||||
if (empty($page_description)) {
|
|
||||||
$page_description = 'HexaHost.de - Zuverlässiges und preiswertes Hosting aus Niederbayern. VPS, VPC, Mail Gateway und Webhosting Lösungen.';
|
$page_description = !empty($description)
|
||||||
}
|
? $description
|
||||||
|
: 'HexaHost.de - Zuverlässiges und preiswertes Hosting aus Niederbayern. VPS, VPC, Mail Gateway und Webhosting Lösungen.';
|
||||||
|
|
||||||
|
$current_page = $page;
|
||||||
|
$additional_scripts = $scripts;
|
||||||
|
|
||||||
include 'includes/header.php';
|
include 'includes/header.php';
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,8 +2,8 @@
|
|||||||
require_once 'includes/functions.php';
|
require_once 'includes/functions.php';
|
||||||
|
|
||||||
// Page configuration
|
// Page configuration
|
||||||
$page_title = 'Mail Gateway - HexaHost.de';
|
$page_title = 'Mail Gateway - Professionelle E-Mail-Lösungen | HexaHost.de';
|
||||||
$page_description = 'Professionelle E-Mail-Lösungen für Unternehmen. Spam-Schutz, Virus-Schutz und E-Mail-Archivierung von HexaHost.de';
|
$page_description = 'Professionelle Mail Gateway Lösungen für Unternehmen. Spam-Schutz, E-Mail-Archivierung und sichere E-Mail-Kommunikation bei HexaHost.de';
|
||||||
$current_page = 'mail-gateway';
|
$current_page = 'mail-gateway';
|
||||||
|
|
||||||
// Include header
|
// Include header
|
||||||
@@ -11,192 +11,302 @@ includeHeader($page_title, $page_description, $current_page);
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<!-- Breadcrumb -->
|
<!-- Product Hero -->
|
||||||
|
<section class="product-hero">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="product-hero-content">
|
||||||
<?php
|
<?php
|
||||||
generateBreadcrumbs([
|
generateBreadcrumbs([
|
||||||
['title' => 'Home', 'url' => 'index.php'],
|
['title' => 'Home', 'url' => 'index.php'],
|
||||||
['title' => 'Mail Gateway', 'url' => '']
|
['title' => 'Mail Gateway', 'url' => '']
|
||||||
]);
|
]);
|
||||||
?>
|
?>
|
||||||
</div>
|
<h1 class="product-hero-title">
|
||||||
|
Mail Gateway
|
||||||
<!-- Hero Section -->
|
<span class="highlight">für Unternehmen</span>
|
||||||
<section class="hero">
|
|
||||||
<div class="hero-container">
|
|
||||||
<div class="hero-content">
|
|
||||||
<h1 class="hero-title">
|
|
||||||
Professionelle <span class="highlight">E-Mail-Lösungen</span>
|
|
||||||
</h1>
|
</h1>
|
||||||
<p class="hero-description">
|
<p class="product-hero-description">
|
||||||
Schützen Sie Ihr Unternehmen mit unseren professionellen Mail Gateway-Lösungen.
|
Professionelle E-Mail-Infrastruktur mit maximalem Schutz vor Spam und Malware.
|
||||||
Von Spam-Schutz bis hin zu E-Mail-Archivierung - wir haben die perfekte Lösung
|
Sichern Sie Ihre geschäftliche Kommunikation mit unseren Mail Gateway Lösungen.
|
||||||
für Ihre E-Mail-Sicherheit.
|
|
||||||
</p>
|
</p>
|
||||||
<div class="hero-actions">
|
<div class="product-hero-features">
|
||||||
<a href="#packages" class="btn btn-primary">Pakete entdecken</a>
|
<div class="hero-feature">
|
||||||
<a href="contact.php" class="btn btn-secondary">Beratung anfordern</a>
|
<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>
|
||||||
|
<span>Spam & Virus Schutz</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="hero-feature">
|
||||||
<div class="hero-visual">
|
|
||||||
<div class="hero-card glass-card">
|
|
||||||
<div class="server-icon">
|
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
<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"/>
|
<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"/>
|
<polyline points="22,6 12,13 2,6"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
<span>E-Mail Archivierung</span>
|
||||||
|
</div>
|
||||||
|
<div class="hero-feature">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
|
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
|
||||||
|
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
|
||||||
|
</svg>
|
||||||
|
<span>DSGVO-konform</span>
|
||||||
</div>
|
</div>
|
||||||
<h3>99.9% Spam-Schutz</h3>
|
|
||||||
<p>Zuverlässige E-Mail-Sicherheit</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Features Section -->
|
<!-- Mail Gateway Packages -->
|
||||||
<section class="features">
|
<section class="packages">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
<h2 class="section-title">Warum Mail Gateway?</h2>
|
<h2 class="section-title">Mail Gateway Pakete</h2>
|
||||||
<p class="section-description">
|
<p class="section-description">
|
||||||
Professionelle E-Mail-Sicherheit für Ihr Unternehmen
|
Wählen Sie das passende Mail Gateway Paket für Ihr Unternehmen
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="features-grid">
|
<div class="packages-grid">
|
||||||
<div class="feature-card glass-card">
|
<!-- Starter Package -->
|
||||||
<div class="feature-icon">
|
<div class="package-card glass-card">
|
||||||
|
<div class="package-header">
|
||||||
|
<h3 class="package-name">Mail Starter</h3>
|
||||||
|
<div class="package-price">
|
||||||
|
<span class="price">4,99€</span>
|
||||||
|
<span class="period">/Monat</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="package-specs">
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Postfächer:</span>
|
||||||
|
<span class="spec-value">5</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Speicher/Postfach:</span>
|
||||||
|
<span class="spec-value">5 GB</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Domains:</span>
|
||||||
|
<span class="spec-value">1</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">E-Mails/Tag:</span>
|
||||||
|
<span class="spec-value">500</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="package-features">
|
||||||
|
<div class="feature">✓ Spam-Filter</div>
|
||||||
|
<div class="feature">✓ Virus-Schutz</div>
|
||||||
|
<div class="feature">✓ Webmail</div>
|
||||||
|
<div class="feature">✓ IMAP/POP3</div>
|
||||||
|
<div class="feature">✓ SSL/TLS Verschlüsselung</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.php?package=mail-starter" class="btn btn-primary">Jetzt bestellen</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Business Package -->
|
||||||
|
<div class="package-card glass-card featured">
|
||||||
|
<div class="featured-badge">Beliebt</div>
|
||||||
|
<div class="package-header">
|
||||||
|
<h3 class="package-name">Mail Business</h3>
|
||||||
|
<div class="package-price">
|
||||||
|
<span class="price">14,99€</span>
|
||||||
|
<span class="period">/Monat</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="package-specs">
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Postfächer:</span>
|
||||||
|
<span class="spec-value">25</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Speicher/Postfach:</span>
|
||||||
|
<span class="spec-value">10 GB</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Domains:</span>
|
||||||
|
<span class="spec-value">3</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">E-Mails/Tag:</span>
|
||||||
|
<span class="spec-value">2.000</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="package-features">
|
||||||
|
<div class="feature">✓ Spam-Filter (erweitert)</div>
|
||||||
|
<div class="feature">✓ Virus-Schutz</div>
|
||||||
|
<div class="feature">✓ Webmail</div>
|
||||||
|
<div class="feature">✓ IMAP/POP3</div>
|
||||||
|
<div class="feature">✓ SSL/TLS Verschlüsselung</div>
|
||||||
|
<div class="feature">✓ E-Mail Archivierung (30 Tage)</div>
|
||||||
|
<div class="feature">✓ Kalender & Kontakte</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.php?package=mail-business" class="btn btn-primary">Jetzt bestellen</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Professional Package -->
|
||||||
|
<div class="package-card glass-card">
|
||||||
|
<div class="package-header">
|
||||||
|
<h3 class="package-name">Mail Professional</h3>
|
||||||
|
<div class="package-price">
|
||||||
|
<span class="price">29,99€</span>
|
||||||
|
<span class="period">/Monat</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="package-specs">
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Postfächer:</span>
|
||||||
|
<span class="spec-value">100</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Speicher/Postfach:</span>
|
||||||
|
<span class="spec-value">25 GB</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Domains:</span>
|
||||||
|
<span class="spec-value">10</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">E-Mails/Tag:</span>
|
||||||
|
<span class="spec-value">10.000</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="package-features">
|
||||||
|
<div class="feature">✓ Spam-Filter (KI-gestützt)</div>
|
||||||
|
<div class="feature">✓ Virus-Schutz</div>
|
||||||
|
<div class="feature">✓ Webmail</div>
|
||||||
|
<div class="feature">✓ IMAP/POP3</div>
|
||||||
|
<div class="feature">✓ SSL/TLS Verschlüsselung</div>
|
||||||
|
<div class="feature">✓ E-Mail Archivierung (1 Jahr)</div>
|
||||||
|
<div class="feature">✓ Kalender & Kontakte</div>
|
||||||
|
<div class="feature">✓ ActiveSync für Mobile</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.php?package=mail-professional" class="btn btn-primary">Jetzt bestellen</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Enterprise Package -->
|
||||||
|
<div class="package-card glass-card">
|
||||||
|
<div class="package-header">
|
||||||
|
<h3 class="package-name">Mail Enterprise</h3>
|
||||||
|
<div class="package-price">
|
||||||
|
<span class="price">59,99€</span>
|
||||||
|
<span class="period">/Monat</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="package-specs">
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Postfächer:</span>
|
||||||
|
<span class="spec-value">Unbegrenzt</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Speicher/Postfach:</span>
|
||||||
|
<span class="spec-value">50 GB</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">Domains:</span>
|
||||||
|
<span class="spec-value">Unbegrenzt</span>
|
||||||
|
</div>
|
||||||
|
<div class="spec-item">
|
||||||
|
<span class="spec-label">E-Mails/Tag:</span>
|
||||||
|
<span class="spec-value">Unbegrenzt</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="package-features">
|
||||||
|
<div class="feature">✓ Spam-Filter (KI-gestützt)</div>
|
||||||
|
<div class="feature">✓ Virus-Schutz</div>
|
||||||
|
<div class="feature">✓ Webmail</div>
|
||||||
|
<div class="feature">✓ IMAP/POP3</div>
|
||||||
|
<div class="feature">✓ SSL/TLS Verschlüsselung</div>
|
||||||
|
<div class="feature">✓ E-Mail Archivierung (10 Jahre)</div>
|
||||||
|
<div class="feature">✓ Kalender & Kontakte</div>
|
||||||
|
<div class="feature">✓ ActiveSync für Mobile</div>
|
||||||
|
<div class="feature">✓ Dedizierte IP</div>
|
||||||
|
<div class="feature">✓ Priority Support</div>
|
||||||
|
</div>
|
||||||
|
<a href="contact.php?package=mail-enterprise" class="btn btn-primary">Jetzt bestellen</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Security Features -->
|
||||||
|
<section class="technical-details">
|
||||||
|
<div class="container">
|
||||||
|
<div class="section-header">
|
||||||
|
<h2 class="section-title">Sicherheit & Features</h2>
|
||||||
|
<p class="section-description">
|
||||||
|
Maximaler Schutz für Ihre E-Mail-Kommunikation
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="details-grid">
|
||||||
|
<div class="detail-card glass-card">
|
||||||
|
<div class="detail-icon">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
<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"/>
|
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3>Spam-Schutz</h3>
|
<h3>Spam-Schutz</h3>
|
||||||
<p>Fortschrittliche Spam-Filterung mit maschinellem Lernen</p>
|
<p>Mehrstufiger Spam-Filter mit KI-gestützter Erkennung filtert über 99% aller unerwünschten E-Mails zuverlässig heraus.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card glass-card">
|
<div class="detail-card glass-card">
|
||||||
<div class="feature-icon">
|
<div class="detail-icon">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
<path d="M12 2L2 7l10 5 10-5-10-5z"/>
|
<path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z"/>
|
||||||
<path d="M2 17l10 5 10-5"/>
|
<path d="M12 6v6l4 2"/>
|
||||||
<path d="M2 12l10 5 10-5"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3>Virus-Schutz</h3>
|
<h3>Virus-Schutz</h3>
|
||||||
<p>Echtzeit-Virus-Erkennung und -Entfernung</p>
|
<p>Echtzeit-Virenscanner prüft alle eingehenden und ausgehenden E-Mails auf Schadsoftware und blockiert gefährliche Anhänge.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card glass-card">
|
<div class="detail-card glass-card">
|
||||||
<div class="feature-icon">
|
<div class="detail-icon">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
|
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
|
||||||
|
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Verschlüsselung</h3>
|
||||||
|
<p>TLS-Verschlüsselung für sichere Übertragung. Optional S/MIME und PGP für Ende-zu-Ende-verschlüsselte Kommunikation.</p>
|
||||||
|
</div>
|
||||||
|
<div class="detail-card glass-card">
|
||||||
|
<div class="detail-icon">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
||||||
<polyline points="14,2 14,8 20,8"/>
|
<polyline points="14,2 14,8 20,8"/>
|
||||||
<line x1="16" y1="13" x2="8" y2="13"/>
|
<line x1="16" y1="13" x2="8" y2="13"/>
|
||||||
<line x1="16" y1="17" x2="8" y2="17"/>
|
<line x1="16" y1="17" x2="8" y2="17"/>
|
||||||
<polyline points="10,9 9,9 8,9"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3>E-Mail-Archivierung</h3>
|
<h3>E-Mail Archivierung</h3>
|
||||||
<p>Sichere und konforme E-Mail-Archivierung</p>
|
<p>DSGVO-konforme Archivierung aller E-Mails. Revisionssichere Aufbewahrung für rechtliche Anforderungen.</p>
|
||||||
</div>
|
|
||||||
<div class="feature-card glass-card">
|
|
||||||
<div class="feature-icon">
|
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
||||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h3>24/7 Support</h3>
|
|
||||||
<p>Professioneller Support rund um die Uhr</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Packages Section -->
|
<!-- Use Cases -->
|
||||||
<section id="packages" class="packages">
|
<section class="use-cases">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
<h2 class="section-title">Unsere Mail Gateway-Pakete</h2>
|
<h2 class="section-title">Einsatzbereiche</h2>
|
||||||
<p class="section-description">
|
<p class="section-description">
|
||||||
Wählen Sie das perfekte Paket für Ihre E-Mail-Sicherheit
|
Perfekt für verschiedene Unternehmensanforderungen
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="packages-grid">
|
<div class="use-cases-grid">
|
||||||
<div class="package-card glass-card">
|
<div class="use-case-item glass-card">
|
||||||
<div class="package-header">
|
<h3>Kleine Unternehmen</h3>
|
||||||
<h3>Starter</h3>
|
<p>Professionelle E-Mail-Adressen mit eigener Domain für ein seriöses Erscheinungsbild Ihres Unternehmens.</p>
|
||||||
<div class="package-price">
|
|
||||||
<span class="price">€29</span>
|
|
||||||
<span class="period">/Monat</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="use-case-item glass-card">
|
||||||
|
<h3>Mittelstand</h3>
|
||||||
|
<p>Skalierbare E-Mail-Infrastruktur mit Archivierung und erweitertem Spam-Schutz für wachsende Teams.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="package-features">
|
<div class="use-case-item glass-card">
|
||||||
<div class="feature">✓ Bis zu 1.000 E-Mails/Tag</div>
|
<h3>Großunternehmen</h3>
|
||||||
<div class="feature">✓ Spam-Schutz</div>
|
<p>Enterprise-Lösungen mit unbegrenzten Postfächern, langfristiger Archivierung und dedizierter Infrastruktur.</p>
|
||||||
<div class="feature">✓ Virus-Schutz</div>
|
|
||||||
<div class="feature">✓ E-Mail-Archivierung (30 Tage)</div>
|
|
||||||
<div class="feature">✓ SSL/TLS-Verschlüsselung</div>
|
|
||||||
<div class="feature">✓ 24/7 Monitoring</div>
|
|
||||||
</div>
|
</div>
|
||||||
<a href="contact.php?package=mail-gateway-starter" class="btn btn-primary">Jetzt bestellen</a>
|
<div class="use-case-item glass-card">
|
||||||
</div>
|
<h3>Behörden & Institutionen</h3>
|
||||||
|
<p>DSGVO-konforme E-Mail-Lösungen mit höchsten Sicherheitsstandards und revisionssicherer Archivierung.</p>
|
||||||
<div class="package-card glass-card featured">
|
|
||||||
<div class="package-badge">Beliebt</div>
|
|
||||||
<div class="package-header">
|
|
||||||
<h3>Business</h3>
|
|
||||||
<div class="package-price">
|
|
||||||
<span class="price">€59</span>
|
|
||||||
<span class="period">/Monat</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="package-features">
|
|
||||||
<div class="feature">✓ Bis zu 5.000 E-Mails/Tag</div>
|
|
||||||
<div class="feature">✓ Erweiterter Spam-Schutz</div>
|
|
||||||
<div class="feature">✓ Virus-Schutz</div>
|
|
||||||
<div class="feature">✓ E-Mail-Archivierung (90 Tage)</div>
|
|
||||||
<div class="feature">✓ SSL/TLS-Verschlüsselung</div>
|
|
||||||
<div class="feature">✓ Backup-Service</div>
|
|
||||||
<div class="feature">✓ Snapshot-Funktion</div>
|
|
||||||
</div>
|
|
||||||
<a href="contact.php?package=mail-gateway-business" class="btn btn-primary">Jetzt bestellen</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="package-card glass-card">
|
|
||||||
<div class="package-header">
|
|
||||||
<h3>Professional</h3>
|
|
||||||
<div class="package-price">
|
|
||||||
<span class="price">€99</span>
|
|
||||||
<span class="period">/Monat</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="package-features">
|
|
||||||
<div class="feature">✓ Bis zu 15.000 E-Mails/Tag</div>
|
|
||||||
<div class="feature">✓ Premium Spam-Schutz</div>
|
|
||||||
<div class="feature">✓ Virus-Schutz</div>
|
|
||||||
<div class="feature">✓ E-Mail-Archivierung (1 Jahr)</div>
|
|
||||||
<div class="feature">✓ SSL/TLS-Verschlüsselung</div>
|
|
||||||
<div class="feature">✓ Backup-Service</div>
|
|
||||||
<div class="feature">✓ Priority Support</div>
|
|
||||||
</div>
|
|
||||||
<a href="contact.php?package=mail-gateway-professional" class="btn btn-primary">Jetzt bestellen</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="package-card glass-card">
|
|
||||||
<div class="package-header">
|
|
||||||
<h3>Enterprise</h3>
|
|
||||||
<div class="package-price">
|
|
||||||
<span class="price">€199</span>
|
|
||||||
<span class="period">/Monat</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="package-features">
|
|
||||||
<div class="feature">✓ Unbegrenzte E-Mails/Tag</div>
|
|
||||||
<div class="feature">✓ Enterprise Spam-Schutz</div>
|
|
||||||
<div class="feature">✓ Virus-Schutz</div>
|
|
||||||
<div class="feature">✓ E-Mail-Archivierung (unbegrenzt)</div>
|
|
||||||
<div class="feature">✓ SSL/TLS-Verschlüsselung</div>
|
|
||||||
<div class="feature">✓ Backup-Service</div>
|
|
||||||
<div class="feature">✓ Individuelle Konfiguration</div>
|
|
||||||
</div>
|
|
||||||
<a href="contact.php?package=mail-gateway-enterprise" class="btn btn-primary">Jetzt bestellen</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -205,8 +315,8 @@ includeHeader($page_title, $page_description, $current_page);
|
|||||||
<!-- CTA Section -->
|
<!-- CTA Section -->
|
||||||
<section class="cta">
|
<section class="cta">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-content">
|
<div class="cta-content glass-card">
|
||||||
<h2>Bereit für professionelle E-Mail-Sicherheit?</h2>
|
<h2>Bereit für professionelle E-Mail-Kommunikation?</h2>
|
||||||
<p>Starten Sie noch heute mit unserem Mail Gateway</p>
|
<p>Starten Sie noch heute mit unserem Mail Gateway</p>
|
||||||
<div class="cta-actions">
|
<div class="cta-actions">
|
||||||
<a href="contact.php?product=mail-gateway" class="btn btn-primary">Jetzt bestellen</a>
|
<a href="contact.php?product=mail-gateway" class="btn btn-primary">Jetzt bestellen</a>
|
||||||
@@ -217,4 +327,7 @@ includeHeader($page_title, $page_description, $current_page);
|
|||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<?php includeFooter(); ?>
|
<?php
|
||||||
|
// Include footer
|
||||||
|
includeFooter();
|
||||||
|
?>
|
||||||
|
|||||||
Reference in New Issue
Block a user