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;