webseite/frontend/assets/js/build.js

@@ -5256,7 +5256,7 @@
     };
     const fetchProducts = async () => {
       try {
-        const response = await fetch("/data/products.json");
+        const response = await fetch("http://127.0.0.1:8000/api/products");
         if (!response.ok) {
           throw new Error("Fetch went wrong.");
         }

webseite/frontend/dev/scripts/modules/ProductManager.js

@@ -152,7 +152,7 @@ const ProductManager = (el = null) => {
   // === XHR/FETCH ========
   const fetchProducts = async () => {
     try {
-      const response = await fetch('/data/products.json'); // HTTP Request URL
+      const response = await fetch('http://127.0.0.1:8000/api/products'); // HTTP Request URL
       if (!response.ok) {
         throw new Error('Fetch went wrong.');
       }

webseite/frontend/dev/scss/05_modules/_header-main.scss

@@ -1,11 +1,13 @@
 .header-main {
   width: 100%;
   height: 400px;
-  background-color: $color-3;
   display: flex;
   justify-content: center;
   align-items: center;
 
+  background: $color-3 url('../img/header-image.webp') center no-repeat;
+  background-size: cover;
+
   &--min {
     height: 150px;
     background-color: $color-2;

webseite/frontend/package-lock.json

@@ -3573,9 +3573,9 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.101.3",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.101.3.tgz",
-      "integrity": "sha512-Z1lLHhtAII+dyLNIQB6JQTZMy7sDxk3f5NzbINRc9ks1P0HCGvSuKev0wUhULFpLSaHBIMZrcTs9WDQUZerrgA==",
+      "version": "1.101.6",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.101.6.tgz",
+      "integrity": "sha512-j8qYug9WuX19eU5sxJWQlbR8RYhKgXiOYgGjkJRkcW35c3neWtxPdcUW0saN6Od2L0aqEp0AmH9R/QeAxrffMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {