Version 2: Hypothesis is that YP branding needs to be carried out to this pages as well.

upsell.html

<!-- Changes to top section:
     includes changes to navbar and hero banner -->
<div class="pt-lg-4">
  <nav class="navbar navbar-expand-md navbar-light bg-white">
    <div class="container">
      <a class="navbar-brand px-4" href="#">
        <img src="assets/yp-tryp-logo_86x30.svg" width="155" height="53" alt="The Real Yellow Pages"/>
      </a>
      <button class="d-none d-sm-none navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto"></ul>
        <div class="my-2 my-lg-0">
          <div class="d-flex justify-content-end">
            <svg-icon class="svg-icon p-2 mr-3">
              <src href="assets/icons/phone-filled.svg" />
            </svg-icon>
            <h3 class="font-weight-bold">&#40;800&#41; 573-0059</h3>
          </div>
          <p class="supportTime text-right">8 AM - 8 PM CST Monday - Friday</p>
        </div>
      </div>
    </div>
  </nav>

  <!-- Hero Section -->
  <div class="container">

    <div class="row pt-4 pt-md-4">
      <div class="col-12 col-lg-10 mx-auto">
        <h1 class="text-center">Fix and lock your listings. Monitor social chatter.
Engage buyers. All from one easy dashboard.</h1>
      </div>
    </div>

    <div class="row py-sm-4 pt-md-4 pb-md-0">

      <div class="col col-sm-4 col-md-8 col-lg-6 order-md-2 text-mobile pb-sm-4">
        <p class="h3">With Thryv, you can master your online footprint with one easy, affordable tool.</p>
        <p class="pb-md-2">A lot can go wrong online when you’re busy running your business. Listings can change without warning. Social media conversations can get ugly. Over time, it can cost you customers—and damage your brand.</p>
        <div class="font-weight-bold text-secondary">Monthly</div>
        <p class="h1 font-weight-bold">$59</p>
        <p class="text-secondary pb-md-2">No Setup Fee</p>
        <a href="#" class="btn btn-primary btn-lg mb-5 mb-md-0">Buy Now</a>
      </div>

      <div class="col-12 col-md-4 order-md-1">
        <img src="assets/i-phone-6-plus.png" srcset="assets/[email protected] 2x, assets/[email protected] 3x" class="img-fluid">
      </div>

    </div>

  </div>
</div>

<!-- Changes to Thryv Value Props:
     Adjusted title in different devices -->
<section class="bg-light border-top py-3 py-lg-4">
 <div class="container">
   <div class="row py-2 py-md-3 py-lg-5">
     <div class="col-12 mx-auto col-lg-12">
       <h1 class="text-center">Thryv includes everything you need to succeed</h1>
     </div>
   </div>
   <div class="row pb-md-5">

     <div class="col-md-4">
       <div class="svg-icon-100 mx-auto my-4">
         <svg-icon class="svg-icon icon-primary">
           <src href="assets/icons/icon-payments.svg" />
           <src href="assets/icons/[email protected]" /> <!-- PNG fallback for old browser -->
         </svg-icon>
       </div>
       <h4 class="text-center pb-2">Spend less time tracking money and more time making it</h4>
       <p class="text-center">Send professional estimates, invoices and receipts. Accept credit card payments on the spot. No card readers needed. No hassle.</p>
     </div>

     <div class="col-md-4">
       <div class="svg-icon-100 mx-auto my-4">
         <svg-icon class="svg-icon icon-primary">
           <src href="assets/icons/icon-connect.svg" />
           <src href="assets/icons/[email protected]" /> <!-- PNG fallback for old browser -->
         </svg-icon>
       </div>
       <h4 class="text-center pb-2">Make a lasting connection<br>with customers</h4>
       <p class="text-center">Keep customers coming back with Thryv CRM. Create customer profiles, send text and email marketing for special offers, and more.</p>
     </div>

     <div class="col-md-4">
       <div class="svg-icon-100 mx-auto my-4">
         <svg-icon class="svg-icon icon-primary">
           <src href="assets/icons/icon-profits.svg" />
           <src href="assets/icons/[email protected]" /> <!-- PNG fallback for old browser -->
         </svg-icon>
       </div>
       <h4 class="text-center pb-2">Turn your online presence<br>into profits</h4>
       <p class="text-center">Stay ahead of the competition with automated marketing, social engagement, custom content and convenient online booking.</p>
     </div>

   </div>
 </div>
</section>

<!-- Updates to Signup Banner:
     Adjustments to button positioning and text alignment-->
<div class="text-center bg-light text-white signup-banner">
 <div class="col-9 col-sm-12 col-lg-8 p-lg-5 mx-auto mt-4">
   <p class="h1 text-center pb-3 pb-lg-4">Dedicated support. No setup fee.</p>
   <a href="#" class="btn btn-primary btn-lg">Buy Now</a>
 </div>
</div>