mp-design-system 1.2.64 → 1.2.66

package/src/prototype/index.njk

@@ -1,893 +0,0 @@
----
-title: Home
-tags: prototype
----
-
-{% from "components/twi/macro.njk" import twi %}
-{% from "components/prose/macro.njk" import prose %}
-{% from "components/signpost/macro.njk" import signpost %}
-{% from "components/button/macro.njk" import button %}
-{% from "components/card/macro.njk" import industryCard %}
-{% from "components/card/macro.njk" import productCard %}
-{% from "components/card/macro.njk" import technologyCard %}
-{% from "components/card/macro.njk" import measurementTypeCard %}
-{% from "components/campaign/macro.njk" import campaign %}
-{% from "components/card/macro.njk" import card %}
-{% 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" %}
-
-{% block content %}
-  {{ hero({
-    title: "We’re BIG on small.",
-    content: '<p>We make scientific instruments and services that make the invisible visible, so you can make the impossible possible.</p>',
-    cta: {
-      label: 'About Malvern Panalytical',
-      link: ''
-    },
-    homepage: "dark",
-    images: [
-      { "src": "/static/img/homepage_1_back_alt.webp" },
-      { "src": "/static/img/homepage_2_back_alt.webp" }
-    ],
-    frontimages: [
-      { "src": "/static/img/homepage_1_front_full.webp" },
-      { "src": "/static/img/homepage_2_front_full.webp" }
-    ]
-  }) }}
-
-  <section class="mp c-slat c-slat--padded c-slat--white u-flow--l-2xl">
-    {{ campaign({
-      classes: 'u-wrap',
-      title: 'OmniTrust: Analytics you can trust.',
-      content: '<p>At last, a compliance breakthrough: Omnitrust joins up all your instruments and platforms, authorizes users, keeps all your data audit-ready – and is completely configurable to your workflow.</p>',
-      linkLabel: 'Find out more',
-      link: '',
-      image: {
-        src: '/static/img/campaign.jpg',
-        alt: ''
-      }
-    }) }}
-  </section>
-
-  <section class="mp c-slat c-slat--padded c-slat--dots u-bg-blue-step-3">
-    <div class="u-wrap u-flow--s-l">
-      <div class="u-wrap--content o-prose u-flow--prose u-flow--l">
-        <h2 class="c-h c-h--step-3">Groundbreaking solutions for every industry</h2>
-        {{ prose({
-          content: ' <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>'
-        }) }}
-      </div>
-      <div class="o-grid o-grid--of-four o-grid--swipeable">
-        {{ 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: ''
-          },
-          link: {
-            label: 'View industry',
-            url: '#'
-          }
-        }) }}
-        {{ 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: ''
-          },
-          link: {
-            label: 'View industry',
-            url: '#'
-          }
-        }) }}
-        {{ 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: ''
-          },
-          link: {
-            label: 'View industry',
-            url: '#'
-          }
-        }) }}
-        {{ 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: ''
-          },
-          link: {
-            label: 'View industry',
-            url: '#'
-          }
-        }) }}
-      </div>
-      <div class="u-split u-margin-top-l">
-        <h3 class="c-h c-h--step-1">Explore our full range of industry applications</h3>
-        {{ button({
-          link: '#',
-          label: 'View all industries',
-          classes: 'c-button--inline'
-        }) }}
-      </div>
-    </div>
-  </section>
-
-  <section class="mp c-slat c-slat--padded">
-    <div class="u-wrap">
-      <div class="u-wrap--content o-prose u-flow--prose u-flow--l">
-        <h2 class="c-h c-h--step-3">Browse our range of award winning technologies</h2>
-      </div>
-      <div class="u-wrap">
-        <div class="mp c-tabs c-tabs--anchor">
-          <nav class="c-tabs__controls">
-            <ul class="c-tabs__controls-list">
-              <li><a class="c-tabs__control c-tabs__control--active" href="#tab-product-1" role="tab">Product ranges</a></li>
-              <li><a class="c-tabs__control" href="#tab-product-2" role="tab">Technologies</a></li>
-              <li><a class="c-tabs__control" href="#tab-product-3" role="tab">Measurement types</a></li>
-            </ul>
-          </nav>
-          <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">
-                {{ 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'
-                  },
-                  footer: {
-                    buttons: [
-                      {
-                        link: 'range',
-                        label: 'View range',
-                        colour: 'outline-green',
-                        classes: 'c-button--small'
-                      },
-                      {
-                        link: 'request-a-quote',
-                        label: 'Request a quote',
-                        colour: 'green',
-                        classes: 'c-button--small'
-                      }
-                    ]
-                  }
-                }) }}
-                {{ 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'
-                  },
-                  footer: {
-                    buttons: [
-                      {
-                        link: '/prototype/range',
-                        label: 'View range',
-                        colour: 'outline-green',
-                        classes: 'c-button--small'
-                      },
-                      {
-                        link: '/prototype/request-a-quote',
-                        label: 'Request a quote',
-                        classes: 'c-button--small'
-                      }
-                    ]
-                  }
-                }) }}
-                {{ 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'
-                  },
-                  footer: {
-                    buttons: [
-                      {
-                        link: '/prototype/range',
-                        label: 'View range',
-                        colour: 'outline-green',
-                        classes: 'c-button--small'
-                      },
-                      {
-                        link: '/prototype/request-a-quote',
-                        label: 'Request a quote',
-                        classes: 'c-button--small'
-                      }
-                    ]
-                  }
-                }) }}
-                {{ 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'
-                  },
-                  footer: {
-                    buttons: [
-                      {
-                        link: '/prototype/range',
-                        label: 'View range',
-                        colour: 'outline-green',
-                        classes: 'c-button--small'
-                      },
-                      {
-                        link: '/prototype/request-a-quote',
-                        label: 'Request a quote',
-                        classes: 'c-button--small'
-                      }
-                    ]
-                  }
-                }) }}
-              </div>
-              <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: '/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">
-                {{ 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: ''
-                  },
-                  link: {
-                    label: 'View technology',
-                    url: '#'
-                  }
-                }) }}
-                {{ 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: ''
-                  },
-                  link: {
-                    label: 'View technology',
-                    url: '#'
-                  }
-                }) }}
-                {{ 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: ''
-                  },
-                  link: {
-                    label: 'View technology',
-                    url: '#'
-                  }
-                }) }}
-                {{ 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: ''
-                  },
-                  link: {
-                    label: 'View technology',
-                    url: '#'
-                  }
-                }) }}
-              </div>
-              <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 range of technologies</h3>
-                {{ button({
-                  link: '#',
-                  label: 'View all technologies'
-                }) }}
-              </div>
-            </div>
-            <div id="tab-product-3" class="c-tab">
-              <div class="o-grid o-grid--of-four o-grid--swipeable">
-                {{ 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: ''
-                  }
-                }) }}
-                {{ 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: ''
-                  }
-                }) }}
-                {{ 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: ''
-                  }
-                }) }}
-                {{ 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: ''
-                  }
-                }) }}
-              </div>
-              <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 range of measurements</h3>
-                {{ button({
-                  link: '#',
-                  label: 'View all measurement types'
-                }) }}
-              </div>
-            </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="mp c-slat c-slat--padded c-slat--grey c-slat--concentric">
-    <div class="u-wrap u-flow--l">
-      <header class="u-wrap--content u-flow--l">
-        <h2 class="c-h c-h--step-5">Learn from our community</h2>
-        <div class="mp o-prose">
-          <p>Science moves faster when we share what we know. If you need new ways to re-think big challenges, want to sharpen your technical skills, or join a community of experts? We’ll have a webinar, seminar or training course that’s just right.</p>
-        </div>
-      </header>
-
-      <div class="u-split u-split--bottom">
-        <h2 class="c-h c-h--step-3">Webinars and events</h2>
-        {{ twi({ link: '/prototype/webinars', classes: 'u-link', label: 'View all webinars and events', icon: 'arrow-right' }) }}
-      </div>
-
-      <div class="mp c-tabs c-tabs--anchor">
-        <nav class="c-tabs__controls">
-          <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-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">
-              {{ 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',
-                  language: 'English',
-                  date: {
-                    date: '2020-08-01' | createDate
-                  },
-                  duration: '36:01'
-                },
-                body: {
-                  keySpecs: [
-                    {
-                      title: 'Products',
-                      term: 'Mastersizer 3000'
-                    },
-                    {
-                      title: 'Technologies',
-                      term: 'Morphologically-Directed Raman Spectroscopy'
-                    }
-                  ]
-                },
-                footer: {
-                  buttons: [
-                    {
-                      label: 'Watch now',
-                      link: '/prototype/oma/',
-                      colour: 'outline-white'
-                    }
-                  ]
-                },
-                tag: 'Recorded webinar'
-              }) }}
-              
-              {{ 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',
-                  language: 'English',
-                  date: {
-                    date: '2024-09-09' | createDate,
-                    time: '11:00 - 12:00',
-                    timezone: 'EST'
-                  },
-                  location: 'Almelo, The Netherlands'
-                },
-                body: {
-                  keySpecs: [
-                    {
-                      title: 'Products',
-                      term: 'Mastersizer 3000'
-                    },
-                    {
-                      title: 'Technologies',
-                      term: 'Morphologically-Directed Raman Spectroscopy'
-                    }
-                  ]
-                },
-                footer: {
-                  buttons: [
-                    {
-                      label: 'Book your place',
-                      link: '/prototype/webinar'
-                    }
-                  ]
-                },
-                tag: 'Training course'
-              }) }}
-
-              {{ 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',
-                  language: 'English',
-                  date: {
-                    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>'
-                },
-                footer: {
-                  buttons: [
-                    {
-                      label: 'Book your place',
-                      link: '/prototype/webinar'
-                    }
-                  ]
-                },
-                tag: 'Training course'
-              }) }}
-            </div>
-          </div>
-
-          <div id="tab-events" 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-2.jpg',
-                  alt: 'Alt'
-                },
-                header: {
-                  title: 'Ask us Anything: The API Edition - API Characterization & Developability',
-                  language: 'English',
-                  date: {
-                    date: '2020-11-01' | createDate
-                  },
-                  duration: '36:01'
-                },
-                body: {
-                  keySpecs: [
-                    {
-                      title: 'Products',
-                      term: 'Mastersizer 3000'
-                    }
-                  ]
-                },
-                footer: {
-                  buttons: [
-                    {
-                      label: 'Watch now',
-                      link: '/prototype/oma/',
-                      colour: 'outline-white'
-                    }
-                  ]
-                },
-                tag: 'Recorded webinar'
-              }) }}
-
-              {{ 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',
-                  language: 'English',
-                  date: {
-                    date: '2025-02-15' | createDate,
-                    timezone: 'EST',
-                    time: '10:00 - 11:00'
-                  },
-                  location: 'Virtual'
-                },
-                body: {
-                  keySpecs: [
-                    {
-                      title: 'Products',
-                      term: 'Mastersizer 3000'
-                    },
-                    {
-                      title: 'Technologies',
-                      term: 'Morphologically-Directed Raman Spectroscopy'
-                    }
-                  ]
-                },
-                footer: {
-                  buttons: [
-                    {
-                      label: 'Book your place',
-                      link: '/prototype/webinar'
-                    }
-                  ]
-                },
-                tag: 'Training course'
-              }) }}
-
-              {{ 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'
-              }) }}
-
-              {{ 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>
-  </section>
-
-
-  <section class="mp c-slat c-slat--white c-slat--padded">
-    <div class="u-wrap u-flow--l">
-      <header class="u-wrap--content u-flow--l">
-        <h2 class="c-h c-h--step-5">How can we help?</h2>
-      </header>
-
-      <div class="o-grid o-grid--of-three">
-        {{ signpost({
-          link: '',
-          icon: 'large-student',
-          title: 'Dive into our knowledge center',
-          description: 'Our huge freely-available library of manuals, instrument and application information.'
-        }) }}
-        {{ signpost({
-          link: '',
-          icon: 'large-envelope',
-          title: 'Customer support',
-          description: 'Get the support you need, fast.'
-        }) }}
-        {{ signpost({
-          link: '',
-          icon: 'large-globe',
-          title: 'Get in touch',
-          description: 'Find your local Malvern Panalytical office.'
-        }) }}
-      </div>
-    </div>
-  </section>
-
-  <section class="mp c-slat c-slat--grey c-slat--padded c-slat--dots">
-    <div class="u-wrap o-grid o-grid--layout o-grid--4/8">
-      <header class="u-wrap--content u-flow--l">
-        <h2 class="c-h c-h--step-5">Making a difference</h2>
-        <div class="mp o-prose u-flow--prose">
-          <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: '/prototype/blog', classes: 'u-link', label: 'Visit the blog', icon: 'arrow-right' }) }}
-      </header>
-
-      <div class="u-flow--l">
-          {{ cardNew({
-            theme: 'switch',
-            image: {
-              src: '/static/img/case-study-1.jpg',
-              alt: 'Product image alt'
-            },
-            header: {
-              title: 'Delving deeper into AAV attributes',
-              meta: [
-                'by Natalia Markova',
-                '13 May 2021'
-              ]
-            },
-            body: {
-              content: '<p>Discover how orthogonal analytical technologies help characterize and generate a multi-parametral stability profile of AAV samples.</p>'
-            },
-            link: {url:'/prototype/blog-post'},
-            tag: 'Blog post'
-          })}}
-
-          {{ cardNew({
-            theme: 'switch',
-            image: {
-              src: '/static/img/case-study-2.jpg',
-              alt: 'Product image alt'
-            },
-            header: {
-              title: 'Ask an expert: things I wish I knew about laser diffraction before writing my thesis',
-              meta: [
-                "by Steve Ward-Smith",
-                "12 May 2021"
-              ]
-            },
-            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: {url:'/prototype/blog-post'},
-            tag: 'Blog post'
-          })}}
-
-          {{ cardNew({
-            theme: 'switch',
-            image: {
-              src: '/static/img/case-study-3.jpg',
-              alt: 'Product image alt'
-            },
-            header: {
-              title: 'Laser diffraction for particle sizing - sample concentration/dilution (1)',
-              meta: [
-                "by Maria Ma",
-                "11 May 2021"
-              ]
-            },
-            body: {
-              content: '<p>When it comes to sampling preparation, the #1 thing to be considered is sample concentration, or oftentimes, dilution.</p>'
-            },
-            link: {url:'/prototype/blog-post'},
-            tag: 'Blog post'
-          })}}
-        </div>
-
-    </div>
-  </section>
-
-{% endblock %}