File: /var/www/kevin-demo/wp-content/themes/fitmencook/page-nutrition.php
<?php
/* Template Name: Nutrition Page */
get_header();
?>
<section class="nutrition-hero-section fmc_container">
<div class="nutrition-hero-section-text-wrapper">
<?php if (have_rows('nutrition_hero_partnership')): ?>
<?php while (have_rows('nutrition_hero_partnership')): the_row(); ?>
<div class="nutrition-hero-in-partnership">
<p class="nutrition-hero-in-partnership-text"><?php echo esc_html(get_sub_field('nutrition-hero-text')); ?> </p>
<?php
$logo = get_sub_field('nutrition-hero-img-logo');
if($logo): ?>
<img src="<?php echo esc_url($logo); ?>" alt="">
<?php endif; ?>
</div>
<?php endwhile; ?>
<?php endif; ?>
<div class="nutrition-hero-section-tittle-wrapper">
<h1 class="nutrition-hero-section-main-heading"><?php echo esc_html(get_field('nutrition_hero_title')); ?></h1>
<div class="nutrition-hero-section-text">
<?php echo wp_kses_post(get_field('nutrition_hero_text')); ?>
</div>
</div>
<div class="nutrition-hero-button-wrapper">
<a class="nutrition-button-main" href="/coach-page/"> <?php echo esc_html(get_field('nutrition_hero_main_button_text')); ?> </a>
<a class="nutrition-button-secondary" href="#nutrition-our-offer"> <?php echo esc_html(get_field('nutrition_hero_secondary_button_text')); ?>
<ion-icon class="nutrition-chevron-icon" name="chevron-down-outline"></ion-icon>
</a>
</div>
<div class="nutrition-hero-blockquote">
<p class="nutrition-hero-blockquote-text"><?php echo esc_html(get_field('nutrition_hero_quote')); ?></p>
<cite class="nutrition-hero-blockquote-cite"> <?php echo esc_html(get_field('nutrition_hero_quote_author')); ?> </cite>
</div>
</div>
<div class="nutrition-hero-section-image-wrapper">
<?php
$nutrition_hero_main_image = get_field('nutrition_hero_image');
if($nutrition_hero_main_image): ?>
<img src="<?php echo esc_url($nutrition_hero_main_image); ?>" alt="">
<?php endif; ?>
</div>
</section>
<section class="nutrition-journey-section fmc_container">
<div class="nutrition-journey-container">
<div class="nutrition-journey-heading-container">
<p class="heading-tertiary"><?php echo esc_html(get_field('nutrition_journey_small_heading')); ?></p>
<h2 class="heading-secondary"><?php echo esc_html(get_field('nutrition_jorney_big_heading')); ?></h2>
</div>
<div class="nutrition-journey-text-container">
<p class="nutrition-journey-text">
<?php echo esc_html(get_field('nutrition_journey_text')); ?>
</p>
<p class="nutrition-journey-text">
<?php echo esc_html(get_field('nutrition_journey_second_text')); ?>
</p>
</div>
</div>
<div class="nutrition-journey-gallery-container">
<p class="nutrition-journey-gallery-heading"><?php echo esc_html(get_field('nutrition_journey_before_images_text')); ?></p>
<div class="nutrition-journey-gallery-img-container">
<?php if(have_rows('nutrition_journey_gallery')): ?>
<?php while(have_rows('nutrition_journey_gallery')): the_row(); ?>
<div class="nutrition-journey-content-box">
<?php
$nutrition_journey_image = get_sub_field('nutrition_journey_image');
if($nutrition_journey_image): ?>
<img
class="nutrition-journey-img"
src="<?php echo esc_url($nutrition_journey_image); ?>"
alt=""
/>
<?php endif; ?>
<?php
$nutrition_journey_gallery_text = get_sub_field('nutrition_journey_gallery_text');
if($nutrition_journey_gallery_text): ?>
<div class="nutrition-journey-text-icon-wrapper">
<!-- <ion-icon class="nutrition-journey-text-icon-arrow" name="arrow-forward-outline"></ion-icon> -->
<img src="/wp-content/uploads/2025/06/arrow-sm-right.svg" alt="">
<p class="nutrition-journey-text">
<?php echo esc_html($nutrition_journey_gallery_text) ?>
</p>
</div>
<?php endif; ?>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="nutrition-journey-banner">
<div class="nutrition-journey-banner-text-container">
<p class="nutrition-journey-banner-text-title"><?php echo esc_html(get_field('nutrition_journey_banner_heading')); ?></p>
<p class="nutrition-journey-banner-text">
<?php echo esc_html(get_field('nutrition_journey_banner_text')); ?>
</p>
</div>
<a href="/coach-page/" class="nutrition-journey-banner-btn"><?php echo esc_html(get_field('nutrition_journey_banner_button_text')); ?></a>
</div>
</div>
</section>
<section class="nutrition-our-offer fmc_container">
<img class="nutrition-our-offer-decoration-image" src="/wp-content/uploads/2025/02/Frame-48095690.png" alt="">
<div class="nutrition-our-offer-container fmc_container">
<div class="nutrition-our-offer-box" id="nutrition-our-offer">
<p class="heading-tertiary"><?php echo esc_html(get_field('nutrition_our_offer_small_heading')); ?></p>
<h2
class="heading-secondary heading-secondary-white nutrition-our-offer-heading"
>
<?php echo esc_html(get_field('nutrition_our_offer_big_heading')); ?>
</h2>
<p class="nutrition-our-offer-text">
<?php echo esc_html(get_field('nutrition_our_offer_text')); ?>
</p>
</div>
<div class="nutrition-our-offer-flex-list">
<?php if(have_rows('nutrition_our_offer_advantages')): ?>
<?php while(have_rows('nutrition_our_offer_advantages')): the_row(); ?>
<div class="nutrition-our-offer-item">
<?php
$nutrition_our_offer_item_image = get_sub_field('nutrition_our_offer__image');
if($nutrition_our_offer_item_image): ?>
<img src="<?php echo esc_url($nutrition_our_offer_item_image); ?>" alt="notebook icon" />
<?php endif; ?>
<p class="nutrition-our-offer-item-heading">
<?php echo esc_html(get_sub_field('nutrition_our_offer_heading')); ?>
</p>
<ul class="nutrition-our-offer-ul">
<?php if(have_rows('nutrition_our_offer_advantages_text')): ?>
<?php while(have_rows('nutrition_our_offer_advantages_text')): the_row(); ?>
<li class="nutrition-our-offer-li">
<div>
<!-- <img class="nutrition-our-offer-li-icon" src="https://wordpressmu-981514-5046008.cloudwaysapps.com/wp-content/uploads/2025/02/Frame-1.png" alt=""> -->
<ion-icon class="nutrition-our-offer-li-icon" name="checkmark-circle-outline"></ion-icon>
</div>
<p class="nutrition-our-offer-li-text">
<?php echo esc_html(get_sub_field('nutrition_our_offer_advantage_text')); ?>
</p>
</li>
<?php endwhile; ?>
<?php endif; ?>
</ul>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="slider-container">
<div class="slider">
<?php if(have_rows('nutrition_our_offer_image_slider')): ?>
<?php while(have_rows('nutrition_our_offer_image_slider')): the_row(); ?>
<div class="slide">
<?php
$slider_image_1 = get_sub_field('nutrition_our_offer_slider_image_1');
$slider_image_2 = get_sub_field('nutrition_our_offer_slider_image_2');
$slider_image_3 = get_sub_field('nutrition_our_offer_slider_image_3');
$slider_image_4 = get_sub_field('nutrition_our_offer_slider_image_4');
if($slider_image_1 && $slider_image_2 && $slider_image_3 && $slider_image_4): ?>
<img src="<?php echo esc_url($slider_image_1) ?>" alt="Image 1" />
<img src="<?php echo esc_url($slider_image_2) ?>" alt="Image 2" />
<img src="<?php echo esc_url($slider_image_3) ?>" alt="Image 3" />
<img src="<?php echo esc_url($slider_image_4) ?>" alt="Image 4" />
<?php endif; ?>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<button class="slider__btn slider__btn--left">
<img src="/wp-content/uploads/2025/02/left-arrow-icon.png" alt="" />
</button>
<button class="slider__btn slider__btn--right">
<img src="/wp-content/uploads/2025/02/right-arrow-icon.png" alt="" />
</button>
<div class="dots"></div>
</div>
</div>
</div>
</section>
<section class="nutrition-featured-in ">
<?php if( have_rows('nutrition_our_offer_featured_logos') ): ?>
<div class="fmc_logos_track spacing_1">
<div class="fmc_container">
<h2 class="fmc_fi_title spacing_0_3">
<?php echo esc_html( get_field('nutrition_our_offer_featured_in_text') ); ?>
</h2>
<div class="fmc_lt_inner carousel-logos">
<?php while( have_rows('nutrition_our_offer_featured_logos') ): the_row();
$logo_url = get_sub_field('nutrition_our_offer_featured_logo_image');
if( $logo_url ):
$attachment_id = attachment_url_to_postid( $logo_url );
?>
<figure class="carousel-cell">
<?php if( $attachment_id ):
echo wp_get_attachment_image( $attachment_id, 'full' );
else: ?>
<img src="<?php echo esc_url( $logo_url ); ?>" alt="" />
<?php endif; ?>
</figure>
<?php endif; endwhile; ?>
</div>
</div>
</div>
<?php endif; ?>
</section>
<section class="nutrition-how-it-works fmc_container">
<h3 class="heading-tertiary"><?php echo esc_html(get_field('nutrition_how_it_works_small_heading')); ?></h3>
<h2 class="heading-secondary"><?php echo esc_html(get_field('nutrition_how_it_works_big_heading')); ?></h2>
<div class="nutrition-how-it-works-text-container">
<img class="nutrition-how-it-wors-decoration-arrows arrow-1" src="/wp-content/uploads/2025/02/Frame-48095693.png" alt="">
<img class="nutrition-how-it-wors-decoration-arrows arrow-2" src="/wp-content/uploads/2025/02/Frame-48095694.png" alt="">
<?php if(have_rows('nutrition_how_it_works_steps')): ?>
<?php while(have_rows('nutrition_how_it_works_steps')): the_row(); ?>
<div class="nutrition-how-it-works-text-wrapper">
<p class="nutrition-how-it-works-number"><?php echo esc_html(get_sub_field('nutrition_how_it_works_number')); ?></p>
<p class="nutrition-how-it-works-text"><?php echo wp_kses_post(get_sub_field('nutrition_how_it_works_text')); ?></p>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<a class="nutrition-button-main margin-sm-top" href="/coach-page/"
><?php echo esc_html(get_field('nutrition_how_it_works_button_text')); ?></a
>
</section>
<section class="nutrition-why-choose-us ">
<img class="why-choose-us-decoration-img" src="/wp-content/uploads/2025/02/Frame-48095708.png" alt="">
<div class="nutrition-why-choose-us-big-container fmc_container">
<h3 class="heading-tertiary"><?php echo esc_html(get_field('nutrition_why_choose_us_small_heading')); ?></h3>
<h2 class="heading-secondary nutrition-why-choose-us-heading">
<?php echo esc_html(get_field('nutrition_why_choose_us_big_heading')); ?>
</h2>
<div class="nutrition-why-choose-us-container">
<?php if(have_rows("nutrition_why_choose_us_benefits")): ?>
<?php while(have_rows("nutrition_why_choose_us_benefits")): the_row(); ?>
<div class="nutrition-why-choose-us-icon-text-container">
<?php
$nutrition_why_choose_use_icon_image = get_sub_field('nutrition_why_choose_us_benefit_icon');
if($nutrition_why_choose_use_icon_image): ?>
<img src="<?php echo esc_url($nutrition_why_choose_use_icon_image) ?>" alt="" />
<?php endif; ?>
<p class="nutrition-why-choose-us-small-heading">
<?php echo esc_html(get_sub_field('nutrition_why_choose_us_benefit_heading')); ?>
</p>
<p class="nutrition-why-choose-us-text">
<?php echo esc_html(get_sub_field('nutrition_why_choose_us_benefit_text')); ?>
</p>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="nutrition-why-choose-us-coach-container">
<?php if(have_rows('nutrition_why_choose_us_coaches')): ?>
<?php while(have_rows('nutrition_why_choose_us_coaches')): the_row(); ?>
<div class="nutrition-why-choose-us-coach-description">
<?php
$nutrition_why_choose_us_coach_image = get_sub_field('nutrition_why_choose_us_coach_image');
$insta = get_sub_field('nutrition_why_choose_us_instagram_url');
$fb = get_sub_field('nutrition_why_choose_us_facebook_url');
$fb_icon = get_sub_field('nutrition_why_choose_us_facebook_icon');
$insta_icon = get_sub_field('nutrition_why_choose_us_instagram_icon');
$yt = get_sub_field('nutrition_why_choose_us_youtube_url');
$yt_icon = get_sub_field('nutrition_why_choose_us_youtube_icon');
$coach_bio = get_sub_field('coach_bio');
if($nutrition_why_choose_us_coach_image): ?>
<img
class="nutrition-why-choose-us-image"
src="<?php echo esc_url($nutrition_why_choose_us_coach_image) ?>"
alt=""
/>
<?php endif; ?>
<div class="nutrition-why-choose-us-coach-info-container">
<div class='nutrition-why-choose-us-coach-info'>
<p class="nutrition-why-choose-us-coach-name"><?php echo esc_html(get_sub_field('nutrition_why_choose_us_coach_name')); ?></p>
<p class="nutrition-why-choose-us-coach-specialty">
<?php echo esc_html(get_sub_field('nutrition_why_choose_us_coach_specialty')); ?>
</p>
<p class="nutrition-why-choose-us-coach-bio ">
<?php echo wp_kses_post($coach_bio); ?>
</p>
</div>
<div class="facebook-inst-logo-wrapper">
<?php if ($insta && $insta_icon) : ?>
<a href="<?php echo esc_url($insta); ?> " target="_blank" rel="noopener noreferrer">
<img class="social-icon" src="<?php echo esc_url($insta_icon); ?>" alt="instagram icon" />
</a>
<?php endif; ?>
<?php if ($fb && $fb_icon) : ?>
<!-- src="/wp-content/uploads/2025/02/Frame-48095701.png" -->
<a href="<?php echo esc_url($fb) ?> " target="_blank" rel="noopener noreferrer">
<img class="social-icon" src="<?php echo esc_url($fb_icon); ?>" alt="facebook icon" />
</a>
<?php endif; ?>
<?php if ($yt && $yt_icon) : ?>
<a href="<?php echo esc_url($yt) ?> " target="_blank" rel="noopener noreferrer">
<img class="social-icon" src="<?php echo esc_url($yt_icon); ?>" alt="youtube icon" />
</a>
<?php endif; ?>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</section>
<section class="nutrition-results">
<h3 class="heading-tertiary text-center"><?php echo esc_html(get_field('nutrition_result_small_heading')); ?></h3>
<h2 class="heading-secondary text-center nutrition-results-heading">
<?php echo esc_html(get_field('nutrition_result_big_heading')); ?>
</h2>
<div class="nutrition-results-review-grid ">
<?php if(have_rows('nutrition_result_review_images')): ?>
<?php while(have_rows('nutrition_result_review_images')): the_row(); ?>
<div class="nutrition-review-img-container">
<?php
$nutrition_review_image = get_sub_field('nutrition_image_review');
if($nutrition_review_image): ?>
<img src="<?php echo esc_url($nutrition_review_image) ?>" alt="">
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
</section>
<section class="nutrition-faqs">
<h3 class="heading-tertiary text-center"><?php echo esc_html(get_field('nutrition_faqs_small_heading')); ?></h3>
<h2 class="heading-secondary text-center nutrition-faqs-heading">
<?php echo esc_html(get_field('nutrition_faqs_big_heading')); ?>
</h2>
<div class="nutrition-questions fmc_container">
<?php if(have_rows('nutrition_faqs_questions')): ?>
<?php while(have_rows('nutrition_faqs_questions')): the_row(); ?>
<article class="nutrition-question">
<div class="nutrition-question-title">
<p>
<?php echo esc_html(get_sub_field('nutrition_question_title')); ?>
</p>
<button type="button" class="question-btn">
<span class="plus-icon">
<ion-icon name="add-circle-outline"></ion-icon>
</span>
<span class="minus-icon">
<ion-icon name="remove-circle-outline"></ion-icon>
</span>
</button>
</div>
<div class="nutrition-question-text">
<?php echo esc_html(get_sub_field('nutrition_question_text')) ?>
</div>
</article>
<?php endwhile; ?>
<?php endif; ?>
</div>
</section>
<?php
$bg_image = get_field('nutrition_first_step_background_image');
$bg_style = $bg_image ? "background-image: url('" . esc_url($bg_image) . "');" : '';
?>
<section class="nutrition-first-step fmc_container" style="<?php echo $bg_style; ?>">
<h2 class="heading-secondary nutrition-first-step-heading">
<?php echo esc_html(get_field('nutrition_first_step_title')); ?>
</h2>
<p class="nutrition-first-step-text">
<?php echo esc_html(get_field('nutrition_first_step_text')); ?>
</p>
<a href="/coach-page/" class="nutrition-first-step-btn"><?php echo esc_html(get_field('nutrition_first_step_button_text')) ?></a>
</section>
<!-- -->
<?php
get_footer(); // Uključuje footer teme
?>