File: /var/www/sites/30291/public_html/wp-content/themes/fernanda-menezes/template-parts/home-content.php
<main id="conteudo">
<section class="hero photo-hero"<?php echo fm_image_vars_style(array('--hero-bg' => array('fm_hero_image', '/assets/fernanda-hero.webp'), '--hero-mobile-bg' => array('fm_hero_mobile_image', '/assets/fernanda-hero-mobile.webp'))); ?>>
<div class="hero-grid">
<div class="hero-copy">
<p class="eyebrow">Fernanda Menezes</p>
<h1><?php echo fm_text('fm_hero_title'); ?></h1>
<p class="hero-text"><?php echo fm_text('fm_hero_text'); ?></p>
<div class="hero-actions">
<?php if (fm_mod('fm_hero_primary_url')) : ?>
<a class="button" href="<?php echo fm_link('fm_hero_primary_url'); ?>"><?php echo esc_html(fm_mod('fm_hero_primary_label')); ?></a>
<?php endif; ?>
<a class="button secondary" href="<?php echo fm_button_link('fm_hero_secondary_url', '', '#solucoes'); ?>"><?php echo esc_html(fm_mod('fm_hero_secondary_label')); ?></a>
</div>
</div>
<div class="hero-media">
<?php $hero_class = fm_mod('fm_hero_image') ? 'portrait-frame has-image' : 'portrait-frame'; ?>
<div class="<?php echo esc_attr($hero_class); ?>"<?php echo fm_image_style('fm_hero_image', '--portrait-image'); ?>></div>
<div class="orbit-card">
<strong><?php echo esc_html(fm_mod('fm_hero_badge_title')); ?></strong>
<span><?php echo esc_html(fm_mod('fm_hero_badge_text')); ?></span>
</div>
</div>
</div>
</section>
<section class="section study-section" id="proximo-passo">
<div class="section-inner study-layout">
<div class="section-index"><span>02</span></div>
<div>
<h2><?php echo fm_split_title('fm_study_title'); ?></h2>
</div>
<div>
<p class="lead"><?php echo fm_text('fm_study_text'); ?></p>
</div>
<aside class="quote-card">
<p><?php echo fm_text('fm_study_statement'); ?></p>
</aside>
</div>
</section>
<section class="section star-section" id="filosofia"<?php echo fm_image_style('fm_star_bg', '--star-bg'); ?>>
<div class="section-inner split">
<div class="section-index light"><span>03</span></div>
<div class="constellation" aria-hidden="true">
<svg viewBox="0 0 700 520" xmlns="http://www.w3.org/2000/svg">
<rect width="700" height="520" fill="transparent"/>
<path d="M96 400 C180 252 278 316 342 172 S532 108 610 64" fill="none" stroke="#c69a55" stroke-width="3" stroke-linecap="round" opacity=".75"/>
<path d="M126 132 C226 172 260 236 320 278 S468 348 590 284" fill="none" stroke="#102b4e" stroke-width="2" stroke-linecap="round" opacity=".22"/>
<circle cx="96" cy="400" r="9" fill="#102b4e"/>
<circle cx="218" cy="298" r="7" fill="#c69a55"/>
<circle cx="342" cy="172" r="10" fill="#102b4e"/>
<circle cx="492" cy="116" r="7" fill="#c69a55"/>
<circle cx="610" cy="64" r="11" fill="#102b4e"/>
<circle cx="126" cy="132" r="6" fill="#c69a55"/>
<circle cx="320" cy="278" r="8" fill="#102b4e"/>
<circle cx="590" cy="284" r="7" fill="#c69a55"/>
</svg>
</div>
<div>
<p class="eyebrow">Potencial visível</p>
<h2><?php echo fm_split_title('fm_star_title'); ?></h2>
<div class="lead star-copy"><?php echo wpautop(fm_text('fm_star_text')); ?></div>
</div>
</div>
</section>
<section class="section solutions-section" id="solucoes">
<div class="section-inner">
<div class="section-title">
<p class="eyebrow">Ecossistema</p>
<h2><?php echo fm_text('fm_solutions_title'); ?></h2>
<p class="lead"><?php echo fm_text('fm_solutions_text'); ?></p>
</div>
<div class="cards-grid">
<article class="solution-card solution-gf">
<div class="solution-media" aria-hidden="true"<?php echo fm_image_style('fm_solution_gf_image', '--solution-image'); ?>></div>
<div>
<span class="card-kicker"><?php echo esc_html(fm_mod('fm_solution_gf_kicker')); ?></span>
<span class="solution-stage"><?php echo esc_html(fm_mod('fm_solution_gf_stage')); ?></span>
<h3><?php echo fm_text('fm_solution_gf_title'); ?></h3>
<p class="solution-service"><?php echo fm_text('fm_solution_gf_service'); ?></p>
<p class="muted"><?php echo fm_text('fm_solution_gf_text'); ?></p>
</div>
<a class="button secondary" href="<?php echo fm_link('fm_solution_gf_url', '#contato'); ?>"><?php echo esc_html(fm_mod('fm_solution_gf_button')); ?></a>
</article>
<article class="solution-card solution-pulsar">
<div class="solution-media" aria-hidden="true"<?php echo fm_image_style('fm_solution_pulsar_image', '--solution-image'); ?>></div>
<div>
<span class="card-kicker"><?php echo esc_html(fm_mod('fm_solution_pulsar_kicker')); ?></span>
<span class="solution-stage"><?php echo esc_html(fm_mod('fm_solution_pulsar_stage')); ?></span>
<h3><?php echo fm_text('fm_solution_pulsar_title'); ?></h3>
<p class="solution-service"><?php echo fm_text('fm_solution_pulsar_service'); ?></p>
<p class="muted"><?php echo fm_text('fm_solution_pulsar_text'); ?></p>
</div>
<a class="button secondary" href="<?php echo fm_link('fm_solution_pulsar_url', '#contato'); ?>"><?php echo esc_html(fm_mod('fm_solution_pulsar_button')); ?></a>
</article>
<article class="solution-card solution-club">
<div class="solution-media" aria-hidden="true"<?php echo fm_image_style('fm_solution_club_image', '--solution-image'); ?>></div>
<div>
<span class="card-kicker"><?php echo esc_html(fm_mod('fm_solution_club_kicker')); ?></span>
<span class="solution-stage"><?php echo esc_html(fm_mod('fm_solution_club_stage')); ?></span>
<h3><?php echo fm_text('fm_solution_club_title'); ?></h3>
<p class="solution-service"><?php echo fm_text('fm_solution_club_service'); ?></p>
<p class="muted"><?php echo fm_text('fm_solution_club_text'); ?></p>
</div>
<a class="button secondary" href="<?php echo fm_link('fm_solution_club_url', '#clube'); ?>"><?php echo esc_html(fm_mod('fm_solution_club_button')); ?></a>
</article>
</div>
<p class="solutions-footer"><?php echo fm_text('fm_solutions_footer'); ?></p>
</div>
</section>
<?php
$diagnostic_bg_style = fm_image_style('fm_diagnostic_bg', '--diagnostic-bg');
$diagnostic_class = fm_mod('fm_diagnostic_bg') ? 'section diagnostic-section has-custom-bg' : 'section diagnostic-section';
?>
<section class="<?php echo esc_attr($diagnostic_class); ?>" id="diagnostico"<?php echo $diagnostic_bg_style; ?>>
<div class="section-inner">
<div class="diagnostic">
<div>
<p class="eyebrow">Diagnóstico</p>
<h2><?php echo fm_text('fm_diagnostic_title'); ?></h2>
<p><?php echo fm_text('fm_diagnostic_text'); ?></p>
</div>
<a class="button" href="<?php echo fm_button_link('fm_home_diagnostic_quiz_url', 'fm_quiz_url'); ?>"><?php echo esc_html(fm_mod('fm_diagnostic_button')); ?></a>
</div>
</div>
</section>
<section class="section about-section" id="sobre">
<div class="section-inner about-editorial">
<div class="about-collage" aria-label="Momentos de bastidores, eventos e atendimentos">
<div class="about-photo about-photo-1"<?php echo fm_image_style('fm_about_image_1', '--about-photo-1'); ?>></div>
<div class="about-photo about-photo-2"<?php echo fm_image_style('fm_about_image_2', '--about-photo-2'); ?>></div>
<div class="about-photo about-photo-3"<?php echo fm_image_style('fm_about_image_3', '--about-photo-3'); ?>></div>
<div class="about-photo about-photo-4"<?php echo fm_image_style('fm_about_image_4', '--about-photo-4'); ?>></div>
</div>
<div class="about-copy">
<p class="eyebrow">Sobre Fernanda</p>
<h2><?php echo fm_text('fm_about_title'); ?></h2>
<div class="lead"><?php echo fm_text('fm_about_text'); ?></div>
</div>
<aside class="about-quote-card">
<div class="quote-star" aria-hidden="true">✦</div>
<p><?php echo fm_split_title('fm_about_statement'); ?></p>
</aside>
</div>
</section>
<section class="section deep" id="clube">
<div class="section-inner club-grid">
<div>
<p class="eyebrow">Clube Imagem em Movimento</p>
<h2><?php echo fm_split_title('fm_club_title'); ?></h2>
<div class="lead"><?php echo wpautop(fm_text('fm_club_text')); ?></div>
<div class="section-actions club-actions">
<a class="button" href="<?php echo fm_link('fm_club_url', '#contato'); ?>"><?php echo esc_html(fm_mod('fm_club_button')); ?></a>
</div>
</div>
<div class="club-visual">
<img src="<?php echo fm_image_url('fm_club_image', '/assets/clube-imagem-em-movimento-v2.webp'); ?>" alt="Clube Imagem em Movimento">
<ul class="benefits">
<li><span>✦</span> <?php echo esc_html(fm_mod('fm_club_benefit_1')); ?></li>
<li><span>✦</span> <?php echo esc_html(fm_mod('fm_club_benefit_2')); ?></li>
<li><span>✦</span> <?php echo esc_html(fm_mod('fm_club_benefit_3')); ?></li>
<li><span>✦</span> <?php echo esc_html(fm_mod('fm_club_benefit_4')); ?></li>
</ul>
</div>
</div>
</section>
<section class="section community-section" id="marcas-que-brilham"<?php echo fm_image_vars_style(array('--community-bg' => array('fm_community_bg', '/assets/marcas-que-brilham-bg.webp'), '--community-mobile-bg' => array('fm_community_mobile_bg', '/assets/marcas-que-brilham-bg.webp'))); ?>>
<div class="section-inner community-grid">
<div class="community-copy">
<p class="eyebrow">Marcas que Brilham</p>
<h2><?php echo fm_text('fm_community_title'); ?></h2>
<div class="lead"><?php echo wpautop(fm_text('fm_community_text')); ?></div>
<div class="section-actions">
<a class="button" href="<?php echo fm_link('fm_community_url'); ?>"><?php echo esc_html(fm_mod('fm_community_button')); ?></a>
</div>
</div>
</div>
</section>
<section class="section blog-section" id="blog">
<div class="section-inner">
<div class="section-title">
<p class="eyebrow">Blog</p>
<h2><?php echo fm_text('fm_blog_title'); ?></h2>
<p class="lead"><?php echo fm_text('fm_blog_text'); ?></p>
</div>
<div class="blog-grid">
<?php
$blog_query = new WP_Query(array(
'posts_per_page' => 3,
'post_status' => 'publish',
'ignore_sticky_posts' => true,
));
?>
<?php if ($blog_query->have_posts()) : ?>
<?php while ($blog_query->have_posts()) : $blog_query->the_post(); ?>
<article class="blog-card">
<div>
<time datetime="<?php echo esc_attr(get_the_date('c')); ?>"><?php echo esc_html(get_the_date()); ?></time>
<h3><?php the_title(); ?></h3>
<p class="muted"><?php echo esc_html(wp_trim_words(get_the_excerpt(), 22)); ?></p>
</div>
<a class="button secondary" href="<?php the_permalink(); ?>">Ler artigo</a>
</article>
<?php endwhile; wp_reset_postdata(); ?>
<?php else : ?>
<article class="blog-card">
<div>
<time>Blog</time>
<h3>Seus artigos aparecerão aqui</h3>
<p class="muted">Quando houver posts publicados no WordPress, os três mais recentes serão exibidos nesta seção.</p>
</div>
<a class="button secondary" href="<?php echo fm_button_link('fm_blog_url', '', home_url('/blog')); ?>">Acessar Blog</a>
</article>
<?php endif; ?>
</div>
<div class="section-actions">
<a class="button secondary" href="<?php echo fm_button_link('fm_blog_url', '', home_url('/blog')); ?>"><?php echo esc_html(fm_mod('fm_blog_button')); ?></a>
</div>
</div>
</section>
<section class="section final-cta">
<div class="section-inner centered">
<p class="eyebrow">Próximo passo</p>
<h2><?php echo fm_text('fm_final_title'); ?></h2>
<p class="lead"><?php echo fm_text('fm_final_text'); ?></p>
<div class="hero-actions">
<a class="button" href="<?php echo fm_button_link('fm_final_url', 'fm_quiz_url'); ?>"><?php echo esc_html(fm_mod('fm_final_button')); ?></a>
</div>
</div>
</section>
</main>