HexaHost-Web-Prod/public/it-dienstleistungen.php

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

// Page configuration
$page_title = 'IT-Dienstleistungen - HexaHost.de | Privat & Gewerblich';
$page_description = 'IT-Dienstleistungen von HexaHost.de mit Fokus auf Privatkunden und ergänzend für gewerbliche Anforderungen.';
$current_page = 'it-dienstleistungen';

// Include header
includeHeader($page_title, $page_description, $current_page);
?>

<main id="main-content">
    <!-- Services Hero -->
    <section class="about-hero">
        <div class="container">
            <div class="about-hero-content">
                <?php
                generateBreadcrumbs([
                    ['title' => 'Home', 'url' => 'index.php'],
                    ['title' => 'IT-Dienstleistungen', 'url' => '']
                ]);
                ?>
                <h1 class="about-hero-title">
                    IT-Dienstleistungen mit Fokus auf <span class="highlight">Privatkunden</span>
                </h1>
                <p class="about-hero-description">
                    Sie erhalten persönliche IT-Unterstützung aus einer Hand: von der Beratung bis zur laufenden Betreuung.
                    Der Schwerpunkt liegt auf privaten IT-Anliegen, gewerbliche Unterstützung bieten wir ergänzend an.
                </p>
            </div>
        </div>
    </section>

    <!-- Target Groups -->
    <section class="values">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Für wen sind die Leistungen geeignet?</h2>
                <p class="section-description">
                    Maßgeschneiderte IT-Unterstützung mit klarem Schwerpunkt auf Privatkunden
                </p>
            </div>
            <div class="values-grid">
                <article class="value-item glass-card">
                    <h3>Privat</h3>
                    <p>
                        Für Privatpersonen und Familien, die schnelle Hilfe bei IT-Problemen, sichere Heimnetzwerke
                        und verständliche Unterstützung im Alltag wünschen.
                    </p>
                </article>
                <article class="value-item glass-card">
                    <h3>Gewerblich (sekundär)</h3>
                    <p>
                        Für Unternehmen, Selbstständige und Teams, die ergänzend eine zuverlässige IT-Basis benötigen:
                        strukturierte Beratung, stabile Systeme und planbare Betreuung.
                    </p>
                </article>
            </div>
        </div>
    </section>

    <!-- Services Grid -->
    <section class="products">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Unsere IT-Dienstleistungen im Überblick</h2>
                <p class="section-description">
                    Keine Pauschalpreise: Sie erhalten ein individuelles Angebot passend zu Ihrem Bedarf.
                </p>
            </div>
            <div class="products-grid">
                <article class="product-card glass-card">
                    <h3>IT-Beratung</h3>
                    <p>Strategische und praxisnahe Beratung für Ihre IT-Entscheidungen.</p>
                    <ul class="product-features">
                        <li>Ist-Analyse und Zieldefinition</li>
                        <li>Empfehlungen für Hard- und Software</li>
                        <li>Roadmap für sichere Umsetzung</li>
                    </ul>
                </article>
                <article class="product-card glass-card">
                    <h3>Support & Fehlerbehebung</h3>
                    <p>Schnelle Hilfe bei technischen Problemen - remote oder bei Ihnen vor Ort.</p>
                    <ul class="product-features">
                        <li>Akute Störungen beheben</li>
                        <li>Systeme stabilisieren</li>
                        <li>Nachhaltige Lösungsansätze</li>
                    </ul>
                </article>
                <article class="product-card glass-card">
                    <h3>Netzwerk & WLAN-Einrichtung</h3>
                    <p>Leistungsfähige und sichere Netzwerkstrukturen für Büro oder Zuhause.</p>
                    <ul class="product-features">
                        <li>Router-, Switch- und WLAN-Setup</li>
                        <li>Optimierung von Reichweite und Performance</li>
                        <li>Segmentierung und Zugriffsregeln</li>
                    </ul>
                </article>
                <article class="product-card glass-card">
                    <h3>IT-Sicherheit & Backup</h3>
                    <p>Schutz Ihrer Daten durch sinnvolle Sicherheits- und Backup-Konzepte.</p>
                    <ul class="product-features">
                        <li>Sicherheitsprüfung bestehender Systeme</li>
                        <li>Backup-Strategie mit Wiederherstellungstest</li>
                        <li>Absicherung von Endgeräten und Zugriffen</li>
                    </ul>
                </article>
                <article class="product-card glass-card">
                    <h3>Webseiten- & Hosting-Service</h3>
                    <p>Unterstützung rund um Betrieb, Pflege und Optimierung Ihrer Webpräsenz.</p>
                    <ul class="product-features">
                        <li>Einrichtung und Migration</li>
                        <li>Technische Wartung und Updates</li>
                        <li>Performance- und Sicherheitsoptimierung</li>
                    </ul>
                </article>
                <article class="product-card glass-card">
                    <h3>Wartung & Betreuung</h3>
                    <p>Kontinuierliche IT-Begleitung für stabile Systeme und weniger Ausfälle.</p>
                    <ul class="product-features">
                        <li>Regelmäßige Systempflege</li>
                        <li>Proaktive Überprüfung kritischer Punkte</li>
                        <li>Planbare Unterstützung im Alltag</li>
                    </ul>
                </article>
            </div>
        </div>
    </section>

    <!-- CTA -->
    <section class="cta">
        <div class="container">
            <div class="cta-content glass-card">
                <h2>Sie möchten Ihre IT professionell aufstellen?</h2>
                <p>Stellen Sie jetzt eine unverbindliche Anfrage - ich melde mich zeitnah bei Ihnen.</p>
                <div class="cta-actions">
                    <a href="/contact" class="btn btn-primary">Unverbindliche Anfrage</a>
                </div>
            </div>
        </div>
    </section>
</main>

<?php
// Include footer
includeFooter();
?>