{{#extend "base" hybrisClass="hybris-class" title="Wickes Matchmaker Tool" footer="false" hideBanner="true"}}
{{#content "head" mode="append"}}
<script src="https://cdn.3dcloud.io/mxt-top-of-funnel-tools/1.0.1-build.6/MxtTopOfFunnel-1.0.1-build.6.min.js"></script>
<link rel="stylesheet" type="text/css"
      href="https://cdn.3dcloud.io/mxt-top-of-funnel-tools/1.0.1-build.6/MxtTopOfFunnel-1.0.1-build.6.css"/>
<link type="text/css" rel="stylesheet" href="./css/pages/page_quiz.css" />
{{/content}}
{{#content "header"}}
<header class="header-quiz">
  <a target="_blank" href="/" class="d-inline-block">
    <img
      class="header-quiz-image"
      src="./img/wickes-logo-v2.svg"
      alt="Wickes Logo"
    />
  </a>
</header>
{{/content}}
{{#content "body"}}
<main class="main-quiz">
  <div id="style-quiz"></div>
</main>
{{/content}}
{{#content "footer"}}
{{/content}}
{{#content "foot" mode="append"}}
<script>
  function onEvent(data) {
    console.log(data.eventType);
  }

  var leadGen = new MxtTopOfFunnel.MxtTopOfFunnelTools({
    rootElement: "style-quiz",
    apiKey: "AIzaSyC2jj6mybPptjF0nx2fl8iKTOroa1Tb3_E",
    environment: "latest",
    eventCallback: onEvent,
  });
  var initEvent = leadGen.init();
</script>
{{/content}}
{{/extend}}