<?php
$page = 'cheap-dedicated-server';
include 'inc/nav.php'; ?>

<!-- HERO -->
<style>
    .hero_heading span {
        color: #3c47fb;
    }

    .hero-title {
        font-size: 58px;
        font-weight: 800;
        line-height: 1.1;
        color: #04111f;
        margin: 10px 0;
    }

    .hero-title span {
        color: #3c47fb;
    }

    /* SUB */
    .hero-sub1 {
        margin-top: 10px;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 1.4rem;
    }

    .hero-sub1 span {
        color: #3c47fb;
        font-weight: 700;
    }

    .hero-pill--accent::after {
        background: #f4f6ff;
    }

    .hero-pill--accent {
        color: #3c47fb;
    }

    .hero-sub {
        font-family: "DM Sans", sans-serif;
        margin-top: 20px;
        color: #475569;
        line-height: 1.7;
        font-size: 16px;
        font-weight: 500;
    }

    .pr-was-price {
        text-decoration: line-through;
    }
</style>

<section class="hero position-relative overflow-hidden pt-80 pb-80" style="background: #F4F7FE;">
    <div class="container">
        <div class="row align-items-center position-relative">
            <!-- Left Content -->
            <div class="col-lg-6">
                <div class="hero-badge-pills">
                    <span class="hero-pill hero-pill--accent">
                        <i class="fa-solid fa-bolt"></i> Dedicated Server Hosting
                    </span>
                </div>
                <h1 class="hero-title">Low Cost <span>Dedicated Servers.</span>
                </h1>

                <h3 class="hero-sub1">
                    Maximum Power <span>At Prices You'll Love.</span>
                </h3>
                <div>
                    <p class="hero-sub mb-4">Your competitors are scaling. It's your turn. Get bare-metal dedicated server power full root access, NVMe SSD storage, triple-layer DDoS protection, and 99.99% uptime SLA at prices that don't require enterprise budgets. Compare and order in 2 minutes.
                    </p>

                    <!-- 2×2 features grid -->
                    <div class="hero-features-grid">
                        <div class="hero-feature-item">
                            <span class="hf-icon1"><img src="assets/images/circle-check-big.png" alt="checkmark"></span>
                            <span class="hf-text">Zero Cost Setup Fee</span>
                        </div>
                        <div class="hero-feature-item">
                            <span class="hf-icon1"><img src="assets/images/circle-check-big.png" alt="checkmark"></span>
                            <span class="hf-text">99.99% Uptime Guaranteed</span>
                        </div>
                        <div class="hero-feature-item">
                            <span class="hf-icon1"><img src="assets/images/circle-check-big.png" alt="checkmark"></span>
                            <span class="hf-text">Instant Server Deployment</span>
                        </div>
                        <div class="hero-feature-item">
                            <span class="hf-icon1"><img src="assets/images/circle-check-big.png" alt="checkmark"></span>
                            <span class="hf-text">One-Click OS Installation</span>
                        </div>
                    </div>
                </div>


                <!-- CTA Buttons -->
                <div class="d-flex flex-wrap gap-3 mb-3 mt-4">
                    <a href="#plan-list" class="btn-trial hero_btn position-relative">
                        View Dedicated Server Deals<i class="fa-solid fa-arrow-right ms-3"></i>
                    </a>
                </div>

            </div>
            <!-- Right: Hero Image with floating badges -->
            <div class="col-lg-6">
                <div class="hero-img-wrap">
                    <img src="assets/images/low-cost-dedicated-servers-maximum.webp" alt="Low cost dedicated server rack illustration" class="hero-main-img w-100 h-100" width="1000" height="849"/>

                </div>
            </div>

        </div>
    </div>
</section>

<section class="stats-band">
    <div class="container">
        <div class="">
            <div class="stats-band-inner">
                <div class="sband-item rv">
                    <div class="sband-num">100%</div>
                    <div class="sband-label">Real unbiased recommendation</div>
                </div>
                <div class="sband-item rv d1">
                    <div class="sband-num">99.99%</div>
                    <div class="sband-label">Uptime tested anonymously</div>
                </div>
                <div class="sband-item rv d2">
                    <div class="sband-num">$45</div>
                    <div class="sband-label">Bare metal starts from /mo</div>
                </div>
                <div class="sband-item rv d3">
                    <div class="sband-num">70%</div>
                    <div class="sband-label">Max saving on server deals</div>
                </div>
                <div class="sband-item rv d4">
                    <div class="sband-num">14+</div>
                    <div class="sband-label">Dedicated server expertise</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- affiliate provider list section -->
<?php
$cdpDeals = [
    [
        'variant'    => 'value',
        'ribbon'     => 'BEST VALUE',
        'ribbon_ic'  => 'fa-solid fa-gem',
        'brand'      => 'logo_youstable_color.webp',
        'name'       => 'YouStable',
        'rating'     => '4.9/5',
        'review_url' => 'https://googiehost.com/blog/go/youstable-dedicated',
        'title'      => 'Dedicated Server',
        'tagline'    => 'Best Value With Free Setup & 15% Discount',
        'feats'      => [
            ['ic' => 'cpu',     'label' => 'AMD EPYC processors'],
            ['ic' => 'shield',  'label' => 'Triple-layer firewall'],
            ['ic' => 'gauge',   'label' => '1 Gbps port speed'],
            ['ic' => 'headset', 'label' => '24/7 call support'],
        ],
        'price'      => '77.99',
        'old_price'  => '$91.75/mo',
        'save'       => 'SAVE 15%',
        'cta_url'    => 'https://googiehost.com/blog/go/youstable-dedicated',
        'coupon'     => 'GOOGIEHOST',
    ],
    [
        'variant'    => 'limited',
        'ribbon'     => 'LIMITED OFFER',
        'ribbon_ic'  => 'fa-solid fa-bolt',
        'brand'      => 'lw-logotype.svg',
        'name'       => 'LiquidWeb',
        'rating'     => '4.9/5',
        'review_url' => 'https://googiehost.com/blog/go/liquidwebdedicated',
        'title'      => 'Dedicated Server',
        'tagline'    => 'Top Managed With 100% Uptime Promised',
        'feats'      => [
            ['ic' => 'server',     'label' => 'Intel Xeon bare-metal'],
            ['ic' => 'database',   'label' => 'Acronis off-site backups'],
            ['ic' => 'hard-drive', 'label' => 'SSD RAID-1 storage'],
            ['ic' => 'activity',   'label' => '10TB bandwidth included'],
        ],
        'price'      => '167.50',
        'old_price'  => '$335/mo',
        'save'       => 'SAVE 50%',
        'cta_url'    => 'https://googiehost.com/blog/go/liquidwebdedicated',
        'coupon'     => 'GOOGIEHOST',
    ],
];
?>
<style>
    .cdp-section {
        background: #F4F7FE;
        padding: 80px 0;
    }

    .cdp-card {
        position: relative;
        background: #fff;
        border-radius: 18px;
        box-shadow: 0 8px 28px rgba(15, 23, 42, .06);
        margin-bottom: 22px;
        overflow: hidden;
        border: 1px solid #eef0fb;
        transition: transform .25s ease, box-shadow .25s ease;
    }

    .cdp-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 38px rgba(60, 71, 251, .12);
    }

    .cdp-card--value {
        --cdp-accent: linear-gradient(180deg, #6d3afc, #3c47fb);
        --cdp-tint: #f1edff;
        --cdp-ic: #6d3afc;
        --cdp-btn: linear-gradient(135deg, #6d3afc, #3c47fb);
    }

    .cdp-card-inner {
        display: grid;
        grid-template-columns: 1fr 1.8fr 1fr 1.1fr;
        gap: 16px;
        align-items: center;
        padding: 35px 24px;
    }

    .cdp-brand {
        display: flex;
        align-items: center;
        gap: 14px;
        justify-content: center;
        text-align: center;
    }

    .cdp-brand-name {
        font-size: 18px;
        font-weight: 800;
        color: #04111f;
        margin: 0 0 4px;
        letter-spacing: .3px;
    }

    .cdp-rating {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 14px;
        font-weight: 600;
        color: #475569;
        margin-bottom: 4px;
        justify-content: center;
    }

    .cdp-rating .stars {
        color: #f59e0b;
        letter-spacing: 1px;
    }

    .cdp-review {
        color: #3c47fb;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .cdp-review:hover {
        text-decoration: underline;
        color: #3c47fb;
    }

    .cdp-details h4 {
        font-size: 20px;
        font-weight: 800;
        color: #04111f;
        margin: 0 0 4px;
    }

    .cdp-tagline {
        color: #64748b;
        font-size: 14px;
        margin: 0 0 14px;
    }

    .cdp-feats {
        display: grid;
        flex-wrap: wrap;
        gap: 14px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .cdp-feat {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: #334155;
        font-weight: 500;
        line-height: 1.25;


    }

    .cdp-feat-ic {
        color: #3c47fb;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    .cdp-pricing {
        text-align: left;
        padding: 8px 22px;
        border-left: 1px solid #c4c9e5;
        border-right: 1px solid #c4c9e5;
    }

    .cdp-price-label {
        color: #64748b;
        font-size: 13px;
        margin: 0 0 2px;
    }

    .cdp-price {
        font-size: 18px;
        color: #04111f;
        font-weight: 700;
        margin: 0;
        line-height: 1;
        display: flex;
        align-items: baseline;
        gap: 2px;
        font-family: "DM Sans", sans-serif;
    }

    .cdp-price strong {
        font-size: 42px;
        font-weight: 700;
        line-height: 1;
    }

    .cdp-price span {
        font-size: 14px;
        color: #64748b;
        font-weight: 600;
        margin-left: 4px;
    }

    .cdp-price-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 8px;
    }

    .cdp-price-meta del {
        color: #94a3b8;
        font-size: 14px;
    }

    .cdp-save {
        background: #dcfce7;
        color: #15803d;
        padding: 3px 10px;
        border-radius: 100px;
        font-size: 12px;
        font-weight: 700;
    }

    .cdp-action {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: stretch;
    }

    .cdp-timer {
        margin: 0;
        font-size: 12px;
        color: #ef4444;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        justify-content: center;
    }

    @media (max-width: 991px) {
        .cdp-card-inner {
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            padding: 38px 24px;
        }

        .cdp-pricing,
        .cdp-action {
            text-align: left;
        }
    }

    @media (max-width: 575px) {
        .cdp-section {
            padding: 56px 0;
        }

        .cdp-card-inner {
            grid-template-columns: 1fr;
            padding: 38px 24px
        }

        .cdp-feats {
            gap: 10px 16px;
        }
    }
</style>
<section class="cdp-section" id="plan-list">
    <div class="container">
        <div class="cdp-head text-center">
            <h2 class="display-6 section_heading fw-bold text-dark">Buy Cheap Dedicated Server 2026</h2>
            <p class="section_para mx-auto mb-5">The top providers that deliver more for less. Paying less doesn't mean getting less. Experts have handpicked these low cost dedicated server providers. Deliver enterprise-grade power, blazing-fast performance and ironclad security at prices that actually make sense.</p>
        </div>

        <?php foreach ($cdpDeals as $deal): ?>
            <article class="cdp-card cdp-card--value">

                <div class="cdp-card-inner">
                    <div class="cdp-brand">
                        <div>
                            <img src="assets/images/logos/<?= htmlspecialchars($deal['brand']) ?>" alt="<?= htmlspecialchars($deal['name']) ?> Logo" class="ec-brand-logo w-75 mb-4">
                            <div class="cdp-rating"><span class="stars">★★★★★</span> <?= htmlspecialchars($deal['rating']) ?></div>
                            <a href="<?= htmlspecialchars($deal['review_url']) ?>" class="cdp-review" target="_blank" rel="noopener noreferrer">Read review <i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>

                    <div class="cdp-details">
                        <p class="cdp-tagline"><?= htmlspecialchars($deal['tagline']) ?></p>
                        <div class="cdp-feats">
                            <?php foreach ($deal['feats'] as $feat): ?>
                                <div class="cdp-feat"><span class="cdp-feat-ic"><i data-lucide="<?= htmlspecialchars($feat['ic']) ?>"></i></span><span><?= htmlspecialchars($feat['label']) ?></span></div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <div class="cdp-pricing">
                        <p class="cdp-price-label">Starting from</p>
                        <p class="cdp-price">$<strong><?= htmlspecialchars($deal['price']) ?></strong><span>/mo</span></p>
                        <div class="cdp-price-meta">
                            <del><?= htmlspecialchars($deal['old_price']) ?></del>
                            <span class="cdp-save"><?= htmlspecialchars($deal['save']) ?></span>
                        </div>
                    </div>

                    <div class="cdp-action">
                        <a href="<?= htmlspecialchars($deal['cta_url']) ?>" target="_blank" rel="sponsored noopener noreferrer" class="tv-btn tv-btn-blue">Grab Deal <i class="fa-solid fa-arrow-right"></i></a>
                        <p class="cdp-timer"><i class="fa-regular fa-clock"></i> Limited Time Offer!</p>
                    </div>
                </div>
            </article>
        <?php endforeach; ?>
    </div>
</section>


<!-- ── PROVIDER DETAILED REVIEW ── -->
<?php
$vps_data = json_decode(file_get_contents(__DIR__ . '/data/dedicated-provider.json'), true);
$vps_section = $vps_data['section'];
$vps_providers = $vps_data['providers'];
?>

<section class="provider-review-section pt-80">
    <div class="container">
        <h2 class="free-plan-title display-6 fw-bold section_heading mb-5 text-center">
            <?= htmlspecialchars($vps_section['title']) ?>
            <span><?= htmlspecialchars($vps_section['highlight']) ?></span>
        </h2>

        <?php foreach ($vps_providers as $p): ?>
            <article class="pr-card mb-4">
                <h3 class="pr-title"><?= htmlspecialchars($p['title']) ?></h3>

                <!-- TOP: 3-column header (brand | content | price/CTA) -->
                <div class="pr-top">

                    <!-- LEFT: Brand tile + rating -->
                    <div class="pr-brand-col">
                        <div class="ec-brand-block">
                            <img src="<?= htmlspecialchars($p['logo']) ?>" alt="<?= htmlspecialchars($p['logo_alt']) ?>" class="ec-brand-logo w-100">
                        </div>
                        <div class="pr-brand-rating">
                            <div class="pr-stars">
                                <?php for ($i = 0; $i < (int) $p['stars']; $i++): ?>
                                    <i class="fa-solid fa-star"></i>
                                <?php endfor; ?>
                            </div>
                            <p class="pr-reviews"><?= $p['rating_text'] ?></p>
                        </div>
                    </div>

                    <!-- CENTER: Title, description, tags -->
                    <div class="pr-content-col">
                        <p class="pr-desc"><?= $p['description'] ?></p>
                        <div class="pr-tags">
                            <?php foreach ($p['tags'] as $tag): ?>
                                <span class="pr-tag"><i class="fa-solid fa-check me-2"></i><?= $tag ?></span>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- RIGHT: Pick badge, price, CTA, coupon -->
                    <div class="pr-price-col">
                        <?php if (!empty($p['badge'])): ?>
                            <div class="pr-pick-badge"><i class="fa-solid fa-trophy"></i> <?= htmlspecialchars($p['badge']) ?></div>
                        <?php endif; ?>
                        <?php if (!empty($p['was_price'])): ?>
                            <p class="pr-was-price"><?= htmlspecialchars($p['was_price']) ?></p>
                        <?php endif; ?>
                        <p class="pr-price-now"><?= htmlspecialchars($p['price']) ?><span class="pr-price-per"><?= htmlspecialchars($p['price_per']) ?></span></p>
                        <?php if (!empty($p['save_text'])): ?>
                            <p class="pr-save"><i class="fa-solid fa-check"></i> <?= $p['save_text'] ?></p>
                        <?php endif; ?>
                        <a href="<?= htmlspecialchars($p['cta_url']) ?>" class="pr-btn-primary" target="_blank" rel="sponsored noopener noreferrer"><?= htmlspecialchars($p['cta_label']) ?> <span class="arrow"><i class="fa-solid fa-arrow-right"></i></span></a>
                        <a href="<?= htmlspecialchars($p['review_url']) ?>" class="pr-btn-outline" target="_blank" rel="noopener noreferrer"><?= htmlspecialchars($p['review_label']) ?></a>
                    </div>
                </div>

                <!-- STATS ROW (icon + label + value, no progress bars) -->
                <div class="pr-stats">
                    <?php foreach ($p['stats'] as $stat): ?>
                        <div class="pr-stat">
                            <span class="pr-stat-icon"><i data-lucide="<?= htmlspecialchars($stat['icon']) ?>"></i></span>
                            <div class="pr-stat-text">
                                <p class="pr-stat-label"><?= htmlspecialchars($stat['label']) ?></p>
                                <p class="pr-stat-val"><?= htmlspecialchars($stat['value']) ?></p>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>

                <!-- FEATURES grid (two columns with arrow bullets) -->
                <h5 class="features-title">
                    <?= htmlspecialchars($p['features_title']) ?>
                    <span><?= htmlspecialchars($p['features_highlight']) ?></span>
                </h5>
                <div class="pr-features">
                    <ul class="pr-feat-list">
                        <?php foreach ($p['features_col1'] as $feat): ?>
                            <li><i class="fa-solid fa-arrow-right me-2"></i><?= $feat ?></li>
                        <?php endforeach; ?>
                    </ul>
                    <ul class="pr-feat-list">
                        <?php foreach ($p['features_col2'] as $feat): ?>
                            <li><i class="fa-solid fa-arrow-right me-2"></i><?= $feat ?></li>
                        <?php endforeach; ?>
                    </ul>
                </div>
            </article>
        <?php endforeach; ?>

    </div>
</section>

<!-- Feature Section  -->
<?php

// Define data (DO NOT use return here)
$features = [
    'section' => [
        'title' => 'Why Enterprises Are Buying Cheap Dedicated Server Hosting',
        'description' => 'Every second of slow hosting costs you customers and revenue. Get dedicated server power at the lowest price, full control, zero compromise, and maximum performance your growing business truly deserves right now.',
    ],

    'items' => [
        [
            'icon' => 'assets/images/icon/dedicated-resources.webp',
            'title' => '100% Dedicated Resources',
            'description' => 'With cheap dedicated server hosting, every single CPU core, GB of RAM, and byte of storage belongs exclusively to you. No shared neighbours hogging your resources, no unexpected traffic spikes crashing your site.',
        ],
        [
            'icon' => 'assets/images/icon/enterprise-level-security.webp',
            'title' => 'Enterprise-Level Security',
            'description' => 'Cheap dedicated servers come loaded with hardware firewalls, DDoS protection, SSL certificates, and isolated server environments, the same enterprise-grade security that Fortune 500 companies pay a premium for.',
        ],
        [
            'icon' => 'assets/images/icon/full-root-access.webp',
            'title' => 'Full Root Access',
            'description' => 'Dedicated hosting gives you complete root and SSH access to configure, customize, and control every aspect of your server environment. Install any software stack, tune your OS settings, deploy custom applications, no restrictions, no limitations.',
        ],
        [
            'icon' => 'assets/images/icon/scalable-infrastructure.webp',
            'title' => 'Scalable Infrastructure',
            'description' => 'As your traffic surges and your business expands, cheap dedicated servers scale effortlessly with you. Upgrade RAM, add NVMe storage, or boost bandwidth on demand. You build once on a solid dedicated foundation and simply scale up as your revenue grows.',
        ],
        [
            'icon' => 'assets/images/icon/softaculous-click-installer.webp',
            'title' => 'One-Click OS Installation',
            'description' => 'Modern cheap dedicated server providers offer one-click OS deployment. Choose from Ubuntu, CentOS, Debian, Windows Server, and have your server live and running in under an hour. No complex manual setup, no waiting days for provisioning.',
        ],
        [
            'icon' => 'assets/images/icon/global-network-reach.webp',
            'title' => 'Global Network Reach',
            'description' => 'Cheap dedicated servers are hosted across strategically located global data centers delivering low-latency connections to users in North America, Europe, Asia and beyond. Faster page loads mean better SEO rankings, lower bounce rates, and higher conversion rates.',
        ],
    ],
];

?>

<section class="feature-light-section pt-80 pb-80">
    <div class="container text-center">

        <div class="feature-light-head mb-5">
            <h2 class="display-6 section_heading fw-bold text-dark">
                <?= htmlspecialchars($features['section']['title']) ?>
            </h2>
            <p class="section_para mx-auto">
                <?= htmlspecialchars($features['section']['description']) ?>
            </p>
        </div>

        <div class="row g-4 text-start">
            <?php foreach ($features['items'] as $item): ?>
                <div class="col-md-6 col-lg-4">
                    <div class="feature-light-card h-100">

                        <img
                            src="<?= htmlspecialchars($item['icon']) ?>"
                            class="w-25 mb-3"
                            alt="<?= htmlspecialchars($item['title']) ?>">

                        <h3 class="feature-title-light">
                            <?= htmlspecialchars($item['title']) ?>
                        </h3>

                        <p class="feature-text-light mb-0">
                            <?= htmlspecialchars($item['description']) ?>
                        </p>

                    </div>
                </div>
            <?php endforeach; ?>
        </div>

    </div>
</section>


<?php

$faqs = [
    [
        'cat' => 'features',
        'question' => "Which is the best low-cost dedicated server hosting provider?",
        'answer' => "The best low-cost dedicated server provider depends on your needs. Budget-conscious users often choose YouStable for affordability, Kamatera for flexible cloud infrastructure, and Liquid Web for premium managed hosting. Comparing performance, pricing, support quality, and scalability helps you find the best value for your project.",
    ],
    [
        'cat' => 'features',
        'question' => "What is the biggest advantage of a dedicated server?",
        'answer' => "A dedicated server gives you exclusive access to all server resources, including CPU, RAM, storage, and bandwidth. This results in faster website performance, better security, and improved reliability compared to shared hosting.",
    ],
    [
        'cat' => 'features',
        'question' => "Who should choose low-cost dedicated server hosting?",
        'answer' => "Low-cost dedicated servers are ideal for growing websites, eCommerce stores, gaming servers, SaaS applications, agencies, and businesses that need more power than VPS hosting without paying premium enterprise prices.",
    ],
    [
        'cat' => 'features',
        'question' => "Can a cheap dedicated server handle high traffic?",
        'answer' => "Yes. Even budget dedicated servers can handle thousands of daily visitors because resources are not shared with other users. Performance depends on server specifications such as CPU, RAM, and storage.",
    ],
    [
        'cat' => 'features',
        'question' => "What features should I look for in a dedicated server?",
        'answer' => "Look for modern CPUs, SSD or NVMe storage, sufficient RAM, DDoS protection, root access, high network uptime, scalable resources, and responsive technical support for the best hosting experience.",
    ],
    [
        'cat' => 'billing',
        'question' => "How can I get the lowest price on a dedicated server?",
        'answer' => "The best way to save money is by choosing annual billing, using promotional discounts, selecting unmanaged plans, and comparing providers that offer introductory pricing and free setup.",
    ],
    [
        'cat' => 'billing',
        'question' => "Are there any hidden fees with dedicated server hosting?",
        'answer' => "No! Reputable hosting providers clearly display costs upfront. However, additional charges may apply for managed services, control panels, backups, extra IP addresses, or software licenses.",
    ],
    [
        'cat' => 'billing',
        'question' => "Is monthly billing available for dedicated servers?",
        'answer' => "Yes. Most dedicated server providers offer monthly billing plans. However, annual plans usually provide the highest discounts and lower overall hosting costs.",
    ],
    [
        'cat' => 'billing',
        'question' => "Can I upgrade my dedicated server later?",
        'answer' => "Yes. Most providers allow upgrades to RAM, storage, bandwidth, and CPU resources as your website or application grows, helping you avoid unnecessary upfront costs.",
    ],
    [
        'cat' => 'technical',
        'question' => "What is the difference between a VPS and a dedicated server?",
        'answer' => "A VPS shares physical hardware with other users through virtualization, while a dedicated server provides an entire physical machine exclusively for your use, offering better performance and control.",
    ],
    [
        'cat' => 'technical',
        'question' => "Which operating systems can I install on a dedicated server?",
        'answer' => "Most dedicated hosting providers support Linux distributions such as Ubuntu, CentOS, AlmaLinux, Debian, and Windows Server, depending on your project requirements.",
    ],
    [
        'cat' => 'technical',
        'question' => "Do I get full root access with a dedicated server?",
        'answer' => "Yes. Most dedicated servers include full root or administrator access, allowing you to install software, customize configurations, and manage server settings without restrictions.",
    ],
    [
        'cat' => 'technical',
        'question' => "Is NVMe storage better than SSD hosting?",
        'answer' => "Yes. NVMe drives provide significantly faster read and write speeds than traditional SSDs, resulting in quicker website loading times, database performance, and application responsiveness.",
    ],
    [
        'cat' => 'support',
        'question' => "What kind of support is available with dedicated server hosting?",
        'answer' => "Most hosting providers offer 24/7 support through live chat, tickets, email, and phone. Premium plans may include priority assistance and proactive server monitoring.",
    ],
    [
        'cat' => 'support',
        'question' => "What happens if my dedicated server goes offline?",
        'answer' => "If a server experiences downtime, the hosting provider's technical team investigates the issue, restores services, and works to minimize disruption according to their uptime commitment.",
    ],
    [
        'cat' => 'support',
        'question' => "Do I need technical knowledge to manage a dedicated server?",
        'answer' => "Yes! Basic server administration knowledge is helpful for unmanaged hosting. If you prefer a hands-off experience, managed dedicated server plans include maintenance, updates, and technical assistance.",
    ],
    [
        'cat' => 'support',
        'question' => "How fast should dedicated server support respond?",
        'answer' => "Quality hosting providers typically respond within 60 seconds through live chat and within a few minutes through support tickets. Fast response times are essential for resolving critical issues quickly.",
    ],

];
?>



<section class="faq-section pt-80 pb-80 position-relative">
    <div class="faq-wrap container">

        <div class="faq-header text-center">
            <div class="faq-header-left">
                <h2 class="faq-title display-6 fw-bold section_heading">Everything you need to know before getting a <span class="hl">dedicated server</span></h2>
                <p class="section_para mx-auto mb-4">A dedicated server is a big decision, and you deserve real answers before you commit. Below you'll find everything we get asked, from hardware specs and pricing to setup times and support, so you can move forward with complete confidence and zero guesswork.</p>
            </div>
        </div>

        <div class="faq-grid" id="faq-grid">
            <?php foreach ($faqs as $index => $faq): ?>
                <?php
                $cat = htmlspecialchars($faq['cat'] ?? 'features');
                $question = htmlspecialchars($faq['question'] ?? '');
                $answer = $faq['answer'] ?? '';
                ?>
                <article class="faq-item cat-<?= $cat ?>"
                    data-cat="<?= $cat ?>"
                    data-faq-index="<?= (int) $index ?>"
                    data-q="<?= htmlspecialchars(strtolower(strip_tags($faq['question'] ?? ''))) ?>">

                    <button class="faq-q"
                        type="button"
                        aria-expanded="false">

                        <span class="faq-q-icon" aria-hidden="true">
                            <img
                                src="assets/images/faq-<?= $cat ?>.png"
                                alt="<?= ucfirst($cat) ?>"
                                class="faq-icon-img" />
                        </span>

                        <span class="faq-q-text">
                            <?= $question ?>
                        </span>

                        <span class="faq-toggle" aria-hidden="true"><i class="fa-solid fa-plus"></i></span>
                    </button>

                    <div class="faq-a">
                        <div class="faq-a-inner">
                            <div class="cat-pill cp-<?= $cat ?>">
                                <?= ucfirst($cat) ?>
                            </div>
                            <?= $answer ?>
                        </div>
                    </div>

                </article>
            <?php endforeach; ?>
        </div>

        <div class="faq-cta">
            <div class="faq-cta-left">
                <strong>Still have questions?</strong>
                <span>Explore our knowledge base of 400+ articles or contact our team for a guaranteed response within an hour, even on free plans.</span>
            </div>
            <div class="faq-cta-btns">
                <a href="/contact.php" class="text-decoration-none"><button class="btn-chat" type="button">Contact Us<i class="fa-solid fa-arrow-right ms-3"></i></button></a>
                <a href="https://googiehost.com/blog/"><button class="btn-kb" type="button">Browse Knowledge Base<i class="fa-solid fa-arrow-right ms-3"></i></button></a>
            </div>
        </div>
    </div>
</section>

<script>
    (() => {
        const grid = document.getElementById('faq-grid');
        const items = [...document.querySelectorAll('.faq-item')];
        const tabs = [...document.querySelectorAll('.filter-tab')];
        let currentCat = 'all';

        const isMobile = () => window.innerWidth <= 767;

        function resetItems() {
            items.forEach(item => {
                item.classList.remove('open', 'sibling-open');
                const trigger = item.querySelector('.faq-q');
                const toggle = item.querySelector('.faq-toggle');
                trigger.setAttribute('aria-expanded', 'false');
                toggle.textContent = '+';
            });
        }

        function visibleItems() {
            return items.filter(item => item.style.display !== 'none');
        }

        function toggleItem(item) {
            const wasOpen = item.classList.contains('open') || item.classList.contains('sibling-open');
            resetItems();

            if (wasOpen) {
                return;
            }

            const visible = visibleItems();
            const index = visible.indexOf(item);
            const siblingIndex = index % 2 === 0 ? index + 1 : index - 1;
            const sibling = visible[siblingIndex];

            item.classList.add('open');
            item.querySelector('.faq-q').setAttribute('aria-expanded', 'true');
            item.querySelector('.faq-toggle').textContent = '✕';

            if (!isMobile() && sibling) {
                sibling.classList.add('sibling-open');
                sibling.querySelector('.faq-q').setAttribute('aria-expanded', 'true');
                sibling.querySelector('.faq-toggle').textContent = '✕';
            }
        }

        function applyFilter(cat) {
            currentCat = cat;
            resetItems();

            items.forEach(item => {
                item.style.display = cat === 'all' || item.dataset.cat === cat ? '' : 'none';
            });

            tabs.forEach(tab => {
                tab.classList.toggle('active', tab.dataset.cat === cat);
            });
        }

        tabs.forEach(tab => {
            tab.addEventListener('click', () => applyFilter(tab.dataset.cat));
        });

        items.forEach(item => {
            item.querySelector('.faq-q').addEventListener('click', () => toggleItem(item));
        });

        window.addEventListener('resize', () => applyFilter(currentCat));

        applyFilter(currentCat);
        if (grid) {
            grid.dataset.ready = 'true';
        }
    })();
</script>


<?php include 'inc/footer.php'; ?>