JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js"></script>
<section id="fp_content_005" class="visible-md visible-lg">
	<div class="container">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<article>
				<?php if( get_field('koptekst_5') ): ?>
					<h2><?php the_field('koptekst_5'); ?></h2>
					<div style="display:block;height:2px;width:30px;background:#f60;margin-left:auto;margin-right:auto;margin-bottom:15px;margin-top:15px;"></div>
				<?php endif; ?>
				<?php if( get_field('content_koptekst_5') ): ?>
					<?php the_field('content_koptekst_5'); ?>
				<?php endif; ?>
			</article>
			<div class="flexslider-car">
				<ul class="bxslider">
					<?php get_template_part('loop-ons-team'); ?>
				</ul>
				<div id="slider-prev"></div>
				<div id="slider-next"></div>
			</div>
		</div>
	</div>
</section>
<!-- /END Frontpage our team -->
<!-- START Frontpage contact form -->
<section id="fp_content_006">
	<div class="container">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<article>
				<?php if( get_field('koptekst_6') ): ?>
					<h2><?php the_field('koptekst_6'); ?></h2>
					<div style="display:block;height:2px;width:30px;background:#f60;margin-left:auto;margin-right:auto;margin-bottom:15px;margin-top:15px;"></div>
				<?php endif; ?>
				<?php if( get_field('content_koptekst_6') ): ?>
					<?php the_field('content_koptekst_6'); ?>
				<?php endif; ?>
			</article>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<div class="row">
				<div id="front_page_contactformulier">
					<span class="error">Error</span>
				</div>
			</div>
		</div>
	</div>
</section>
<section id="google_maps">
	<?php echo do_shortcode('[wpgmza id="1"]'); ?>
</section>

CSS

#fp_content_005 {position:relative;margin-bottom:90px;padding-top:90px;padding-bottom:90px;text-align:center;min-height:300px;background:#FFF;}
#fp_content_006 {position:relative;margin-bottom:90px;text-align:center;margin-top:90px;background:blue;min-height:600px;}
#google_maps {min-height:300px;}

JavaScript

if (jQuery("#front_page_contactformulier span").hasClass("error")) {
	jQuery('body').scrollTo('#fp_content_006',4000);
}