/home/bdqbpbxa/demo-subdomains/paytech.goodface.com.ua/wp-content/themes/paytech/succes-stories.php
<?php
// Template name: Success stories
get_header();
$template_directory = get_template_directory_uri();
$srcset = 'srcset="' . $template_directory . '/assets/images/lazyload.png"';
?>
<?php
$args = [];
$args['is_light'] = false;
get_template_part('templates/blocks/breadcrumbs', null, $args);
?>
<main>
<?php
$main = get_field('main');
?>
<section class="small-title-section">
<div class="container">
<?php
if ($main['title']) :
?>
<h1 class="section-title title-1 mob-title-1" data-animate="word">
<?php echo $main['title']; ?>
</h1>
<?php
endif;
if ($main['subtitle']) :
?>
<p class="subtitle text-3 mob-text-3 -higher" data-animate="swim-top">
<?php
echo $main['subtitle'];
?>
</p>
<?php
endif;
?>
</div>
</section>
<?php
$hide_success_stories = get_field('hide_success_stories');
if (!$hide_success_stories) :
$success_stories = get_field('success_stories', 'option');
?>
<section class="succes-story -bigger" data-animate-list="list">
<div class="container">
<div class="succes-slider">
<div class="slider">
<div class="swiper-wrapper">
<?php
foreach($success_stories as $key=>$story) :
if ($story['title']) :
$current_slide = $key + 1 < 10 ? '0' . $key + 1 : $key + 1 ;
$all_slides_count = count($success_stories) + 1 < 10 ? '0' . count($success_stories) : count($success_stories);
$connected_review = findObjectByReviewId(get_field('reviews', 'option'), $story['review_id']);
?>
<div class="swiper-slide success-slide" data-animate="swim-top">
<span class="number text-7 mob-text-7">
<span><?php echo $current_slide; ?></span><span><?php echo $all_slides_count; ?></span>
</span>
<?php
if ($connected_review['logo']['black']) :
?>
<div class="logo">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $connected_review['logo']['black']['url']; ?>" alt="<?php echo $connected_review['logo']['black']['alt']; ?>">
</div>
<?php
endif;
?>
<?php
if ($story['connected_to_product']) :
?>
<div class="labels-wrapper">
<?php
foreach($story['connected_to_product'] as $label) :
$preview = get_field('preview', $label);
$title = $preview['title'] ? $preview['title'] : get_the_title($label);
$color = $preview['product_color'];
?>
<p class="product-label text-5 mob-text-5 -medium" style="background-color: <?php echo $color; ?>">
<?php echo $title; ?>
</p>
<?php
endforeach;
?>
</div>
<?php
endif;
?>
<div class="title-3 mob-title-3 title">
<?php
echo $story['title'];
?>
</div>
<div class="colored-tabs --tabs-container" data-auto-height>
<div class="--tabs-container__menu">
<?php
if ($story['tabs']['chalenge_text']) :
?>
<div class="--tabs-container__menu-item text-5 mob-text-5"
data-active-color="pink">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/check-circle.svg" alt="">
Challenge
</div>
<?php
endif;
if ($story['tabs']['solution_text']) :
?>
<div class="--tabs-container__menu-item text-5 mob-text-5"
data-active-color="green">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/help-circle.svg" alt="">
Solution
</div>
<?php
endif;
if ($story['tabs']['implementation_text']) :
?>
<div class="--tabs-container__menu-item text-5 mob-text-5"
data-active-color="blue">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/settings.svg" alt="">
Implementation
</div>
<?php
endif;
if ($story['tabs']['achievements_text']) :
?>
<div class="--tabs-container__menu-item text-5 mob-text-5"
data-active-color="yellow">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/trophy.svg" alt="">
Achievements
</div>
<?php
endif;
if ($story['tabs']['benefits_text']) :
?>
<div class="--tabs-container__menu-item text-5 mob-text-5"
data-active-color="french-italic">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/stars.svg" alt="">
Benefits
</div>
<?php
endif;
if ($story['tabs']['success_story_text']) :
?>
<div class="--tabs-container__menu-item text-5 mob-text-5"
data-active-color="grass-green">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/message-check-square.svg" alt=""> Success story
</div>
<?php
endif;
if ($story['tabs']['impact']) :
?>
<div class="--tabs-container__menu-item text-5 mob-text-5"
data-active-color="purple">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/lightning.svg" alt=""> Impact
</div>
<?php
endif;
if ($story['tabs']['highlights']) :
?>
<div class="--tabs-container__menu-item text-5 mob-text-5"
data-active-color="orange">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/list.svg" alt="">
Highlights
</div>
<?php
endif;
?>
</div>
<div class="--tabs-container__items text-3 mob-text-3 -higher">
<div class="--tabs-container__items-inner">
<?php
if ($story['tabs']['chalenge_text']) :
?>
<div class="--tabs-container__item" data-active-color="pink">
<?php echo $story['tabs']['chalenge_text']; ?>
</div>
<?php
endif;
if ($story['tabs']['solution_text']) :
?>
<div class="--tabs-container__item" data-active-color="green">
<?php echo $story['tabs']['solution_text']; ?>
</div>
<?php
endif;
if ($story['tabs']['implementation_text']) :
?>
<div class="--tabs-container__item" data-active-color="blue">
<?php echo $story['tabs']['implementation_text']; ?>
</div>
<?php
endif;
if ($story['tabs']['achievements_text']) :
?>
<div class="--tabs-container__item" data-active-color="yellow">
<?php echo $story['tabs']['achievements_text']; ?>
</div>
<?php
endif;
if ($story['tabs']['benefits_text']) :
?>
<div class="--tabs-container__item" data-active-color="french-italic">
<?php echo $story['tabs']['benefits_text']; ?>
</div>
<?php
endif;
if ($story['tabs']['success_story_text']) :
?>
<div class="--tabs-container__item" data-active-color="grass-green">
<?php echo $story['tabs']['success_story_text']; ?>
</div>
<?php
endif;
if ($story['tabs']['impact']) :
?>
<div class="--tabs-container__item" data-active-color="purple">
<?php echo $story['tabs']['impact']; ?>
</div>
<?php
endif;
if ($story['tabs']['highlights']) :
?>
<div class="--tabs-container__item" data-active-color="orange">
<?php echo $story['tabs']['highlights']; ?>
</div>
<?php
endif;
?>
</div>
</div>
</div>
<?php
$button = get_link_group_field($main['read_clients_feedback_button']);
if ($button) :
?>
<a href="<?php echo $button['url']; ?>" <?php echo $button['target']; ?> class="review-anchor text-3 mob-text-3 -medium"><?php echo $button['title']; ?></a>
<?php
endif;
?>
</div>
<?php
endif;
endforeach;
?>
</div>
<div class="navigation swiper-navigation" data-animate="fade">
<div class="prev swiper-navigation__button"></div>
<div class="next swiper-navigation__button"></div>
</div>
</div>
<div class="nav-pag navigation swiper-navigation">
<div class="prev swiper-navigation__button"></div>
<div class="pagination"></div>
<div class="next swiper-navigation__button"></div>
</div>
</div>
</div>
</section>
<?php
endif;
?>
<?php
$args = [];
$args['color_schema'] = 'black';
get_template_part('templates/blocks/reviews', null, $args);
?>
<section class="pricing-plans">
<div class="container">
<h2 class="section-title title-1 mob-title-1" data-animate="word">
Find your <br>
perfect pricing <br>
<span class="img"><span class="img-wrapper"><img class="-lazyload" <?php echo $srcset; ?>
src="<?php echo $template_directory; ?>/assets/images/icons/check-circle-black.svg" alt=""></span></span> plan.
</h2>
<div class="pricing-plans__wrapper" data-animate-group="list">
<div class="pricing-plan__item" data-animate="swim-top">
<p class="title text-1 mob-text-1 -bold">
Lite
</p>
<p class="text-3 mob-text-3 -higher best-for">
Best for: Merchants, Startup PSPs, ISOs
</p>
<p class="price title-3 mob-title-2">
999 €
<span class="text-3 mob-text-3 -medium">
/ mo
</span>
</p>
<a href="#form-section" class="default-button">
Get Lite
</a>
<p class="free-transactions-title text-3 mob-text-3 -bold">
Free transactions:
</p>
<p class="free-transactions-text text-3 mob-text-3 -higher">
20,000 / month <br>
Then 0.05 € each
</p>
<div class="pricing-plans__key-features -open">
<div class="pricing-plans__key-features__wrapper">
<div class="pricing-plans__key-content">
<span class="separator"></span>
<p class="title text-3 mob-text-3 -bold">
Key features:
</p>
<ul class="list text-3 mob-text-3 -higher">
<li>Payment gateway</li>
<li>Routing and Failover</li>
<li>PCI DSS compliance</li>
<li>Analytics and reporting</li>
<li>Unified dashboard</li>
</ul>
</div>
</div>
<div class="opener">
<span class="plus"></span>
</div>
</div>
</div>
<div class="pricing-plan__item -popular" data-animate="swim-top">
<div class="popular-label">
<span class="text text-6 mob-text-6">
Most popular
</span>
</div>
<p class="title text-1 mob-text-1 -bold">
Business
</p>
<p class="text-3 mob-text-3 -higher best-for">
Best for: PSP, Multi-brand Merchants (multiple websites)
</p>
<p class="price title-3 mob-title-2">
2,500 €
<span class="text-3 mob-text-3 -medium">
/ mo
</span>
</p>
<a href="#form-section" class="default-button">
Get Business
</a>
<p class="free-transactions-title text-3 mob-text-3 -bold">
Free transactions:
</p>
<p class="free-transactions-text text-3 mob-text-3 -higher">
50,000 / month <br />
Then 0.04 € each
</p>
<div class="pricing-plans__key-features -open">
<div class="pricing-plans__key-features__wrapper">
<div class="pricing-plans__key-content">
<span class="separator"></span>
<p class="title text-3 mob-text-3 -bold">
Everything in Lite, and:
</p>
<ul class="list text-3 mob-text-3 -higher">
<li>Custom URLs and dedicated hosting</li>
<li>Custom branding and multi-checkout designs</li>
<li>Dedicated PCI DSS</li>
<li>Live monitoring and alerts</li>
</ul>
</div>
</div>
<div class="opener">
<span class="plus"></span>
</div>
</div>
</div>
<div class="pricing-plan__item" data-animate="swim-top">
<p class="title text-1 mob-text-1 -bold">
Finance
</p>
<p class="text-3 mob-text-3 -higher best-for">
Best for: Financial Institutions and EMI/PI/MSB/SPI
</p>
<p class="price title-3 mob-title-2">
5,000 €
<span class="text-3 mob-text-3 -medium">
/ mo
</span>
</p>
<a href="#form-section" class="default-button">
Get Finance
</a>
<p class="free-transactions-title text-3 mob-text-3 -bold">
Free transactions:
</p>
<p class="free-transactions-text text-3 mob-text-3 -higher">
100,000 / month <br />
Then 0.03 € each
</p>
<div class="pricing-plans__key-features -open">
<div class="pricing-plans__key-features__wrapper">
<div class="pricing-plans__key-content">
<span class="separator"></span>
<p class="title text-3 mob-text-3 -bold">
Everything in Business, and:
</p>
<ul class="list text-3 mob-text-3 -higher">
<li>Banking</li>
<li>Reconciliation, Accounting, Invoicing</li>
<li>Settlement calculator</li>
<li>Mass payouts</li>
</ul>
</div>
</div>
<div class="opener">
<span class="plus"></span>
</div>
</div>
</div>
<div class="pricing-plan__item" data-animate="swim-top">
<p class="title text-1 mob-text-1 -bold">
Enterprise
</p>
<p class="text-3 mob-text-3 -higher best-for">
Best for: Financial Institutions, Digital Banks
</p>
<p class="price title-3 mob-title-2">
TBD
</p>
<a href="#form-section" class="default-button">
Contact Sales
</a>
<p class="free-transactions-title text-3 mob-text-3 -bold">
Free transactions:
</p>
<p class="free-transactions-text text-3 mob-text-3 -higher">
Unlimited
</p>
<div class="pricing-plans__key-features -always-open">
<div class="pricing-plans__key-features__wrapper">
<div class="pricing-plans__key-content">
<span class="separator"></span>
<p class="title text-3 mob-text-3 -bold">
Key features:
</p>
<ul class="list -star-list text-3 mob-text-3 -higher">
<li>Reach out for a tailored solution</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<?php
$curr_page = get_the_permalink();
$pricing_page = get_the_permalink(320);
?>
<a href="<?php echo $pricing_page; ?>" class="default-button -white -border -arrow-right" data-animate="swim-top">
Detailed comparison of plans
</a>
</div>
</section>
<section class="form-section" id="form-section">
<div class="container">
<div class="form" data-animate="swim-top">
<div class="form-start">
<div class="form-start__left">
<h2 class="title --reverse-z-index title-2 mob-title-2">
Contact <br>
our Sales <br>
<span class="img"><span class="img__wrapper"><img class="-lazyload" <?php echo $srcset; ?>
src="<?php echo $template_directory; ?>/assets/images/avatars/circle-avatar-1.png" alt=""></span></span><span class="img"><span
class="img__wrapper"><img class="-lazyload" <?php echo $srcset;?> src="<?php echo $template_directory; ?>/assets/images/avatars/circle-avatar-2.png" alt=""></span></span><span
class="img"><span class="img__wrapper"><img class="-lazyload" <?php echo $srcset; ?>
src="<?php echo $template_directory; ?>/assets/images/avatars/circle-avatar-3.png" alt=""></span></span>
team.
</h2>
<p class="text text-3 mob-text-3 -higher">
Provide your information to help our Sales <br class="--pcdisplay"> team better understand your needs.
</p>
</div>
<div class="form-start__wrapper">
<?php echo do_shortcode('[contact-form-7 id="e520d3e"]'); ?>
</div>
</div>
<div class="form-complete">
<div class="form-complete__left">
<h2 class="title title-2 mob-title-2">
Thanks for
enquiring <br />
<span class="img"><span class="img__wrapper"><img class="-lazyload" <?php echo $srcset; ?>
src="<?php echo $template_directory; ?>/assets/images/icons/check-circle-green.svg" alt=""></span></span> with us.
</h2>
<p class="text text-3 mob-text-3 -higher">
We’ll contact you directly to get things <br class="--pc-display"> moving – we may ask you for
additional <br class="--pc-display"> information about your
enquiry.
</p>
</div>
<div class="form-complete__wrapper">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/form-completed.svg" alt="">
</div>
</div>
</div>
</div>
</section>
</main>
<?php
get_footer();
?>
