<?php
declare(strict_types=1);
$pageTitle = 'FAQ — 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>FAQ</h1>';
echo '<p class="prose-muted">Відповіді на найпоширеніші питання щодо запуску сайту.</p>';
echo '</div>';

echo '<div class="wrap" style="max-width:720px">';
$faq = [
    ['Скільки часу займає створення сайту?', 'У середньому до 7 днів. Точний термін залежить від структури та обсягу сторінок.'],
    ['Що потрібно для старту?', 'Короткий опис запиту, приклади робіт або референси, побажання щодо стилю та зручний контакт для комунікації.'],
    ['Чи буде сайт адаптований під телефон?', 'Так. Ми працюємо в mobile-first підході — сайт має виглядати акуратно на 360–430 px і на великих екранах.'],
    ['Чи можна замовити сайт, якщо в мене мало матеріалів?', 'Так. Допомагаємо зі структурою та подачею, щоб навіть мінімум контенту виглядав сильно.'],
    ['Чи допомагаєте ви з наповненням?', 'Підказуємо логіку блоків і формуємо читабельну подачу під ваш бренд.'],
    ['Як відбувається оплата?', 'Зазвичай у два етапи: передплата та фінальна оплата після погодження результату.'],
];

foreach ($faq as $item) {
    echo '<article class="faq-item reveal">';
    echo '<button type="button" class="faq-btn"><span>' . e($item[0]) . '</span><span class="faq-icon" aria-hidden="true">+</span></button>';
    echo '<div class="faq-panel"><div class="faq-panel-inner"><p>' . e($item[1]) . '</p></div></div>';
    echo '</article>';
}

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