diff --git a/app/Controllers/Home.php b/app/Controllers/Home.php
index 8a6bedb..779af36 100644
--- a/app/Controllers/Home.php
+++ b/app/Controllers/Home.php
@@ -6,7 +6,36 @@ class Home extends BaseController
 {
     public function index(): string
     {
-        return view('home');
+        $fleet = [
+            [
+                "image" => "/assets/images/car-1.jpg",
+                "title" => "Car 1 name",
+            ] ,
+            [
+                "image" => "/assets/images/car-2.jpg",
+                "title" => "Car 2 name",
+            ] ,
+            [
+                "image" => "/assets/images/car-3.jpg",
+                "title" => "Car 3 name",
+            ] ,
+            [
+                "image" => "/assets/images/car-1.jpg",
+                "title" => "Car 4 name",
+            ] ,
+            [
+                "image" => "/assets/images/car-2.jpg",
+                "title" => "Car 5 name",
+            ] ,
+            [
+                "image" => "/assets/images/car-3.jpg",
+                "title" => "Car 6 name",
+            ] ,
+
+        ];
+        $in["fleet"] = $fleet;
+
+        return view('home', $in);
     }
     public function about(): string
     {
@@ -25,4 +54,6 @@ class Home extends BaseController
         return view('our-services');
     }
 
+
+
 }
diff --git a/app/Views/home.php b/app/Views/home.php
index 41732ef..5265ae9 100644
--- a/app/Views/home.php
+++ b/app/Views/home.php
@@ -155,369 +155,45 @@
                 <div class="car-details-slider">
                     <div class="swiper">
                         <div class="swiper-wrapper" data-cursor-text="Drag">
-                            <!-- Testimonial Slide Start -->
-                            <div class="swiper-slide">
-                                <!-- Perfect Fleets Item Start -->
-                                <div class="perfect-fleet-item">
-                                    <!-- Image Box Start -->
-                                    <div class="image-box">
-                                        <img src="/assets/images/car-1.jpg" alt="">
-                                    </div>
-                                    <!-- Image Box End -->
 
-                                    <!-- Perfect Fleets Content Start -->
-                                    <div class="perfect-fleet-content">
-                                        <!-- Perfect Fleets Title Start -->
-                                        <div class="perfect-fleet-title">
-                                            <h3>luxury car</h3>
-                                            <h2>BMW M2 Car 2017</h2>
+                            <?php
+                            foreach ($fleet as $item){
+                             ?>
+                                <div class="swiper-slide">
+                                    <!-- Perfect Fleets Item Start -->
+                                    <div class="perfect-fleet-item">
+                                        <!-- Image Box Start -->
+                                        <div class="image-box">
+                                            <img src="<?=$item["image"]?>" alt="">
+                                        </div>
+                                        <!-- Image Box End -->
+
+                                        <!-- Perfect Fleets Content Start -->
+                                        <div class="perfect-fleet-content">
+                                            <!-- Perfect Fleets Title Start -->
+                                            <div class="perfect-fleet-title">
+                                                <h3>luxury car</h3>
+                                                <h2><?=$item["title"]?></h2>
+                                            </div>
+                                            <!-- Perfect Fleets Content End -->
+
+                                            <!-- Perfect Fleets Footer Start -->
+                                            <div class="perfect-fleet-footer">
+                                                <!-- Perfect Fleets Btn Start -->
+                                                <div class="perfect-fleet-btn">
+                                                    <a href="/book" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
+                                                </div>
+                                                <!-- Perfect Fleets Btn End -->
+                                            </div>
+                                            <!-- Perfect Fleets Footer End -->
                                         </div>
                                         <!-- Perfect Fleets Content End -->
-
-                                        <!-- Perfect Fleets Body Start -->
-                                        <div class="perfect-fleet-body">
-                                            <ul>
-                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
-                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
-                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
-                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
-                                            </ul>
-                                        </div>
-                                        <!-- Perfect Fleets Body End -->
-
-                                        <!-- Perfect Fleets Footer Start -->
-                                        <div class="perfect-fleet-footer">
-                                            <!-- Perfect Fleets Pricing Start -->
-                                            <div class="perfect-fleet-pricing">
-                                                <h2>$280<span>/day</span></h2>
-                                            </div>
-                                            <!-- Perfect Fleets Pricing End -->
-
-                                            <!-- Perfect Fleets Btn Start -->
-                                            <div class="perfect-fleet-btn">
-                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
-                                            </div>
-                                            <!-- Perfect Fleets Btn End -->
-                                        </div>
-                                        <!-- Perfect Fleets Footer End -->
                                     </div>
-                                    <!-- Perfect Fleets Content End -->
+                                    <!-- Perfect Fleets Item End -->
                                 </div>
-                                <!-- Perfect Fleets Item End -->
-                            </div>
-                            <!-- Testimonial Slide End -->
-
-                            <!-- Testimonial Slide Start -->
-                            <div class="swiper-slide">
-                                <!-- Perfect Fleets Item Start -->
-                                <div class="perfect-fleet-item">
-                                    <!-- Image Box Start -->
-                                    <div class="image-box">
-                                        <img src="/assets/images/car-2.jpg" alt="">
-                                    </div>
-                                    <!-- Image Box End -->
-
-                                    <!-- Perfect Fleets Content Start -->
-                                    <div class="perfect-fleet-content">
-                                        <!-- Perfect Fleets Title Start -->
-                                        <div class="perfect-fleet-title">
-                                            <h3>luxury car</h3>
-                                            <h2>Audi RS7 Car 2016</h2>
-                                        </div>
-                                        <!-- Perfect Fleets Content End -->
-
-                                        <!-- Perfect Fleets Body Start -->
-                                        <div class="perfect-fleet-body">
-                                            <ul>
-                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
-                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
-                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
-                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
-                                            </ul>
-                                        </div>
-                                        <!-- Perfect Fleets Body End -->
-
-                                        <!-- Perfect Fleets Footer Start -->
-                                        <div class="perfect-fleet-footer">
-                                            <!-- Perfect Fleets Pricing Start -->
-                                            <div class="perfect-fleet-pricing">
-                                                <h2>$320<span>/day</span></h2>
-                                            </div>
-                                            <!-- Perfect Fleets Pricing End -->
-
-                                            <!-- Perfect Fleets Btn Start -->
-                                            <div class="perfect-fleet-btn">
-                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
-                                            </div>
-                                            <!-- Perfect Fleets Btn End -->
-                                        </div>
-                                        <!-- Perfect Fleets Footer End -->
-                                    </div>
-                                    <!-- Perfect Fleets Content End -->
-                                </div>
-                                <!-- Perfect Fleets Item End -->
-                            </div>
-                            <!-- Testimonial Slide End -->
-
-                            <!-- Testimonial Slide Start -->
-                            <div class="swiper-slide">
-                                <!-- Perfect Fleets Item Start -->
-                                <div class="perfect-fleet-item">
-                                    <!-- Image Box Start -->
-                                    <div class="image-box">
-                                        <img src="/assets/images/perfect-fleet-img-3.png" alt="">
-                                    </div>
-                                    <!-- Image Box End -->
-
-                                    <!-- Perfect Fleets Content Start -->
-                                    <div class="perfect-fleet-content">
-                                        <!-- Perfect Fleets Title Start -->
-                                        <div class="perfect-fleet-title">
-                                            <h3>luxury car</h3>
-                                            <h2>Ferrari F12 Car 2022</h2>
-                                        </div>
-                                        <!-- Perfect Fleets Content End -->
-
-                                        <!-- Perfect Fleets Body Start -->
-                                        <div class="perfect-fleet-body">
-                                            <ul>
-                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
-                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
-                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
-                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
-                                            </ul>
-                                        </div>
-                                        <!-- Perfect Fleets Body End -->
-
-                                        <!-- Perfect Fleets Footer Start -->
-                                        <div class="perfect-fleet-footer">
-                                            <!-- Perfect Fleets Pricing Start -->
-                                            <div class="perfect-fleet-pricing">
-                                                <h2>$450<span>/day</span></h2>
-                                            </div>
-                                            <!-- Perfect Fleets Pricing End -->
-
-                                            <!-- Perfect Fleets Btn Start -->
-                                            <div class="perfect-fleet-btn">
-                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
-                                            </div>
-                                            <!-- Perfect Fleets Btn End -->
-                                        </div>
-                                        <!-- Perfect Fleets Footer End -->
-                                    </div>
-                                    <!-- Perfect Fleets Content End -->
-                                </div>
-                                <!-- Perfect Fleets Item End -->
-                            </div>
-                            <!-- Testimonial Slide End -->
-
-                            <!-- Testimonial Slide Start -->
-                            <div class="swiper-slide">
-                                <!-- Perfect Fleets Item Start -->
-                                <div class="perfect-fleet-item">
-                                    <!-- Image Box Start -->
-                                    <div class="image-box">
-                                        <img src="/assets/images/perfect-fleet-img-4.png" alt="">
-                                    </div>
-                                    <!-- Image Box End -->
-
-                                    <!-- Perfect Fleets Content Start -->
-                                    <div class="perfect-fleet-content">
-                                        <!-- Perfect Fleets Title Start -->
-                                        <div class="perfect-fleet-title">
-                                            <h3>luxury car</h3>
-                                            <h2>Toyota Yaris 2017</h2>
-                                        </div>
-                                        <!-- Perfect Fleets Content End -->
-
-                                        <!-- Perfect Fleets Body Start -->
-                                        <div class="perfect-fleet-body">
-                                            <ul>
-                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
-                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
-                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
-                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
-                                            </ul>
-                                        </div>
-                                        <!-- Perfect Fleets Body End -->
-
-                                        <!-- Perfect Fleets Footer Start -->
-                                        <div class="perfect-fleet-footer">
-                                            <!-- Perfect Fleets Pricing Start -->
-                                            <div class="perfect-fleet-pricing">
-                                                <h2>$220<span>/day</span></h2>
-                                            </div>
-                                            <!-- Perfect Fleets Pricing End -->
-
-                                            <!-- Perfect Fleets Btn Start -->
-                                            <div class="perfect-fleet-btn">
-                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
-                                            </div>
-                                            <!-- Perfect Fleets Btn End -->
-                                        </div>
-                                        <!-- Perfect Fleets Footer End -->
-                                    </div>
-                                    <!-- Perfect Fleets Content End -->
-                                </div>
-                                <!-- Perfect Fleets Item End -->
-                            </div>
-                            <!-- Testimonial Slide End -->
-
-                            <!-- Testimonial Slide Start -->
-                            <div class="swiper-slide">
-                                <!-- Perfect Fleets Item Start -->
-                                <div class="perfect-fleet-item">
-                                    <!-- Image Box Start -->
-                                    <div class="image-box">
-                                        <img src="/assets/images/perfect-fleet-img-2.png" alt="">
-                                    </div>
-                                    <!-- Image Box End -->
-
-                                    <!-- Perfect Fleets Content Start -->
-                                    <div class="perfect-fleet-content">
-                                        <!-- Perfect Fleets Title Start -->
-                                        <div class="perfect-fleet-title">
-                                            <h3>luxury car</h3>
-                                            <h2>Audi RS7 Car 2016</h2>
-                                        </div>
-                                        <!-- Perfect Fleets Content End -->
-
-                                        <!-- Perfect Fleets Body Start -->
-                                        <div class="perfect-fleet-body">
-                                            <ul>
-                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
-                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
-                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
-                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
-                                            </ul>
-                                        </div>
-                                        <!-- Perfect Fleets Body End -->
-
-                                        <!-- Perfect Fleets Footer Start -->
-                                        <div class="perfect-fleet-footer">
-                                            <!-- Perfect Fleets Pricing Start -->
-                                            <div class="perfect-fleet-pricing">
-                                                <h2>$320<span>/day</span></h2>
-                                            </div>
-                                            <!-- Perfect Fleets Pricing End -->
-
-                                            <!-- Perfect Fleets Btn Start -->
-                                            <div class="perfect-fleet-btn">
-                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
-                                            </div>
-                                            <!-- Perfect Fleets Btn End -->
-                                        </div>
-                                        <!-- Perfect Fleets Footer End -->
-                                    </div>
-                                    <!-- Perfect Fleets Content End -->
-                                </div>
-                                <!-- Perfect Fleets Item End -->
-                            </div>
-                            <!-- Testimonial Slide End -->
-
-                            <!-- Testimonial Slide Start -->
-                            <div class="swiper-slide">
-                                <!-- Perfect Fleets Item Start -->
-                                <div class="perfect-fleet-item">
-                                    <!-- Image Box Start -->
-                                    <div class="image-box">
-                                        <img src="/assets/images/perfect-fleet-img-3.png" alt="">
-                                    </div>
-                                    <!-- Image Box End -->
-
-                                    <!-- Perfect Fleets Content Start -->
-                                    <div class="perfect-fleet-content">
-                                        <!-- Perfect Fleets Title Start -->
-                                        <div class="perfect-fleet-title">
-                                            <h3>luxury car</h3>
-                                            <h2>Ferrari F12 Car 2022</h2>
-                                        </div>
-                                        <!-- Perfect Fleets Content End -->
-
-                                        <!-- Perfect Fleets Body Start -->
-                                        <div class="perfect-fleet-body">
-                                            <ul>
-                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
-                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
-                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
-                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
-                                            </ul>
-                                        </div>
-                                        <!-- Perfect Fleets Body End -->
-
-                                        <!-- Perfect Fleets Footer Start -->
-                                        <div class="perfect-fleet-footer">
-                                            <!-- Perfect Fleets Pricing Start -->
-                                            <div class="perfect-fleet-pricing">
-                                                <h2>$450<span>/day</span></h2>
-                                            </div>
-                                            <!-- Perfect Fleets Pricing End -->
-
-                                            <!-- Perfect Fleets Btn Start -->
-                                            <div class="perfect-fleet-btn">
-                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
-                                            </div>
-                                            <!-- Perfect Fleets Btn End -->
-                                        </div>
-                                        <!-- Perfect Fleets Footer End -->
-                                    </div>
-                                    <!-- Perfect Fleets Content End -->
-                                </div>
-                                <!-- Perfect Fleets Item End -->
-                            </div>
-                            <!-- Testimonial Slide End -->
-
-                            <!-- Testimonial Slide Start -->
-                            <div class="swiper-slide">
-                                <!-- Perfect Fleets Item Start -->
-                                <div class="perfect-fleet-item">
-                                    <!-- Image Box Start -->
-                                    <div class="image-box">
-                                        <img src="/assets/images/perfect-fleet-img-4.png" alt="">
-                                    </div>
-                                    <!-- Image Box End -->
-
-                                    <!-- Perfect Fleets Content Start -->
-                                    <div class="perfect-fleet-content">
-                                        <!-- Perfect Fleets Title Start -->
-                                        <div class="perfect-fleet-title">
-                                            <h3>luxury car</h3>
-                                            <h2>Toyota Yaris 2017</h2>
-                                        </div>
-                                        <!-- Perfect Fleets Content End -->
-
-                                        <!-- Perfect Fleets Body Start -->
-                                        <div class="perfect-fleet-body">
-                                            <ul>
-                                                <li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
-                                                <li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
-                                                <li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
-                                                <li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
-                                            </ul>
-                                        </div>
-                                        <!-- Perfect Fleets Body End -->
-
-                                        <!-- Perfect Fleets Footer Start -->
-                                        <div class="perfect-fleet-footer">
-                                            <!-- Perfect Fleets Pricing Start -->
-                                            <div class="perfect-fleet-pricing">
-                                                <h2>$220<span>/day</span></h2>
-                                            </div>
-                                            <!-- Perfect Fleets Pricing End -->
-
-                                            <!-- Perfect Fleets Btn Start -->
-                                            <div class="perfect-fleet-btn">
-                                                <a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
-                                            </div>
-                                            <!-- Perfect Fleets Btn End -->
-                                        </div>
-                                        <!-- Perfect Fleets Footer End -->
-                                    </div>
-                                    <!-- Perfect Fleets Content End -->
-                                </div>
-                                <!-- Perfect Fleets Item End -->
-                            </div>
-                            <!-- Testimonial Slide End -->
+                               <?php
+                            }
+                            ?>
                         </div>
                         <div class="car-details-btn">
                             <div class="car-button-prev"></div>