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

$gustavoo_about_text           = (string) gustavoo_portfolio_get_setting( 'about_text' );
$gustavoo_about_secondary_text = (string) gustavoo_portfolio_get_setting( 'about_secondary_text' );
?>

<section id="sobre" class="section section--about" aria-labelledby="about-title">
	<div class="site-shell about-layout">
		<header class="section__header about-layout__header">
			<p class="eyebrow"><?php echo esc_html( gustavoo_portfolio_get_setting( 'about_eyebrow' ) ); ?></p>
			<h2 id="about-title" class="section__title"><?php echo esc_html( gustavoo_portfolio_get_setting( 'about_title' ) ); ?></h2>
		</header>

		<div class="about-layout__content">
			<div class="prose prose--lead">
				<?php echo wp_kses_post( wpautop( esc_html( $gustavoo_about_text ) ) ); ?>
				<?php echo wp_kses_post( wpautop( esc_html( $gustavoo_about_secondary_text ) ) ); ?>
			</div>

			<dl class="about-facts" aria-label="<?php esc_attr_e( 'Diferenciais profissionais', 'gustavoo-portfolio' ); ?>">
				<div class="about-fact">
					<dt><?php esc_html_e( 'Escopo', 'gustavoo-portfolio' ); ?></dt>
					<dd><?php esc_html_e( 'Da regra de negócio à infraestrutura', 'gustavoo-portfolio' ); ?></dd>
				</div>
				<div class="about-fact">
					<dt><?php esc_html_e( 'Entrega', 'gustavoo-portfolio' ); ?></dt>
					<dd><?php esc_html_e( 'Código limpo, documentado e sustentável', 'gustavoo-portfolio' ); ?></dd>
				</div>
				<div class="about-fact">
					<dt><?php esc_html_e( 'Visão', 'gustavoo-portfolio' ); ?></dt>
					<dd><?php esc_html_e( 'Tecnologia alinhada ao crescimento', 'gustavoo-portfolio' ); ?></dd>
				</div>
			</dl>
		</div>
	</div>
</section>
