@ptcwebops/ptcw-design 6.3.34 → 6.3.35-beta

package/dist/collection/stories/organisms/ptc/Blog Detail/preview.stories.js

@@ -1,500 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Blog Detail'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-<style>
-		#header-blog-author {
-			display: flex;
-			align-items: center;
-			gap: 12px;
-			margin-bottom: var(--ptc-layout-spacing-04);
-		}
-
-		#header-blog-author .image {
-			width: 48px;
-			height: 48px;
-		}
-
-		#header-blog-author .image img {
-			width: 100%;
-			height: 100%;
-			border-radius: var(--ptc-border-radius-circle);
-			object-fit: cover;
-			object-position: center;
-		}
-
-		.blog-author-name {
-			color: inherit;
-			text-decoration: none;
-			font-size: inherit;
-			font-weight: inherit;
-		}
-
-		.blog-author-name:hover {
-			color: inherit;
-			cursor: pointer; 
-			text-decoration-line: underline;
-			text-decoration-style: solid;
-			text-decoration-color: var(--color-green-07);
-			text-decoration-thickness: 2px;
-			text-underline-offset: 4px;
-		}
-
-		#author-bio-card {
-			border: 2px solid var(--color-gray-03);
-			padding: var(--ptc-element-spacing-05);
-			display: flex;
-			flex-direction: column;
-			gap: var(--ptc-layout-spacing-02);
-			align-items: center;
-		}
-
-		#author-bio-card .image img {
-			width: 156px;
-			height: 156px;
-			border-radius: var(--ptc-border-radius-circle);
-			object-fit: cover;
-			object-position: center;
-		}
-
-		#author-bio-card .content {
-			text-align: center;
-		}
-
-		.link-wrapper {
-			outline: none;
-			text-decoration: none;
-		}
-
-		.link-wrapper:hover {
-			outline: none;
-			text-decoration: none;
-		}
-
-		.blog-up-next-card {
-			width: 100%;
-			height: 100%;
-			display: flex;
-			align-items: stretch;
-			gap: var(--ptc-layout-spacing-03);
-			background-color: white;
-			border-radius: var(--ptc-border-radius-standard);
-			box-shadow: var(--ptc-shadow-x-large);
-		}
-
-		.blog-up-next-card:hover {
-			cursor: pointer;
-			background-color: var(--color-gray-02);
-		}
-
-		.blog-up-next-card .image {
-			width: 144px;
-			min-height: 132px;
-			flex-shrink: 0
-		}
-
-		.blog-up-next-card .image ptc-picture {
-			height: 100%;
-		}
-
-		.blog-up-next-card .content {
-			padding: 10px var(--ptc-element-spacing-07) 10px 0;
-			display: flex;
-			align-items: center;
-			box-sizing: border-box;
-		}
-
-		@media (min-width: 768px) {
-			#author-bio-card {
-				padding: calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-06));
-				flex-direction: row;
-				gap: var(--ptc-layout-spacing-05);
-			}
-
-			#author-bio-card .content {
-				text-align: left;
-			}
-
-			.blog-up-next-card:focus {
-				background-color: var(--color-gray-02)
-			}
-		}
-	</style>
-<ptc-subnav>
-        <div slot="subnav-menu-left" class="menu-left" id="slider">
-            <ptc-nav-slider>
-                <ptc-nav-link title-text="" class="slide" href="en/careers">Life at PTC</ptc-nav-link>
-                <ptc-nav-link title-text="" class="slide" href="/en/careers/culture">Culture </ptc-nav-link>
-                <ptc-nav-submenu class="slide dropdown-btn" label="Locations">
-                    <div class="dropdown-content">
-                        <ptc-nav-slider>
-                            <ptc-nav-link title-text="" href="">China</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Germany</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">India</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Romania</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Spain</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">United States</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Other Locations</ptc-nav-link>
-                        </ptc-nav-slider>
-                    </div>
-                </ptc-nav-submenu>
-                <ptc-nav-submenu class="slide dropdown-btn" label="Teams">
-                    <div class="dropdown-content">
-                        <ptc-nav-slider>
-                            <ptc-nav-link title-text="" href="">Customer Success</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Finance</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Marketing</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">People Team</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">R&D and Products</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Sales</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Strategy</ptc-nav-link>
-
-                        </ptc-nav-slider>
-                    </div>
-                </ptc-nav-submenu>
-                <ptc-nav-link title-text="" class="slide" href="/en/careers/students">Students</ptc-nav-link>
-                <ptc-nav-link title-text="" class="slide"
-                    href="/en/careers/diversity-equity-and-inclusion">Diversity, Equity &amp; Inclusion</ptc-nav-link>
-                <ptc-nav-submenu class="slide dropdown-btn" label="Teams">
-                    <div class="dropdown-content">
-                        <ptc-nav-slider>
-                            <ptc-nav-link title-text="" href="">Customer Success</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Finance</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Marketing</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">People Team</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">R&D and Products</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Sales</ptc-nav-link>
-                            <ptc-nav-link title-text="" href="">Strategy</ptc-nav-link>
-
-                        </ptc-nav-slider>
-                    </div>
-                </ptc-nav-submenu>
-                <ptc-nav-link title-text="" class="slide" href="/en/careers/students">Students</ptc-nav-link>
-                <ptc-nav-link title-text="" class="slide"
-                    href="/en/careers/diversity-equity-and-inclusion">Diversity, Equity &amp; Inclusion</ptc-nav-link>
-            </ptc-nav-slider>
-        </div>
-
-        <div slot="subnav-menu-right" class="menu-right u-flex-lg">
-            <ptc-nav-submenu label="Other links" class="short-dropdown dropdown-btn" icon-asset-name="doc">
-                <div class="dropdown-content">
-                    <ptc-subnav-card card-title="Read “What is Spatial Computing?”" card-href="https://www.ptc.com"
-                        card-image-src="https://www-dev.ptc.com/-/media/test/asset-doc.svg"
-                        card-image-alt="Doc Image" cta-text="Download Asset"
-                        cta-icon-asset-name="download-arrow"></ptc-subnav-card>
-                </div>
-            </ptc-nav-submenu>
-        </div>
-    </ptc-subnav>
-
-    <ptc-nav-skip-to-content section-id="blog-detail-layout"></ptc-nav-skip-to-content>
-
-    <ptc-preloader-section section-type="blog-detail" auto-show="false">
-        <ptc-jumbotron jumbotron-type="blog"
-        sub-title=""
-        png-src="https://ptc-p-001.sitecorecontenthub.cloud/api/public/content/5fbb90c52ab7431c89df5eea5ef9fe25?v=6e1b1318"
-        has-popup-video="false"
-        blog-author-image="https://www.ptc.com/-/media/Images/blog/Authors/MaleDefaultImage.jpg"
-        blog-author-image-alt="blog-author-image"
-        blog-author-name="Simone Biles"
-        blog-author-query-href="https://www.ptc.com/blogs"
-        blog-author-query-target="_blank"
-        >
-            <ptc-breadcrumb slot="breadcrumb" color="primary-gray" remove-top-margin="true">
-                <list-item list-type="breadcrumb" link-href="https://www-dev.ptc.com/blogs" color="primary-gray">Blogs</list-item>
-                <list-item list-type="breadcrumb" color="primary-gray">The Key to Using AI to Enhance IoT Security</list-item>
-            </ptc-breadcrumb>
-            <ptc-title 
-                slot="main-title" 
-                type="h1" 
-                upperline="no-upperline" 
-                title-size="xxxx-large" 
-                title-height="densest"
-                title-weight="w-8" 
-                title-margin="margin-flush" 
-                text-align="left" 
-                title-color="gray"
-            >
-                The Key to Using AI to Enhance IoT Security
-            </ptc-title>
-            <span slot="blog-date">April 4, 2024</span>
-            <ptc-button slot="j-cta" type="link" color="ptc-quaternary" link-href="https://www.ptc.com" target="_blank">
-                Request Free Trial
-            </ptc-button>
-            <ptc-button slot="j-cta" type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank">
-                Speaking of Service Podcast
-            </ptc-button>
-        </ptc-jumbotron>
-
-        <section id="blog-detail-layout">
-            <blog-detail-layout>
-                <div slot="content">
-                    <p>Manufacturers have never needed real-time information sharing, dynamic data visualization, and the ability to collaborate more than they do today. Windchill is elevating how product development gets done with easy, secure data access for multi-disciplinary and geographically-distributed teams, quality-focused processes, and a data-driven approach to manufacturing. Windchill’s open architecture enables easy integration with other enterprise systems, including IoT, providing a solid foundation for a product-driven digital thread. PTC's PLM system provides comprehensive out-of-the-box functionality and highly configurable role and task-based apps. Expand self-service access of traceable product data to non-experts who don’t typically use PLM, while avoiding over-customization and complexity.</p>
-                            
-                    <h2>1 The Pace of Industrial Innovation is Moving Faster Than Ever</h2>
-                    <p>Machine learning is a field of AI that focuses on developing computer algorithms that can learn and improve from data without stated instructions. Deep learning is a subset of machine learning that focuses on training artificial neural networks to learn and make decisions on their own.</p>
-                    
-                    <ptc-inline-cta type="big">
-                        <img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1725840000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=XRurXK4z90~2IDKBgLdk60KBVFbBwZOwapG~Ej5jXeGMEpW1XwaNyEpzo9rhlo9uchcfDgO2~zyIqdekO7NHM7E5MV60AndbKdwwhsYd4wfGPdvNJ9gQTPPUyoeeUwCaGxp4GNwcBiKzexUeuhMkfq092HO40DisVAKjiJWRC8w~fGHnDs6Yt4rOalCDPYBACZMW2QfX1U7RCuswx6usHN3y0Il99HCJqkdWgQPDxxB2MXEJrRUd3g0IuBfRIstYgU2vLcbp36DfLsCZTnP05e51OJorlVIZmtllvgfSGRKSgR~TGo6niCoIwSY-1UWCtWwunKnilJ30D-cqjAnBaA__">
-                        <h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-                        <p slot="cta-description">Find out how digital transformation is used to  improve growth and profitability Find out how digital transformation is used to improve growth and profitability. Find out how digital transformation is used to improve growth and profitability.</p>
-                        <a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-                    </ptc-inline-cta>
-        
-                    <ptc-inline-cta type="small">
-                        <img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/f7e6/e19f/1566074ee69372b47590f1971aac16f4?Expires=1725840000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OmLYjclVzHqAcFUHGv7HlHReNykI~Kpf51YLGcavNyGJEbCqANf9S7NQkfU5C7SwTLtALtTnY9n8qd4Ae~74zp1-jpV6llvLqmvH4R~y4oK~joVjKmDf32MbUZ8jySJh2vUqUiAojMsBuZPMUFewXOXbNuHXdk1IPfJ3b6JH9-waMxxz5F44xrDIbsOFMmxx1Sx~l8zZUWQ1i2IIX-V9OKG7uD4iCJGTSjWFXcYg-nK9AaZiJnOVTESGc9je01g3iegWboe1-wlQugdvYtAmZSJGGEY8XsiHkq3b2Uio0XgXs55aNeb~hrkGw7QasSWG8qj5R50dCb5JCH0pLMw2mw__">
-                        <h4 slot="cta-heading">Learn More About ServiceMax’s Recent Innovation</h4>
-                        <p slot="cta-description">To learn more about all of ServiceMax’s new enhancements and our product portfolio, visit the ServiceMax website. </p>
-                        <a slot="cta-link" href="https://www.google.com" target="_blank">Read About ServiceMax</a>
-                    </ptc-inline-cta>
-        
-                    <h3>Deep Learning</h3>
-                    <p>One area where AI has an impact in deep learning is the improvement in accuracy. AI algorithms have played a key role in developing more sophisticated neural networks that can learn and recognize patterns with more precision, leading to important advancements in image recognition, natural language processing, and speech recognition. Deep learning models can now achieve higher accuracy rates with AI, making them more reliable and effective in various applications.</p>
-                
-                    <ptc-inline-cta type="big">
-                        <img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1725840000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=XRurXK4z90~2IDKBgLdk60KBVFbBwZOwapG~Ej5jXeGMEpW1XwaNyEpzo9rhlo9uchcfDgO2~zyIqdekO7NHM7E5MV60AndbKdwwhsYd4wfGPdvNJ9gQTPPUyoeeUwCaGxp4GNwcBiKzexUeuhMkfq092HO40DisVAKjiJWRC8w~fGHnDs6Yt4rOalCDPYBACZMW2QfX1U7RCuswx6usHN3y0Il99HCJqkdWgQPDxxB2MXEJrRUd3g0IuBfRIstYgU2vLcbp36DfLsCZTnP05e51OJorlVIZmtllvgfSGRKSgR~TGo6niCoIwSY-1UWCtWwunKnilJ30D-cqjAnBaA__">
-                        <h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-                        <p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-                        <a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-                    </ptc-inline-cta>
-        
-                    <h3>Machine Learning</h3>
-                    <p>AI has had a major impact in machine learning in the ability to process and analyze vast amounts of data more efficiently and accurately. AI algorithms can quickly identify patterns and trends within the data, allowing machine learning models to make more accurate predictions and decisions, leading to advancements in any number of industries where machine learning models are used to analyze complex data sets and provide valuable insights.</p>
-        
-                    <ptc-inline-cta type="big">
-                        <img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1725840000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=XRurXK4z90~2IDKBgLdk60KBVFbBwZOwapG~Ej5jXeGMEpW1XwaNyEpzo9rhlo9uchcfDgO2~zyIqdekO7NHM7E5MV60AndbKdwwhsYd4wfGPdvNJ9gQTPPUyoeeUwCaGxp4GNwcBiKzexUeuhMkfq092HO40DisVAKjiJWRC8w~fGHnDs6Yt4rOalCDPYBACZMW2QfX1U7RCuswx6usHN3y0Il99HCJqkdWgQPDxxB2MXEJrRUd3g0IuBfRIstYgU2vLcbp36DfLsCZTnP05e51OJorlVIZmtllvgfSGRKSgR~TGo6niCoIwSY-1UWCtWwunKnilJ30D-cqjAnBaA__">
-                        <h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-                        <p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-                        <a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-                    </ptc-inline-cta>
-        
-                    <h2>2 What are some drawbacks to using AI powered technology? How to start using AI technology? Learn More About ServiceMax’s Recent Innovation</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <ptc-inline-cta type="small">
-                        <img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/f7e6/e19f/1566074ee69372b47590f1971aac16f4?Expires=1725840000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OmLYjclVzHqAcFUHGv7HlHReNykI~Kpf51YLGcavNyGJEbCqANf9S7NQkfU5C7SwTLtALtTnY9n8qd4Ae~74zp1-jpV6llvLqmvH4R~y4oK~joVjKmDf32MbUZ8jySJh2vUqUiAojMsBuZPMUFewXOXbNuHXdk1IPfJ3b6JH9-waMxxz5F44xrDIbsOFMmxx1Sx~l8zZUWQ1i2IIX-V9OKG7uD4iCJGTSjWFXcYg-nK9AaZiJnOVTESGc9je01g3iegWboe1-wlQugdvYtAmZSJGGEY8XsiHkq3b2Uio0XgXs55aNeb~hrkGw7QasSWG8qj5R50dCb5JCH0pLMw2mw__">
-                        <h4 slot="cta-heading">Learn More About ServiceMax’s Recent Innovation</h4>
-                        <p slot="cta-description">To learn more about all of ServiceMax’s new enhancements and our product portfolio, visit the ServiceMax website. </p>
-                        <a slot="cta-link" href="https://www.google.com" target="_blank">Read About ServiceMax</a>
-                    </ptc-inline-cta>
-        
-                    <h2>3 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <h2>4 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <h2>5 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <h2>6 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <h2>7 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <h2>8 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <h2>9 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <h2>10 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <h2>11 Our Purpose at PTC</h2>
-        
-                    <h3>Threat Detection</h3>
-                    <p>AI algorithms use machine learning techniques to analyze patterns and behaviors within data sets and identify anomalies that may indicate potential threats. By continuously monitoring and analyzing network traffic, AI-powered anomaly detection systems can quickly identify unusual activity, such as unauthorized access attempts or abnormal data transfers, so that organizations can respond promptly and mitigate risk. AI algorithms can also learn and understand normal user behavior patterns by analyzing vast amounts of data to identify insider threats and security breaches.</p>
-        
-                    <ptc-inline-cta type="bottom">
-                        <img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/0d20/b03c/adbafb05618ff779e713d875d8727878?Expires=1725840000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=LxVJYYzlUe6qoleDlOV2JsKE8EZqviQVZBxyS8T4yLSDWr-VWw-R~BC6jfJekbTqVKSVC5ScgZGywvlRcgbhmXucO8DLRdxrI5kaBtVMKHczI5vG3tlmL1XRy8SOinUPS8AfL~wo4vJLA~EaZo-rlz88EOQehdCtgBwv3L4pS8tG7kuIdJBOSXS72d95OPNPHzkzN-Zjvq4Dpl1lyKms2WaYSCTcgLetNlxPvp54ue3N9iW8rsQFzdfKdIBY5FyBjsbdQjDePvRt0fNcaSFcGcYHkp~P7MLBrQgILiKsOmaaoWhlEwrx~QvePTjzRYV1ufxGmWzUZJf~KewZt2IT8g__">
-                        <h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-                        <p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-                        <a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-                    </ptc-inline-cta>
-        
-                    <h3>Access Control</h3>
-                    <p>AI can be used in access control systems to provide efficient and secure solutions, such as facial recognition software, which can analyze and authenticate individual faces to grant or deny access to specific areas. Facial recognition technology eliminates the need for physical access cards or passwords, improving convenience and security.</p>
-                </div>
-            </blog-detail-layout>
-        </section>
-    
-        <div class="ptc-container ptc-section">
-            <div class="is-grid has-col-12">
-                <div class="is-col-1-lg is-col-2-xl"></div>
-                <div class="is-col-12 is-col-10-lg">
-                    <div id="author-bio-card">
-                        <div class="image">
-                            <img alt="author-image" src="https://s3-alpha-sig.figma.com/img/cbf3/046a/558270039fe7ac260b48c2b680c0eaf8?Expires=1723420800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=cu5iv17F1ZfuQUFWgiEQO2in32s9HxVSPiBBSngxs5pGsgU6NDomEGfMBaYae~uSUEZGrJDM9Z~VCkGegCcWU~AhLgsiEWAj0xJODrGr2dK1hPpn25391BbjSl4IDvEzIjAdmXO6YDosu-x3-2wQBX~KS910OjKBToN1wyoGU1uKO6NaSOUOsNhqOOfeJXE95lkbSENM9MmDHA~h7QEBOl0m65XO6Rg6x0NipxTcr3F-C-6LlVdBnudZQWcBAhSSQeK025d5ClME4bONGG0WFG-TtaswglsGjU5BLkWBcZIgw9zC-rMw5tXkE6OOvc39ibgnZxsehIgrr8xJloZCPA__" >
-                        </div>
-                        <div class="content">
-                            <ptc-para 
-                                font-size="small"
-                                font-weight="w-7" 
-                                para-color="primary-grey" 
-                                para-line-h="line-height-p"
-                                para-margin="margin-4"
-                            >
-                                <a class="blog-author-name" tabindex="0">Simone Biles</a>
-                            </ptc-para>
-                            <ptc-para 
-                                font-size="small"
-                                font-weight="w-4" 
-                                para-color="primary-grey" 
-                                para-line-h="line-height-p"
-                                para-margin="margin-4"
-                            >
-                                Besides tying a number of other world records, she set a new American record for most gold medals in gymnastics at a single Olympics Games. Between her performances at the Olympics and in World Championship competition, she has won 19 medals, making her the most decorated American gymnast of all time.
-                            </ptc-para>
-                        </div>
-                    </div>
-                    <div class="ptc-section">
-                        <ptc-title 
-                            seo-compatibility-mode
-                            type="h2"
-                            text-align="center"
-                            title-size="xx-large" 
-                            upperline="no-upperline" 
-                            title-height="densest" 
-                            title-weight="w-8"
-                            is-plm-hub="false"
-                            title-margin="margin-flush"
-                        >
-                            Up Next
-                        </ptc-title>
-                    </div>
-                    <div class="is-grid has-col-12">
-                        <div class="is-col-12 is-col-6-md">
-                            <a class="link-wrapper blog-up-next-card" tabindex="0" href="https://www.google.com/" target="_blank">
-                                <div class="image">
-                                    <ptc-picture 
-                                        alt="image" 
-                                        border-radius="radius-standard" 
-                                        display-image="block" 
-                                        image-alignment="center" 
-                                        image-position="relative" 
-                                        is-full-height="true" 
-                                        is-full-width="true" 
-                                        object-fit="cover"
-                                        src="https://s3-alpha-sig.figma.com/img/0d20/b03c/adbafb05618ff779e713d875d8727878?Expires=1723420800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=H~Kl7ELVbFj938slkqz6AY2kqyaZdXRpbDh4k2TCjQtToBkfsai7OPOQtFGW-M8ORL6QAnnea-toCgQsye6b8897bGcyxHmb4sR-ykANBjPPH7oaX0c-5-HxjB379qHBaB-Pm4lZfdYH1GW6CbnF8uqFkIh7vOHc3YiKYyL4R1byo3~RTiHO5sgNe~5aoD19J26PBPlHwqyzBaeoCn0rupnZfybSCZC1Gk-tmSkdtIV2Cjj3~HYmwUK9NnQGPU0P4AUw5Wdy8X4dUe4PGirusRAb3RZ9iZlh2wR9RkexhbUGtbeoc2kExiCyBu~RMUIfuM8cnoJzDuqx9etmkLqjDg__" 
-                                        styles=".radius-standard { border-radius: var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard); }"
-                                    ></ptc-picture>
-                                </div>
-                                <div class="content">
-                                    <ptc-para 
-                                        font-size="x-small"
-                                        font-weight="w-7" 
-                                        para-color="primary-grey" 
-                                        para-line-h="line-height-p"
-                                        para-margin="margin-flush"
-                                    >
-                                        <ptc-readmore-v2 
-                                            max-characters="150" 
-                                            read-more-text="" 
-                                            read-less-text=""
-                                        >
-                                            Howden adapted and accelerated digital transformation in the face of disruption Howden adapted and accelerated digital transformation in the face. What is Multi-CAD in PLM and Why Does it Matter?
-                                        </ptc-readmore-v2>
-                                    </ptc-para>
-                                </div>
-                            </a>
-                        </div>
-                        <div class="is-col-12 is-col-6-md">
-                            <a class="link-wrapper blog-up-next-card" tabindex="0" href="https://www.google.com/" target="_blank">
-                                <div class="image">
-                                    <ptc-picture 
-                                        alt="image" 
-                                        border-radius="radius-standard" 
-                                        display-image="block" 
-                                        image-alignment="center" 
-                                        image-position="relative" 
-                                        is-full-height="true" 
-                                        is-full-width="true" 
-                                        object-fit="cover"
-                                        src="https://s3-alpha-sig.figma.com/img/0d20/b03c/adbafb05618ff779e713d875d8727878?Expires=1723420800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=H~Kl7ELVbFj938slkqz6AY2kqyaZdXRpbDh4k2TCjQtToBkfsai7OPOQtFGW-M8ORL6QAnnea-toCgQsye6b8897bGcyxHmb4sR-ykANBjPPH7oaX0c-5-HxjB379qHBaB-Pm4lZfdYH1GW6CbnF8uqFkIh7vOHc3YiKYyL4R1byo3~RTiHO5sgNe~5aoD19J26PBPlHwqyzBaeoCn0rupnZfybSCZC1Gk-tmSkdtIV2Cjj3~HYmwUK9NnQGPU0P4AUw5Wdy8X4dUe4PGirusRAb3RZ9iZlh2wR9RkexhbUGtbeoc2kExiCyBu~RMUIfuM8cnoJzDuqx9etmkLqjDg__" 
-                                        styles=".radius-standard { border-radius: var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard); }"
-                                    ></ptc-picture>
-                                </div>
-                                <div class="content">
-                                    <ptc-para 
-                                        font-size="x-small"
-                                        font-weight="w-7" 
-                                        para-color="primary-grey" 
-                                        para-line-h="line-height-p"
-                                        para-margin="margin-flush"
-                                    >
-                                        <ptc-readmore-v2 
-                                            max-characters="150" 
-                                            read-more-text="" 
-                                            read-less-text=""
-                                        >
-                                            What is Multi-CAD in PLM and Why Does it Matter?
-                                        </ptc-readmore-v2>
-                                    </ptc-para>
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    
-        <ptc-spacer breakpoint="x-small" size="xxxx-large"></ptc-spacer>
-        <ptc-spacer breakpoint="small" size="xxx-large"></ptc-spacer>
-    
-        <ptc-text-copy-with-background 
-            image-alt-text="undefined" 
-            background-image="https://s3-alpha-sig.figma.com/img/6659/66ca/0b5a9709773298079cad710ff0fad5eb?Expires=1722211200&amp;Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&amp;Signature=GAqkPD1BNN7utjdDdN7dzEey9OhgGLVYmKhQkug3snyeVdmsoXtsiFJQtnFzOzM-hI1dtNTuyvDUC2RJDBOmJz1FvZx5QMRFlOl~yMgruEu9ohubxSIam67w2Rc~d84quWnTcYUjyxu0dGqt8WFEma32UGZwaEpw-RDx9Cdtj9IyLLEcwGqzpe5Pn6Esvo~Z0wj7EoJhGc6FRPdICVuV9TLr6qg1Cp0NygPJcA4KlTmEW4FDYMM4v0CeeHQontXRqmTBQD2DzJwl6gjZY2l47LH-Q0TwyKPPIw29bDNhhvh7puSZVTOQ5EpXkJ2hs6H2YEov6~aduq63AHEIxGBLfQ__" 
-            is-background-blur="false" 
-            overlay="true" 
-            slit-position="top-right" 
-            top-slit-background-color="auto" 
-            type="text-copy-with-background"
-        >
-            <div class="ptc-container">
-                <div class="is-grid">
-                    <div class="is-col is-col-6-lg is-col-5-xl">
-                        <ptc-title 
-                            type="h2" 
-                            text-align="left" 
-                            upperline="no-upperline" 
-                            title-margin="margin-flush" 
-                            title-size="xx-large" 
-                            title-color="white"
-                        >
-                            Want to Get Blogs Right to Your Inbox?
-                        </ptc-title>
-                    </div>
-                </div>
-            </div>
-        </ptc-text-copy-with-background>
-    </ptc-preloader-section>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();