<div class="block empty yummy text-center padding-top-100 padding-bottom-100" style="position: relative; padding-top: 40px !important; padding-bottom: 40px !important; background-color: rgb(0, 0, 0); overflow: hidden !important; background-image: none;" data-uniqid="ULTRA_MODERN_SINGLE_BLOCK_FIXED_001" data-selector=".block.empty" data-nointent="true"><div class="padding-resizer top" style="height: 40px;"><p class="padding-resizer-value">40px</p></div>

  <div class="overly" style="opacity:0 !important;"></div>

  <div class="container zen-full-width" style="position:relative !important; max-width:1200px !important; margin:0 auto !important;">

    <div data-component="grid" class="row v-center margin-top-10 margin-bottom-10 flex-start" style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 32px !important; margin-left: 0px; background-color: rgb(11, 16, 36) !important; border-radius: 36px !important; padding: 60px 35px !important; text-align: left !important;" data-uniqid="UM_FIXED_HERO_ROW" data-selector="*[data-component=&quot;grid&quot;]" data-nointent="true">

      <div class="col-md-8" style="padding: 20px !important;">
        <div data-container="true" style="position: relative; text-align: left !important;">

          <div data-component="heading" data-content="true">
            <h1 class="margin-top-10 margin-bottom-10" style="color: rgb(255, 255, 255) !important; font-size: 76px !important; line-height: 0.95 !important; font-weight: 900 !important; margin-top: 0px !important; margin-bottom: 0px; z-index: 99999999;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Big idea.<br>Clear page.<br>Fast launch.</h1>
          </div>

          <div data-component="text" data-content="true">
            <p class="margin-top-10 margin-bottom-10 sb_hover_elm" style="color:#D7DBFF !important; font-size:22px !important; line-height:1.6 !important; margin-bottom:24px !important;" data-uniqid="1780906338871" data-selector="*[data-component=&quot;text&quot;] &gt; *">
              A bold, modern website layout for your business, course, product, service, or personal brand.
            </p>
          </div>

          <form class="zen-custom-form" data-container="true" style="margin-bottom: 0px !important;" data-before="Form" data-uniqid="1780906338875" data-selector="form">
            <div class="form-group" data-component="button" style="position: relative; text-align: left !important;" data-uniqid="1780906338867">
              <a href="#" class="btn btn-primary zen-custom-elm" style="background-color: rgb(255, 255, 255) !important; color: rgb(5, 6, 10) !important; border-radius: 100px !important; padding: 17px 34px !important; font-weight: 900 !important; border: 0px !important;" data-action="href" data-uniqid="1780906338866" data-tags="" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">START BUILDING TODAY WITH ZENLER!</a><div class="element-tag" style="right: 283px; top: 0px;"><p>Go to Link</p></div>
            </div>
          </form><div class="element-tag" style="display: none; background-color: rgb(85, 26, 139); color: rgb(255, 255, 255); right: 20px; top: 320.908px;"><p>Form</p></div>

        </div>
      </div>

      <div class="col-md-4" style="padding:20px !important;">
        <div data-container="true" style="position:relative !important;">
          <div data-component="image" data-content="true" style="position: relative;">
            <img src="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a2677955d26b_lg.png" alt="Website image" style="width: 100% !important; border-radius: 30px !important; margin-top: -100px;" data-uniqid="1780906338863" class="" data-sbpro-editor="true" srcset="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a2677955d26b_sm.png 480w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a2677955d26b_md.png 640w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a2677955d26b_lg.png 1280w" sizes="(max-width: 500px) 480px,(max-width: 640px) 640px,(min-width: 640) 1280px" data-selector="*[data-component=&quot;image&quot;] &gt; img, *[data-component=&quot;image&quot;] &gt; a img">
          </div>
        </div>
      </div>

    </div>

    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin:0px 0px 32px 0px !important; text-align:left !important;" data-uniqid="UM_FIXED_STATS_ROW" data-selector="*[data-component=&quot;grid&quot;]">

      <div class="col-md-4" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#111728 !important; border-radius:28px !important; padding:34px !important;">
          <div data-component="heading" data-content="true">
            <h2 style="color:#ffffff !important; font-size:52px !important; font-weight:900 !important; margin-top:0px !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">24/7</h2>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#AEB8E8 !important; font-size:18px !important; line-height:1.6 !important; margin-bottom:0px !important;" data-uniqid="1780906338871" data-selector="*[data-component=&quot;text&quot;] &gt; *">Your online presence works even when you are offline.</p>
          </div>
        </div>
      </div>

      <div class="col-md-4" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#111728 !important; border-radius:28px !important; padding:34px !important;">
          <div data-component="heading" data-content="true">
            <h2 style="color:#ffffff !important; font-size:52px !important; font-weight:900 !important; margin-top:0px !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">6</h2>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#AEB8E8 !important; font-size:18px !important; line-height:1.6 !important; margin-bottom:0px !important;" data-uniqid="1780906338871" data-selector="*[data-component=&quot;text&quot;] &gt; *">Clear sections move visitors from attention to action.</p>
          </div>
        </div>
      </div>

      <div class="col-md-4" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#111728 !important; border-radius:28px !important; padding:34px !important;">
          <div data-component="heading" data-content="true">
            <h2 style="color:#ffffff !important; font-size:52px !important; font-weight:900 !important; margin-top:0px !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">100%</h2>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#AEB8E8 !important; font-size:18px !important; line-height:1.6 !important; margin-bottom:0px !important;" data-uniqid="1780906338871" data-selector="*[data-component=&quot;text&quot;] &gt; *">Built to stay editable inside the Zenler editor.</p>
          </div>
        </div>
      </div>

    </div>

    <div data-component="grid" class="row v-center margin-top-10 margin-bottom-10" style="margin:0px 0px 32px 0px !important; text-align:left !important;" data-uniqid="UM_FIXED_INFO_ROW" data-selector="*[data-component=&quot;grid&quot;]">

      <div class="col-md-6" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#B7FF3C !important; border-radius:34px !important; padding:44px !important;">
          <div data-component="heading" data-content="true">
            <h2 style="color:#05060A !important; font-size:48px !important; font-weight:900 !important; line-height:1.05 !important; margin-top:0px !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Explain what matters first.</h2>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#05060A !important; font-size:19px !important; line-height:1.6 !important; margin-bottom:0px !important;" data-uniqid="1780906338872" data-selector="*[data-component=&quot;text&quot;] &gt; *">Position your offer before visitors start comparing options.</p>
          </div>
        </div>
      </div>

      <div class="col-md-6" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#11131E !important; border-radius:34px !important; padding:44px !important;">
          <div data-component="heading" data-content="true">
            <h2 style="color:#ffffff !important; font-size:48px !important; font-weight:900 !important; line-height:1.05 !important; margin-top:0px !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Remove the friction.</h2>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#B8C1E8 !important; font-size:19px !important; line-height:1.6 !important; margin-bottom:0px !important;" data-uniqid="1780906338872" data-selector="*[data-component=&quot;text&quot;] &gt; *">Use proof, process, answers, and calls to action so the page feels easy to follow.</p>
          </div>
        </div>
      </div>

    </div>

    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin:0px 0px 32px 0px !important; text-align:left !important;" data-uniqid="UM_FIXED_PROCESS_ROW" data-selector="*[data-component=&quot;grid&quot;]">

      <div class="col-md-3" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#0F1320 !important; border-radius:26px !important; padding:28px !important;">
          <div data-component="heading" data-content="true">
            <h3 style="color:#B7FF3C !important; font-size:26px !important; font-weight:900 !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">01</h3>
          </div>
          <div data-component="heading" data-content="true">
            <h4 style="color:#ffffff !important; font-size:22px !important; font-weight:800 !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Position</h4>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#AEB8E8 !important; font-size:16px !important;" data-uniqid="1780906338872" data-selector="*[data-component=&quot;text&quot;] &gt; *">Say what you do clearly.</p>
          </div>
        </div>
      </div>

      <div class="col-md-3" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#0F1320 !important; border-radius:26px !important; padding:28px !important;">
          <div data-component="heading" data-content="true">
            <h3 style="color:#B7FF3C !important; font-size:26px !important; font-weight:900 !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">02</h3>
          </div>
          <div data-component="heading" data-content="true">
            <h4 style="color:#ffffff !important; font-size:22px !important; font-weight:800 !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Explain</h4>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#AEB8E8 !important; font-size:16px !important;" data-uniqid="1780906338872" data-selector="*[data-component=&quot;text&quot;] &gt; *">Show how it works.</p>
          </div>
        </div>
      </div>

      <div class="col-md-3" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#0F1320 !important; border-radius:26px !important; padding:28px !important;">
          <div data-component="heading" data-content="true">
            <h3 style="color:#B7FF3C !important; font-size:26px !important; font-weight:900 !important;" data-uniqid="1780906338870" data-selector="*[data-component=&quot;heading&quot;] &gt; *">03</h3>
          </div>
          <div data-component="heading" data-content="true">
            <h4 style="color:#ffffff !important; font-size:22px !important; font-weight:800 !important;" data-uniqid="1780906338871" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Prove</h4>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#AEB8E8 !important; font-size:16px !important;" data-uniqid="1780906338872" data-selector="*[data-component=&quot;text&quot;] &gt; *">Build trust quickly.</p>
          </div>
        </div>
      </div>

      <div class="col-md-3" style="padding:15px !important;">
        <div data-container="true" style="position:relative !important; background-color:#0F1320 !important; border-radius:26px !important; padding:28px !important;">
          <div data-component="heading" data-content="true">
            <h3 style="color:#B7FF3C !important; font-size:26px !important; font-weight:900 !important;" data-uniqid="1780906338871" data-selector="*[data-component=&quot;heading&quot;] &gt; *">04</h3>
          </div>
          <div data-component="heading" data-content="true">
            <h4 style="color:#ffffff !important; font-size:22px !important; font-weight:800 !important;" data-uniqid="1780906338871" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Convert</h4>
          </div>
          <div data-component="text" data-content="true">
            <p style="color:#AEB8E8 !important; font-size:16px !important;" data-uniqid="1780906338872" data-selector="*[data-component=&quot;text&quot;] &gt; *">Make action obvious.</p>
          </div>
        </div>
      </div>

    </div>

    <div data-component="grid" class="row v-center margin-top-10 margin-bottom-10" style="margin:0px !important; background-color:#ffffff !important; border-radius:38px !important; padding:50px 40px !important; text-align:left !important;" data-uniqid="UM_FIXED_FINAL_CTA_ROW" data-selector="*[data-component=&quot;grid&quot;]">

      <div class="col-md-8" style="padding:20px !important;">
        <div data-container="true" style="position:relative !important;">
          <div data-component="heading" data-content="true">
            <h2 style="color:#05060A !important; font-size:56px !important; line-height:1 !important; font-weight:900 !important; margin-top:0px !important;" data-uniqid="1780906338871" data-selector="*[data-component=&quot;heading&quot;] &gt; *">
              Make the next step obvious.
            </h2>
          </div>

          <div data-component="text" data-content="true">
            <p style="color:#313747 !important; font-size:20px !important; line-height:1.6 !important; margin-bottom:0px !important;" data-uniqid="1780906338872" data-selector="*[data-component=&quot;text&quot;] &gt; *">
              Replace the copy, swap the image, update the button, and publish.
            </p>
          </div>
        </div>
      </div>

      <div class="col-md-4" style="padding:20px !important;">
        <div data-container="true" style="position: relative;">
          <form class="zen-custom-form" data-container="true" style="margin-bottom: 0px !important;" data-before="Form" data-uniqid="1780906338875" data-selector="form">
            <div class="form-group" data-component="button" style="position: relative;" data-uniqid="1780906338868">
              <a href="#" class="btn btn-primary zen-custom-elm btn-block" style="background-color: rgb(5, 6, 10) !important; color: rgb(255, 255, 255) !important; border-radius: 100px !important; padding: 18px 34px !important; font-weight: 900 !important; border: 0px !important;" data-action="href" data-uniqid="1780906338867" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">
                Launch This Page
              </a><div class="element-tag" style="right: 0px; top: 0px;"><p>Go to Link</p></div>
            </div>
          </form><div class="element-tag" style="display: none; background-color: rgb(85, 26, 139); color: rgb(255, 255, 255); right: 20px; top: 0px;"><p>Form</p></div>
        </div>
      </div>

    </div>

  </div>
<div class="padding-resizer bottom" style="height: 40px;"><p class="padding-resizer-value">40px</p></div></div>