Feat: Moving Fonts under resources, so vite can pick them up and serve them

resources/css/fonts.css

@@ -4,7 +4,7 @@ @font-face {
     font-family: "Manrope";
     font-style: normal;
     font-weight: 300;
-    src: url("/fonts/manrope/manrope-v20-greek_latin-300.woff2")
+    src: url("../fonts/manrope/manrope-v20-greek_latin-300.woff2")
         format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* manrope-regular - greek_latin */
@@ -13,7 +13,7 @@ @font-face {
     font-family: "Manrope";
     font-style: normal;
     font-weight: 400;
-    src: url("/fonts/manrope/manrope-v20-greek_latin-regular.woff2")
+    src: url("../fonts/manrope/manrope-v20-greek_latin-regular.woff2")
         format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* manrope-500 - greek_latin */
@@ -22,7 +22,7 @@ @font-face {
     font-family: "Manrope";
     font-style: normal;
     font-weight: 500;
-    src: url("/fonts/manrope/manrope-v20-greek_latin-500.woff2")
+    src: url("../fonts/manrope/manrope-v20-greek_latin-500.woff2")
         format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* manrope-600 - greek_latin */
@@ -31,7 +31,7 @@ @font-face {
     font-family: "Manrope";
     font-style: normal;
     font-weight: 600;
-    src: url("/fonts/manrope/manrope-v20-greek_latin-600.woff2")
+    src: url("../fonts/manrope/manrope-v20-greek_latin-600.woff2")
         format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* manrope-700 - greek_latin */
@@ -40,7 +40,7 @@ @font-face {
     font-family: "Manrope";
     font-style: normal;
     font-weight: 700;
-    src: url("/fonts/manrope/manrope-v20-greek_latin-700.woff2")
+    src: url("../fonts/manrope/manrope-v20-greek_latin-700.woff2")
         format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* manrope-800 - greek_latin */
@@ -49,6 +49,6 @@ @font-face {
     font-family: "Manrope";
     font-style: normal;
     font-weight: 800;
-    src: url("/fonts/manrope/manrope-v20-greek_latin-800.woff2")
+    src: url("../fonts/manrope/manrope-v20-greek_latin-800.woff2")
         format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }

resources/views/layouts/app.blade.php

@@ -31,10 +31,10 @@
          doesn't reflow the header and headings on load — which otherwise
          throws off scroll restoration on refresh. Same URLs as the @font-face
          rules in fonts.css, so each is fetched once. --}}
-    <link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/manrope/manrope-v20-greek_latin-regular.woff2">
-    <link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/manrope/manrope-v20-greek_latin-500.woff2">
-    <link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/manrope/manrope-v20-greek_latin-700.woff2">
-    <link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/manrope/manrope-v20-greek_latin-800.woff2">
+    <link rel="preload" as="font" type="font/woff2" crossorigin href="{{ \Illuminate\Support\Facades\Vite::asset('resources/fonts/manrope/manrope-v20-greek_latin-regular.woff2') }}">
+    <link rel="preload" as="font" type="font/woff2" crossorigin href="{{ \Illuminate\Support\Facades\Vite::asset('resources/fonts/manrope/manrope-v20-greek_latin-500.woff2') }}">
+    <link rel="preload" as="font" type="font/woff2" crossorigin href="{{ \Illuminate\Support\Facades\Vite::asset('resources/fonts/manrope/manrope-v20-greek_latin-700.woff2') }}">
+    <link rel="preload" as="font" type="font/woff2" crossorigin href="{{ \Illuminate\Support\Facades\Vite::asset('resources/fonts/manrope/manrope-v20-greek_latin-800.woff2') }}">
 
     @vite(['resources/css/app.css', 'resources/js/app.js'])
 

resources/views/product/show.blade.php

@@ -219,16 +219,18 @@ class="absolute bottom-6 right-8 text-white text-sm"
             </x-slot>
         </x-ui.tabs>
 
+        @if(!empty($product['recommendations']))
             <x-product-grid
                 class="mt-20"
                 title="Σχετικά προϊόντα"
-            :products="[
-                ['name' => 'Camper',      'price' => '30', 'image' => null, 'href' => '#'],
-                ['name' => 'Ponderer IPA','price' => '25', 'image' => null, 'href' => '#'],
-                ['name' => 'Squish Red',  'price' => '35', 'image' => null, 'href' => '#'],
-                ['name' => 'Red Light',   'price' => '25', 'image' => null, 'href' => '#'],
-            ]"
+                :products="collect($product['recommendations'])->map(fn (array $recommendation) => [
+                    'name' => $recommendation['name'],
+                    'price' => $recommendation['price'],
+                    'image' => $recommendation['image'],
+                    'href' => route('product.show', ['id' => $recommendation['id']]),
+                ])->all()"
             />
+        @endif
 
     </div>