panhui
/
pcoptimum


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229
							<!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>Personalized offers?</span><br /><span
                    >How rewarding is that?</span
                  >
                </h1>
                <div class="homepage-hero__text-section">
                  <h1
                    class="homepage-hero__title homepage-hero__title--desktop default-hero"
                  >
                    <span>Personalized offers?</span><br /><span
                      >How rewarding is that?</span
                    >
                  </h1>
                  <p class="homepage-hero__subtitle default-hero">
                    <span
                      >Whether you’re shopping for your favourite foods, daily
                      essentials or little indulgences,
                      <span>PC Optimum™</span> tailors your rewards to match the
                      things that you buy most.</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"
                    ><span>Get Started</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>