teaser to database

neuland · Jun 4, 2024 · 04988b8 · 04988b8
1 parent d59f72b
commit 04988b8
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 14 deletions.
diff --git a/src/explore/database/database.json b/src/explore/database/database.json
@@ -1,4 +1,16 @@
 {
+  "teaser": [
+    {
+      "title": "Classic Tractors",
+      "image": "/cdn/img/scene/[size]/classics.webp",
+      "url": "/products/classic"
+    },
+    {
+      "title": "Autonomous Tractors",
+      "image": "/cdn/img/scene/[size]/autonomous.webp",
+      "url": "/products/autonomous"
+    }
+  ],
   "categories": [
     {
       "key": "classic",

diff --git a/src/explore/database/import.js b/src/explore/database/import.js
@@ -76,6 +76,18 @@ function toRecoItem(product, variant) {
  * @type {Database}
  */
 const database = {
+  teaser: [
+    {
+      title: "Classic Tractors",
+      image: "/cdn/img/scene/[size]/classics.webp",
+      url: "/products/classic",
+    },
+    {
+      title: "Autonomous Tractors",
+      image: "/cdn/img/scene/[size]/autonomous.webp",
+      url: "/products/autonomous",
+    },
+  ],
   categories: [
     {
       key: "classic",

diff --git a/src/explore/pages/HomePage.js b/src/explore/pages/HomePage.js
@@ -1,3 +1,4 @@
+import data from "../database/index.js";
 import Header from "../components/Header.js";
 import Footer from "../components/Footer.js";
 import Recommendations from "../components/Recommendations.js";
@@ -11,19 +12,6 @@ import Meta from "../components/Meta.js";
  * @returns {string} The HomePage component markup.
  */
 export default ({ c }) => {
-  const teaser = [
-    {
-      title: "Classic Tractors",
-      image: "/cdn/img/scene/[size]/classics.webp",
-      url: "/products/classic",
-    },
-    {
-      title: "Autonomous Tractors",
-      image: "/cdn/img/scene/[size]/autonomous.webp",
-      url: "/products/autonomous",
-    },
-  ];
-
   return html`<!doctype html>
     <html>
       <head>
@@ -36,7 +24,7 @@ export default ({ c }) => {
       <body data-boundary="explore-page">
         ${Header({ c })}
         <main class="e_HomePage">
-          ${teaser
+          ${data.teaser
             .map(
               ({ title, image, url }) =>
                 html`<a class="e_HomePage__categoryLink" href="${url}">