npm - @ptcwebops/ptcw-design - Versions diffs - 6.4.37-beta → 6.5.0-upgrade - Mend

@ptcwebops/ptcw-design 6.4.37-beta → 6.5.0-upgrade

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1378) hide show

package/dist/collection/stories/organisms/ptc/All Products/preview.stories.js DELETED Viewed

@@ -1,1616 +0,0 @@
-import { html } from 'lit';
-export default {
-  title: 'Organisms/ptc/All Products'
-};
-const AlertsPage = args => {
-  return html`
-<div class="ptc-container">
-      <section class="all-product-banner">
-        <div class="">
-          <ptc-breadcrumb color="primary-gray" position="center" remove-top-margin="true">
-            <list-item list-type="breadcrumb" color="primary-gray"> All Products </list-item>
-          </ptc-breadcrumb>
-          <ptc-spacer></ptc-spacer>
-          <ptc-spacer size="x-small" breakpoint="x-small"></ptc-spacer>
-          <ptc-title type="h1" text-align="center" upperline="no-upperline" title-margin="margin-flush" title-size="xxxx-large-desktop">
-            <h1>PTC Products</h1>
-          </ptc-title>
-          <ptc-spacer size="x-small"></ptc-spacer>
-          <ptc-spacer size="x-small" breakpoint="x-small"></ptc-spacer>
-          <ptc-para font-size="small" font-weight="w-7" para-margin="margin-flush" para-align="center" para-line-h="line-height-densest">
-            <p>Browse all of PTC's software solutions.</p>
-          </ptc-para>
-        </div>
-      </section>
-      <div class="is-grid has-col-gap-default column-gap-mobile">
-        <div class="is-col-12 is-col-4-lg is-col-3-xl">
-          <aside>
-            <ptc-product-sidebar> </ptc-product-sidebar>
-          </aside>
-        </div>
-        <div class="is-col-12 is-col-8-lg is-col-9-xl">
-          <ptc-product-list clear-button-label="" empty-title="" empty-subtitle="">
-            <ptc-product-category
-              category-title="ALM | Application Lifecycle Management"
-              category-description="Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale."
-            >
-              <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
-                <h2>ALM | Application Lifecycle Management</h2>
-              </ptc-title>
-              <ptc-product-card card-title="Codebeamer" card-image card-image-alt-text="Alt image text 11" toggle-cta-title="Quick Product Highlights">
-                <ptc-title
-                  seo-compatibility-mode
-                  slot="title"
-                  title-weight="w-8"
-                  title-display="block"
-                  enable-tooltip="true"
-                  max-lines="3"
-                  tooltip-position="bottom"
-                  tooltip-z-index="999"
-                  upperline="no-upperline"
-                  title-size="medium"
-                  title-margin="margin-flush"
-                  title-height="densest"
-                  hide-tooltip-on-mobile="true"
-                >
-                  <h3>Codebeamer</h3>
-                </ptc-title>
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more first"
-                    less-text="test less"
-                  >
-                    Access a secure, <a href="www.google.com">test</a> that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help you web-based workspace anywhere, anytime. that help your teams improve development collaboration, product line
-                    development efficiency, Codebeamer offers unique digital workflows that help you
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Dolor sit amet consectetur adipiscing elit. Morbi tincidunt augue interdum velit euismod in
-                    pellentesque massa placerat. Vel pharetra vel turpis nunc eget lorem dolor sed. Ut placerat orci nulla pellentesque dignissim enim. Nulla aliquet porttitor
-                    lacus luctus accumsan tortor posuere ac. Turpis massa sed elementum tempus egestas sed. Suspendisse potenti nullam ac tortor vitae. Quis eleifend quam
-                    adipiscing vitae. Libero id faucibus nisl tincidunt eget nullam non. Eget velit aliquet sagittis id consectetur purus ut. Rutrum tellus pellentesque eu
-                    tincidunt tortor aliquam. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ut venenatis tellus in metus. Sit amet dictum sit amet justo donec enim
-                    diam.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-            </ptc-product-category>
-            <ptc-product-category
-              category-title="Augmented Reality"
-              category-description="Codebeamer can help your organization to simplify complex product and software engineering at scale."
-            >
-              <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
-                <h2>Augmented Reality</h2>
-              </ptc-title>
-              <ptc-product-card
-                card-title="Vuforia Instruct"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title=""
-              >
-                <ptc-title
-                  seo-compatibility-mode
-                  slot="title"
-                  title-weight="w-8"
-                  title-display="block"
-                  enable-tooltip="true"
-                  max-lines="3"
-                  tooltip-position="bottom"
-                  tooltip-z-index="999"
-                  upperline="no-upperline"
-                  title-size="medium"
-                  title-margin="margin-flush"
-                  title-height="densest"
-                  hide-tooltip-on-mobile="true"
-                >
-                  <h3>Vuforia Instruct</h3>
-                </ptc-title>
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Vuforia Expert Capture"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >t help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital workflows that help your teams
-                    improve development collaboration, product line development efficiency, Codebeamer offers unique digital workflows that hAccess a secure,
-                    <a href="www.google.com">test</a>
-                    web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Dolor sit amet consectetur adipiscing elit. Morbi tincidunt augue interdum velit euismod in
-                    pellentesque massa placerat. Vel pharetra vel turpis nunc eget lorem dolor sed. Ut placerat orci nulla pellentesque dignissim enim. Nulla aliquet porttitor
-                    lacus luctus accumsan tortor posuere ac. Turpis massa sed elementum tempus egestas sed. Suspendisse potenti nullam ac tortor vitae. Quis eleifend quam
-                    adipiscing vitae. Libero id faucibus nisl tincidunt eget nullam non. Eget velit aliquet sagittis id consectetur purus ut. Rutrum tellus pellentesque eu
-                    tincidunt tortor aliquam. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ut venenatis tellus in metus. Sit amet dictum sit amet justo donec enim
-                    diam.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Vuforia Studio"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Vuforia Chalk"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-            </ptc-product-category>
-            <ptc-product-category
-              category-title="CAD | Computer Aided Design"
-              category-description="Codebeamer can help your organization to simplify complex product and software engineering at scale."
-            >
-              <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
-                <h2>CAD | Computer Aided Design</h2>
-              </ptc-title>
-              <ptc-product-card
-                card-title="Creo"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Onshape"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Creo Elements/Direct"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-            </ptc-product-category>
-            <ptc-product-category
-              category-title="IIOT | Industrial Internet of Things"
-              category-description="Connect your machines, employees, and processes—while unlocking new data-driven capabilities. Explore how industrial connectivity and real-time data analytics can transform your industrial data into faster business decisions, improved efficiency, and maximized revenue growth for your business."
-            >
-              <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
-                <h2>IIOT | Industrial Internet of Things</h2>
-              </ptc-title>
-              <ptc-product-card
-                card-title="ThingWorx Industrial IoT Solutions Platform"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="ThingWorx Digital Performance Management"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="ThingWorx"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="ThingWorx Kepware Server"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="ThingWorx Manufacturing Apps"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Kepware"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-            </ptc-product-category>
-            <ptc-product-category
-              category-title="MathCAD"
-              category-description="Mathcad is engineering math software that allows you to perform, analyze, and share your most vital calculations."
-            >
-              <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
-                <h2>MathCAD</h2>
-              </ptc-title>
-              <ptc-product-card
-                card-title="MathCAD"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="MathCAD Express"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-            </ptc-product-category>
-            <ptc-product-category
-              category-title="PLM | Product Lifecycle Management"
-              category-description="Provide the context, security, traceability, and processes needed across enterprise teams and systems to ensure product data is accessible and trustworthy"
-            >
-              <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
-                <h2>PLM | Product Lifecycle Management</h2>
-              </ptc-title>
-              <ptc-product-card
-                card-title="Windchill"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Windchill+"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Arena"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="ThingWorx Navigate"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Creo View"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="FlexPLM"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-            </ptc-product-category>
-            <ptc-product-category
-              category-title="SLM | Service Lifecycle Management"
-              category-description="Provide the context, security, traceability, and processes needed across enterprise teams and systems to ensure product data is accessible and trustworthy"
-            >
-              <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
-                <h2>SLM | Service Lifecycle Management</h2>
-              </ptc-title>
-              <ptc-product-card
-                card-title="Servigistics"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Creo Illustrate"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Arbortext"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="ThingWorx Asset Advisor"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="PTC Warranty"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="Service Knowledge and Diagnostics (SKD)"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-            </ptc-product-category>
-            <ptc-product-category
-              category-title="More PTC Products"
-              category-description="Provide the context, security, traceability, and processes needed across enterprise teams and systems to ensure product data is accessible and trustworthy"
-            >
-              <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
-                <h2>More PTC Products</h2>
-              </ptc-title>
-              <ptc-product-card
-                card-title="CADDS 5"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="PTC Developer Tools"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="PTC Implementor"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.">
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.">
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere,
-                    anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace
-                    anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based
-                    workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure,
-                    web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a
-                    secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere,
-                    anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace
-                    anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="PTC MOVE"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-              <ptc-product-card
-                card-title="PTC Webship"
-                card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
-                card-image-alt-text="Alt image text"
-                toggle-cta-title="Quick Product Highlights"
-              >
-                <div slot="content">
-                  <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
-                    Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
-                    efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
-                    offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
-                    workflows that help your teams improve development collaboration, product line development efficiency,
-                  </ptc-para>
-                </div>
-                <div slot="cta">
-                  <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
-                </div>
-                <div class="flex-grid">
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
-                  </ptc-product-highlight-card>
-                  <ptc-product-highlight-card
-                    card-title="Fast, easy authoring"
-                    card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
-                    card-image-alt-text="Alt image text"
-                    more-text="test more"
-                    less-text="test less"
-                    >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Dolor sit amet consectetur adipiscing elit. Morbi tincidunt augue interdum velit euismod in
-                    pellentesque massa placerat. Vel pharetra vel turpis nunc eget lorem dolor sed. Ut placerat orci nulla pellentesque dignissim enim. Nulla aliquet porttitor
-                    lacus luctus accumsan tortor posuere ac. Turpis massa sed elementum tempus egestas sed. Suspendisse potenti nullam ac tortor vitae. Quis eleifend quam
-                    adipiscing vitae. Libero id faucibus nisl tincidunt eget nullam non. Eget velit aliquet sagittis id consectetur purus ut. Rutrum tellus pellentesque eu
-                    tincidunt tortor aliquam. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ut venenatis tellus in metus. Sit amet dictum sit amet justo donec enim
-                    diam.
-                  </ptc-product-highlight-card>
-                </div>
-              </ptc-product-card>
-            </ptc-product-category>
-          </ptc-product-list>
-        </div>
-      </div>
-    </div>
-    <ptc-back-to-top></ptc-back-to-top>
-  `;
-};
-export const Preview = AlertsPage.bind();