panhui
/
pcoptimum


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</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"
                    style="padding-top: 20px"
                  >
                    <span>
                      <span style="font-weight: bold; font-size: 1.3rem"
                        >50000 points= 50 cad</span
                      >
                      <br />
                      <br />
                      <span
                        style="
                          font-size: lighter;
                          font-family: Inter, Arial, Helvetica Neue, Helvetica,
                            sans-serif;
                        "
                        >when you load your offers and scan your app onyour next
                        purchase by the end date</span
                      >
                    </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="/register?sid=home|hero-banner|getstarted1|personalizedoffers"
                    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">
                    <!-- <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>