File: /var/www/stg-everycred.com/wp-content/themes/everycred/templates/page-trust-supply-chain.php
<?php /* Template name: Trust Supply Chain */
get_header();
?>
<!-- banner section -->
<?php
$banner_sub_title = get_field('banner_sub_title');
$banner_main_title = get_field('banner_main_title');
$banner_description = get_field('banner_description');
$banner_image = get_field('banner_image');
?>
<section class="img-banner">
<?php if($banner_image) { ?>
<img src="<?php echo $banner_image['url']; ?>" alt="<?php echo $banner_image['alt']; ?>"
fetchpriority="high" loading="eager" decoding="sync" width="1920" height="600" />
<?php } ?>
<div class="img-banner-content h-100">
<div class="container h-100">
<div class="d-flex align-items-center h-100 justify-content-center flex-column h-100 hero-text-col">
<?php if($banner_sub_title) { ?>
<div class="font-20 text-white sub-title"><?php echo $banner_sub_title; ?></div>
<?php }
if($banner_main_title) { ?>
<div class="font-52 text-white text-center text-medium my-4">
<?php echo $banner_main_title; ?>
</div>
<?php }
if($banner_description) { ?>
<div class="font-20 text-white text-center">
<?php echo $banner_description; ?>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<!-- what is supply chain section -->
<?php
$supply_chain_title = get_field('supply_chain_title');
$supply_chain_desc = get_field('supply_chain_description');
$verifiable_title = get_field('verifiable_title');
$verifiable_desc = get_field('verifiable_description');
$supply_info_details = get_field('supply_info_details');
?>
<section class="what-cred py-120 ">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<?php if($supply_chain_title) { ?>
<h2 class="font-42 font-black font-medium mt-3">
<?php echo $supply_chain_title; ?>
</h2>
<?php }
if($supply_chain_desc) { ?>
<div class="font-18 font-light-black mt-2">
<?php echo $supply_chain_desc; ?>
</div>
<?php } ?>
<div class="row mt-60">
<div class="col-12 col-md-4">
<?php if($verifiable_title) { ?>
<div class="font-22 font-black text-medium">
<?php echo $verifiable_title; ?>
</div>
<?php }
if($verifiable_desc) { ?>
<div class="font-18 font-light-black mt-3">
<?php echo $verifiable_desc; ?>
</div>
<?php } ?>
</div>
<div class="col-12 col-md-6 offset-md-2">
<?php
foreach($supply_info_details as $supply_info_detail) {
$supply_content = $supply_info_detail['content'];
?>
<div class="font-18 font-black mb-4">
<?php echo $supply_content; ?>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<!-- benifits section -->
<?php
$sub_title_cred = get_field('sub_title_manag_cred');
$main_title = get_field('main_title');
$contact_button = get_field('button');
$benifit_img = get_field('image');
$manage_cred_details = get_field('manage_credentials_detail');
?>
<section class="benifits-section py-120 pt-0">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<?php
if($sub_title_cred) { ?>
<div class="font-16 font-blue text-semi text-uppercase"><?php echo $sub_title_cred; ?></div>
<?php }
if($main_title) { ?>
<h2 class="font-42 font-black font-medium mt-3"><?php echo $main_title; ?></h2>
<?php } ?>
<div class="row mt-60 align-items-center flex-column-reverse flex-lg-row">
<div class="col-12 col-lg-5">
<?php
foreach($manage_cred_details as $manage_cred_detail) {
$manage_icon_img = $manage_cred_detail['icon_image'];
$manage_content = $manage_cred_detail['content'];
?>
<div class="font-18 font-black text-medium mt-2 mt-lg-4 d-flex align-items-center">
<img src="<?php echo $manage_icon_img['url']; ?>" alt="<?php echo $manage_icon_img['alt']; ?>" class="me-3" width="32px" />
<div>
<?php echo $manage_content; ?>
</div>
</div>
<?php }
wp_reset_postdata();
if($contact_button ) { ?>
<div class="mt-5">
<a href="<?php echo $contact_button['url'];?>" class="d-inline-block black-btn px-3 px-lg-4 py-2 py-lg-3 font-16 text-medium radius-40">
<?php echo $contact_button['title'];?>
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.31344 11.94L8.12544 10.752L12.0254 6.84H0.733438V5.16H12.0254L8.12544 1.248L9.31344 0.0599999L15.2654 6L9.31344 11.94Z" fill="#ffffff"/>
</svg>
</a>
</div>
<?php } ?>
</div>
<?php if($benifit_img) { ?>
<div class="col-12 col-lg-7 mb-3 mb-lg-0">
<img src="<?php echo $benifit_img['url']; ?>" alt="<?php echo $benifit_img['alt']; ?>" width="100%" />
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<!-- possibilities section -->
<?php
$pos_sec_sub_title = get_field('possibilities_section_sub_title');
$pos_sec_title = get_field('possibilities_section_title');
$pos_sliders = get_field('possibilities_slider');
?>
<section class="trust-posibilities py-120">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<div class="font-16 font-blue text-semi text-uppercase"><?php echo $pos_sec_sub_title; ?></div>
<h2 class="font-42 font-black font-medium mt-3"><?php echo $pos_sec_title; ?></h2>
<div class="owl-carousel owl-theme unveiling-possibilities">
<?php
foreach($pos_sliders as $pos_slider) {
$slider_img = $pos_slider['image'];
$slider_title = $pos_slider['title'];
$slider_desc = $pos_slider['description'];
?>
<div class="item">
<a href="#" class="posibilities-card position-relative overflow-hidden d-block">
<img src="<?php echo $slider_img['url']; ?>" alt="<?php echo $slider_img['alt']; ?>" />
<div class="card-detail">
<div class="font-20 text-black text-semi detail-text">
<?php echo $slider_title; ?>
</div>
<div class="font-18 text-black mt-2">
<?php echo $slider_desc; ?>
</div>
</div>
</a>
</div>
<?php }
wp_reset_postdata(); ?>
</div>
</div>
</div>
</section>
<?php
$blog_choose_heading = get_field('blog_choose_heading');
$blog_heading = get_field('blog_heading');
$select_blog = get_field('select_blogs');
if ($select_blog) {
?>
<section class="engineering-service bg-black">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<<?php echo $blog_choose_heading; ?> class="font-42 text-medium"><?php echo $blog_heading; ?></<?php echo $blog_choose_heading; ?>>
<div class="owl-carousel owl-theme case-study">
<?php foreach ($select_blog as $post) {
$feture_img = get_the_post_thumbnail_url($post->ID);
?>
<div class="item">
<a href="<?php the_permalink($post->ID); ?>" class="engineering-card position-relative overflow-hidden d-block">
<div class="engineering-card-img">
<img src="<?php echo $feture_img; ?>" alt="case-study" />
</div>
<div class="engineering-detail">
<div class="font-20 text-black text-medium detail-text">
<?php echo get_the_title(); ?>
</div>
</div>
</a>
</div>
<?php }
wp_reset_postdata(); ?>
</div>
</div>
</div>
</section>
<?php } ?>
<section class="contact-section bg-white py-120">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<div class="d-flex justify-content-between align-items-start align-items-lg-center flex-column flex-lg-row">
<div class="content">
<?php
if (get_field('title_contact', 28)) { ?>
<div class="text-black font-42 text-medium">
<?php echo get_field('title_contact', 28); ?>
</div>
<?php }
if (get_field('description', 28)) { ?>
<div class="font-16 text-black text-medium mt-3">
<?php echo get_field('description', 28); ?>
</div>
</div>
<?php }
if (get_field('button_url', 28)) { ?>
<a href="<?php echo get_field('button_url', 28); ?>"
class="mt-4 px-4 font-16 text-bold talk-btn black-btn d-flex align-items-center justify-content-center mx-0"><?php echo get_field('title_contact', 28); ?></a>
<?php } ?>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>