From 56f82e93eca2f5e5d96f0a768aed77060bee8867 Mon Sep 17 00:00:00 2001 From: sumitshinde-84 Date: Fri, 9 Oct 2026 16:59:16 +0530 Subject: [PATCH 1/2] Automotive page: swap traceability card for torque demo video Replace the last Applications card's description and image with the torque monitoring demo, embedded as a YouTube video with a custom thumbnail. Application items take an optional videoId. --- nuxt/components/LiteYoutube.vue | 8 ++++- .../components/industry-page/Applications.vue | 31 ++++++++++++++++-- nuxt/content.config.ts | 1 + nuxt/content/industries/automotive.yml | 7 ++-- .../automotive/4-torque-monitoring-video.jpg | Bin 0 -> 149767 bytes 5 files changed, 40 insertions(+), 7 deletions(-) create mode 100644 nuxt/public/images/industries/automotive/4-torque-monitoring-video.jpg diff --git a/nuxt/components/LiteYoutube.vue b/nuxt/components/LiteYoutube.vue index e4e1992779..13b8c16445 100644 --- a/nuxt/components/LiteYoutube.vue +++ b/nuxt/components/LiteYoutube.vue @@ -2,6 +2,7 @@ const props = defineProps<{ videoid: string title: string + poster?: string }>() // Register stylesheet and script via useHead so they're present in the initial SSR HTML. @@ -22,5 +23,10 @@ useHead({ diff --git a/nuxt/components/industry-page/Applications.vue b/nuxt/components/industry-page/Applications.vue index 60309bc09e..13046bd46e 100644 --- a/nuxt/components/industry-page/Applications.vue +++ b/nuxt/components/industry-page/Applications.vue @@ -10,6 +10,7 @@ type Item = { image: string imageAlt: string variant: 'indigo' | 'red' | 'mixed' + videoId?: string id?: string } @@ -41,13 +42,20 @@ const VARIANTS: Record
-
+
- + +
@@ -56,7 +64,14 @@ const VARIANTS: Record{{ item.title }}
- + +