<?php
/**
 * Front-page services section.
 *
 * @package Gustavo_Portfolio
 */

$gustavoo_services = gustavoo_portfolio_get_services();
?>

<section id="servicos" class="section section--services" aria-labelledby="services-title">
	<div class="site-shell">
		<header class="section__header section__header--split">
			<div>
				<p class="eyebrow"><?php echo esc_html( gustavoo_portfolio_get_setting( 'services_eyebrow' ) ); ?></p>
				<h2 id="services-title" class="section__title"><?php echo esc_html( gustavoo_portfolio_get_setting( 'services_title' ) ); ?></h2>
			</div>
			<p class="section__description"><?php echo esc_html( gustavoo_portfolio_get_setting( 'services_description' ) ); ?></p>
		</header>

		<div class="services-grid">
			<?php foreach ( $gustavoo_services as $gustavoo_service ) : ?>
				<article class="service-card">
					<p class="service-card__number" aria-hidden="true"><?php echo esc_html( $gustavoo_service['number'] ?? '' ); ?></p>
					<h3 class="service-card__title"><?php echo esc_html( $gustavoo_service['title'] ?? '' ); ?></h3>
					<p class="service-card__description"><?php echo esc_html( $gustavoo_service['description'] ?? '' ); ?></p>
				</article>
			<?php endforeach; ?>
		</div>
	</div>
</section>
