@ptcwebops/ptcw-design 6.3.58-beta → 6.3.60-beta

package/dist/collection/stories/organisms/ptc/Ptc 3 Card Value Prop/preview.stories.js

@@ -0,0 +1,46 @@
+import { html } from 'lit';
+
+export default {
+  title: 'Organisms/ptc/Ptc 3 Card Value Prop'
+};
+
+const AlertsPage = args => {
+  return html`
+    
+
+<section class="ptc-section ptc-container">
+    <ptc-title type='h2' text-align='center'>Transform Your Product Lifecycle</ptc-title>
+    <div class="u-textAlign-ctr">
+      <p>To create efficiencies that improve margins, you need to drive innovation across your physical products and the
+        many processes that support them. At PTC, we’re creating a new generation of digital technology that powers the
+        way you engineer, manufacture, and service your physical products—so your teams can achieve their most critical
+        business goals.</p>
+      <p>Because we don’t just imagine a better world, we help create it.</p>
+    </div>
+    <ptc-spacer size="xxx-large"></ptc-spacer>
+    <div class="u-3-col-grid u-col-space-lg u-flex-justify-center max-width-600-tab">
+      <div class="u-3-col">
+        <ptc-value-prop-card card-title="Improve Efficiency"
+          background-image="https://www.ptc.com/-/media/Images/new-org/470x550/Increase-Efficiency-470x550.jpg?h=550&amp;w=470&amp;la=en&amp;hash=0058BEFEB966BF0AB6A0317262FE3E95"
+          card-href="https://www.ptc.com/en/solutions/improving-efficiency" rel="" target="_self">
+        </ptc-value-prop-card>
+      </div>
+      <div class="u-3-col">
+        <ptc-value-prop-card card-title="Maximize Revenue Growth"
+          background-image="https://www.ptc.com/-/media/Images/new-org/470x550/Maximize-revenue-growth-470x550.jpg?h=550&amp;w=470&amp;la=en&amp;hash=0B5CE20EBA41D36E53C669729F2ADA1E"
+          card-href="https://www.ptc.com/en/solutions/improving-efficiency"  rel="" target="_self">
+        </ptc-value-prop-card>
+      </div>
+      <div class="u-3-col">
+        <ptc-value-prop-card card-title="Reduce Operational Costs"
+          background-image="https://www.ptc.com/-/media/Images/new-org/470x350/Solutions-Initiatives/reduce-costs-470x350new.jpg?h=350&amp;w=470&amp;la=en&amp;hash=0739E14E1F3F59E604306FC3107FD276"
+          card-href="https://www.ptc.com/en/solutions/improving-efficiency"  rel="" target="_self">
+        </ptc-value-prop-card>
+      </div>
+    </div>
+  </section>
+
+  `;
+};
+
+export const Preview = AlertsPage.bind();