185 lines
8.6 KiB
PHP
185 lines
8.6 KiB
PHP
<?php
|
|
require_once 'includes/functions.php';
|
|
require_once 'config/products-config.php';
|
|
|
|
// Produkt-Daten aus Config laden
|
|
$product = getProduct('webhosting');
|
|
$packages = getProductPackages('webhosting');
|
|
|
|
// Page configuration
|
|
$page_title = $product['page_title'];
|
|
$page_description = $product['page_description'];
|
|
$current_page = 'webhosting';
|
|
|
|
// Include header
|
|
includeHeader($page_title, $page_description, $current_page);
|
|
?>
|
|
|
|
<main id="main-content">
|
|
<!-- Product Hero -->
|
|
<section class="product-hero">
|
|
<div class="container">
|
|
<div class="product-hero-content">
|
|
<?php
|
|
generateBreadcrumbs([
|
|
['title' => 'Home', 'url' => 'index.php'],
|
|
['title' => 'Webhosting', 'url' => '']
|
|
]);
|
|
?>
|
|
<h1 class="product-hero-title">
|
|
<?php echo htmlspecialchars($product['name']); ?>
|
|
<span class="highlight"><?php echo htmlspecialchars($product['hero_highlight'] ?? ''); ?></span>
|
|
</h1>
|
|
<p class="product-hero-description">
|
|
<?php echo htmlspecialchars($product['hero_description'] ?? $product['description']); ?>
|
|
</p>
|
|
<div class="product-hero-features">
|
|
<div class="hero-feature">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<path d="M2 12h20"/>
|
|
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
|
|
</svg>
|
|
<span>Domain inklusive</span>
|
|
</div>
|
|
<div class="hero-feature">
|
|
<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>SSL-Zertifikate</span>
|
|
</div>
|
|
<div class="hero-feature">
|
|
<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>
|
|
<span>E-Mail inklusive</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Webhosting Packages -->
|
|
<section class="packages">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title"><?php echo htmlspecialchars($product['packages_title'] ?? ($product['short_name'] . ' Pakete')); ?></h2>
|
|
<p class="section-description">
|
|
<?php echo htmlspecialchars($product['packages_description'] ?? 'Wählen Sie das passende Paket für Ihre Anforderungen'); ?>
|
|
</p>
|
|
</div>
|
|
<div class="packages-grid">
|
|
<?php echo renderAllPackages('webhosting'); ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Technical Details -->
|
|
<section class="technical-details">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">Technische Details</h2>
|
|
<p class="section-description">
|
|
Erfahren Sie mehr über unsere Webhosting-Technologie
|
|
</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">
|
|
<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"/>
|
|
<line x1="16" y1="13" x2="8" y2="13"/>
|
|
<line x1="16" y1="17" x2="8" y2="17"/>
|
|
<polyline points="10,9 9,9 8,9"/>
|
|
</svg>
|
|
</div>
|
|
<h3>cPanel/Webmin</h3>
|
|
<p>Benutzerfreundliche Verwaltungsoberfläche für einfache Website-Verwaltung und E-Mail-Konfiguration.</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">
|
|
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
|
</svg>
|
|
</div>
|
|
<h3>SSL-Zertifikate</h3>
|
|
<p>Automatische SSL-Zertifikate für sichere HTTPS-Verbindungen und bessere Suchmaschinen-Rankings.</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">
|
|
<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-Hosting</h3>
|
|
<p>Professionelle E-Mail-Lösungen mit Spam-Schutz, Webmail und Mobile-Sync für alle Geräte.</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">
|
|
<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>MySQL Datenbanken</h3>
|
|
<p>Zuverlässige MySQL-Datenbanken für dynamische Websites, Content Management Systeme und Online-Shops.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Use Cases -->
|
|
<section class="use-cases">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">Anwendungsbereiche</h2>
|
|
<p class="section-description">
|
|
Perfekt geeignet für verschiedene Website-Typen
|
|
</p>
|
|
</div>
|
|
<div class="use-cases-grid">
|
|
<div class="use-case-item glass-card">
|
|
<h3>Private Websites</h3>
|
|
<p>Persönliche Websites, Blogs und Portfolios mit einfacher Verwaltung und zuverlässiger Performance.</p>
|
|
</div>
|
|
<div class="use-case-item glass-card">
|
|
<h3>Business Websites</h3>
|
|
<p>Professionelle Unternehmenswebsites mit E-Mail-Hosting und SSL-Zertifikaten für Vertrauen.</p>
|
|
</div>
|
|
<div class="use-case-item glass-card">
|
|
<h3>Online-Shops</h3>
|
|
<p>E-Commerce-Lösungen mit MySQL-Datenbanken für Produktverwaltung und Bestellabwicklung.</p>
|
|
</div>
|
|
<div class="use-case-item glass-card">
|
|
<h3>Content Management</h3>
|
|
<p>WordPress, Joomla und andere CMS-Systeme mit optimierter PHP-Umgebung und Datenbanken.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA Section -->
|
|
<section class="cta">
|
|
<div class="container">
|
|
<div class="cta-content glass-card">
|
|
<h2><?php echo htmlspecialchars($product['cta_title'] ?? ('Bereit für ' . $product['name'] . '?')); ?></h2>
|
|
<p><?php echo htmlspecialchars($product['cta_description'] ?? ('Starten Sie noch heute mit ' . $product['name'])); ?></p>
|
|
<div class="cta-actions">
|
|
<a href="contact.php?product=webhosting" class="btn btn-primary">Jetzt bestellen</a>
|
|
<a href="/contact" class="btn btn-secondary">Beratung anfordern</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<?php
|
|
// Include footer
|
|
includeFooter();
|
|
?>
|