From 108190a083d9573c1b0f90ad74ca263ebd25b63a Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Fri, 4 Oct 2024 12:26:46 -0400
Subject: [PATCH] banners

---
 app/Controllers/Home.php |  63 +++++++++++++++++++-----
 app/Views/view_home.php  | 104 ++++++++++++++++-----------------------
 2 files changed, 93 insertions(+), 74 deletions(-)

diff --git a/app/Controllers/Home.php b/app/Controllers/Home.php
index 2dca6ef..3987286 100644
--- a/app/Controllers/Home.php
+++ b/app/Controllers/Home.php
@@ -6,22 +6,61 @@ class Home extends BaseController
 {
     public function index(): string
     {
-//        $siteData =[];
-//        //http://10.204.5.100:9083/en/wrench/api/v1/blogdata
-//        $out  = $this->APIcall('GET','http://10.204.5.100:9083/en/wrench/api/v1/blogdata',[]);
-//       // var_dump($out['blogdata']);
-//        //exit();
-//        $siteData['blogdata'] = $out['blogdata'];
-//        //var_dump($siteData);
-//      //  exit;
+
         $siteData =[];
-        //http://10.204.5.100:9083/en/wrench/api/v1/blogdata
-        // $out  = $this->APIcall('GET','http://10.204.5.100:9083/en/wrench/api/v1/blogdata',[]);
         $out  = $this->APIcall('GET','http://10.10.10.35:8805/blogdata/oluameye',[]);
-         //var_dump($out);
-        //exit();
         $siteData['blogdata'] = $out['payload']['blogdata'];
         $siteData['blog_media_url'] = $out['payload']['image_url'];
+        $siteData['recent_works'] =  $this->recentWorks();
         return view('view_home', $siteData);
     }
+
+    private function recentWorks(){
+        return [
+            [
+                'title'=>'My title',
+                'category'=>'ecommerce',
+                'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
+                'description'=> 'My description'
+            ],
+            [
+                'title'=>'My title',
+                'category'=>'ecommerce',
+                'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
+                'description'=> 'My description'
+            ],
+            [
+                'title'=>'My title',
+                'category'=>'ecommerce',
+                'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
+                'description'=> 'My description'
+            ],
+            [
+                'title'=>'My title',
+                'category'=>'ecommerce',
+                'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
+                'description'=> 'My description'
+            ],
+            [
+                'title'=>'My title',
+                'category'=>'ecommerce',
+                'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
+                'description'=> 'My description'
+            ],
+            [
+                'title'=>'My title',
+                'category'=>'ecommerce',
+                'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
+                'description'=> 'My description'
+            ],
+            [
+                'title'=>'My title',
+                'category'=>'ecommerce',
+                'banner'=>'./assets/images/demo/asymmetric-9/case-studies/1.jpg',
+                'description'=> 'My description'
+            ],
+
+        ];
+
+    }
 }
diff --git a/app/Views/view_home.php b/app/Views/view_home.php
index 123014c..9c38dee 100644
--- a/app/Views/view_home.php
+++ b/app/Views/view_home.php
@@ -730,9 +730,9 @@
                             <div class="col col-12 pt-55 pb-25 module-col">
                                 <div class="flex flex-wrap" data-custom-animations="true" data-ca-options='{"animationTarget": "h2", "ease": "bounce.in", "direction": "random", "initValues":{ "opacity": 0 }, "animations":{ "opacity": 1 }}'>
                                     <h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.freelance</h2>
-                                    <h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.ensoleille</h2>
-                                    <h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.attractif</h2>
-                                    <h2 class="text-94 font-medium font-accent italic -tracking-1 mr-0/25em mb-0/2em sm:text-60">.detaille</h2>
+                                    <h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.solution</h2>
+                                    <h2 class="text-94 font-medium -tracking-1 mr-0/25em mb-0/2em sm:text-60">.modern</h2>
+                                    <h2 class="text-94 font-medium font-accent italic -tracking-1 mr-0/25em mb-0/2em sm:text-60">.innovative</h2>
                                 </div>
                                 <div class="lqd-pf-grid mt-50">
                                     <div class="liquid-filter-items items-center justify-between">
@@ -746,10 +746,13 @@
                                                     <span>Branding</span>
                                                 </li>
                                                 <li class="text-15" data-filter=".custom-print">
-                                                    <span>Custom Print</span>
+                                                    <span>HealthCare</span>
+                                                </li>
+                                                <li class="text-15" data-filter=".custom-print">
+                                                    <span>Engineering</span>
                                                 </li>
                                                 <li class="text-15" data-filter=".digital-design">
-                                                    <span>Digital Design</span>
+                                                    <span>Mobility</span>
                                                 </li>
                                                 <li class="text-15" data-filter=".ecommerce">
                                                     <span>Ecommerce</span>
@@ -765,7 +768,7 @@
                                                 </select>
                                             </div>
                                             <a href="#contact-modal" class="btn btn-naked btn-icon-right btn-hover-swp text-13 font-normal uppercase leading-1em text-black rounded-100 whitespace-nowrap capitalize" data-lity="#contact-modal">
-                                                <span class="btn-txt" data-text="Hire me">Hire me</span>
+                                                <span class="btn-txt" data-text="Contact me">Contact me</span>
                                                 <span class="btn-icon">
 															<i class="lqd-icn-ess icon-md-arrow-forward"></i>
 														</span>
@@ -776,6 +779,38 @@
                                         </div>
                                     </div>
                                     <div class="lqd-pf-row row flex flex-wrap -mr-30 -ml-30" data-liquid-masonry="true" data-masonry-options='{ "filtersID": "#pf-filter-case-studies", "filtersCounter": true }'>
+                                        <?php
+                                        foreach ($recent_works as $ritem){
+                                            $category  = $ritem['category'];
+                                         ?>
+                                            <div class="lqd-pf-column masonry-item digital-design <?=$category?> col-12 col-sm-6 col-lg-4 px-30">
+                                                <article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6">
+                                                    <div class="lqd-pf-item-inner rounded-inherit">
+                                                        <div class="lqd-pf-img mb-1em relative rounded-6 overflow-hidden">
+                                                            <figure class="w-full">
+                                                                <img width="581" height="524" src="<?=$ritem['banner']?>" alt="case studies">
+                                                            </figure>
+                                                            <span class="lqd-pf-overlay-bg lqd-overlay flex items-center justify-center">
+																	<i class="lqd-icn-ess icon-md-arrow-forward"></i>
+																</span>
+                                                        </div>
+                                                        <div class="lqd-pf-details">
+                                                            <h2 class="lqd-pf-title text-22 font-semibold text-black mt-0 mb-1"><?=$ritem['title']?></h2>
+                                                            <ul class="lqd-pf-cat reset-ul inline-nav inline-flex relative z-2">
+                                                                <li>
+                                                                    <a href="#"><?=$ritem['description']?></a>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                        <a href="<?=$ritem['banner']?>" class="lqd-overlay flex lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>
+                                                    </div>
+                                                </article>
+                                            </div>
+
+                                           <?php
+                                        }
+                                        ?>
+
                                         <div class="lqd-pf-column masonry-item digital-design ecommerce col-12 col-sm-6 col-lg-4 px-30">
                                             <article class="lqd-pf-item lqd-pf-item-style-2 lqd-pf-overlay-bg-scale lqd-pf-dark pf-details-h-str rounded-6">
                                                 <div class="lqd-pf-item-inner rounded-inherit">
@@ -1275,62 +1310,7 @@
                 </section>
                 <!-- End Testimonials -->
 
-                <!-- Start Clients Carousel  -->
-                <section class="lqd-section clients-carousel">
-                    <div class="container-fluid mx-20">
-                        <div class="row">
-                            <div class="col col-12">
-                                <div class="carousel-container relative carousel-nav-shaped yes">
-                                    <div class="carousel-items relative lqd-fade-sides -mr-30 -ml-30" data-lqd-flickity='{"marquee": true, "equalHeightCells": true, "middleAlignContent": true, "marqueeTickerSpeed": "1", "pauseAutoPlayOnHover": false}'>
-                                        <div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
-                                            <div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
-                                                <div class="carousel-item-content relative w-full justify-center">
-                                                    <img width="93" height="27" src="./assets/images/demo/asymmetric-9/clients/4-1.svg" alt="clients">
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
-                                            <div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
-                                                <div class="carousel-item-content relative w-full justify-center">
-                                                    <img width="75" height="27" src="./assets/images/demo/asymmetric-9/clients/nike-1.svg" alt="clients">
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
-                                            <div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
-                                                <div class="carousel-item-content relative w-full justify-center">
-                                                    <img width="46" height="33" src="./assets/images/demo/asymmetric-9/clients/Path-46878.svg" alt="clients">
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
-                                            <div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
-                                                <div class="carousel-item-content relative w-full justify-center">
-                                                    <img width="92" height="13" src="./assets/images/demo/asymmetric-9/clients/Path-46880.svg" alt="clients">
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
-                                            <div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
-                                                <div class="carousel-item-content relative w-full justify-center">
-                                                    <img width="68" height="30" src="./assets/images/demo/asymmetric-9/clients/Path-46881.svg" alt="clients">
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="carousel-item flex flex-col justify-center items-center w-20percent px-30 lg:w-40percent">
-                                            <div class="carousel-item-inner relative w-full h-220 bg-transparent border-1 border-white-10">
-                                                <div class="carousel-item-content relative w-full justify-center">
-                                                    <img width="52" height="52" src="./assets/images/demo/asymmetric-9/clients/volkswagen-1.svg" alt="clients">
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-                <!-- End Clients Carousel  -->
+
             </section>
             <!-- End Section Dark -->