Repository: canonical/cn.ubuntu.com
Pull request #750: Built certified hardware page
Author: login: jmuzina
Labels: name: Feature 🎁
name: Review: QA +1
name: Review: Design +1
name: Review: Code +1
name: Review: UX +1
Created: 2025-05-01T22:07:58Z | Merged: 2025-05-27T15:47:42Z

## Done

- Builds cn.ubuntu.com/certified and adds it to the main navigation.
- Updates the site to the current latest version of Vanilla.
  - Includes some sass build flags that silence deprecations in later versions of sass. 
  - Adds a `body_class` block for the base template, allowing pages to be built with different themes. The certified page uses the paper theme. 
- Updates links to `ubuntu.com/certified` to `cn.ubuntu.com/certified`
  - Some tweaks to appease the linter, in files that linked to the EN page.

Note that some sections of the site may not look as expected. The sites team is working on [WD-21825](https://warthogs.atlassian.net/browse/WD-21825) to upgrade the whole site to Vanilla v4, which will require updating code as needed in the [v4 migration guide](https://vanillaframework.io/docs/migration-guide-to-v4)
 
## QA

- Verify the [demo](https://cn-ubuntu-com-750.demos.haus/certified) matches the [Figma](https://www.figma.com/design/ehBGHH1plhbzGaWGZBnyLG/cn.ubuntu.com?node-id=163-679&t=i23g01ReeWju2IN9-4) and [copydoc](https://docs.google.com/document/d/16gXJpsKOdQz1hhgQ_gXfPbxqypN_iTBo4MN0FbxBLbE/edit?tab=t.0)
- Verify the navigation has been updated per [navigation copydoc
](https://docs.google.com/document/d/1fePrL3xp6AxzRpkAzaL11WAh7DyPNEGzT2EYhei7VHw/edit?tab=t.0)

## Issue / Card

Fixes [WD-20400](https://warthogs.atlassian.net/browse/WD-20400)

## Screenshots

![image](https://github.com/user-attachments/assets/0e87d5a8-6562-4fca-85c6-9cc97b84be41)


[WD-21825]: https://warthogs.atlassian.net/browse/WD-21825?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
[WD-20400]: https://warthogs.atlassian.net/browse/WD-20400?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ


Diff:
diff --git a/requirements.txt b/requirements.txt
index ee36a360..c3c0e01d 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -3,7 +3,7 @@ canonicalwebteam.discourse==5.4.3
 canonicalwebteam.http==1.0.4
 canonicalwebteam.blog==6.4.0
 canonicalwebteam.templatefinder==1.0.0
-canonicalwebteam.image-template==1.3.1
+canonicalwebteam.image-template==1.5.0
 pyyaml==6.0
 gunicorn[gevent]
 djlint==1.34.1
diff --git a/static/sass/custom/_certified-testing-list.scss b/static/sass/custom/_certified-testing-list.scss
new file mode 100644
index 00000000..0016ad17
--- /dev/null
+++ b/static/sass/custom/_certified-testing-list.scss
@@ -0,0 +1,6 @@
+.p-certified-testing-item {
+  @extend %paragraph;
+  align-items: center;
+  display: flex;
+  gap: $sph--small;
+}
diff --git a/static/sass/styles.scss b/static/sass/styles.scss
index 2fe015ff..ddc0b450 100644
--- a/static/sass/styles.scss
+++ b/static/sass/styles.scss
@@ -12,6 +12,7 @@
 // Import custom styles
 @import 'custom/ubuntu_intro';
 @import 'custom/heading-icon-small';
+@import 'custom/certified-testing-list';
 @import 'pattern_blog-post';
 @import 'pattern_blog-card';
 @import 'pattern_blog-list';
diff --git a/templates/certified/index.html b/templates/certified/index.html
new file mode 100644
index 00000000..11d86f78
--- /dev/null
+++ b/templates/certified/index.html
@@ -0,0 +1,715 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-section">
+    <div class="p-section--shallow">
+      <div class="grid-row">
+        <hr class="p-rule" />
+        <div class="grid-col-4">
+          <h2 id="certified-testing-heading">广泛的测试和验证</h2>
+        </div>
+        <div class="grid-col-4">
+          <h3 class="p-heading--5">确保驱动程序集成和出色的设备性能</h3>
+          <p>
+            Canonical 的认证团队进行超过 500 项专注于操作系统兼容性的硬件测试，以确保 Ubuntu 始终为您提供最佳体验。系统的各个方面，
+            包括驱动程序集成等，都经过全面验证把关。
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <ul class="grid-row" aria-labelledby="certified-testing-heading">
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/913fdc9e-audio.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} Audio
+        </div>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/6610d3f6-networking.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} Ethernet
+        </div>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/d23f75ae-wireless.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} Wireless
+        </div>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/3b47b295-reference.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} TPM
+        </div>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/3aec8030-bluetooth.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} Bluetooth
+        </div>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/8ad4e23e-usb.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} USB
+        </div>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/8e80bc42-download.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} Firmware
+        </div>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/87d54c78-battery.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} Power management
+        </div>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/67e936ba-WWAN.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} WWAN
+        </div>
+        <hr class="p-rule--muted u-hide--large" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/b7c9aeb9-sd%20card.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} Media cards
+        </div>
+        <hr class="p-rule--muted u-hide--large" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/92a49be7-memory.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} Memory
+        </div>
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <div class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/b852e9f8-Frame%203359.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }} CPU
+        </div>
+      </li>
+    </ul>
+  </section>
+
+  <section class="p-section">
+    <div class="grid-row">
+      <hr class="p-rule" />
+      <div class="grid-col-4">
+        <h2>最长可维持12年的支持</h2>
+      </div>
+      <div class="grid-col-4">
+        <div class="p-image-container--3-2 is-cover is-highlighted">
+          {{ image(
+            url="https://assets.ubuntu.com/v1/89c81238-iso.png",
+            alt="",
+            width="1200",
+            height="800",
+            hi_def=True,
+            loading="lazy",
+            attrs={"class": "p-image-container__image"}
+          ) | safe }}
+        </div>
+        <p>
+          Ubuntu 大约每三周发布稳定版本更新（Stable Release Updates，SRU），确保提供安全可靠的使用体验。
+          这些更新经过硬件认证团队的精心测试，以确保Ubuntu可以很好地运行并且可以为您的业务做好准备。
+        </p>
+        <hr class="p-rule--muted" />
+        <p>
+          <a href="https://ubuntu.com/about/release-cycle">深入了解 Ubuntu 发布周期&nbsp;&rsaquo;</a>
+        </p>
+      </div>
+    </div>
+  </section>
+
+  <section class="p-section">
+    <div class="grid-row">
+      <hr class="p-rule" />
+      <div class="grid-col-4">
+        <h2>
+          实机存放于实验室，<br/>
+          持续进行测试
+        </h2>
+      </div>
+      <div class="grid-col-4">
+        <div class="p-image-container--16-9 is-cover is-highlighted">
+          {{ image(
+            url="https://assets.ubuntu.com/v1/af7b3987-server.png",
+            alt="",
+            width="1200",
+            height="675",
+            hi_def=True,
+            loading="lazy"
+          ) | safe }}
+        </div>
+        <h3 class="p-heading--5">Canonical 在全球多个专用实验室进行硬件测试。</h3>
+        <p>
+          Canonical 将在整个 Ubuntu 版本生命周期内持续进行一系列测试和验证，
+          并以 “Ubuntu Certified” 贴纸作为认证标记。您也可以随时于认证列表中查找该设备经认证的项目。
+        </p>
+      </div>
+    </div>
+  </section>
+
+  <section class="p-section">
+    <div class="grid-row">
+      <hr class="p-rule" />
+      <div class="grid-col-4">
+        <h2>查看已认证的硬件</h2>
+      </div>
+      <div class="grid-col-4">
+        <ul class="p-list--divided">
+          <li class="p-list__item p-certified-testing-item">
+            {#- Laptop -#}
+            {{ image(url="https://assets.ubuntu.com/v1/993b6735-laptop.svg",
+              alt="",
+              width="40",
+              height="40",
+              hi_def=True,
+              loading="lazy"
+            ) | safe }}
+            <a href="https://ubuntu.com/certified/laptops">笔记本</a>
+          </li>
+          {#- Desktop -#}
+          <li class="p-list__item p-certified-testing-item">
+            {{ image(url="https://assets.ubuntu.com/v1/cf3e32c6-desktop.svg",
+              alt="",
+              width="40",
+              height="40",
+              hi_def=True,
+              loading="lazy"
+            ) | safe }}
+            <a href="https://ubuntu.com/certified/desktops">工作站</a>
+          </li>
+          {#- Server -#}
+          <li class="p-list__item p-certified-testing-item">
+            {{ image(url="https://assets.ubuntu.com/v1/75a5392d-server.svg",
+              alt="",
+              width="40",
+              height="40",
+              hi_def=True,
+              loading="lazy"
+            ) | safe }}
+            <a href="https://ubuntu.com/certified/servers">服务器</a>
+          </li>
+          {#- IoT -#}
+          <li class="p-list__item p-certified-testing-item">
+            {{ image(url="https://assets.ubuntu.com/v1/875c7edc-IoT.svg",
+              alt="",
+              width="40",
+              height="40",
+              hi_def=True,
+              loading="lazy"
+            ) | safe }}
+            <a href="https://ubuntu.com/certified/devices">IoT物联网设备</a>
+          </li>
+          {#- System-on-chip -#}
+          <li class="p-list__item p-certified-testing-item">
+            {{ image(url="https://assets.ubuntu.com/v1/71243ecb-chip.svg",
+              alt="",
+              width="40",
+              height="40",
+              hi_def=True,
+              loading="lazy"
+             ) | safe }}
+            <a href="https://ubuntu.com/certified/socs">系统级芯片</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </section>
+
+  <section class="p-section u-no-padding--bottom">
+    <div class="u-fixed-width">
+      <hr class="p-rule" />
+      <h2>参与认证计划的部分合作伙伴</h2>
+      <div class="p-logo-section">
+        <div class="p-logo-section__items">
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/1bdd5ed9-hp-logo.png",
+              alt="HP",
+              width="89",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/84c6e0b1-Dell-logo.png",
+              alt="Dell",
+              width="258",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/617072d2-lenovo-logo.png",
+              alt="Lenovo",
+              width="135",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/f27a4f07-ibm-logo.png",
+              alt="IBM",
+              width="97",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/8fcb6f0a-qct-logo.png",
+              alt="QCT",
+              width="167",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/6e2e5074-cisco-logo.png",
+              alt="Cisco",
+              width="126",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/7346b909-gigabyte-logo.png",
+              alt="Gigabyte",
+              width="156",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/05223ad0-fujitsu-logo.png",
+              alt="FUJITSU",
+              width="117",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/686daa7e-asus-logo.png",
+              alt="ASUS",
+              width="149",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/3d7fd2aa-amd-logo.png",
+              alt="AMD",
+              width="151",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/52e4b1f4-intel-new-logo.png",
+              alt="Intel",
+              width="108",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/e91e865e-nvidia-logo.png",
+              alt="NVidia",
+              width="207",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/402a1ed7-advantech-logo.png",
+              alt="Advantech",
+              width="206",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/f29fb4b0-aaeon-logo.png",
+              alt="AAEON",
+              width="148",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/a4150a31-dfi-logo.png",
+              alt="DFI",
+              width="69",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/4c6476d2-adlink-logo.png",
+              alt="Adlink",
+              width="191",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/c99c7be2-hp-enterprise-logo.png",
+              alt="HP Enterprise",
+              width="180",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/26165d4b-inspur.png",
+              alt="Inspur",
+              width="158",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/7782b0b3-raspberry%20pi.png",
+              alt="Raspberry Pi",
+              width="215",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/b28474d7-ASrock.png",
+              alt="ASRock",
+              width="150",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/f27f03b6-Axiomtek.png",
+              alt="Axiomtek",
+              width="244",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/5472634f-eurotech-group-logo.png",
+              alt="Eurotech",
+              width="176",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/960611bf-onlogic.png",
+              alt="Onlogic",
+              width="188",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/7c5e69cc-iei-logo.png",
+              alt="IEI",
+              width="86",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/e99dc799-huawei-logo.png",
+              alt="Huawei",
+              width="206",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+          <div class="p-logo-section__item">
+            {{ image(
+              url="https://assets.ubuntu.com/v1/935823f0-ZTE-logo.png",
+              alt="ZTE",
+              width="68",
+              height="208",
+              hi_def=True,
+              loading="lazy",
+              attrs={"class": "p-logo-section__logo"}
+            ) | safe }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <hr class="p-rule is-fixed-width"/>
+  </section>
+  <section class="p-strip is-deep">
+    <div class="grid-row u-vertically-center">
+      <p class="p-heading--2">
+        通过Ubuntu官方硬件认证是您实现差异化优势的最佳选择<br/>
+        <a href="https://canonical.com/partners">了解 Canonical 合作伙伴 &rsaquo;</a>
+      </p>
+    </div>
+  </section>
+  <section class="p-section--deep">
+    <div class="grid-row">
+      <hr class="p-rule"/>
+      <div class="grid-col-4">
+        <h2>加入硬件认证计划</h2>
+      </div>
+      <div class="grid-col-4">
+        <p>
+          成为合作伙伴意味着您将与我们的工程和认证团队合作，以确保所有硬件在整个操作系统的生命周期内的兼容性和优化的性能。
+        </p>
+        <p>
+          我们的认证计划能够增强客户对您产品与 Ubuntu 无缝集成的信心，更有机会接触到全球寻找 Ubuntu 兼容设备的消费者。
+        </p>
+        <hr class="p-rule--muted"/>
+        <p>
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </p>
+      </div>
+    </div>
+  </section>
+{% endblock %}
diff --git a/templates/desktop/developers.html b/templates/desktop/developers.html
index 7fdbf66e..72727a2a 100644
--- a/templates/desktop/developers.html
+++ b/templates/desktop/developers.html
@@ -534,7 +534,7 @@ <h3>丰富的生态系统</h3>
         <h3>认证硬件</h3>
         <ul class="p-list">
           <li class="p-list__item is-ticked">
-            使用戴尔、联想和惠普等OEM的<a href="https://ubuntu.com/certified">认证硬件</a>简化Ubuntu桌面的部署——无需额外手动配置。
+            使用戴尔、联想和惠普等OEM的<a href="/certified">认证硬件</a>简化Ubuntu桌面的部署——无需额外手动配置。
           </li>
           <li class="p-list__item is-ticked">Ubuntu开箱即用，适用于各种笔记本电脑、台式机和工作站，包括惠普Z系列和戴尔XPS以及Precision系列。</li>
           <li class="p-list__item is-ticked">
@@ -542,7 +542,7 @@ <h3>认证硬件</h3>
           </li>
         </ul>
         <p>
-          <a href="https://ubuntu.com/certified">Ubuntu认证硬件</a>
+          <a href="/certified">Ubuntu认证硬件</a>
         </p>
       </div>
     </div>
@@ -683,7 +683,7 @@ <h3 class="p-heading--4">下载和安装</h3>
         <h3 class="p-heading--4">购买预载的 PC</h3>
         <p>Ubuntu 在世界上最大的硬件制造商（包括戴尔，惠普和联想）的各种设备上已可用。</p>
         <p>
-          <a href="https://ubuntu.com/certified">浏览 Ubuntu 认证的设备</a>
+          <a href="/certified">浏览 Ubuntu 认证的设备</a>
         </p>
       </div>
 
diff --git a/templates/desktop/organisations.html b/templates/desktop/organisations.html
index 9b93df88..656e8426 100644
--- a/templates/desktop/organisations.html
+++ b/templates/desktop/organisations.html
@@ -100,7 +100,7 @@ <h4>认证硬件</h4>
         <hr />
         <p>Ubuntu桌面版系统已通过各种笔记本电脑、台式机和工作站的认证，包括惠普 Z 系列，联想 Thinkpad P 系列和戴尔 XPS 和 Precision 系列。</p>
         <p>
-          <a href="https://ubuntu.com/certified">了解更多关于Ubuntu认证硬件的内容</a>
+          <a href="/certified">了解更多关于Ubuntu认证硬件的内容</a>
         </p>
       </div>
       <div class="col-4 p-card col-medium-3">
diff --git a/templates/desktop/partners.html b/templates/desktop/partners.html
index 2d8d7c84..bc7cce65 100644
--- a/templates/desktop/partners.html
+++ b/templates/desktop/partners.html
@@ -123,7 +123,7 @@ <h3>持续的支持维护</h3>
         <h2>Ubuntu桌面认证硬件</h2>
         <p>为了在Ubuntu上提供最佳性能，制造商正在预装预载Ubuntu认证镜像的设备。这样可确保驱动程序集成和出色的设备性能。Canonical致力于与全球领先的制造商紧密合作，以优化和认证其笔记本电脑和PC上的Ubuntu。</p>
         <p>
-          <a href="https://ubuntu.com/certified">了解更多关于Ubuntu认证硬件相关内容</a>
+          <a href="/certified">了解更多关于Ubuntu认证硬件相关内容</a>
         </p>
       </div>
       <div class="col-6 u-vertically-center">
diff --git a/templates/download/desktop.html b/templates/download/desktop.html
index 90c71cbf..9ad55014 100644
--- a/templates/download/desktop.html
+++ b/templates/download/desktop.html
@@ -164,7 +164,7 @@ <h2>成百上千款认证的设备</h2>
           许多世界上最大的PC制造商都为 Ubuntu 认证了他们的笔记本电脑和台式机，从超便携笔记本电脑到高端工作站。Ubuntu认证的硬件已经通过了我们广泛的测试和审查过程，确保Ubuntu开箱即用。我们的合作伙伴还提供预装优化过的Ubuntu镜像的精选设备。
         </p>
         <p>
-          <a href="https://ubuntu.com/certified">了解更多Ubuntu认证设备</a>
+          <a href="/certified">了解更多Ubuntu认证设备</a>
         </p>
       </div>
       <div class="col-6 u-vertically-center u-align--center u-hide--small u-hide--medium">
diff --git a/templates/download/iot/index.html b/templates/download/iot/index.html
index 23bb9ca0..015d259e 100644
--- a/templates/download/iot/index.html
+++ b/templates/download/iot/index.html
@@ -33,7 +33,7 @@ <h2 class="p-heading-icon__title" style="line-height: 4rem;">适用于树莓派
           </div>
         </div>
         <p>
-          获得适用于树莓派2、3或4的强大功能、易用性和灵活性的Ubuntu。<br \>
+          获得适用于树莓派2、3或4的强大功能、易用性和灵活性的Ubuntu。<br />
           通过使用Ubuntu服务器版或桌面镜像以获得熟悉的开发环境开始。
         </p>
         <p><a class="p-button--positive" href="/download/raspberry-pi">在树莓派2, 3或4上安装</a></p>
@@ -49,7 +49,8 @@ <h2 class="p-heading-icon__title" style="line-height: 4rem;">适用于树莓派
           ) | safe
         }}
       </div>
-    </section>
+    </div>
+  </section>
 
     <section class="p-strip is-deep">
       <div class="row">
@@ -139,7 +140,7 @@ <h3>最佳的Ubuntu体验</h3>
       <div class="row">
         <div class="col-8">
           <p>Ubuntu与芯片供应商和制造商合作，在各种硬件上适配和认证Ubuntu。已认证的硬件通过了我们在实验室中的广泛测试和审查流程，确保Ubuntu开箱即用，并且在每次系统更新交付之前都会执行回归测试。</p>  
-          <a class="p-button--positive" href="https://ubuntu.com/certified">查看已认证的硬件</a>
+          <a class="p-button--positive" href="/certified">查看已认证的硬件</a>
         </div>
         <div class="col-4 u-align--center u-hide--medium u-hide--small">
           {{ image (
@@ -291,4 +292,4 @@ <h3 class="u-sv3 p-heading--2">找不到你想要的开发板？</h3>
         {% with heading="没有找到您想要的开发板？" %}{% include "/shared/_enablement-strip.html" %}{% endwith %}
         {% with first_item="_core_learn_more", second_item="_core_contribute", third_item="_iot_further_reading" %}{% include "shared/contextual_footers/_contextual_footer.html" %}{% endwith %}
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/templates/internet-of-things/secondary-nav.html b/templates/internet-of-things/secondary-nav.html
index e56ba338..5cf6d5a4 100644
--- a/templates/internet-of-things/secondary-nav.html
+++ b/templates/internet-of-things/secondary-nav.html
@@ -20,7 +20,7 @@ <h5 class="p-navigation--secondary__logo">
           <a class="breadcrumbs__link p-link--soft" href="/download/iot/intel-iotg">英特尔IoT平台</a>
         </li>
         <li class="breadcrumbs__item">
-          <a class="breadcrumbs__link p-link--soft" href="https://ubuntu.com/certified/devices">认证硬件</a>
+          <a class="breadcrumbs__link p-link--soft" href="/certified">认证硬件</a>
         </li>
       </ul>
      
diff --git a/templates/kubernetes/index.html b/templates/kubernetes/index.html
index a754d644..68907cf7 100644
--- a/templates/kubernetes/index.html
+++ b/templates/kubernetes/index.html
@@ -209,7 +209,7 @@ <h3 class="p-card__title">共享的优势点</h3>
             <li class="p-list__item is-ticked">经过所有主要云测试的企业级高可用和显卡（GPU）加速</li>
             <li class="p-list__item is-ticked">Ubuntu 安全团队提供的安全补丁和更新</li>
             <li class="p-list__item is-ticked">
-              ARM，x86 和<a href="https://ubuntu.com/certified">专有认证的硬件</a>以驱动您的创新
+              ARM，x86 和<a href="/certified">专有认证的硬件</a>以驱动您的创新
             </li>
           </ul>
         </div>
diff --git a/templates/macros/_vf_tiered-list.jinja b/templates/macros/_vf_tiered-list.jinja
new file mode 100644
index 00000000..105cf3f1
--- /dev/null
+++ b/templates/macros/_vf_tiered-list.jinja
@@ -0,0 +1,142 @@
+{#-
+  This is a temporary overriding of the Tiered List macro to support including an image.
+  https://vanillaframework.io/docs/patterns/tiered-list
+  This copy is current as of Vanilla 4.23.2
+  This is needed until the image functionality is upstreamed in https://github.com/canonical/vanilla-framework/pull/5503
+-#}
+{#-
+# Params
+  # is_description_full_width_on_desktop: whether description has its own row on
+  #   desktop vs. 50/50 split between title/description
+  # is_list_full_width_on_tablet: whether list title/description each have their
+  #   own row on tablet vs. 50/50 split between title/description
+  # is_image_full_width: whether the image is full width
+  # Slots
+  # title: top-level title element
+  # description: top-level description element
+  # list_item_title_[1-25]: title element of each child list item
+  # list_item_description_[1-25]: description element of each child list item
+  # cta: CTA block element
+-#}
+{% macro vf_tiered_list(
+  is_description_full_width_on_desktop=true,
+  is_list_full_width_on_tablet=true,
+  is_image_full_width=false
+ ) %}
+  {%- set title_content = caller('title') -%}
+  {%- set description_content = caller('description') -%}
+  {%- set image_content = caller('image') -%}
+  {%- set has_description = description_content|trim|length > 0 -%}
+  {%- set cta_content = caller('cta') -%}
+  {%- set has_cta = cta_content|trim|length > 0 -%}
+  {%- set has_image = image_content|trim|length > 0 -%}
+
+  <section class="p-section u-fixed-width">
+    <hr class="p-rule has-margin--bottom"/>
+    {% if has_description == true -%}
+      {%- if is_description_full_width_on_desktop == true -%}
+        <div class="u-fixed-width">
+          <div class="p-section--shallow">
+            {{ title_content }}
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-6 col-start-large-7">
+            {%- if has_image and not is_image_full_width -%}
+              {{ image_content }}
+            {%- endif -%}
+            {{ description_content }}
+          </div>
+        </div>
+      {%- else -%}
+        <div class="row">
+          <div class="col-6">
+            <div class="p-section--shallow">
+              {{ title_content }}
+            </div>
+          </div>
+
+          <div class="col-6">
+            {%- if has_image and not is_image_full_width -%}
+              {{ image_content }}
+            {%- endif -%}
+            {{ description_content }}
+          </div>
+        </div>
+      {%- endif -%}
+    {%- else -%}
+      <div class="u-fixed-width">
+        <div class="p-section--shallow">
+          {{ title_content }}
+        </div>
+      </div>
+    {%- endif %}
+
+    {#-
+      When there is a CTA, we use shallow spacing to space the list away from the CTA.
+      When there is no CTA, shallow spacing would combine with the pattern-level p-section padding, which introduces too much space.
+    -#}
+    {%- if has_cta -%}
+      <div class="p-section--shallow">
+    {%- endif -%}
+    {%- for number in range(1, 25) -%}
+      {%- set list_item_title_content = caller('list_item_title_' + number|string) -%}
+      {%- set has_title_content = list_item_title_content|trim|length > 0 -%}
+      {%- set list_item_description_content = caller('list_item_description_' + number|string) -%}
+      {%- set has_description_content = list_item_description_content|trim|length > 0 -%}
+
+      {#- Check to see if title/description content exist, since we're
+            iterating through 25 potential list items -#}
+      {%- if has_title_content and has_description_content -%}
+        {%- if is_list_full_width_on_tablet == true %}
+          <div class="row">
+            <div class="col-9 col-start-large-4">
+              <hr class="is-muted has-margin--bottom"/>
+            </div>
+          </div>
+
+          <div class="row">
+            <div class="col-3 col-start-large-4">
+              {{ list_item_title_content }}
+            </div>
+
+            <div class="col-6">
+              {{ list_item_description_content }}
+            </div>
+          </div>
+        {%- else %}
+          <div class="row">
+            <div class="col-9 col-start-large-4">
+              <hr class="is-muted has-margin--bottom"/>
+            </div>
+          </div>
+
+          <div class="row">
+            <div class="col-medium-3 col-3 col-start-large-4">
+              {{ list_item_title_content }}
+            </div>
+
+            <div class="col-medium-3 col-6">
+              {{ list_item_description_content }}
+            </div>
+          </div>
+        {%- endif -%}
+      {%- endif -%}
+    {% endfor %}
+    {%- if has_cta -%}
+      </div>
+    {%- endif -%}
+
+    {% if has_cta == true -%}
+      <div class="row">
+        <hr class="p-rule--muted has-margin--bottom"/>
+        <div class="col-6 col-start-large-7">
+          <p>
+            {{ cta_content }}
+          </p>
+        </div>
+      </div>
+    {%- endif %}
+  </section>
+{%- endmacro %}
diff --git a/templates/support/index.html b/templates/support/index.html
index 5710bdf2..a38de09f 100644
--- a/templates/support/index.html
+++ b/templates/support/index.html
@@ -747,7 +747,7 @@ <h2>Ubuntu认证硬件</h2>
         <p>Ubuntu认证的硬件已经通过了广泛的测试和审查过程，以确保Ubuntu可以很好地运行并且可以为您的业务做好准备。我们与OEM紧密合作，共同使Ubuntu在各种设备上可用。</p>
         <p>通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，且无需为繁琐的系统组件驱动和兼容性而担忧。</p>
         <p>
-          <a href="https://ubuntu.com/certified">浏览所有认证的硬件&nbsp;›</a>
+          <a href="/certified">浏览所有认证的硬件&nbsp;›</a>
         </p>
       </div>
 
diff --git a/templates/templates/base.html b/templates/templates/base.html
index 02a45277..6acab531 100644
--- a/templates/templates/base.html
+++ b/templates/templates/base.html
@@ -2,6 +2,7 @@
 <html class="no-js" lang="zh" dir="ltr">
 <head>
   <meta charset="UTF-8" />
+  <meta name="keywords" content="Ubuntu"/>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 
   <title>{% block title %}{{ title }}{% endblock %} | Ubuntu</title>
@@ -9,9 +10,9 @@
   <link rel="stylesheet" type="text/css" media="screen" href="{{ versioned_static('css/styles.css') }}" />
   <script src="https://assets.ubuntu.com/v1/703e23c9-lazysizes+noscript+native-loading.5.1.2.min.js" defer></script>
 
-  <link rel="preconnect" href="https://www.google-analytics.com">
-  <link rel="preconnect" href="https://www.gstatic.com">
-  <link rel="preconnect" href="https://res.cloudinary.com">
+  <link rel="preconnect" href="https://www.google-analytics.com"/>
+  <link rel="preconnect" href="https://www.gstatic.com"/>
+  <link rel="preconnect" href="https://res.cloudinary.com"/>
 
   <!-- Cookie policy -->
   <script src="{{ versioned_static('js/dist/cookie-policy.js') }}"></script>
@@ -29,27 +30,27 @@
 
   {% block head_extra %}{% endblock %}
 
-  <link rel="preload" as="font" type="font/woff2" href="https://assets.ubuntu.com/v1/e8c07df6-Ubuntu-L_W.woff2" crossorigin>
-  <link rel="preload" as="font" type="font/woff2" href="https://assets.ubuntu.com/v1/7f100985-Ubuntu-Th_W.woff2" crossorigin>
-  <link rel="preload" as="font" type="font/woff2" href="https://assets.ubuntu.com/v1/f8097dea-Ubuntu-LI_W.woff2" crossorigin>
-  <link rel="preload" as="font" type="font/woff2" href="https://assets.ubuntu.com/v1/fff37993-Ubuntu-R_W.woff2" crossorigin>
+  <link rel="preload" as="font" type="font/woff2" href="https://assets.ubuntu.com/v1/e8c07df6-Ubuntu-L_W.woff2" crossorigin />
+  <link rel="preload" as="font" type="font/woff2" href="https://assets.ubuntu.com/v1/7f100985-Ubuntu-Th_W.woff2" crossorigin />
+  <link rel="preload" as="font" type="font/woff2" href="https://assets.ubuntu.com/v1/f8097dea-Ubuntu-LI_W.woff2" crossorigin />
+  <link rel="preload" as="font" type="font/woff2" href="https://assets.ubuntu.com/v1/fff37993-Ubuntu-R_W.woff2" crossorigin />
 
   <meta name="description" content="{% block meta_description %}Ubuntu是适用于企业服务器、桌面电脑、云、IoT物联网的现代化开源Linux操作系统。Ubuntu官网。{% endblock %}" />
   <meta name="author" content="Canonical" />
 
   {% include "templates/_extra_metadata.html" %}
 
-  <link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
-  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/img/apple-touch-icon-144x144-precomposed.png">
-  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/img/apple-touch-icon-114x114-precomposed.png">
-  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/img/apple-touch-icon-72x72-precomposed.png">
-  <link rel="apple-touch-icon-precomposed" href="/static/img/apple-touch-icon-precomposed.png">
+  <link rel="shortcut icon" href="{{ versioned_static('img/favicon.ico') }}" type="image/x-icon" />
+  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ versioned_static('img/apple-touch-icon-144x144-precomposed.png') }}" />
+  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ versioned_static('img/apple-touch-icon-114x114-precomposed.png') }}" />
+  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ versioned_static('img/apple-touch-icon-72x72-precomposed.png') }}" />
+  <link rel="apple-touch-icon-precomposed" href="{{ versioned_static('img/apple-touch-icon-precomposed.png') }}" />
   <link type="text/plain" rel="author" href="{{ versioned_static('files/humans.txt') }}" />
 
   <meta name="copydoc" content="{% block meta_copydoc %}https://drive.google.com/open?id=1CmZB0nNrC9JTi0PoHb12c2L-808Z64eG{% endblock %}">
 
 </head>
-<body>
+<body class="{% block body_class %}{% endblock %}">
   <!-- Google Tag Manager (noscript) -->
   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCKGLV"
   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
diff --git a/templates/templates/header.html b/templates/templates/header.html
index 009ddd88..eb1945d4 100644
--- a/templates/templates/header.html
+++ b/templates/templates/header.html
@@ -54,11 +54,14 @@
                href="/kubernetes"
                onclick='dataLayer.push({ event: "GAEvent", eventCategory: "Primary navigation", eventAction: "from:" + window.location.href + " to: /kubernetes", eventLabel: "Kubernetes", eventValue: undefined, });'>Kubernetes</a>
           </li>
-          <li class="p-navigation__item{% if request.path == '/server' %} is-selected{% endif %}"
-              role="menuitem">
-            <a class="p-navigation__link"
-               href="/server"
-               onclick='dataLayer.push({ event: "GAEvent", eventCategory: "Primary navigation", eventAction: "from:" + window.location.href + " to: /server", eventLabel: "Server", eventValue: undefined, });'>服务器</a>
+          <li class="p-navigation__item{% if request.path == '/server' %} is-selected{% endif %}" role="menuitem">
+            <a class="p-navigation__link" href="/server" onclick='dataLayer.push({
+              event: "GAEvent",
+              eventCategory: "Primary navigation",
+              eventAction: "from:" + window.location.href + " to: /server",
+              eventLabel: "Server",
+              eventValue: undefined,
+            });'>服务器</a>
           </li>
           <li class="p-navigation__item{% if request.path == '/enterprise' %} is-selected{% endif %}"
               role="menuitem">
diff --git a/yarn.lock b/yarn.lock
index f25b6340..53202a44 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2863,6 +2863,11 @@ immutable@^5.0.2:
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.2.tgz#e8169476414505e5a4fa650107b65e1227d16d4b"
   integrity sha512-qHKXW1q6liAk1Oys6umoaZbDRqjcjgSrbnrifHsfsttza7zcvRAsL7mMV6xWcyhwQy7Xj5v4hhbr6b+iDYwlmQ==
 
+immutable@^5.0.2:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.1.tgz#d4cb552686f34b076b3dcf23c4384c04424d8354"
+  integrity sha512-3jatXi9ObIsPGr3N5hGw/vWWcTkq6hUYhpQz4k0wLC+owqWi/LiugIw9x0EdNZ2yGedKN/HzePiBvaJRXa0Ujg==
+
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -4280,6 +4285,17 @@ sass@1.87.0:
   optionalDependencies:
     "@parcel/watcher" "^2.4.1"
 
+sass@1.87.0:
+  version "1.87.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.87.0.tgz#8cceb36fa63fb48a8d5d7f2f4c13b49c524b723e"
+  integrity sha512-d0NoFH4v6SjEK7BoX810Jsrhj7IQSYHAHLi/iSpgqKc7LaIDshFRlSg5LOymf9FqQhxEHs2W5ZQXlvy0KD45Uw==
+  dependencies:
+    chokidar "^4.0.0"
+    immutable "^5.0.2"
+    source-map-js ">=0.6.2 <2.0.0"
+  optionalDependencies:
+    "@parcel/watcher" "^2.4.1"
+
 schema-utils@^3.1.0, schema-utils@^3.1.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
@@ -4874,10 +4890,10 @@ vanilla-framework@4.23.2:
   resolved "https://registry.yarnpkg.com/vanilla-framework/-/vanilla-framework-4.23.2.tgz#41e1055502b70707c3e86a7eb8c2fd03fd15624a"
   integrity sha512-+tPWTMjmzaH0M0AratJQO5iXnieIzzbwx1HLEDpEh9dA+SrLdzDd1MrNSBhKsnFlHMjDrhCzKSP4zID2DrVM+w==
 
-vanilla-framework@4.9.0:
-  version "4.9.0"
-  resolved "https://registry.yarnpkg.com/vanilla-framework/-/vanilla-framework-4.9.0.tgz#7566b42a22c2394ea1d7ea843d24ec305446cb3e"
-  integrity sha512-iTmvqWlsX0ic69VZ1sR9NPQtYRR9+iM679HZCl7SDQhMQSsEeJEQ6Ejjen3JN5a7YxiYmeIhxaLlmC4rExRT1w==
+vanilla-framework@4.23.2:
+  version "4.23.2"
+  resolved "https://registry.yarnpkg.com/vanilla-framework/-/vanilla-framework-4.23.2.tgz#41e1055502b70707c3e86a7eb8c2fd03fd15624a"
+  integrity sha512-+tPWTMjmzaH0M0AratJQO5iXnieIzzbwx1HLEDpEh9dA+SrLdzDd1MrNSBhKsnFlHMjDrhCzKSP4zID2DrVM+w==
 
 verbalize@^0.1.2:
   version "0.1.2"


Reviews:
user: login: petesfrench
body: Just a couple minor comments
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-05-14T13:52:46Z
user: login: jmuzina
state: COMMENTED
author_association: MEMBER
submitted_at: 2025-05-15T05:03:20Z
user: login: jmuzina
state: COMMENTED
author_association: MEMBER
submitted_at: 2025-05-15T05:06:03Z
user: login: petesfrench
body: LGTM
state: APPROVED
author_association: CONTRIBUTOR
submitted_at: 2025-05-22T07:40:57Z
user: login: jmuzina
state: COMMENTED
author_association: MEMBER
submitted_at: 2025-05-27T14:52:34Z

Review comments:
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
path: templates/certified/index.html
user: login: petesfrench
body: ```suggestion
```
Based on the design I don't think you need the top padding here
created_at: 2025-05-14T13:35:34Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
+    <div class="p-strip u-no-padding--top">
path: templates/certified/index.html
user: login: petesfrench
body: ```suggestion
    <div class="p-section">
```
Achieves the same thing
created_at: 2025-05-14T13:35:53Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
+    <div class="p-strip u-no-padding--top">
+      <div class="grid-row">
+        <hr class="p-rule" />
+        <div class="grid-col-4">
+          <h2 id="certified-testing-heading">广泛的测试和验证</h2>
+        </div>
+        <div class="grid-col-4">
+          <h5>确保驱动程序集成和出色的设备性能</h5>
path: templates/certified/index.html
user: login: petesfrench
body: ```suggestion
          <h3 class="p-heading--5">确保驱动程序集成和出色的设备性能</h3>
```
created_at: 2025-05-14T13:37:47Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
+    <div class="p-strip u-no-padding--top">
+      <div class="grid-row">
+        <hr class="p-rule" />
+        <div class="grid-col-4">
+          <h2 id="certified-testing-heading">广泛的测试和验证</h2>
+        </div>
+        <div class="grid-col-4">
+          <h5>确保驱动程序集成和出色的设备性能</h5>
path: templates/certified/index.html
user: login: petesfrench
body: Heading levels should follow a logical hierarchy
created_at: 2025-05-14T13:38:37Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
+    <div class="p-strip u-no-padding--top">
+      <div class="grid-row">
+        <hr class="p-rule" />
+        <div class="grid-col-4">
+          <h2 id="certified-testing-heading">广泛的测试和验证</h2>
+        </div>
+        <div class="grid-col-4">
+          <h5>确保驱动程序集成和出色的设备性能</h5>
+          <p>
+            Canonical 的认证团队进行超过 500 项专注于操作系统兼容性的硬件测试，以确保 Ubuntu 始终为您提供最佳体验。系统的各个方面，
+            包括驱动程序集成等，都经过全面验证把关。
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <ul class="grid-row" aria-labelledby="certified-testing-heading">
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/913fdc9e-audio.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Audio
+        </p>
path: templates/certified/index.html
user: login: petesfrench
body: ```suggestion
        <div class="p-certified-testing-item">
          {{ image(url="https://assets.ubuntu.com/v1/913fdc9e-audio.svg",
            alt="",
            width="40",
            height="40",
            hi_def=True,
            loading="auto"
          ) | safe }} 
          <span>Audio</span>
        </div>
```
I would avoid using a `<p>` to wrap an image, but also isn't a deal breaker if needed on these
created_at: 2025-05-14T13:47:51Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
+    <div class="p-strip u-no-padding--top">
+      <div class="grid-row">
+        <hr class="p-rule" />
+        <div class="grid-col-4">
+          <h2 id="certified-testing-heading">广泛的测试和验证</h2>
+        </div>
+        <div class="grid-col-4">
+          <h5>确保驱动程序集成和出色的设备性能</h5>
+          <p>
+            Canonical 的认证团队进行超过 500 项专注于操作系统兼容性的硬件测试，以确保 Ubuntu 始终为您提供最佳体验。系统的各个方面，
+            包括驱动程序集成等，都经过全面验证把关。
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <ul class="grid-row" aria-labelledby="certified-testing-heading">
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/913fdc9e-audio.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
path: templates/certified/index.html
user: login: petesfrench
body: As these images are below the fold 
```suggestion
            loading="lazy"
```
Any images below the fold can be lazy loaded. So this and all the ones below
created_at: 2025-05-14T13:49:03Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
+    <div class="p-strip u-no-padding--top">
+      <div class="grid-row">
+        <hr class="p-rule" />
+        <div class="grid-col-4">
+          <h2 id="certified-testing-heading">广泛的测试和验证</h2>
+        </div>
+        <div class="grid-col-4">
+          <h5>确保驱动程序集成和出色的设备性能</h5>
+          <p>
+            Canonical 的认证团队进行超过 500 项专注于操作系统兼容性的硬件测试，以确保 Ubuntu 始终为您提供最佳体验。系统的各个方面，
+            包括驱动程序集成等，都经过全面验证把关。
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <ul class="grid-row" aria-labelledby="certified-testing-heading">
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/913fdc9e-audio.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Audio
+        </p>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/6610d3f6-networking.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Ethernet
+        </p>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/d23f75ae-wireless.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Wireless
+        </p>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/3b47b295-reference.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} TPM
+        </p>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/3aec8030-bluetooth.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Bluetooth
+        </p>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/8ad4e23e-usb.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} USB
+        </p>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/8e80bc42-download.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Firmware
+        </p>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/87d54c78-battery.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Power management
+        </p>
+        <hr class="p-rule--muted" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/67e936ba-WWAN.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} WWAN
+        </p>
+        <hr class="p-rule--muted u-hide--large" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/b7c9aeb9-sd%20card.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Media cards
+        </p>
+        <hr class="p-rule--muted u-hide--large" />
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/92a49be7-memory.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} Memory
+        </p>
+      </li>
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/b852e9f8-Frame%203359.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
+          ) | safe }} CPU
+        </p>
+      </li>
+    </ul>
+  </section>
+
+  <section class="p-section">
+    <div class="grid-row">
+      <hr class="p-rule" />
+      <div class="grid-col-4">
+        <h2>最长可维持12年的支持</h2>
+      </div>
+      <div class="grid-col-4">
+        <div class="p-image-container--3-2 is-cover is-highlighted">
+          {#- In the current version of flask base used in this project, the {{
+          image }} with loading="lazy" creates an intermediate div.lazyloaded with
+          the image inside it, which will make the image container styling not
+          work. Image needs to be a direct child of the image container. So, we
+          use auto loading for now - this can be changed to lazy once flask base
+          is upgraded. -#}
+          {{ image(
+            url="https://assets.ubuntu.com/v1/89c81238-iso.png",
+            alt="",
+            width="1200",
+            height="800",
+            hi_def=True,
+            loading="auto",
+            attrs={"class": "p-image-container__image"}
+          ) | safe }}
+        </div>
+        <p>
+          Ubuntu 大约每三周发布稳定版本更新（Stable Release Updates，SRU），确保提供安全可靠的使用体验。
+          这些更新经过硬件认证团队的精心测试，以确保Ubuntu可以很好地运行并且可以为您的业务做好准备。
+        </p>
+        <hr class="p-rule--muted" />
+        <p>
+          <a href="https://ubuntu.com/about/release-cycle">深入了解 Ubuntu 发布周期 ›</a>
path: templates/certified/index.html
user: login: petesfrench
body: ```suggestion
          <a href="https://ubuntu.com/about/release-cycle">深入了解 Ubuntu 发布周期 &nbsp;&rsaquo;</a>
```
created_at: 2025-05-14T13:50:04Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
+    <div class="p-strip u-no-padding--top">
+      <div class="grid-row">
+        <hr class="p-rule" />
+        <div class="grid-col-4">
+          <h2 id="certified-testing-heading">广泛的测试和验证</h2>
+        </div>
+        <div class="grid-col-4">
+          <h5>确保驱动程序集成和出色的设备性能</h5>
+          <p>
+            Canonical 的认证团队进行超过 500 项专注于操作系统兼容性的硬件测试，以确保 Ubuntu 始终为您提供最佳体验。系统的各个方面，
+            包括驱动程序集成等，都经过全面验证把关。
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <ul class="grid-row" aria-labelledby="certified-testing-heading">
+      <li class="grid-col-2 grid-col-medium-2 grid-col-small-2">
+        <p class="p-certified-testing-item">
+          {{ image(url="https://assets.ubuntu.com/v1/913fdc9e-audio.svg",
+            alt="",
+            width="40",
+            height="40",
+            hi_def=True,
+            loading="auto"
path: templates/certified/index.html
user: login: jmuzina
body: I needed to upgrade the image template to a version that [includes this change](https://github.com/canonical/canonicalwebteam.image-template/pull/61) so that an intermediate block-displayed `div.lazyloaded` isn't generated, which would throw off the inline layout of these items. It's working great now with lazyloading.
created_at: 2025-05-15T05:03:20Z
author_association: MEMBER
diff_hunk: @@ -0,0 +1,721 @@
+{% extends "templates/base.html" %}
+
+{#-
+  TODO replace with upstreamed macro
+  import after https://github.com/canonical/vanilla-framework/pull/5503 is merged
+-#}
+{% from "macros/_vf_tiered-list.jinja" import vf_tiered_list %}
+
+{% block title %}Ubuntu官方认证硬件 {{ title }}{% endblock %}
+
+{% block meta_description %}
+  {{ meta_description }}
+  通过Ubuntu官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，涵盖最长12年的集成测试和审查，提供开箱即用的体验，无需为繁琐的系统组件驱动程序和兼容性而担忧。
+{% endblock %}
+
+{% block body_class %}
+is-paper
+{% endblock body_class %}
+
+{% block content %}
+  <section class="p-section--hero">
+      <div class="row--25-75">
+        <div class="col">
+          {{ image(url="https://assets.ubuntu.com/v1/b9b1cbf0-Ubuntu-certified-badge-RGB.svg",
+            alt="Ubuntu 认证硬件徽标",
+            width="90",
+            height="128",
+            hi_def=True,
+            loading="auto"
+          ) | safe }}
+        </div>
+        <div class="col">
+          <h1>Ubuntu 硬件认证计划</h1>
+          <h2>
+            通过广泛的测试和审查过程，<br/>
+            为您确保最佳的Ubuntu使用体验
+          </h2>
+          <p>
+            通过 Ubuntu 官方认证的硬件，如服务器、笔记本和工作站、IoT物联网设备等等可以获得更好的支持，开箱即用的体验，
+            且无需为繁琐的系统组件驱动和兼容性而担忧。
+          </p>
+          <hr class="p-rule--muted" />
+          <a class="p-button--positive" href="/contact">与我们联系</a>
+        </div>
+      </div>
+  </section>
+
+  {%- call(slot) vf_tiered_list(
+    is_description_full_width_on_desktop=false,
+    is_list_full_width_on_tablet=true,
+    is_image_full_width=false
+  ) -%}
+    {%- if slot == 'title' -%}
+      <h2>通过认证的硬件享最佳<br/>Ubuntu体验</h2>
+    {%- endif -%}
+
+    {%- if slot == 'description' -%}
+      <p>预装开箱即用的Ubuntu操作系统，并已通过广泛的可靠性和性能测试</p>
+    {%- endif -%}
+
+    {%- if slot == "image" -%}
+      <div class="p-image-container--16-9 is-cover">
+        {{ image(
+          url="https://assets.ubuntu.com/v1/966f0d9f-laptop.png",
+          alt="",
+          width="1200",
+          height="675",
+          hi_def=True,
+          loading="auto",
+          attrs={"class": "p-image-container__image"}
+        ) | safe }}
+      </div>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_1' -%}
+      <h3 class="p-heading--5">选择值得信赖的硬件</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_1' -%}
+      <p>查看Ubuntu认证机型列表，选择符合您需求的合作伙伴硬件。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_2' -%}
+      <h3 class="p-heading--5">降低成本</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_2' -%}
+      <p>可靠的认证硬件可簡化解决方案的实施，降低操作系统开发和支持的成本。</p>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_title_3' -%}
+      <h3 class="p-heading--5">加速产品上市</h3>
+    {%- endif -%}
+
+    {%- if slot == 'list_item_description_3' -%}
+      <p>利用 Canonical 和硬件合作伙伴的专业知识，快速将您的解决方案推向市场。</p>
+    {%- endif -%}
+  {%- endcall -%}
+
+  <section class="p-strip">
path: templates/certified/index.html
user: login: jmuzina
body: Indeed we had too much padding here, in the Figma there is shallow spacing between the "确保驱动程序集成和出色的设备性能" subsection and block of images (Audio, Ethernet, etc) below it. 

I've switched this to use a `p-section` for the section as a whole, and a `p-section--shallow` for the subsection. Have a look and let me know if that's the right approach.
created_at: 2025-05-15T05:06:03Z
author_association: MEMBER
diff_hunk: @@ -66,10 +66,10 @@ <h4>合规，认证和加固</h4>
       <h4>认证硬件</h4>
       <hr /> 
       <p>Ubuntu桌面版系统已通过各种笔记本电脑、台式机和工作站的认证，包括惠普 Z 系列，联想 Thinkpad P 系列和戴尔 XPS 和 Precision 系列。</p>
-      <p><a href="https://ubuntu.com/certified">了解更多关于Ubuntu认证硬件的内容</a></p>
+      <p><a href="/certified">了解更多关于Ubuntu认证硬件的内容</a></p>
     </div>
     <div class="col-4 p-card col-medium-3">
-      <h3>工作日或24/7小时支持</h3>
+      <h3>工作日或24/7小时x`x`支持</h3>
path: templates/desktop/organisations.html
user: login: petesfrench
body: What warrants this content change?
created_at: 2025-05-22T07:40:02Z
author_association: CONTRIBUTOR
diff_hunk: @@ -66,10 +66,10 @@ <h4>合规，认证和加固</h4>
       <h4>认证硬件</h4>
       <hr /> 
       <p>Ubuntu桌面版系统已通过各种笔记本电脑、台式机和工作站的认证，包括惠普 Z 系列，联想 Thinkpad P 系列和戴尔 XPS 和 Precision 系列。</p>
-      <p><a href="https://ubuntu.com/certified">了解更多关于Ubuntu认证硬件的内容</a></p>
+      <p><a href="/certified">了解更多关于Ubuntu认证硬件的内容</a></p>
     </div>
     <div class="col-4 p-card col-medium-3">
-      <h3>工作日或24/7小时支持</h3>
+      <h3>工作日或24/7小时x`x`支持</h3>
path: templates/desktop/organisations.html
user: login: jmuzina
body: Nothing, looks like a mistype while I was fixing links or formatting, good catch. This'll be reverted by my rebase.
created_at: 2025-05-27T14:52:34Z
author_association: MEMBER

PR comments:
user: login: webteam-app
created_at: 2025-05-01T22:08:03Z
body: ### [<img src='https://assets.ubuntu.com/v1/6baef514-ubuntu-circle-of-friends-large.svg' height=32 width=32> Demo</img>](https://cn-ubuntu-com-750.demos.haus)
### [<img src='https://assets.ubuntu.com/v1/e512b0e2-jenkins.svg' height=32 width=32> Jenkins </img>](https://jenkins.canonical.com/webteam/job/start-demo/497)
### [<img src='https://assets.ubuntu.com/v1/7144ec6d-logo-jaas-icon.svg' height=32 width=32> demos.haus </img>](https://demos.haus)

author_association: NONE
user: login: jmuzina
created_at: 2025-05-01T22:22:42Z
body: The jinja linter is failing but it seems to not be from changes I introduced. 
author_association: MEMBER
user: login: kim-isaac
created_at: 2025-05-05T09:27:35Z
body: Thanks @jmuzina ! I have a few comments below:
<img width="1156" alt="image" src="https://github.com/user-attachments/assets/1e04e4c5-0a4f-4db3-a308-ca489eb54c87" />

- [x] Button: Please change copy to '与我们联系' to align with [copydoc](https://docs.google.com/document/d/16gXJpsKOdQz1hhgQ_gXfPbxqypN_iTBo4MN0FbxBLbE/edit?tab=t.0)
- [x] Could we remove the Suru? Sorry for last minute change - We've just decided to remove it from all CN site for consistency.

<img width="1252" alt="image" src="https://github.com/user-attachments/assets/fe7972c1-460f-4ba4-95a6-0749b4d03ad7" />

- [x] Please change H3 to H5.
- [x] Please change the icon size to 40px

<img width="893" alt="image" src="https://github.com/user-attachments/assets/893b3cfa-d966-446f-a90c-b6e74da484be" />

- [x] HR lines of these two sections and last one extends beyond the 8-column grid - please address this!
- [x] Icon size should be 40px as well.

<img width="1103" alt="image" src="https://github.com/user-attachments/assets/b67f63a4-4a3c-42af-b0a0-749a57e5a426" />

it's more like question - did we recently update the logo section? Previously, it had 0 bottom padding and 48px side padding, but now the height seems to be overlapping and the side padding is 32px.

<img width="1390" alt="image" src="https://github.com/user-attachments/assets/13fe135d-7d34-409d-ad14-de525ce0f2d8" />

- [x] same comment for the hr line
- [x] please use deep padding for this section
author_association: NONE
user: login: jmuzina
created_at: 2025-05-07T16:09:50Z
body: > it's more like question - did we recently update the logo section? Previously, it had 0 bottom padding and 48px side padding, but now the height seems to be overlapping and the side padding is 32px.

@kim-isaac The logo section items' gap/spacing was adjusted from 48px to 32px [here](https://github.com/canonical/vanilla-framework/pull/5252). 

Also, in the migration from v3 to v4, we now assume that the logo assets are properly aligned, and we use the whitespace from the images themselves to space apart the logos. See [this note from the migration guide](https://vanillaframework.io/docs/migration-guide-to-v4#updated-logo-section) and [this logo section example from Vanilla](https://vanillaframework.io/docs/examples/patterns/logo-section/default?theme=light) that has overlapping images. 

I've updated the PR per all your feedback, please have another look when you can.
author_association: MEMBER
user: login: kim-isaac
created_at: 2025-05-09T07:58:35Z
body: Thanks @jmuzina ! Everything looks great but I noticed some pixelation on the icons, so I tried replacing them with SVG files, which seem to work better. 
![image](https://github.com/user-attachments/assets/41ffe5ce-84f0-4d48-805d-63d928a4d0d7)

- [x] Would it be possible to update the icons using [these assets](https://assets.ubuntu.com/manager?tag=cn-certified-svg&page=1)?
author_association: NONE
user: login: jmuzina
created_at: 2025-05-09T13:41:33Z
body: > Would it be possible to update the icons using [these assets](https://assets.ubuntu.com/manager?tag=cn-certified-svg&page=1)?

Yes, updated! Thanks @kim-isaac , can you have another look?

author_association: MEMBER
user: login: eliman11
created_at: 2025-05-09T14:42:46Z
body: Thanks @jmuzina! Looks great already, just a couple of minor comments:
- [x] Other than the logos, I would argue that the rest of the images and icons we have on the page are decorative. Could we remove all the alt text (other than the ones we have in the logo cloud section, and the Ubuntu Certified logo we have in the hero)?
- [x] "TRM" should be "TPM" per the copydoc and the English site - https://ubuntu.com/certified
author_association: NONE
user: login: kim-isaac
created_at: 2025-05-09T14:52:47Z
body: Thanks @jmuzina , 
sorry for the typo error, 
besides that all looks great for the visual side!
I'll add +1 with those changes
author_association: NONE
user: login: jmuzina
created_at: 2025-05-09T15:43:46Z
body: > Thanks @jmuzina! Looks great already, just a couple of minor comments:

@eliman11 thanks, I've updated the PR to fix that TPM typo and refine the alt text. Can you have another look please?


author_association: MEMBER
user: login: eliman11
created_at: 2025-05-09T15:45:03Z
body: Thanks for the quick changes @jmuzina! LGTM!
author_association: NONE