mp-design-system 1.2.62 → 1.2.63

package/src/prototype/index.njk

@@ -16,6 +16,11 @@ tags: prototype
 {% from "components/option-list/macro.njk" import optionList %}
 {% from "components/hero/macro.njk" import hero %}
 
+{% from "components/card-new/macro.njk" import cardNew %}
+{% from "components/event-card/macro.njk" import eventCardNew %}
+{% from "components/product-card/macro.njk" import productCardNew %}
+{% from "components/resource-card/macro.njk" import resourceCardNew %}
+
 {% set siteNav %}{% include "navigation/corporate.njk" %}{% endset %}
 
 {% extends "page.njk" %}
@@ -62,60 +67,72 @@ tags: prototype
         }) }}
       </div>
       <div class="o-grid o-grid--of-four o-grid--swipeable">
-        {{ industryCard({
-          title: 'Mining and minerals',
-          link: '#',
-          description: 'Explore the world of Iron, Base metals, Bauxite, Clay, Coal, Industrial Minerals and Precious Metals in 3D.',
+        {{ cardNew({
+          theme: 'bordered',
+          header: {
+            title: 'Mining and minerals'
+          },
+          body: {
+            content: '<p>Explore the world of Iron, Base metals, Bauxite, Clay, Coal, Industrial Minerals and Precious Metals in 3D.</p>'
+          },
           image: {
             src: '/static/img/sector-1.jpg',
             alt: ''
           },
-          footer: {
-            button: {
-              label: 'View industry'
-            }
+          link: {
+            label: 'View industry',
+            url: '#'
           }
         }) }}
-        {{ industryCard({
-          title: 'Pharmaceuticals',
-          link: '#',
-          description: 'We understand the role our technologies play in providing the physicochemical insight to speed product development.',
+        {{ cardNew({
+          theme: 'bordered',
+          header: {
+            title: 'Pharmaceuticals'
+          },
+          body: {
+            content: '<p>We understand the role our technologies play in providing the physicochemical insight to speed product development.</p>'
+          },
           image: {
             src: '/static/img/sector-2.jpg',
             alt: ''
           },
-          footer: {
-            button: {
-              label: 'View industry'
-            }
+          link: {
+            label: 'View industry',
+            url: '#'
           }
         }) }}
-        {{ industryCard({
-          title: 'Metal analysis',
-          link: '#',
-          description: 'We help you to meet demand, become more sustainable, and to make processes easier, cleaner and safer.',
+        {{ cardNew({
+          theme: 'bordered',
+          header: {
+            title: 'Metal analysis'
+          },
+          body: {
+            content: '<p>We help you to meet demand, become more sustainable, and to make processes easier, cleaner and safer.</p>'
+          },
           image: {
             src: '/static/img/sector-3.jpg',
             alt: ''
           },
-          footer: {
-            button: {
-              label: 'View industry'
-            }
+          link: {
+            label: 'View industry',
+            url: '#'
           }
         }) }}
-        {{ industryCard({
-          title: 'Battery and energy',
-          link: '#',
-          description: 'Battery and renewable energy storage: empower your research and production with the best analytical solutions.',
+        {{ cardNew({
+          theme: 'bordered',
+          header: {
+            title: 'Battery and energy'
+          },
+          body: {
+            content: '<p>Battery and renewable energy storage: empower your research and production with the best analytical solutions.</p>'
+          },
           image: {
             src: '/static/img/sector-4.jpg',
             alt: ''
           },
-          footer: {
-            button: {
-              label: 'View industry'
-            }
+          link: {
+            label: 'View industry',
+            url: '#'
           }
         }) }}
       </div>
@@ -147,9 +164,16 @@ tags: prototype
           <div class="c-tabs__content">
             <div id="tab-product-1" class="c-tab c-tab--active">
               <div class="o-grid o-grid--of-four o-grid--swipeable">
-                {{ productCard({
-                  title: 'Zetasizer Advance range',
-                  description: 'Zetasizer Advance is the successor to the highly successful and market-leading Zetasizer Nano.',
+                {{ productCardNew({
+                  type: 'product',
+                  theme: 'bordered',
+                  size: 'medium',
+                  header: {
+                    title: 'Zetasizer Advance range'
+                  },
+                  body: {
+                    content: '<p>Zetasizer Advance is the successor to the highly successful and market-leading Zetasizer Nano.</p>'
+                  },
                   image: {
                     src: '/static/img/products-1.jpg',
                     alt: 'Zetasizer Advance range'
@@ -157,21 +181,30 @@ tags: prototype
                   footer: {
                     buttons: [
                       {
-                        link: '#',
+                        link: 'range',
                         label: 'View range',
+                        colour: 'outline-green',
                         classes: 'c-button--small'
                       },
                       {
-                        link: '#',
+                        link: 'request-a-quote',
                         label: 'Request a quote',
+                        colour: 'green',
                         classes: 'c-button--small'
                       }
                     ]
                   }
                 }) }}
-                {{ productCard({
-                  title: 'Mastersizer range',
-                  description: 'From assessing product uniformity and solubility, through to optimising packing density.',
+                {{ productCardNew({
+                  type: 'product',
+                  theme: 'bordered',
+                  size: 'medium',
+                  header: {
+                    title: 'Mastersizer range'
+                  },
+                  body: {
+                    content: '<p>From assessing product uniformity and solubility, through to optimising packing density.</p>'
+                  },
                   image: {
                     src: '/static/img/products-2.jpg',
                     alt: 'Zetasizer Advance range'
@@ -179,21 +212,29 @@ tags: prototype
                   footer: {
                     buttons: [
                       {
-                        link: '#',
+                        link: '/prototype/range',
                         label: 'View range',
+                        colour: 'outline-green',
                         classes: 'c-button--small'
                       },
                       {
-                        link: '#',
+                        link: '/prototype/request-a-quote',
                         label: 'Request a quote',
                         classes: 'c-button--small'
                       }
                     ]
                   }
                 }) }}
-                {{ productCard({
-                  title: 'NanoSight range',
-                  description: 'The NanoSight range utilizes NTA to characterize nanoparticles from 10nm - 1000nm* in solution.',
+                {{ productCardNew({
+                  type: 'product',
+                  theme: 'bordered',
+                  size: 'medium',
+                  header: {
+                    title: 'NanoSight range'
+                  },
+                  body: {
+                    content: '<p>The NanoSight range utilizes NTA to characterize nanoparticles from 10nm - 1000nm* in solution.</p>'
+                  },
                   image: {
                     src: '/static/img/products-3.jpg',
                     alt: 'Zetasizer Advance range'
@@ -201,21 +242,29 @@ tags: prototype
                   footer: {
                     buttons: [
                       {
-                        link: '#',
+                        link: '/prototype/range',
                         label: 'View range',
+                        colour: 'outline-green',
                         classes: 'c-button--small'
                       },
                       {
-                        link: '#',
+                        link: '/prototype/request-a-quote',
                         label: 'Request a quote',
                         classes: 'c-button--small'
                       }
                     ]
                   }
                 }) }}
-                {{ productCard({
-                  title: 'Epsilon range',
-                  description: 'The Epsilon 1 is powered by the latest advances in excitation and detection technology.',
+                {{ productCardNew({
+                  type: 'product',
+                  theme: 'bordered',
+                  size: 'medium',
+                  header: {
+                    title: 'Epsilon range'
+                  },
+                  body: {
+                    content: '<p>The Epsilon 1 is powered by the latest advances in excitation and detection technology.</p>'
+                  },
                   image: {
                     src: '/static/img/products-4.jpg',
                     alt: 'Zetasizer Advance range'
@@ -223,12 +272,13 @@ tags: prototype
                   footer: {
                     buttons: [
                       {
-                        link: '#',
+                        link: '/prototype/range',
                         label: 'View range',
+                        colour: 'outline-green',
                         classes: 'c-button--small'
                       },
                       {
-                        link: '#',
+                        link: '/prototype/request-a-quote',
                         label: 'Request a quote',
                         classes: 'c-button--small'
                       }
@@ -239,67 +289,79 @@ tags: prototype
               <div class="u-bg-blue-step-3 u-pad-s-m u-split u-margin-top-l">
                 <h3 class="c-h c-h--step-1">Explore our full product range</h3>
                 {{ button({
-                  link: '#',
+                  link: '/prototype/products',
                   label: 'View all ranges'
                 }) }}
               </div>
             </div>
             <div id="tab-product-2" class="c-tab">
               <div class="o-grid o-grid--of-four o-grid--swipeable">
-                {{ technologyCard({
-                  title: 'X-ray Diffraction (XRD)',
-                  link: '#',
-                  description: 'XRD is the only laboratory technique that non-destructively and accurately obtains information such as chemical composition.',
+                {{ cardNew({
+                  theme: 'bordered',
+                  header: {
+                    title: 'X-ray Diffraction (XRD)'
+                  },
+                  body: {
+                    content: '<p>XRD is the only laboratory technique that non-destructively and accurately obtains information such as chemical composition.</p>'
+                  },
                   image: {
                     src: '/static/img/sector-5.jpg',
                     alt: ''
                   },
-                  footer: {
-                    button: {
-                      label: 'View technology'
-                    }
+                  link: {
+                    label: 'View technology',
+                    url: '#'
                   }
                 }) }}
-                {{ technologyCard({
-                  title: 'Dynamic Light Scattering (DLS)',
-                  link: '#',
-                  description: 'Dynamic Light Scattering for size characterization of proteins, nanoparticles, polymers and colloidal dispersions.',
+                {{ cardNew({
+                  theme: 'bordered',
+                  header: {
+                    title: 'Dynamic Light Scattering (DLS)'
+                  },
+                  body: {
+                    content: '<p>Dynamic Light Scattering for size characterization of proteins, nanoparticles, polymers and colloidal dispersions.</p>'
+                  },
                   image: {
                     src: '/static/img/sector-4.jpg',
                     alt: ''
                   },
-                  footer: {
-                    button: {
-                      label: 'View technology'
-                    }
+                  link: {
+                    label: 'View technology',
+                    url: '#'
                   }
                 }) }}
-                {{ technologyCard({
-                  title: 'X-ray fluorescence (XRF)',
-                  link: '#',
-                  description: 'X-ray fluorescence is an analytical technique that can be used to determine the chemical composition of a wide variety of sample types.',
+                {{ cardNew({
+                  theme: 'bordered',
+                  header: {
+                    title: 'X-ray fluorescence (XRF)'
+                  },
+                  body: {
+                    content: '<p>X-ray fluorescence is an analytical technique that can be used to determine the chemical composition of a wide variety of sample types.</p>'
+                  },
                   image: {
                     src: '/static/img/sector-3.jpg',
                     alt: ''
                   },
-                  footer: {
-                    button: {
-                      label: 'View technology'
-                    }
+                  link: {
+                    label: 'View technology',
+                    url: '#'
                   }
                 }) }}
-                {{ technologyCard({
-                  title: 'Nanoparticle Tracking Analysis',
-                  link: '#',
-                  description: 'Utilizes the properties of both light scattering and Brownian motion in order to obtain the nanoparticle size distribution of samples in liquid suspension.',
+                {{ cardNew({
+                  theme: 'bordered',
+                  header: {
+                    title: 'Nanoparticle Tracking Analysis'
+                  },
+                  body: {
+                    content: '<p>Utilizes the properties of both light scattering and Brownian content in order to obtain the nanoparticle size distribution of samples in liquid suspension.</p>'
+                  },
                   image: {
                     src: '/static/img/sector-2.jpg',
                     alt: ''
                   },
-                  footer: {
-                    button: {
-                      label: 'View technology'
-                    }
+                  link: {
+                    label: 'View technology',
+                    url: '#'
                   }
                 }) }}
               </div>
@@ -313,60 +375,72 @@ tags: prototype
             </div>
             <div id="tab-product-3" class="c-tab">
               <div class="o-grid o-grid--of-four o-grid--swipeable">
-                {{ measurementTypeCard({
-                  title: 'Particle size',
-                  link: '#',
-                  description: 'Measurement of particle size distributions is routinely carried out across a wide range of industries.',
+                {{ cardNew({
+                  theme: 'bordered',
+                  header: {
+                    title: 'Particle size'
+                  },
+                  link: {
+                    label: 'View measurement type',
+                    url:'#'
+                  },
+                  body: {
+                    content: '<p>Measurement of particle size distributions is routinely carried out across a wide range of industries.</p>'
+                  },
                   image: {
                     src: '/static/img/sector-3.jpg',
                     alt: ''
-                  },
-                  footer: {
-                    button: {
-                      label: 'View measurement type'
-                    }
                   }
                 }) }}
-                {{ measurementTypeCard({
-                  title: 'Zeta potential',
-                  link: '#',
-                  description: 'Zeta potential measurements to improve formulation stability and shelf life and reduce formulation time and cost.',
+                {{ cardNew({
+                  theme: 'bordered',
+                  header: {
+                    title: 'Zeta potential'
+                  },
+                  link: {
+                    label: 'View measurement type',
+                    url:'#'
+                  },
+                  body: {
+                    content: '<p>Zeta potential measurements to improve formulation stability and shelf life and reduce formulation time and cost.</p>'
+                  },
                   image: {
                     src: '/static/img/sector-2.jpg',
                     alt: ''
-                  },
-                  footer: {
-                    button: {
-                      label: 'View measurement type'
-                    }
                   }
                 }) }}
-                {{ measurementTypeCard({
-                  title: 'Binding affinity',
-                  link: '#',
-                  description: 'Understanding binding affinity is key to appreciation of the intermolecular interactions driving biological processes.',
+                {{ cardNew({
+                  theme: 'bordered',
+                  header: {
+                    title: 'Binding affinity'
+                  },
+                  link: {
+                    label: 'View measurement type',
+                    url:'#'
+                  },
+                  body: {
+                    content: '<p>Understanding binding affinity is key to appreciation of the intermolecular interactions driving biological processes.</p>'
+                  },
                   image: {
                     src: '/static/img/sector-1.jpg',
                     alt: ''
-                  },
-                  footer: {
-                    button: {
-                      label: 'View measurement type'
-                    }
                   }
                 }) }}
-                {{ measurementTypeCard({
-                  title: 'Moisture content',
-                  link: '#',
-                  description: 'The determination of moisture is often a critical component in manufacturing processes and quality assurance.',
+                {{ cardNew({
+                  theme: 'bordered',
+                  header: {
+                    title: 'Moisture content'
+                  },
+                  link: {
+                    label: 'View measurement type',
+                    url:'#'
+                  },
+                  body: {
+                    content: '<p>The determination of moisture is often a critical component in manufacturing processes and quality assurance.</p>'
+                  },
                   image: {
                     src: '/static/img/sector-5.jpg',
                     alt: ''
-                  },
-                  footer: {
-                    button: {
-                      label: 'View measurement type'
-                    }
                   }
                 }) }}
               </div>
@@ -402,30 +476,28 @@ tags: prototype
           <ul class="c-tabs__controls-list">
             <li><a class="c-tabs__control c-tabs__control--active" href="#tab-webinars">Webinars</a></li>
             <li><a class="c-tabs__control" href="#tab-events">Events</a></li>
-            <li><a class="c-tabs__control" href="#tab-webinars">Training</a></li>
+            <li><a class="c-tabs__control" href="#tab-training">Training</a></li>
           </ul>
         </nav>
 
         <div class="c-tabs__content">
           <div id="tab-webinars" class="c-tab c-tab--active">
             <div class="o-grid o-grid--of-three o-grid--swipeable">
-              {{ card({
-                theme: {
-                  layout: 'single',
-                  size: 'medium',
-                  name: 'featured'
-                },
+              {{ eventCardNew({
+                type: 'event',
+                theme: 'dark',
+                size: 'medium',
                 image: {
                   src: '/static/img/featured-event-1.jpg',
                   alt: 'Alt'
                 },
                 header: {
                   title: 'Achieving method transfer from Mastersizer 2000 to Mastersizer 3000',
-                  meta: ['English'],
+                  language: 'English',
                   date: {
-                    date: '2020-08-01' | createDate,
-                    duration: '36:01'
-                  }
+                    date: '2020-08-01' | createDate
+                  },
+                  duration: '36:01'
                 },
                 body: {
                   keySpecs: [
@@ -451,24 +523,23 @@ tags: prototype
                 tag: 'Recorded webinar'
               }) }}
               
-              {{ card({
-                theme: {
-                  layout: 'single',
-                  size: 'medium',
-                  name: 'featured'
-                },
+              {{ eventCardNew({
+                type: 'event',
+                theme: 'dark',
+                size: 'medium',
                 image: {
                   src: '/static/img/featured-event-2.jpg',
                   alt: 'Alt'
                 },
                 header: {
                   title: 'Zetium ED X-ray fluorescence SuperQ application course',
-                  meta: ['English'],
+                  language: 'English',
                   date: {
-                    date: '2021-02-09' | createDate,
-                    time: '11:00 – 1200',
+                    date: '2024-09-09' | createDate,
+                    time: '11:00 - 12:00',
                     timezone: 'EST'
-                  }
+                  },
+                  location: 'Almelo, The Netherlands'
                 },
                 body: {
                   keySpecs: [
@@ -493,24 +564,23 @@ tags: prototype
                 tag: 'Training course'
               }) }}
 
-              {{ card({
-                theme: {
-                  layout: 'single',
-                  size: 'medium',
-                  name: 'featured'
-                },
+              {{ eventCardNew({
+                type: 'event',
+                theme: 'dark',
+                size: 'medium',
                 image: {
                   src: '/static/img/featured-event-3.jpg',
                   alt: 'Alt'
                 },
                 header: {
                   title: 'Ask us Anything: The API Edition - API Characterization & Developability',
-                  meta: ['English'],
+                  language: 'English',
                   date: {
-                    date: '2021-02-16' | createDate,
-                    time: '11:00 – 1200',
-                    timezone: 'EST'
-                  }
+                    date: '2024-10-16' | createDate,
+                    timezone: 'EST',
+                    time: '11:30 - 13:30'
+                  },
+                  location: 'Virtual'
                 },
                 body: {
                   content: '<p>Find out how the Mastersizer range can help keep costs down in formulation development.</p>'
@@ -530,23 +600,21 @@ tags: prototype
 
           <div id="tab-events" class="c-tab">
             <div class="o-grid o-grid--of-three o-grid--swipeable">
-              {{ card({
-                theme: {
-                  layout: 'single',
-                  size: 'medium',
-                  name: 'featured'
-                },
+              {{ eventCardNew({
+                type: 'event',
+                theme: 'dark',
+                size: 'medium',
                 image: {
                   src: '/static/img/featured-event-2.jpg',
                   alt: 'Alt'
                 },
                 header: {
                   title: 'Ask us Anything: The API Edition - API Characterization & Developability',
-                  meta: ['English'],
+                  language: 'English',
                   date: {
-                    date: '2020-11-01' | createDate,
-                    duration: '36:01'
-                  }
+                    date: '2020-11-01' | createDate
+                  },
+                  duration: '36:01'
                 },
                 body: {
                   keySpecs: [
@@ -567,25 +635,62 @@ tags: prototype
                 },
                 tag: 'Recorded webinar'
               }) }}
-              
-              {{ card({
-                theme: {
-                  layout: 'single',
-                  size: 'medium',
-                  name: 'featured'
+
+              {{ eventCardNew({
+                type: 'event',
+                theme: 'dark',
+                size: 'medium',
+                image: {
+                  src: '/static/img/featured-event-1.jpg',
+                  alt: 'Alt'
+                },
+                header: {
+                  title: 'Zetium ED X-ray fluorescence SuperQ application course',
+                  language: 'English',
+                  date: {
+                    date: '2025-02-24' | createDate,
+                    timezone: 'EST',
+                    time: '13:00 - 14:00'
+                  },
+                  location: 'Worcester MA'
+                },
+                body: {
+                  content: '<p>Find out how the Mastersizer range can help keep costs down in formulation development.</p>'
+                },
+                footer: {
+                  buttons: [
+                    {
+                      label: 'Book your place',
+                      link: '/prototype/webinar'
+                    }
+                  ]
                 },
+                tag: 'Training course'
+              }) }}
+            </div>
+          </div>
+
+          <div id="tab-training" class="c-tab">
+            <div class="o-grid o-grid--of-three o-grid--swipeable">
+
+              
+              {{ eventCardNew({
+                type: 'event',
+                theme: 'dark',
+                size: 'medium',
                 image: {
                   src: '/static/img/featured-event-3.jpg',
                   alt: 'Alt'
                 },
                 header: {
                   title: 'Achieving method transfer from Mastersizer 2000 to Mastersizer 3000',
-                  meta: ['English'],
+                  language: 'English',
                   date: {
-                    date: '2021-02-15' | createDate,
-                    time: '11:00 – 1200',
-                    timezone: 'EST'
-                  }
+                    date: '2025-02-15' | createDate,
+                    timezone: 'EST',
+                    time: '10:00 - 11:00'
+                  },
+                  location: 'Virtual'
                 },
                 body: {
                   keySpecs: [
@@ -610,24 +715,23 @@ tags: prototype
                 tag: 'Training course'
               }) }}
 
-              {{ card({
-                theme: {
-                  layout: 'single',
-                  size: 'medium',
-                  name: 'featured'
-                },
+              {{ eventCardNew({
+                type: 'event',
+                theme: 'dark',
+                size: 'medium',
                 image: {
                   src: '/static/img/featured-event-1.jpg',
                   alt: 'Alt'
                 },
                 header: {
                   title: 'Zetium ED X-ray fluorescence SuperQ application course',
-                  meta: ['English'],
+                  language: 'English',
                   date: {
-                    date: '2021-02-24' | createDate,
-                    time: '11:00 – 1200',
-                    timezone: 'EST'
-                  }
+                    date: '2025-02-24' | createDate,
+                    timezone: 'EST',
+                    time: '13:00 - 14:00'
+                  },
+                  location: 'Worcester MA'
                 },
                 body: {
                   content: '<p>Find out how the Mastersizer range can help keep costs down in formulation development.</p>'
@@ -642,8 +746,39 @@ tags: prototype
                 },
                 tag: 'Training course'
               }) }}
+
+              {{ eventCardNew({
+                type: 'event',
+                theme: 'dark',
+                image: {
+                  src: '/static/img/article-1.jpg',
+                  alt: 'Alt'
+                },
+                header: {
+                  title: 'SuperQ version 6 for Zetium XRF users',
+                  language: 'English',
+                  date: {
+                    date: '2025-04-15' | createDate,
+                    timezone: 'AES',
+                    time: '11:00 - 14:00'
+                  },
+                  location: 'Sydney'
+                },
+                body: {
+                  content: '<p>During this training, our application specialist provides step-by-step guidance towards using the software, including how to set up programmes and how to analyse and interpret the data.</p>'
+                },
+                footer: {
+                  buttons: [
+                    {
+                      label: 'Book your place',
+                      link: '/prototype/oma'
+                    }
+                  ]
+                }
+              }) }}
             </div>
           </div>
+
         </div>
       </div>
     </div>
@@ -687,14 +822,12 @@ tags: prototype
           <p>Find out more about how our scientific instruments help users better understand and shape everything from proteins, metals and polymers to the soil and air around us.</p>
           <p>From hot topics to customer stories, industry insights, and technical training - our blog is here to help you stay up to date.</p>
         </div>
-        {{ twi({ link: '', classes: 'u-link', label: 'Visit the blog', icon: 'arrow-right' }) }}
+        {{ twi({ link: '/prototype/blog', classes: 'u-link', label: 'Visit the blog', icon: 'arrow-right' }) }}
       </header>
 
       <div class="u-flow--l">
-          {{ card({
-            theme: {
-              layout: 'multi c-card--layout-multi-30-70'
-            },
+          {{ cardNew({
+            theme: 'switch',
             image: {
               src: '/static/img/case-study-1.jpg',
               alt: 'Product image alt'
@@ -709,14 +842,12 @@ tags: prototype
             body: {
               content: '<p>Discover how orthogonal analytical technologies help characterize and generate a multi-parametral stability profile of AAV samples.</p>'
             },
-            link: '#',
+            link: {url:'/prototype/blog-post'},
             tag: 'Blog post'
           })}}
 
-          {{ card({
-            theme: {
-              layout: 'multi c-card--layout-multi-30-70'
-            },
+          {{ cardNew({
+            theme: 'switch',
             image: {
               src: '/static/img/case-study-2.jpg',
               alt: 'Product image alt'
@@ -731,14 +862,12 @@ tags: prototype
             body: {
               content: '<p>Be more confident in the results you are using in your papers and theses, and get more from your Mastersizer. Get advice from the expert.</p>'
             },
-            link: '#',
+            link: {url:'/prototype/blog-post'},
             tag: 'Blog post'
           })}}
 
-          {{ card({
-            theme: {
-              layout: 'multi c-card--layout-multi-30-70'
-            },
+          {{ cardNew({
+            theme: 'switch',
             image: {
               src: '/static/img/case-study-3.jpg',
               alt: 'Product image alt'
@@ -753,7 +882,7 @@ tags: prototype
             body: {
               content: '<p>When it comes to sampling preparation, the #1 thing to be considered is sample concentration, or oftentimes, dilution.</p>'
             },
-            link: '#',
+            link: {url:'/prototype/blog-post'},
             tag: 'Blog post'
           })}}
         </div>