<?php
declare(strict_types=1);
$pageTitle = 'Nestor Web Studio — Головна';
require_once __DIR__ . '/includes/projects-data.php';
require_once __DIR__ . '/header.php';

$featured = nestor_featured_projects();

echo '<main id="main-content" class="page-fade">';
echo '<section class="hero-home">';
echo '<div class="wrap hero-home__grid">';
echo '<div class="hero-lead">';
echo '<span class="label-caps reveal-child">Nestor Web Studio</span>';
echo '<h1 class="reveal-child">Сайти, які виглядають дорого і працюють на ваш бізнес</h1>';
echo '<p class="prose-muted reveal-child">Створюємо сучасні сайти для фотографів, експертів і малого бізнесу — з акцентом на стиль, довіру та заявки.</p>';
echo '<div class="btn-row reveal-child">';
echo '<a class="btn btn--primary" href="https://t.me/nestor_webstudio" target="_blank" rel="noopener noreferrer">Обговорити проєкт</a>';
echo '<a class="btn btn--ghost" href="' . e(nestor_url('projects.php')) . '">Переглянути роботи</a>';
echo '</div>';
echo '</div>';
echo '<div class="hero-home__visual reveal" data-parallax><img src="' . e(nestor_img('minimalist_workspace_with_sleek_tech_endoftext.png')) . '" alt="Преміальний мокап сайту Nestor Web Studio" width="900" height="720" loading="eager" decoding="async"></div>';
echo '</div>';
echo '</section>';

echo '<section class="section">';
echo '<div class="wrap">';
echo '<span class="label-caps reveal">Інтро</span>';
echo '<h2 class="reveal">Не просто сайт. Ваша онлайн-презентація.</h2>';
echo '<p class="prose-muted reveal" style="max-width:52ch">Сайт допомагає клієнту швидко зрозуміти, хто ви, що ви пропонуєте і чому варто звернутися саме до вас. Ми створюємо сайти, які підсилюють довіру, презентують продукт і ведуть людину до заявки.</p>';
echo '</div>';
echo '</section>';

echo '<section class="section section--tight">';
echo '<div class="wrap">';
echo '<span class="label-caps reveal">Напрями</span>';
echo '<h2 class="reveal" style="margin-bottom:2rem">Послуги</h2>';
echo '<div class="cards-row reveal">';
$servicesPrev = [
    ['01', 'Сайт-візитка', 'Швидка і чиста презентація бренду та контактів.', nestor_url('services.php')],
    ['02', 'Портфоліо', 'Акцент на роботах і рівні підходу.', nestor_url('services.php')],
    ['03', 'Лендінг', 'Одна сторінка з логікою до заявки.', nestor_url('services.php')],
    ['04', 'Розширений сайт', 'Глибша структура під ваш запит.', nestor_url('services.php')],
];
foreach ($servicesPrev as $row) {
    echo '<a class="card-min" href="' . e($row[3]) . '">';
    echo '<span class="card-min__num">' . e($row[0]) . '</span>';
    echo '<h3 class="card-min__title">' . e($row[1]) . '</h3>';
    echo '<p class="card-min__desc">' . e($row[2]) . '</p>';
    echo '<span class="card-min__arrow" aria-hidden="true">→</span>';
    echo '</a>';
}
echo '</div>';
echo '</div>';
echo '</section>';

echo '<section class="section section--featured">';
echo '<div class="wrap">';
echo '<div class="featured-head reveal">';
echo '<span class="label-caps">Кейси</span>';
echo '<h2>Обрані роботи</h2>';
echo '<p class="prose-muted featured-head__sub">Кожен проєкт створений так, щоб не просто виглядати красиво, а підсилювати бренд і вести клієнта до заявки.</p>';
echo '</div>';

echo '<div class="home-cases-grid">';
foreach ($featured as $idx => $p) {
    $img = nestor_project_img($p['image']);
    $url = nestor_url('projects/' . $p['slug'] . '/');
    echo '<article class="case-card case-card--home reveal" style="--stagger:' . (string)$idx . '">';
    echo '<a class="case-card__link" href="' . e($url) . '"><div class="case-card__media">';
    echo '<img src="' . e($img) . '" alt="' . e($p['title']) . '" width="640" height="800" loading="lazy" decoding="async">';
    echo '</div></a>';
    echo '<div class="case-card__body">';
    echo '<span class="case-card__type">' . e($p['type']) . '</span>';
    echo '<h3 class="case-card__title"><a href="' . e($url) . '">' . e($p['title']) . '</a></h3>';
    echo '<p class="case-card__desc">' . e($p['description']) . '</p>';
    echo '<div class="case-card__actions case-card__actions--compact">';
    echo '<a class="btn btn--ghost case-card__btn" href="' . e($url) . '">Переглянути кейс</a>';
    echo '<a class="link-cta-line" href="https://t.me/nestor_webstudio" target="_blank" rel="noopener noreferrer">Хочу схожий сайт</a>';
    echo '</div>';
    echo '</div></article>';
}
echo '</div>';

echo '<div class="featured-all reveal">';
echo '<a class="btn btn--primary" href="' . e(nestor_url('projects.php')) . '">Усі проєкти</a>';
echo '</div>';

echo '</div>';
echo '</section>';

echo '<section class="section">';
echo '<div class="wrap" style="text-align:center">';
echo '<h2 class="reveal">Готові зробити сайт, який виглядає сильніше за звичайну сторінку в соцмережах?</h2>';
echo '<div class="btn-row reveal" style="justify-content:center">';
echo '<a class="btn btn--primary" href="https://t.me/nestor_webstudio" target="_blank" rel="noopener noreferrer">Написати в Telegram</a>';
echo '<a class="btn btn--ghost" href="https://instagram.com/nestor.webstudio" target="_blank" rel="noopener noreferrer">Написати в Instagram</a>';
echo '</div>';
echo '</div>';
echo '</section>';

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