panhui
/
pcoptimum


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>PC Optimum</title>
    <link
      rel="stylesheet"
      href="/static/css/0.5ba82fe89f0e77677f25.css"
    />
    <link
      rel="stylesheet"
      href="static/css/7.bb52c21dfe2d358b1117.css"
    />
  </head>
  <body>
    <nav aria-label="Menu" class="menu">
      <section class="menu-desktop" data-testid="menu-desktop-anonymous">
        <div class="menu-desktop__logo-container">
          <a
            title="PC Optimum - Homepage"
            rel="noopener noreferrer"
            data-testid="home-link"
            class="link menu-desktop__logo"
            href="/"
            ><svg aria-hidden="true" focusable="false" class="sprite">
              <use
                data-testid="logo-pc-optimum-en"
                xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-logo-pc-optimum-en"
              ></use>
            </svg>
          </a>
        </div>
        <ul class="menu-desktop__list" data-testid="menu-desktop-list">
          <li>
            <a
              class="link menu-desktop__list-item"
              rel="noopener noreferrer"
              href="/flyers"
              ><span>Flyers</span>
            </a>
          </li>
          <li>
            <a
              class="link menu-desktop__list-item"
              rel="noopener noreferrer"
              href="/stores/locator"
              ><span>Stores</span></a
            >
          </li>
        </ul>
        <ul
          class="menu-desktop__list menu-desktop__list--anonymous"
          data-testid="menu-desktop-list"
        >
          <li>
            <a
              rel="noopener noreferrer"
              class="link menu-desktop__list-item"
              href="/login.html"
              ><span>Sign in</span></a
            >
          </li>
          <!-- <li>
            <a
              rel="noopener noreferrer"
              class="link menu-desktop__account-list-item menu-desktop__account-list-item--anonymous"
              href="/register"
              ><span>Register</span></a
            >
          </li> -->
        </ul>
      </section>
      <div>
        <div class="menu-mobile" data-testid="menu-mobile">
          <button
            type="button"
            class="button button--inline button--theme-none menu-mobile__open"
            aria-label="Open Menu"
            onclick="openMenu()"
          >
            <svg
              width="24px"
              height="24px"
              aria-hidden="true"
              focusable="false"
              class="sprite"
            >
              <use
                data-testid="menu"
                xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-menu"
              ></use>
            </svg>
          </button>
          <div class="menu-mobile__logo-wrapper">
            <a
              title="PC Optimum - Homepage"
              rel="noopener noreferrer"
              data-testid="menu-mobile-header-logo"
              class="link menu-mobile__logo"
              href="/"
              ><svg aria-hidden="true" focusable="false" class="sprite">
                <use
                  data-testid="logo-pc-optimum-en"
                  xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-logo-pc-optimum-en"
                ></use>
              </svg>
            </a>
          </div>
        </div>
        <div class="menu-panel menu-panel--closed menu-panel--anonymous">
          <div
            class="menu-panel__mask"
            aria-hidden="true"
            onclick="closeMenu()"
          ></div>
          <div class="menu-panel__inner" data-testid="menu-panel">
            <div class="menu-panel__header" data-testid="menu-panel-header">
              <a
                aria-label="PC Optimum - Homepage"
                rel="noopener noreferrer"
                tabindex="-1"
                class="link menu-panel__logo"
                href="/"
                ><svg aria-hidden="true" focusable="false" class="sprite">
                  <use
                    data-testid="logo-pc-optimum-en"
                    xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-logo-pc-optimum-en"
                  ></use>
                </svg> </a
              ><button
                type="button"
                class="button button--inline button--theme-none menu-panel__close"
                aria-label="Close Menu"
                onclick="closeMenu()"
              >
                <svg
                  width="24px"
                  height="24px"
                  aria-hidden="true"
                  focusable="false"
                  class="sprite"
                >
                  <use
                    data-testid="close"
                    xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-close"
                  ></use>
                </svg>
              </button>
            </div>
            <div
              class="menu-panel__main-content-wrapper"
              data-testid="anonymous-menu"
            >
              <ul role="menu" class="menu-panel__menu-buttons">
                <li>
                  <a
                    title="Sign in"
                    rel="noopener noreferrer"
                    class="link link--theme-button-transparent menu-panel__login"
                    href="/login.html"
                    ><span>Sign in</span></a
                  >
                </li>
                <!-- <li>
                  <a
                    title="Register"
                    rel="noopener noreferrer"
                    class="link link--theme-button-red menu-panel__register"
                    href="/register"
                    ><span>Register</span></a
                  >
                </li> -->
              </ul>
              <ul
                class="menu-panel__link-group"
                data-testid="menu-panel-link-group"
              >
                <li class="menu-panel__main-link-wrapper">
                  <a
                    rel="noopener noreferrer"
                    id="mobile-menu-flyers"
                    class="link menu-panel__main-link"
                    href="/flyers"
                    ><svg
                      width="24px"
                      height="24px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="flyer"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-flyer"
                      ></use>
                    </svg>
                    <span>Flyers</span></a
                  >
                </li>
                <li class="menu-panel__main-link-wrapper">
                  <a
                    rel="noopener noreferrer"
                    id="mobile-menu-stores"
                    class="link menu-panel__main-link"
                    href="/stores/locator"
                    ><svg
                      width="24px"
                      height="24px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="location"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-location"
                      ></use>
                    </svg>
                    <span>Stores</span></a
                  >
                </li>
              </ul>
              <h3 class="menu-panel__section-title">
                <span>Help and Support</span>
              </h3>
              <ul
                class="menu-panel__link-group"
                data-testid="menu-panel-link-group"
              >
                <li
                  class="menu-panel__main-link-wrapper menu-panel__main-link-wrapper--faq-link"
                >
                  <a
                    target="_blank"
                    rel="noreferrer noopener"
                    class="new-window-link menu-panel__main-link"
                    href="https://loblaw.force.com/PCoptimumsupport/s/?language=en_US"
                    ><svg
                      width="24px"
                      height="24px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="settings"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-settings"
                      ></use>
                    </svg>
                    <span>FAQ</span></a
                  >
                </li>
                <li class="menu-panel__main-link-wrapper">
                  <button
                    type="button"
                    class="button button--inline button--theme-link menu-panel__main-link"
                  >
                    <svg
                      width="24px"
                      height="24px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="mobile-nav-ada-chatbot-bubble"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-mobile-nav-ada-chatbot-bubble"
                      ></use>
                    </svg>
                    <span>Chat with virtual assistant</span>
                  </button>
                </li>
              </ul>
              <div class="menu-panel__secondary-content">
                <div class="locale-toggle">
                  <button
                    lang="fr-CA"
                    type="button"
                    class="button button--inline button--theme-none locale-toggle__link locale-toggle__link--clickable"
                  >
                    <span aria-hidden="true">FR</span
                    ><span class="visually-hidden">Français</span></button
                  ><span class="locale-toggle__bullet">•</span
                  ><span class="locale-toggle__link">EN</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </nav>
    <div
      id="end-navigation"
      class="page-container__contents a11y-anchor"
      tabindex="-1"
    >
      <div class="page-container__sticky-container">
        <div class="homepage homepage--generic">
          <section class="homepage-hero default-hero">
            <div class="container">
              <header class="homepage-hero__inner">
                <h1
                  class="homepage-hero__title homepage-hero__title--mobile default-hero"
                >
                  <span style="font-size: 2rem">Your exclusive offers</span
                  ><br /><span
                    style="
                      font-size: 0.9375rem;
                      color: #191919;
                      font-weight: lighter;
                      font-family: Inter, Arial, Helvetica Neue, Helvetica,
                        sans-serif;
                    "
                    >Good deals come and go. Get them whilethey last!</span
                  >
                </h1>
                <div class="homepage-hero__text-section">
                  <h1
                    class="homepage-hero__title homepage-hero__title--desktop default-hero"
                  >
                    <span>Your exclusive offers</span><br /><span
                      style="
                        font-size: 1.5625rem;
                        color: #191919;
                        font-weight: lighter;
                        font-family: Inter, Arial, Helvetica Neue, Helvetica,
                          sans-serif;
                      "
                      >Good deals come and go. Get them whilethey last!</span
                    >
                  </h1>
                  <p?
                    class="homepage-hero__subtitle default-hero"
                  >
                    <span>
                      <span style="font-weight: bold; font-size: 1.3rem"
                        >50000 points= 50 cad</span
                      >
                      <div
                        style="
                          font-size: lighter;
                          font-family: Inter, Arial, Helvetica Neue, Helvetica,
                            sans-serif;
                            padding: 30px 0 20px;
                        "
                        >when you load your offers and scan your app onyour next
                        purchase by the end date</div
                      >
                    </span>
                  </p>
                  <a
                    title="Get Started"
                    aria-label="Go to the registration page"
                    rel="noopener noreferrer"
                    class="link link--theme-button homepage-hero__login-link default-hero"
                    href="/login.html"
                    style="text-transform: uppercase;font-weight: bold;"
                    ><span>sign in to deposit</span></a
                  >
                </div>
                <div class="homepage-hero__image-section">
                  <div class="homepage-hero__graphic-container" style="border:none">
                    <!-- <img
                      srcset="
                        https://dis-prod.assetful.loblaw.ca/content/dam/loblaw-companies-limited/creative-assets/pc-optimum/homepage/default-hero-510.jpg   510w,
                        https://dis-prod.assetful.loblaw.ca/content/dam/loblaw-companies-limited/creative-assets/pc-optimum/homepage/default-hero-1020.jpg 1020w,
                        https://dis-prod.assetful.loblaw.ca/content/dam/loblaw-companies-limited/creative-assets/pc-optimum/homepage/default-hero-1530.jpg 1530w
                      "
                      sizes="(min-width: 80em) 560px,
                (min-width: 64em) calc((100vw - 160px) / 2),
                (min-width: 48em) calc((100vw - 120px) / 2),
                calc(100vw - 80px)"
                      src="https://dis-prod.assetful.loblaw.ca/content/dam/loblaw-companies-limited/creative-assets/pc-optimum/homepage/default-hero-510.jpg"
                      alt=""
                    /> -->
                  </div>
                </div>
              </header>
            </div>
          </section>
          <section class="homepage-legacy" id="legacy">
            <div class="container">
              <div class="homepage-legacy__inner">
                <h1 class="homepage-legacy__title">
                  <span>Shop. Earn points. Repeat.</span>
                </h1>
                <div class="homepage-legacy__item-group">
                  <div class="homepage-legacy__item">
                    <svg
                      width="52px"
                      height="52px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="grocery-ie"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#graphics-grocery-ie-red"
                      ></use>
                    </svg>
                    <p>
                      <span
                        >Earn points on the food and products that you buy
                        most.</span
                      >
                    </p>
                  </div>
                  <div class="homepage-legacy__item">
                    <svg
                      width="52px"
                      height="52px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="smile"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#graphics-smile-red"
                      ></use>
                    </svg>
                    <p>
                      <span
                        >Earn 15 points on almost every dollar you spend at
                        <span
                          >Shoppers Drug Mart<sup><span>®</span></sup></span
                        >
                        and
                        <span
                          >Pharmaprix<sup><span>®</span></sup></span
                        >.</span
                      >
                    </p>
                  </div>
                  <div class="homepage-legacy__item">
                    <svg
                      width="52px"
                      height="52px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="pump-station"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#graphics-pump-station-red"
                      ></use>
                    </svg>
                    <p>
                      <span
                        >Earn <span>PC Optimum™</span> points when you purchase
                        fuel at more than 2000 <span>Esso™</span> and
                        <span>Mobil™</span> stations across Canada.
                        <a
                          title="See details here"
                          aria-label="See more details about earning points at Esso and Mobil stations"
                          rel="noopener noreferrer"
                          class="link homepage-legacy__see-details-link"
                          href="/essomobil"
                          ><span>See details here</span></a
                        >.</span
                      >
                    </p>
                  </div>
                  <div class="homepage-legacy__item">
                    <svg
                      width="52px"
                      height="52px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="store"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#graphics-store-pink"
                      ></use>
                    </svg>
                    <p>
                      <span
                        >Earn points in-store, online, at points events and
                        through personalized offers with your online
                        account.</span
                      >
                    </p>
                  </div>
                  <div class="homepage-legacy__item">
                    <svg
                      width="52px"
                      height="52px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="pcf-card"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#graphics-pcf-card-red"
                      ></use>
                    </svg>
                    <p>
                      <span
                        >Earn points even faster with
                        <span
                          >PC Financial<sup><span>®</span></sup></span
                        >. Learn how at
                        <a
                          target="_blank"
                          rel="noreferrer noopener"
                          class="new-window-link homepage-legacy__pcfinacial-link"
                          href="https://www.pcfinancial.ca/en"
                          aria-label="Learn how to earn points faster at pcfinancial.ca "
                          ><span>pcfinancial.ca</span></a
                        >.</span
                      >
                    </p>
                  </div>
                  <div class="homepage-legacy__item">
                    <svg
                      width="52px"
                      height="52px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="donate-points"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#graphics-donate-points-red"
                      ></use>
                    </svg>
                    <p>
                      <span
                        >Every 10,000 points is like $10 worth of free stuff.
                        Redeem your <span>PC Optimum™</span> points at special
                        Spend Your Points events to get even more value.</span
                      >
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="homepage-pcf">
            <div class="container">
              <div class="homepage-pcf__inner">
                <div class="homepage-pcf__header">
                  <h1 class="homepage-pcf__title">
                    <span>Get up to 10% back in points.<sup>†</sup></span>
                  </h1>
                  <p class="homepage-pcf__subtitle">
                    <span
                      >By shopping,
                      <span
                        >PC<sup><span>®</span></sup></span
                      >
                      Mastercard<sup><span>®</span></sup> cardholders can get up
                      to 10% back in points in combination with the
                      <span>PC Optimum™</span> program!</span
                    >
                  </p>
                  <div class="homepage-pcf__link">
                    <a
                      target="_blank"
                      rel="noreferrer noopener"
                      class="new-window-link link--theme-button homepage-pcf__cta"
                      href="https://www.pcfinancial.ca/en/credit-cards/?utm_source=pco-homepage&amp;utm_medium=referral&amp;utm_campaign=pco-sdp-2022&amp;utm_content=en"
                      ><span>Learn More</span></a
                    >
                  </div>
                </div>
                <div class="homepage-pcf__image-container">
                  <img
                    src="https://dis-prod.assetful.loblaw.ca/content/dam/loblaw-companies-limited/creative-assets/pc-optimum/homepage/homepage-app-pcmc-en-sm.png"
                    alt="PC Optimum app in phone and PC World Elite Mastercard"
                  />
                </div>
              </div>
            </div>
          </section>
          <div>
            <section class="homepage-app" id="app">
              <div class="container">
                <div class="homepage-app__inner">
                  <header class="homepage-app__header">
                    <h1 class="homepage-app__title">
                      <span>Download the <span>PC Optimum™</span> app</span>
                    </h1>
                    <p class="homepage-app__subtitle">
                      <span
                        >On the go? Use the mobile app to keep your
                        <span>PC Optimum™</span> offers in the palm of your
                        hand. Literally.</span
                      >
                    </p>
                    <div class="homepage-app__badges">
                      <a
                        target="_blank"
                        rel="noreferrer noopener"
                        class="new-window-link homepage-app__badge-app"
                        href="https://itunes.apple.com/app/id634040057"
                        aria-label="Download on the App Store"
                        ><svg
                          aria-hidden="true"
                          focusable="false"
                          class="sprite homepage-app__badge-app-svg"
                        >
                          <use
                            data-testid="app-ios-en"
                            xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-app-ios-en"
                          ></use></svg></a
                      ><a
                        target="_blank"
                        rel="noreferrer noopener"
                        class="new-window-link homepage-app__badge-app"
                        href="https://play.google.com/store/apps/details?id=com.sap.mdc.loblaw.nativ&amp;hl=en"
                        aria-label="Get it on Google Play"
                        ><img
                          src="static/images/app-android-en.svg"
                          alt="app-android-en"
                          class="homepage-app__badge-app"
                      /></a>
                    </div>
                  </header>
                  <img
                    srcset="
                      /static/images/homepage/iphone-sm-en.png  250w,
                      /static/images/homepage/iphone-md-en.png  370w,
                      /static/images/homepage/iphone-lrg-en.png 500w,
                      /static/images/homepage/iphone-xl-en.png  719w
                    "
                    src="/static/images/homepage/iphone-md-en.png"
                    sizes="(min-width: 64em) 370px, (min-width: 48em) 250px, (min-width: 34.375em) 40vw, 60vw"
                    class="homepage-app__phone-graphic"
                    alt=""
                  />
                </div>
              </div>
            </section>
          </div>
          <section class="homepage-offers" id="offers">
            <div class="homepage-offers-extended-background">
              <div class="homepage-offers-extended-background__inner">
                <svg
                  aria-hidden="true"
                  focusable="false"
                  class="sprite homepage-offers-extended-background__ring-right"
                >
                  <use
                    data-testid="circle-lightest"
                    xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-circle-lightest"
                  ></use>
                </svg>
                <svg
                  aria-hidden="true"
                  focusable="false"
                  class="sprite homepage-offers-extended-background__ring-left"
                >
                  <use
                    data-testid="circle-lightest"
                    xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-circle-lightest"
                  ></use>
                </svg>
              </div>
            </div>
            <div class="homepage-offers__inner">
              <header class="homepage-offers__header">
                <div class="homepage-offers-header-background">
                  <svg
                    aria-hidden="true"
                    focusable="false"
                    class="sprite homepage-offers-header-background__ring"
                  >
                    <use
                      data-testid="circle-lightest"
                      xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-circle-lightest"
                    ></use>
                  </svg>
                  <svg
                    aria-hidden="true"
                    focusable="false"
                    class="sprite homepage-offers-header-background__dot"
                  >
                    <use
                      data-testid="dot-lighter"
                      xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-dot-lighter"
                    ></use>
                  </svg>
                </div>
                <div class="homepage-offers__header-inner">
                  <h1 class="homepage-offers__title">
                    <span>Rewarding<br />your everyday</span>
                  </h1>
                  <p class="homepage-offers__subtitle">
                    <span
                      >The <span>PC Optimum™</span> program tailors your rewards
                      to match the food and products that you buy most.</span
                    >
                  </p>
                </div>
              </header>
              <ul class="homepage-offers-grid">
                <li class="homepage-offers-grid__square">
                  <div class="homepage-offers-grid__square-hack">
                    <div
                      class="homepage-offers-grid__square-hack-padding"
                    ></div>
                  </div>
                  <div class="homepage-offers-grid__square-text">
                    <span>Earn points on the things you want</span>
                  </div>
                </li>
                <li class="homepage-offers-grid__square">
                  <div class="homepage-offers-grid__square-hack">
                    <div
                      class="homepage-offers-grid__square-hack-padding"
                    ></div>
                  </div>
                  <div class="homepage-offers-grid__square-text">
                    <span>Get more value on your essentials</span>
                  </div>
                </li>
                <li class="homepage-offers-grid__square">
                  <div class="homepage-offers-grid__square-hack">
                    <div
                      class="homepage-offers-grid__square-hack-padding"
                    ></div>
                  </div>
                  <div class="homepage-offers-grid__square-text">
                    <span>Earn rewards on the road</span>
                  </div>
                </li>
                <li class="homepage-offers-grid__square">
                  <div class="homepage-offers-grid__square-hack">
                    <div
                      class="homepage-offers-grid__square-hack-padding"
                    ></div>
                  </div>
                  <div class="homepage-offers-grid__square-text">
                    <span>Treat yourself to something special</span>
                  </div>
                </li>
              </ul>
            </div>
          </section>
          <section class="homepage-stores" id="storelocator">
            <div class="homepage-stores__inner">
              <div class="container">
                <header class="homepage-stores__header">
                  <h1 class="homepage-stores__title">
                    <span
                      >Earn <span>PC Optimum™</span> points at more than 4,500
                      places!</span
                    >
                  </h1>
                </header>
                <div class="homepage-stores__search">
                  <div class="homepage-stores__input-container">
                    <svg
                      width="24px"
                      height="24px"
                      aria-hidden="true"
                      focusable="false"
                      class="sprite"
                    >
                      <use
                        data-testid="search"
                        xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-search"
                      ></use>
                    </svg>
                    <input
                      type="text"
                      class="homepage-stores__input"
                      id="homepage-stores__input"
                      placeholder="Enter a location"
                    /><label
                      for="homepage-stores__input"
                      class="visually-hidden"
                      ><span>Enter a location</span><span>:</span></label
                    >
                  </div>
                  <button
                    type="submit"
                    class="button button--inline button--theme-base homepage-stores__search-button"
                    aria-label="Search for stores in this area"
                  >
                    <span>Search</span>
                  </button>
                </div>
              </div>
            </div>
          </section>
          <section class="homepage-faq" id="faq">
            <div class="container">
              <div class="homepage-faq__inner">
                <header class="homepage-faq__header">
                  <h1 class="homepage-faq__title">
                    <span>Have questions? Find answers.</span>
                  </h1>
                </header>
                <a
                  target="_blank"
                  rel="noreferrer noopener"
                  class="new-window-link link link--theme-button homepage-faq__faq-link-button"
                  href="https://loblaw.force.com/PCoptimumsupport/s/?language=en_US"
                  ><span>Browse our FAQ</span
                  ><svg
                    width="24px"
                    height="24px"
                    aria-hidden="true"
                    focusable="false"
                    class="sprite new-window-link__icon"
                  >
                    <use
                      data-testid="new-window-link"
                      xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-new-window-link"
                    ></use>
                  </svg>
                </a>
              </div>
            </div>
          </section>
          <section class="homepage-join" id="join">
            <div
              role="presentation"
              aria-hidden="true"
              class="homepage-join-background"
            >
              <svg
                aria-hidden="true"
                focusable="false"
                class="sprite homepage-join-background__circle-left"
              >
                <use
                  data-testid="circle-lightest"
                  xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-circle-lightest"
                ></use>
              </svg>
              <svg
                aria-hidden="true"
                focusable="false"
                class="sprite homepage-join-background__circle-right"
              >
                <use
                  data-testid="circle-lightest"
                  xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-circle-lightest"
                ></use>
              </svg>
              <svg
                aria-hidden="true"
                focusable="false"
                class="sprite homepage-join-background__dot"
              >
                <use
                  data-testid="dot-lighter"
                  xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-dot-lighter"
                ></use>
              </svg>
            </div>
            <div class="container">
              <div class="homepage-join__inner">
                <header class="homepage-join__header">
                  <h1 class="homepage-join__title">
                    <span>Don’t miss out on rewards.</span>
                  </h1>
                </header>
                <div class="homepage-join__link-container">
                  <!-- <a
                    aria-label="Go to the registration page"
                    rel="noopener noreferrer"
                    class="link link--theme-button homepage-join__link"
                    href="/register?sid=home|missrewards|getstarted2"
                    ><span>Get Started</span></a
                  > -->
                  <a
                    aria-label="Go to the registration page"
                    rel="noopener noreferrer"
                    class="link link--theme-button homepage-join__link"
                    ><span>Get Started</span></a
                  >
                </div>
              </div>
            </div>
          </section>
          <section class="homepage-footnote" id="footnote">
            <div class="homepage-footnote__inner">
              <p>
                <span
                  ><span>Esso™</span> is a trademark of Imperial Oil Limited.
                  Imperial Oil, licensee. <span>Mobil™</span> is a trademark of
                  Exxon Mobil Corporation or one of its subsidiaries. Imperial
                  Oil, licensee. Mastercard is a trademark of Mastercard
                  International Incorporated, used under license. Apple and the
                  Apple logo are trademarks of Apple Inc., registered in the
                  U.S. and other countries. App Store is a service mark of Apple
                  Inc., registered in the U.S. and other countries. Google Play
                  and the Google Play logo are trademarks of Google LLC.
                  <span>PC Optimum™</span> used under license. ™/® Are
                  trademarks of Loblaws Inc., used under license.</span
                >
              </p>
              <p>
                <span
                  ><sup>†</sup> Annual 10% back in points may be achieved in
                  numerous ways; including when you spend on average $7,000
                  using your
                  <span
                    >PC Financial<sup><span>®</span></sup></span
                  >
                  Mastercard<sup><span>®</span></sup> in combination with the
                  <span>PC Optimum™</span> loyalty program, with approximately:
                  (i) 65% of that spend allocated to purchases in our stores
                  that maximize personalized offers in our grocery stores from
                  the <span>PC Optimum™</span> program; (ii) 15% at
                  <span
                    >Shoppers Drug Mart<sup><span>®</span></sup></span
                  >/<span
                    >Pharmaprix<sup><span>®</span></sup></span
                  >
                  on 20x Points Days and (iii) 20% everywhere else. Our stores
                  means affiliated Loblaw banner grocery stores and
                  <span
                    >Shoppers Drug Mart<sup><span>®</span></sup></span
                  >/<span
                    >Pharmaprix<sup><span>®</span></sup></span
                  >. Visit
                  <a
                    target="_blank"
                    rel="noreferrer noopener"
                    class="new-window-link homepage-footnote__link"
                    href="https://www.pcoptimum.ca"
                    ><span>pcoptimum.ca</span></a
                  >
                  for details on participating stores where the
                  <span>PC Optimum™</span> program is offered. Value shown is
                  for illustrative purposes only; results may vary based on
                  individual purchase behaviour.</span
                >
              </p>
              <p>
                <span
                  ><sup><span>®</span></sup
                  >/<span>™</span> Trademarks of Loblaws Inc., used under
                  license.</span
                >
              </p>
              <p>
                <span
                  >Mastercard<sup><span>®</span></sup> is a registered
                  trademark, and the circles design is a trademark of Mastercard
                  International Incorporated. President's Choice Bank is a
                  licensee of the marks.</span
                >
              </p>
              <p>
                <span
                  ><span
                    >Shoppers Drug Mart<sup><span>®</span></sup></span
                  >,
                  <span
                    >Pharmaprix<sup><span>®</span></sup></span
                  >
                  and logos are trademarks of 911979 Alberta Ltd., used under
                  license.</span
                >
              </p>
              <p>
                <span
                  >President’s Choice Financial<sup><span>®</span></sup>
                  Mastercard<sup><span>®</span></sup> is provided by President’s
                  Choice Bank.</span
                >
              </p>
              <p>
                <span
                  >The <span>PC Optimum™</span> program is provided by
                  President's Choice Services Inc.</span
                >
              </p>
            </div>
          </section>
        </div>
      </div>
    </div>
    <footer class="site-footer">
      <div class="site-footer__top">
        <!-- <div
          tabindex="0"
          aria-label="Loblaw Privacy Policy"
          aria-describedby="lds__privacy-policy"
          class="lds__privacy-policy lds__privacy-policy__positionBottom"
        >
          <div class="lds__privacy-policy__innerWrapper">
            <div id="lds__privacy-policy">
              <p>
                We use cookies and other technologies to enable core
                functionality on our website(s) and to provide you with a
                personalized experience. For more information on cookies and how
                to manage your settings, visit the
                <a
                  href="https://www.loblaw.ca/en/privacy.html"
                  target="_blank"
                  class="lds__privacy-policy__link"
                  >Loblaw Privacy Policy</a
                >.
              </p>
            </div>
            <button type="button" class="lds__privacy-policy__btnClose">
              close
            </button>
          </div>
        </div> -->
        <div class="site-footer__links site-footer__links-social">
          <div class="site-footer__logo">
            <svg aria-hidden="true" focusable="false" class="sprite">
              <use
                data-testid="logo-pc-optimum-en"
                xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-logo-pc-optimum-en"
              ></use>
            </svg>
          </div>
          <p class="site-footer__tagline">
            <span>Shop. Earn points. Repeat.</span>
          </p>
          <ul class="site-footer__social-media">
            <li class="site-footer__social-media-link">
              <div class="site-footer__social-media-link-icon">
                <a
                  target="_blank"
                  rel="noreferrer noopener"
                  class="new-window-link"
                  href="https://www.facebook.com/pcoptimum"
                  aria-label="Facebook - PC Optimum"
                  ><svg
                    width="14px"
                    height="13px"
                    aria-hidden="true"
                    focusable="false"
                    class="sprite"
                  >
                    <use
                      data-testid="facebook"
                      xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-facebook"
                    ></use>
                  </svg>
                </a>
              </div>
            </li>
            <li class="site-footer__social-media-link">
              <div class="site-footer__social-media-link-icon">
                <a
                  target="_blank"
                  rel="noreferrer noopener"
                  class="new-window-link"
                  href="https://www.youtube.com/pcoptimum"
                  aria-label="YouTube - PC Optimum"
                  ><svg
                    width="14px"
                    height="10px"
                    aria-hidden="true"
                    focusable="false"
                    class="sprite"
                  >
                    <use
                      data-testid="youtube"
                      xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-youtube"
                    ></use>
                  </svg>
                </a>
              </div>
            </li>
            <li class="site-footer__social-media-link">
              <div class="site-footer__social-media-link-icon">
                <a
                  target="_blank"
                  rel="noreferrer noopener"
                  class="new-window-link"
                  href="https://www.instagram.com/pcoptimum/"
                  aria-label="Instagram - PC Optimum"
                  ><svg
                    width="14px"
                    height="10px"
                    aria-hidden="true"
                    focusable="false"
                    class="sprite"
                  >
                    <use
                      data-testid="instagram"
                      xlink:href="/static/images/sprite-main-ltd6s2ce.svg#ui-instagram"
                    ></use>
                  </svg>
                </a>
              </div>
            </li>
          </ul>
        </div>
        <div class="site-footer__links site-footer__links-help">
          <p class="site-footer__links-title">
            <span>We’re here to help</span>
          </p>
          <ul class="site-footer__links-list">
            <li class="site-footer__links-list-item">
              <a
                target="_blank"
                rel="noreferrer noopener"
                class="new-window-link site-footer__links-link"
                href="https://loblaw.force.com/PCoptimumsupport/s/?language=en_US"
                ><span>FAQ</span></a
              >
            </li>
            <li class="site-footer__links-list-item">
              <button
                type="button"
                class="button button--inline button--theme-link site-footer__ada-chatbot"
              >
                <span>Chat with virtual assistant</span>
              </button>
            </li>
          </ul>
        </div>
        <div class="site-footer__links site--footer__links-legal">
          <p class="site-footer__links-title"><span>Legal</span></p>
          <ul class="site-footer__links-list">
            <li class="site-footer__links-list-item">
              <!-- <a
                rel="noopener noreferrer"
                class="link site-footer__links-link site-footer__corporate-links-link"
                href="/company-policy/terms-and-conditions"
                ><span>Terms and Conditions</span></a
              > -->
              <a
                rel="noopener noreferrer"
                class="link site-footer__links-link site-footer__corporate-links-link"
                ><span>Terms and Conditions</span></a
              >
            </li>
            <li class="site-footer__links-list-item">
              <!-- <a
                target="_blank"
                rel="noreferrer noopener"
                class="new-window-link site-footer__links-link"
                href="https://www.loblaw.ca/en/privacy.html"
                ><span>Privacy Policy</span></a
              > -->
              <a
                target="_blank"
                rel="noreferrer noopener"
                class="new-window-link site-footer__links-link"
                ><span>Privacy Policy</span></a
              >
            </li>
            <li class="site-footer__links-list-item">
              <!-- <a
                target="_blank"
                rel="noreferrer noopener"
                class="new-window-link site-footer__links-link"
                href="http://www.loblaw.ca/en/accessibility.html"
                ><span>Accessibility</span></a
              > -->
              <a
                target="_blank"
                rel="noreferrer noopener"
                class="new-window-link site-footer__links-link"
                ><span>Accessibility</span></a
              >
            </li>
            <li class="site-footer__links-list-item">
              <!-- <a
                rel="noopener noreferrer"
                class="link site-footer__links-link site-footer__corporate-links-link"
                href="/company-policy/site-terms-of-use"
                ><span>Site Terms of Use</span></a
              > -->
              <a
                rel="noopener noreferrer"
                class="link site-footer__links-link site-footer__corporate-links-link"
                ><span>Site Terms of Use</span></a
              >
            </li>
          </ul>
        </div>
        <div class="site-footer__app-links site-footer__links">
          <p class="site-footer__links-title"><span>Download the app</span></p>
          <p class="site-footer__app-links-paragraph">
            <span>Offers anywhere, anytime, everyday.</span>
          </p>
          <p class="site-footer__app-links-paragraph">
            <span>Available for iOS and Android.</span>
          </p>
          <div class="site-footer__badges">
            <a
              target="_blank"
              rel="noreferrer noopener"
              class="new-window-link site-footer__badge-app"
              href="https://itunes.apple.com/app/id634040057"
              aria-label="Download on the App Store"
              ><svg
                aria-hidden="true"
                focusable="false"
                class="sprite site-footer__badge-app-svg"
              >
                <use
                  data-testid="app-ios-en"
                  xlink:href="/static/images/sprite-main-ltd6s2ce.svg#brand-app-ios-en"
                ></use></svg></a
            ><a
              target="_blank"
              rel="noreferrer noopener"
              class="new-window-link site-footer__badge-app"
              href="https://play.google.com/store/apps/details?id=com.sap.mdc.loblaw.nativ&amp;hl=en"
              aria-label="Get it on Google Play"
              ><img
                src="/static/images/app-android-en.svg"
                alt="app-android-en"
                class="site-footer__badge-app-svg"
            /></a>
          </div>
        </div>
      </div>
      <div class="site-footer__bottom">
        <div class="site-footer__bottom-inner">
          <div class="site-footer__copyright">
            <span
              >© 2024 Loblaws Inc. All Rights Reserved. ®/™ Trademarks of
              Loblaws Inc.</span
            >
          </div>
          <div class="locale-toggle">
            <button
              lang="fr-CA"
              type="button"
              class="button button--inline button--theme-none locale-toggle__link locale-toggle__link--clickable"
            >
              <span aria-hidden="true">FR</span
              ><span class="visually-hidden">Français</span></button
            ><span class="locale-toggle__bullet">•</span
            ><span class="locale-toggle__link">EN</span>
          </div>
        </div>
      </div>
    </footer>
  </body>
  <script>
    function openMenu() {
      var pannel = document.getElementsByClassName("menu-panel")[0];
      console.log(pannel.className);
      pannel.className = pannel.className.replace(
        /menu-panel--closed /,
        "menu-panel--open "
      );
    }
    function closeMenu() {
      console.log("2635");
      var pannel = document.getElementsByClassName("menu-panel")[0];
      console.log(pannel.className);
      pannel.className = pannel.className.replace(
        /menu-panel--open /,
        "menu-panel--closed "
      );
    }
  </script>
</html>