modules/main/views/main.blade.php

@@ -14,17 +14,21 @@
                                 @php $car = $carsValues[$j]; @endphp
                                 <div class="col-md-4">
                                     <div class="car-card">
-                                        <img class="img-fluid" src="{{ $car['photo'] }}" alt="Car Image">
+                                        <img class="img-fluid" src="{{ $car['photo'] ?? asset('img/default.png') }}" alt="Car Image">
                                         <div class="title">{{ $car['brand'] . ' ' . $car['mark'] . ' - ' . $car['year'] }}</div>
                                         <div class="card-car-chars">
-                                            <div class="add-li"><i class="material-symbols-outlined"></i> Кондиционер</div>
+                                            <div class="add-li"><i class="material-symbols-outlined">ac_unit</i><p>&nbsp;Кондиционер</p></div>
-                                            <div class="add-li"><i class="material-symbols-outlined"></i> {{ $car['fuel_type'] }}</div>
+                                            <div class="add-li"><i class="material-symbols-outlined">auto_transmission</i><p>&nbsp;{{ $car['fuel_type'] }}</p></div>
-                                            <div class="add-li"><i class="material-symbols-outlined"></i>{{ $car['people'] }}</div>
+                                            <div class="add-li"> <i class="material-symbols-outlined">groups</i><p>&nbsp;{{ $car['people'] }} мест</p></div>
                                         </div>
                                         <div class="car-card-footer">
                                             <div class="cost">
                                                 <small>Базовая ставка</small>
-                                                <p>{{ $car['tariffs'][0]['price'] ?? ''}}</p>
+                                                <p>
+                                                    @isset($car['tariffs'][0]['price'])
+                                                        {{ $car['tariffs'][0]['price'] }} ₸
+                                                    @endisset
+                                                </p>
                                             </div>
                                             <a href="#" class="btn btn-primary">Арендовать</a>
                                         </div>

public/mix-manifest.json

@@ -105,6 +105,7 @@
     "/img/avatar.png": "/img/avatar.png",
     "/img/bg-log-reg.png": "/img/bg-log-reg.png",
     "/img/bg-log.jpg": "/img/bg-log.jpg",
+    "/img/default.png": "/img/default.png",
     "/img/en.png": "/img/en.png",
     "/img/kz.png": "/img/kz.png",
     "/img/logo-codeless.svg": "/img/logo-codeless.svg",

resources/assets/sass/components/card.scss

@@ -91,7 +91,10 @@ iframe {
                     color: #a8a8a8;
                     margin-bottom: 5px;
                     font-size: 16px;
-                    transition: .2s all ease;
+                    transition: .3s all ease;
+                    p {
+                        margin-bottom: 0;
+                    }
                 }
                 .car-card-footer {
                     display: flex;
@@ -100,11 +103,25 @@ iframe {
                     border-top: 1px solid #ddd;
                     padding-top: 10px;
                     margin-top: 10px;
+                    .cost p {
+                        margin: 0;
+                        font-size: 24px;
+                        font-weight: 800;
+                        line-height: 1;
+                    }
                 }
             }
             .car-card:hover {
                 box-shadow: #0000001a 0 20px 25px -5px, #0000000a 0 10px 10px -5px;
                 border-bottom: 2px solid #01B0E8;
+                .add-li {
+                    p {
+                        color: #1e1e1e;
+                    }
+                    i {
+                        color: $primary-color;
+                    }
+                }
             }
 
         }

resources/views/layouts/app.blade.php

@@ -22,6 +22,8 @@ $nav = \A7kz\Platform\Modules\Platform\Navigation\Facades\Nav::config();
     <!-- Fonts -->
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
+
 
     <!-- Styles -->
     <link href="{{ asset('css/app.css') }}?{{env("CSSJSVERSION")}}" rel="stylesheet">