fbpx
Components
51
About Banner Banner Alternate Broadband Comparison Business Hero Call Strip Call Us Coming Soon Cards Contact Small Content Coverage Coverage Small Cta Callout Dual Banner Enquiry Form Example Faqs Accordion Feasibility Checker Feasibility Checker Map Fttp Hero Hero Alternate Icon Content Iframe Embed Image Text Carousel Inset Content Installation Latest News Logo Carousel News News Small Offer Hero Plans Plans Cards Post Grid Quote Testimonial Carousel Register Cta Salesforce Short Banner Speed Banner Speed Test Speed Test Banner Square Cards Status Support Text Banner Text Carousel Trustpilot Reviews Trustpilot Widget Usps Video

Business Hero

Meet the
challenge
of business
full on.

There are no ACF fields assigned to this component.
<?php

$overline 					= get_field( 'overline' );
$heading 					= get_field( 'heading' );
$subheading 				= get_field( 'subheading' );
$background_image 			= get_field( 'background_image' );
$background_image_mobile 	= get_field( 'background_image_mobile' );
$sticker_image 				= get_field( 'sticker' );
$sticker_mobile				= get_field( 'sticker_mobile' );

?>

<div class="block-business-hero">

	<div class="inner">

		<?php if ( $background_image ) : ?>
			<?php the_responsive_image(array(
				'ID'    => $background_image[ 'ID' ],
				'attrs' => array(
					'alt'   => $content_image[ 'alt' ],
					'class' => 'background desktop',
				),
				'sizes' => array(
					'xs' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					),
					'md' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					),
					'lg' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					)
				)
			)); ?>
		<?php endif; ?>

		<?php if ( $background_image_mobile ) : ?>
			<?php the_responsive_image(array(
				'ID'    => $background_image_mobile[ 'ID' ],
				'attrs' => array(
					'alt'   => $background_image_mobile[ 'alt' ],
					'class' => 'background mobile',
				),
				'sizes' => array(
					'xs' => array(
						'width' => 600,
						'height' => 600,
						'crop' => array('center', 'center')
					),
					'md' => array(
						'width' => 600,
						'height' => 600,
						'crop' => array('center', 'center')
					),
					'lg' => array(
						'width' => 600,
						'height' => 600,
						'crop' => array('center', 'center')
					)
				)
			)); ?>
		<?php endif; ?>

		<?php if ( $sticker_image ) : ?>
			<?php the_responsive_image(array(
				'ID'    => $sticker_image[ 'ID' ],
				'attrs' => array(
					'alt'   => $sticker_image[ 'alt' ],
					'class' => 'sticker',
				),
				'sizes' => array(
					'xs' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					),
					'md' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					),
					'lg' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					)
				)
			)); ?>
		<?php endif; ?>

		<?php if ( $sticker_mobile ) : ?>
			<?php the_responsive_image(array(
				'ID'    => $sticker_mobile[ 'ID' ],
				'attrs' => array(
					'alt'   => $sticker_mobile[ 'alt' ],
					'class' => 'sticker_mobile',
				),
				'sizes' => array(
					'xs' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					),
					'md' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					),
					'lg' => array(
						'width' => 1920,
						'height' => 1080,
						'crop' => array('center', 'center')
					)
				)
			)); ?>
		<?php endif; ?>

		<div class="container">
			<div class="centre"  data-aos="fade-up">

				<?php if ($heading): ?>
					<span class="heading"><?php echo $heading; ?></span>
				<?php endif; ?>
				<?php if ($subheading): ?>
					<span class="subheading desktop">

						<div class="buttons">
							<a href="#checker" class="btn btn--white  scroll">Check availability</a>
							<?php if ( get_field( 'enable_call_cta', 'options' ) ) : ?>
								<?php $dayofweek = date('w');
									$openHours = get_field( 'office_hours', 'options' );
									if ($openHours) {
									if($openHours[($dayofweek - 1)]) {
										$lines_open = $openHours[($dayofweek - 1)]['lines_open'];
										$lines_close = $openHours[($dayofweek - 1)]['lines_close'];
										$date = date('H:i:s');
										if (strtotime($date) > strtotime($lines_open) && strtotime($date) < strtotime($lines_close)) {
											$show_call_CTA = true;
										} else {
											$show_call_CTA = false;
										}
									}

									if ($show_call_CTA) {
										if ( $main_telephone_number = get_field( 'main_telephone_number', 'options' ) ) {
											echo '<a href="tel:' . preg_replace('/\s+/', '', $main_telephone_number) .'" class="btn btn--green">Call us on <strong>' . $main_telephone_number . '</strong></a>';
										}
									} else {
										if ( get_field( 'enable_callback_btn', 'options' ) ) {
											if ( $callback_page = get_field( 'request_callback_page', 'options' ) ) {
												echo '<a href="' . $callback_page . '" class="btn btn--green">Request a <strong>callback</strong></a>';
											}
										}
									}
								}
							?>
							<?php endif; ?>
						</div>

					</span>
				<?php endif; ?>

			</div>
		</div>
	</div>
	<div class="trustpilot-banner">
		<div class="trustpilot-widget" data-locale="en-GB" data-template-id="5406e65db0d04a09e042d5fc" data-businessunit-id="5f58ed3d6de9c90001859ffd" data-style-height="28px" data-style-width="100%" data-theme="dark">
			<a href="https://uk.trustpilot.com/review/jurassic-fibre.com" target="_blank" rel="noopener">Trustpilot</a>
		</div>
	</div>
</div>

				
There are is no SCSS file with this component.
There are is no JavaScript file with this component.
Page Title
Page Type
Page URL
There are is no readme file with this component.