diff --git a/app/Http/Controllers/Homepage/LandingPageController.php b/app/Http/Controllers/Homepage/LandingPageController.php
index 17f08c7..ec8be93 100644
--- a/app/Http/Controllers/Homepage/LandingPageController.php
+++ b/app/Http/Controllers/Homepage/LandingPageController.php
@@ -18,7 +18,6 @@ public function index(){
             ->where('category', '=', '0')
             ->latest()
             ->get(),
-            // 'news' => News::all(),
             'announcements' => News::whereBetween('created_at', [Carbon::now()->startOfWeek(), Carbon::now()->endOfWeek()])
             ->where('category', '=', '1')
             ->latest()
@@ -27,4 +26,19 @@ public function index(){
 
         return view('homepage.index', $data);
     }
+
+    public function search(Request $request){
+        $search = $request->input('search');
+
+        $data = [
+            'title' => 'Pencarian',
+            'page' => 'search',
+            'data' => News::where('title', 'LIKE', '%'.$search.'%')
+            ->latest()
+            ->simplePaginate(12),
+            'search' => $search
+        ];
+
+        return view('homepage.search', $data);
+    }
 }
diff --git a/public/assets/homepage/css/custom.css b/public/assets/homepage/css/custom.css
index e9bc04f..621c1bd 100644
--- a/public/assets/homepage/css/custom.css
+++ b/public/assets/homepage/css/custom.css
@@ -52,3 +52,7 @@ .detail-announcement-img {
 .announcement-title{
     height: 7rem;
 }
+
+.search-title{
+    height: 6.8rem;
+}
diff --git a/resources/views/homepage/search.blade.php b/resources/views/homepage/search.blade.php
new file mode 100644
index 0000000..7392042
--- /dev/null
+++ b/resources/views/homepage/search.blade.php
@@ -0,0 +1,65 @@
+@include('partials.homepage.head')
+    <body data-mobile-nav-style="full-screen-menu" data-mobile-nav-bg-color="">
+        @include('partials.homepage.header')
+        <!-- start page title -->
+        <section class="half-section page-title-center-alignment cover-background top-space-margin">
+            <div class="container">
+                <div class="row">
+                    <div class="col-12 text-center position-relative page-title-large">
+                        <h1 class="d-inline-block fw-600 ls-minus-1px text-dark-gray mb-15px">Hasil pencarian untuk "{{$search}}"</h1>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- end page title -->
+        <!-- start section -->
+        <section class="pt-0 ps-11 pe-11 xl-ps-2 xl-pe-2">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-12">
+                        <ul class="blog-grid blog-wrapper grid-loading grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large">
+                            <li class="grid-sizer"></li>
+                            @foreach ($data as $item)
+                                <!-- start blog item -->
+                            <li class="grid-item">
+                                <div class="card border-0 border-radius-4px box-shadow-extra-large box-shadow-extra-large-hover">
+                                    <div class="blog-image">
+                                        <a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}" class="d-block"><img src="{{asset(display_image($item->image, 'news'))}}" alt=""  class="information-img" /></a>
+                                        <div class="blog-categories">
+                                            <a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">{{$item->category === '0' ? 'Berita' : 'Pengumuman'}}</a>
+                                        </div>
+                                    </div>
+                                    <div class="card-body p-12">
+                                        <a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}" class="card-title mb-15px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block search-title">{{shorten_text($item->title, 70)}}</a>
+                                        <div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
+                                            <div class="me-auto">
+                                                <span class="blog-date fw-500 d-inline-block">{{idn_date($item->created_at, 'd F Y')}}</span>
+                                                <div class="d-inline-block author-name">Baca selengkapnya</div>
+                                            </div>
+                                            <div class="like-count">
+                                                <a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}"><i class="fa-regular fa-eye text-red d-inline-block"></i><span class="text-dark-gray align-middle fw-600">{{$item->views}}</span></a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <!-- end blog item -->
+                            @endforeach
+                        </ul>
+                    </div>
+                    <div class="col-12 mt-4 d-flex justify-content-center">
+                        <ul class="pagination pagination-style-01 fs-13 fw-500 mb-0">
+                            <li class="page-item"><a class="page-link" href="#"><i class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
+                            <li class="page-item"><a class="page-link" href="#">01</a></li>
+                            <li class="page-item active"><a class="page-link" href="#">02</a></li>
+                            <li class="page-item"><a class="page-link" href="#">03</a></li>
+                            <li class="page-item"><a class="page-link" href="#">04</a></li>
+                            <li class="page-item"><a class="page-link" href="#"><i class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- end section -->
+        <!-- start footer -->
+@include('partials.homepage.footer')
diff --git a/resources/views/partials/homepage/header.blade.php b/resources/views/partials/homepage/header.blade.php
index 0bf3523..f97cb4a 100644
--- a/resources/views/partials/homepage/header.blade.php
+++ b/resources/views/partials/homepage/header.blade.php
@@ -46,10 +46,10 @@
                         <a href="#" class="search-form-icon header-search-form"><i class="align-middle feather icon-feather-search fs-18 me-5px xl-me-0"></i><span class="align-middle d-none d-xxl-inline-block"> Search</span></a>
                         <div class="search-form-wrapper">
                             <button title="Close" type="button" class="search-close">×</button>
-                            <form id="search-form" role="search" method="get" class="search-form text-left" action="search-result.html">
+                            <form id="search-form" role="search" method="get" class="search-form text-left" action="{{route('homepage.search')}}" method="get">
                                 <div class="search-form-box">
                                     <h2 class="text-dark-gray fw-700 ls-minus-2px text-center mb-4 alt-font">Apa yang kamu cari?</h2>
-                                    <input class="search-input" id="search-form-input5e219ef164995" placeholder="Masukan kata kunci..." name="s" value="" type="text" autocomplete="off">
+                                    <input class="search-input" id="search-form-input5e219ef164995" placeholder="Masukan kata kunci..." name="search" value="" type="text" autocomplete="off">
                                     <button type="submit" class="search-button">
                                         <i class="feather icon-feather-search" aria-hidden="true"></i>
                                     </button>
diff --git a/routes/web.php b/routes/web.php
index e6081c0..cdbb09a 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -34,6 +34,7 @@
 
 Route::name('homepage.')->group(function(){
     Route::get('/', [LandingPageController::class, 'index'])->name('landing');
+    Route::get('/search', [LandingPageController::class, 'search'])->name('search');
 
     Route::prefix('news')->name('news.')->controller(HomepageNewsController::class)->group(function(){
         Route::get('/', 'index')->name('index');
