<div class="he-hero-section">
  <video
    class="he-hero-video"
    autoplay
    muted
    loop
    playsinline>
    <source src="f1-banner.mp4" type="video/mp4">
  </video>

  <div class="he-hero-content" ng-show="data.show_search_box">
  <h1 class="he-hero-title"> {{data.title}} </h1>
    <sp-widget widget="data.typeAheadSearch"></sp-widget>
  </div>
</div>
    

var aisEnabled = $sp.isAISearchEnabled();

options = options || {};

if (aisEnabled) {
  options.utterancePlacement = 'body';
  options.placement = 'dynamic-landing';

  data.typeAheadSearch =
    $sp.getWidget('typeahead-search', options);
} else {
  data.typeAheadSearch =
    $sp.getWidget(
      'typeahead-search',
      options.typeahead_search || options
    );
}

data.title = options.title;
data.show_search_box = options.show_search_box;
          

[
  {
    "name": "show_search_box",
    "section": "Presentation",
    "label": "Show Search Box",
    "type": "boolean",
    "default_value": "true"
  }
]