<?php
declare(strict_types=1);
$pageTitle = 'Ціни — Nestor Web Studio';
require_once __DIR__ . '/header.php';

echo '<main id="main-content" class="page-fade">';
echo '<section class="section">';
echo '<div class="wrap page-hero">';
echo '<span class="label-caps">Інвестиція</span>';
echo '<h1>Ціни</h1>';
echo '<p class="prose-muted">Прозора стартова вартість. Точна ціна залежить від структури, кількості блоків і задачі.</p>';
echo '</div>';

echo '<div class="wrap pricing-grid">';
$cards = [
    ['Сайт-візитка', 'від 70$', ['1 сторінка', 'базова структура', 'адаптація під телефон', 'контакти', 'CTA-кнопки']],
    ['Портфоліо / лендінг', 'від 150$', ['продумана структура', 'блоки послуг', 'портфоліо', 'адаптивність', 'кнопки заявки', 'візуальна подача бренду']],
    ['Розширений сайт', 'від 220$', ['більше секцій', 'додаткові сторінки', 'продукти / курси / послуги', 'глибша упаковка', 'більше кастомних деталей']],
];
foreach ($cards as $c) {
    echo '<article class="price-card reveal">';
    echo '<h2 style="font-size:1.45rem">' . e($c[0]) . '</h2>';
    echo '<p class="price-card__price">' . e($c[1]) . '</p>';
    echo '<p style="font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0">Включає:</p>';
    echo '<ul>';
    foreach ($c[2] as $li) {
        echo '<li>' . e($li) . '</li>';
    }
    echo '</ul>';
    echo '</article>';
}
echo '</div>';

echo '<div class="wrap section">';
echo '<p class="prose-muted reveal">Точна вартість формується після короткого опису вашого запиту.</p>';
echo '<div class="btn-row reveal">';
echo '<a class="btn btn--primary" href="https://t.me/nestor_webstudio" target="_blank" rel="noopener noreferrer">Написати і дізнатись вартість</a>';
echo '</div>';
echo '</div>';

echo '</section>';
echo '</main>';
require_once __DIR__ . '/footer.php';
