82 lines
3.8 KiB
PHP
82 lines
3.8 KiB
PHP
<?php
|
|
$theme_uri = get_template_directory_uri();
|
|
$hero_img_id = carbon_get_post_meta(get_the_ID(), 'banner_img');
|
|
$hero_img_url = $hero_img_id ? wp_get_attachment_image_url($hero_img_id, 'large') : $theme_uri . '/assets/images/camp-hero-placeholder.webp';
|
|
$hero_img_alt = $hero_img_id ? get_post_meta($hero_img_id, '_wp_attachment_image_alt', true) : 'Camp';
|
|
$hero_search_title = carbon_get_post_meta( get_the_ID(), 'hero_search_title' ) ?: 'Find the Camp Galileo Closest to You';
|
|
$hero_search_placeholder = carbon_get_post_meta( get_the_ID(), 'hero_search_placeholder' ) ?: 'Search by Zip Code';
|
|
?>
|
|
<section class="hero-media-search">
|
|
<div class="container">
|
|
<div class="hero-media-search__container">
|
|
|
|
<div class="hero-media-search__content">
|
|
<h1 class="heading-1 heading-highlight blue">
|
|
Mind-Blowing Innovation. <span>Big Summer Fun!</span>
|
|
</h1>
|
|
|
|
<div class="hero-media-search__propositions on-desktop">
|
|
<div class="wrapper__propositions">
|
|
<img src="<?php echo $theme_uri; ?>/assets/images/doodles/icon-home.png" alt="">
|
|
<h3>90+</h3>
|
|
<p>Communities Served</p>
|
|
</div>
|
|
<div class="wrapper__propositions">
|
|
<img src="<?php echo $theme_uri; ?>/assets/images/doodles/icon-bulb.png" alt="">
|
|
<h3>570K+</h3>
|
|
<p>Young Innovators</p>
|
|
</div>
|
|
<div class="wrapper__propositions">
|
|
<img src="<?php echo $theme_uri; ?>/assets/images/doodles/icon-award.png" alt="">
|
|
<h3>49K+</h3>
|
|
<p>Scholarships</p>
|
|
</div>
|
|
</div>
|
|
|
|
<form action="" class="form hero-media-search__form on-desktop camp-finder-form-redirect">
|
|
<h4 class="heading-4"><?php echo esc_html( $hero_search_title ); ?></h4>
|
|
<div class="form__field">
|
|
<input type="text" name="s" id="" placeholder="<?php echo esc_attr( $hero_search_placeholder ); ?>">
|
|
<button type="submit" class="btn btn--blue">Search</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="hero-media-search__media">
|
|
<div class="hero-media-search__frame">
|
|
<img src="<?php echo esc_url($hero_img_url); ?>" alt="<?php echo esc_attr($hero_img_alt); ?>" class="hero-media-search__image" fetchpriority="high" loading="eager">
|
|
<img src="<?php echo $theme_uri; ?>/assets/images/doodles/doodle-gears.svg" alt="" class="doodle doodle--top-left">
|
|
<img src="<?php echo $theme_uri; ?>/assets/images/doodles/doodle-pencils.svg" alt="" class="doodle doodle--bottom-right">
|
|
</div>
|
|
<div class="hero-media-search__wrapper">
|
|
<div class="hero-media-search__propositions on-mobile">
|
|
<div class="wrapper__propositions">
|
|
<img src="<?php echo $theme_uri; ?>/assets/images/doodles/icon-home.png" alt="">
|
|
<h3>90+</h3>
|
|
<p>Communities Served</p>
|
|
</div>
|
|
<div class="wrapper__propositions">
|
|
<img src="<?php echo $theme_uri; ?>/assets/images/doodles/icon-bulb.png" alt="">
|
|
<h3>570K+</h3>
|
|
<p>Young Innovators</p>
|
|
</div>
|
|
<div class="wrapper__propositions">
|
|
<img src="<?php echo $theme_uri; ?>/assets/images/doodles/icon-award.png" alt="">
|
|
<h3>49K+</h3>
|
|
<p>Scholarships</p>
|
|
</div>
|
|
</div>
|
|
<form action="" class="form hero-media-search__form on-mobile camp-finder-form-redirect">
|
|
<h4 class="heading-4"><?php echo esc_html( $hero_search_title ); ?></h4>
|
|
<div class="form__field">
|
|
<input type="text" name="s" id="" placeholder="<?php echo esc_attr( $hero_search_placeholder ); ?>">
|
|
<button type="submit" class="btn btn--blue">Search</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|