<?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>';

$blocks = [
    ['01', 'Сайт-візитка', 'експертів, фрилансерів, малого бізнесу', 'Лаконічний сайт, який презентує вас, ваші послуги та контакти.'],
    ['02', 'Портфоліо', 'фотографів, дизайнерів, творчих спеціалістів', 'Стильна подача робіт, яка допомагає показати рівень і викликати довіру.'],
    ['03', 'Лендінг', 'продуктів, курсів, послуг, запусків', 'Одна сильна сторінка з чіткою структурою, яка веде клієнта до заявки.'],
    ['04', 'Розширений сайт', 'бізнесів, яким потрібно більше структури', 'Більше сторінок, більше інформації, більше глибини для вашого бренду.'],
];

foreach ($blocks as $b) {
    echo '<div class="wrap service-block reveal">';
    echo '<div class="service-block__num">' . e($b[0]) . '</div>';
    echo '<div>';
    echo '<h2>' . e($b[1]) . '</h2>';
    echo '<p class="who"><strong>Для кого:</strong> ' . e($b[2]) . '</p>';
    echo '<p class="prose-muted">' . e($b[3]) . '</p>';
    echo '</div></div>';
}

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