diff --git a/app/Http/Controllers/AboutController.php b/app/Http/Controllers/AboutController.php
index b9b892b..497fac3 100644
--- a/app/Http/Controllers/AboutController.php
+++ b/app/Http/Controllers/AboutController.php
@@ -2,12 +2,17 @@
 
 namespace App\Http\Controllers;
 
+use App\Models\Report;
 use Illuminate\Http\Request;
 
 class AboutController extends Controller
 {
     public function __invoke()
     {
-        return view('livewire.about');
+        $reports = Report::orderBy('created_at', 'DESC')->take(4)->get();
+
+        return view('livewire.about', [
+            'reports' => $reports
+        ]);
     }
 }
diff --git a/app/Http/Controllers/ActivityController.php b/app/Http/Controllers/ActivityController.php
index 3419b65..f24914f 100644
--- a/app/Http/Controllers/ActivityController.php
+++ b/app/Http/Controllers/ActivityController.php
@@ -8,10 +8,10 @@ class ActivityController extends Controller
 {
     public function index()
     {
-        $activities = Activity::where('is_draft', false);
+        $activities = Activity::where('is_draft', false)->get();
 
         return view('livewire.activity', [
-            'activities' => $activities->paginate(8)
+            'activities' => $activities
         ]);
     }
 
diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index 78877f1..2a33dc6 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/app/Http/Controllers/HomeController.php
@@ -12,7 +12,7 @@ public function __invoke()
     {
         $activities = Activity::where('is_draft', false)->orderBy('created_at', 'DESC')->take(4)->get();
 
-        $reports = Report::all();
+        $reports = Report::orderBy('created_at', 'DESC')->take(4)->get();
 
         return view('livewire.home', [
             'activities' => $activities,
diff --git a/app/Http/Controllers/ProjectController.php b/app/Http/Controllers/ProjectController.php
index c92aab8..0b79eb4 100644
--- a/app/Http/Controllers/ProjectController.php
+++ b/app/Http/Controllers/ProjectController.php
@@ -11,11 +11,9 @@ class ProjectController extends Controller
     public function show($id)
     {
         $projects = Project::withAggregate('subdistrict', 'name')->withAggregate('sectorProgram', 'name')->findOrFail($id);
-        $images = ProjectImage::where('project_id', $id)->get();
 
         return view('livewire.project', [
             'projects' => $projects,
-            'images' => $images
         ]);
     }
 }
diff --git a/app/Http/Controllers/ReportController.php b/app/Http/Controllers/ReportController.php
new file mode 100644
index 0000000..cd45cf8
--- /dev/null
+++ b/app/Http/Controllers/ReportController.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Project;
+use App\Models\Report;
+use Illuminate\Http\Request;
+
+class ReportController extends Controller
+{
+    public function index()
+    {
+        $reports = Report::paginate(8);
+
+        return view('livewire.report', [
+            'reports' => $reports
+        ]);
+    }
+
+    public function show($id)
+    {
+        $report = Report::find($id);
+
+        return view('livewire.detail-report', [
+            'report' => $report
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/SectorController.php b/app/Http/Controllers/SectorController.php
index 4d14b7b..8f8aa6f 100644
--- a/app/Http/Controllers/SectorController.php
+++ b/app/Http/Controllers/SectorController.php
@@ -12,7 +12,7 @@ class SectorController extends Controller
     public function index()
     {
         $sectors = Sector::paginate(8);
-        $projects = Project::withAggregate('subdistrict', 'name')->withAggregate('sectorProgram', 'name');
+        $projects = Project::withAggregate('subdistrict', 'name')->withAggregate('sectorProgram', 'name')->orderBy('created_at', 'DESC');
 
         return view('livewire.sector', [
             'sectors' => $sectors,
@@ -24,9 +24,9 @@ public function show($id)
     {
         $sectors = Sector::findOrFail($id);
         $programs = SectorProgram::withCount('project')->where('sector_id', $id)->get();
-        $projects = Project::withAggregate('subdistrict', 'name')->where('sector_program_id', $id)->get();
 
-        // dd($projects);
+        $projects = SectorProgram::where('sector_id', $id)->first();
+        $projects->load('project');
 
         return view('livewire.detail-sector', [
             'sectors' => $sectors,
diff --git a/app/Livewire/Components/Banner.php b/app/Livewire/Components/Banner.php
index 0e2fc73..8170c29 100644
--- a/app/Livewire/Components/Banner.php
+++ b/app/Livewire/Components/Banner.php
@@ -12,6 +12,8 @@ class Banner extends Component
     public $position;
     public $breadcrumbs;
 
+    public $tags;
+
     public function mount($title, $subtitle, $breadcrumbs, $position): void
     {
         $this->title = $title;
diff --git a/app/Livewire/Components/ProjectTable.php b/app/Livewire/Components/ProjectTable.php
new file mode 100644
index 0000000..88e9f30
--- /dev/null
+++ b/app/Livewire/Components/ProjectTable.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Livewire\Components;
+
+use Livewire\Component;
+
+class ProjectTable extends Component
+{
+    public function render()
+    {
+        return view('livewire.components.project-table');
+    }
+}
diff --git a/app/Livewire/Components/Tags.php b/app/Livewire/Components/Tags.php
index 33a6dea..ac2fcf5 100644
--- a/app/Livewire/Components/Tags.php
+++ b/app/Livewire/Components/Tags.php
@@ -7,6 +7,7 @@
 class Tags extends Component
 {
     public $tag;
+    public $class;
 
     public function mount($tag): void
     {
diff --git a/app/Livewire/DetailReport.php b/app/Livewire/DetailReport.php
new file mode 100644
index 0000000..6b5b0b8
--- /dev/null
+++ b/app/Livewire/DetailReport.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+
+class DetailReport extends Component
+{
+    public function render()
+    {
+        return view('livewire.detail-report');
+    }
+}
diff --git a/app/Livewire/Report.php b/app/Livewire/Report.php
new file mode 100644
index 0000000..9436213
--- /dev/null
+++ b/app/Livewire/Report.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+
+class Report extends Component
+{
+    public function render()
+    {
+        return view('livewire.report');
+    }
+}
diff --git a/composer.lock b/composer.lock
index 94ed97c..fa6d13a 100644
--- a/composer.lock
+++ b/composer.lock
@@ -1137,16 +1137,16 @@
         },
         {
             "name": "filament/actions",
-            "version": "v3.2.102",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/actions.git",
-                "reference": "1ce746a4a75975f1844c175201f1f03443c48c95"
+                "reference": "5d6e4fe444f1ef04d373518248a445bbcc3ca272"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/actions/zipball/1ce746a4a75975f1844c175201f1f03443c48c95",
-                "reference": "1ce746a4a75975f1844c175201f1f03443c48c95",
+                "url": "https://api.github.com/repos/filamentphp/actions/zipball/5d6e4fe444f1ef04d373518248a445bbcc3ca272",
+                "reference": "5d6e4fe444f1ef04d373518248a445bbcc3ca272",
                 "shasum": ""
             },
             "require": {
@@ -1186,20 +1186,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2024-08-14T16:52:38+00:00"
+            "time": "2024-08-26T07:22:35+00:00"
         },
         {
             "name": "filament/filament",
-            "version": "v3.2.102",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/panels.git",
-                "reference": "99c703952af053e1ef22a4dd556eba589a574d87"
+                "reference": "b92c78466835dd4bc3d53d7b6584cf4cbde900a8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/panels/zipball/99c703952af053e1ef22a4dd556eba589a574d87",
-                "reference": "99c703952af053e1ef22a4dd556eba589a574d87",
+                "url": "https://api.github.com/repos/filamentphp/panels/zipball/b92c78466835dd4bc3d53d7b6584cf4cbde900a8",
+                "reference": "b92c78466835dd4bc3d53d7b6584cf4cbde900a8",
                 "shasum": ""
             },
             "require": {
@@ -1251,20 +1251,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2024-08-14T16:52:48+00:00"
+            "time": "2024-08-26T07:22:42+00:00"
         },
         {
             "name": "filament/forms",
-            "version": "v3.2.102",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/forms.git",
-                "reference": "32ef8b049ac3c4577407cdc10e576082863f7e47"
+                "reference": "b4260f42900f238f3eae5de20e077f2c114e470f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/forms/zipball/32ef8b049ac3c4577407cdc10e576082863f7e47",
-                "reference": "32ef8b049ac3c4577407cdc10e576082863f7e47",
+                "url": "https://api.github.com/repos/filamentphp/forms/zipball/b4260f42900f238f3eae5de20e077f2c114e470f",
+                "reference": "b4260f42900f238f3eae5de20e077f2c114e470f",
                 "shasum": ""
             },
             "require": {
@@ -1307,11 +1307,11 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2024-08-15T19:37:09+00:00"
+            "time": "2024-08-26T07:22:33+00:00"
         },
         {
             "name": "filament/infolists",
-            "version": "v3.2.102",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/infolists.git",
@@ -1362,7 +1362,7 @@
         },
         {
             "name": "filament/notifications",
-            "version": "v3.2.102",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/notifications.git",
@@ -1414,7 +1414,7 @@
         },
         {
             "name": "filament/spatie-laravel-tags-plugin",
-            "version": "v3.2.105",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/spatie-laravel-tags-plugin.git",
@@ -1451,16 +1451,16 @@
         },
         {
             "name": "filament/support",
-            "version": "v3.2.102",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/support.git",
-                "reference": "7dc30bc972b5c29572bd285bfb7c3f24e909522a"
+                "reference": "78e25428c754fcbb30c321d5dda439c760de9837"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/support/zipball/7dc30bc972b5c29572bd285bfb7c3f24e909522a",
-                "reference": "7dc30bc972b5c29572bd285bfb7c3f24e909522a",
+                "url": "https://api.github.com/repos/filamentphp/support/zipball/78e25428c754fcbb30c321d5dda439c760de9837",
+                "reference": "78e25428c754fcbb30c321d5dda439c760de9837",
                 "shasum": ""
             },
             "require": {
@@ -1506,20 +1506,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2024-08-13T12:36:11+00:00"
+            "time": "2024-08-26T07:22:57+00:00"
         },
         {
             "name": "filament/tables",
-            "version": "v3.2.102",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/tables.git",
-                "reference": "072592eba6d29d5f82e2cacfaf6ec7b4309d66da"
+                "reference": "a89a60c1548ba9fb882a64a4308e77c6a4ba2802"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/tables/zipball/072592eba6d29d5f82e2cacfaf6ec7b4309d66da",
-                "reference": "072592eba6d29d5f82e2cacfaf6ec7b4309d66da",
+                "url": "https://api.github.com/repos/filamentphp/tables/zipball/a89a60c1548ba9fb882a64a4308e77c6a4ba2802",
+                "reference": "a89a60c1548ba9fb882a64a4308e77c6a4ba2802",
                 "shasum": ""
             },
             "require": {
@@ -1558,11 +1558,11 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2024-08-12T16:38:51+00:00"
+            "time": "2024-08-26T07:22:59+00:00"
         },
         {
             "name": "filament/widgets",
-            "version": "v3.2.102",
+            "version": "v3.2.108",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/widgets.git",
@@ -4722,16 +4722,16 @@
         },
         {
             "name": "psr/log",
-            "version": "3.0.0",
+            "version": "3.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/php-fig/log.git",
-                "reference": "fe5ea303b0887d5caefd3d431c3e61ad47037001"
+                "reference": "79dff0b268932c640297f5208d6298f71855c03e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/log/zipball/fe5ea303b0887d5caefd3d431c3e61ad47037001",
-                "reference": "fe5ea303b0887d5caefd3d431c3e61ad47037001",
+                "url": "https://api.github.com/repos/php-fig/log/zipball/79dff0b268932c640297f5208d6298f71855c03e",
+                "reference": "79dff0b268932c640297f5208d6298f71855c03e",
                 "shasum": ""
             },
             "require": {
@@ -4766,9 +4766,9 @@
                 "psr-3"
             ],
             "support": {
-                "source": "https://github.com/php-fig/log/tree/3.0.0"
+                "source": "https://github.com/php-fig/log/tree/3.0.1"
             },
-            "time": "2021-07-14T16:46:02+00:00"
+            "time": "2024-08-21T13:31:24+00:00"
         },
         {
             "name": "psr/simple-cache",
@@ -5292,16 +5292,16 @@
         },
         {
             "name": "spatie/browsershot",
-            "version": "4.1.3",
+            "version": "4.3.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/browsershot.git",
-                "reference": "00ed6812b5bcb28ac13c1a17fc9d5cbf5ea19f0a"
+                "reference": "601f2758191d8c46b2ea587eea935a87da4f39e8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/browsershot/zipball/00ed6812b5bcb28ac13c1a17fc9d5cbf5ea19f0a",
-                "reference": "00ed6812b5bcb28ac13c1a17fc9d5cbf5ea19f0a",
+                "url": "https://api.github.com/repos/spatie/browsershot/zipball/601f2758191d8c46b2ea587eea935a87da4f39e8",
+                "reference": "601f2758191d8c46b2ea587eea935a87da4f39e8",
                 "shasum": ""
             },
             "require": {
@@ -5314,6 +5314,7 @@
             "require-dev": {
                 "pestphp/pest": "^1.20",
                 "spatie/image": "^3.6",
+                "spatie/pdf-to-text": "^1.52",
                 "spatie/phpunit-snapshot-assertions": "^4.2.3"
             },
             "type": "library",
@@ -5347,7 +5348,7 @@
                 "webpage"
             ],
             "support": {
-                "source": "https://github.com/spatie/browsershot/tree/4.1.3"
+                "source": "https://github.com/spatie/browsershot/tree/4.3.0"
             },
             "funding": [
                 {
@@ -5355,7 +5356,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-07-15T14:25:51+00:00"
+            "time": "2024-08-22T09:14:07+00:00"
         },
         {
             "name": "spatie/color",
@@ -5551,16 +5552,16 @@
         },
         {
             "name": "spatie/laravel-package-tools",
-            "version": "1.16.4",
+            "version": "1.16.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/laravel-package-tools.git",
-                "reference": "ddf678e78d7f8b17e5cdd99c0c3413a4a6592e53"
+                "reference": "c7413972cf22ffdff97b68499c22baa04eddb6a2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-package-tools/zipball/ddf678e78d7f8b17e5cdd99c0c3413a4a6592e53",
-                "reference": "ddf678e78d7f8b17e5cdd99c0c3413a4a6592e53",
+                "url": "https://api.github.com/repos/spatie/laravel-package-tools/zipball/c7413972cf22ffdff97b68499c22baa04eddb6a2",
+                "reference": "c7413972cf22ffdff97b68499c22baa04eddb6a2",
                 "shasum": ""
             },
             "require": {
@@ -5599,7 +5600,7 @@
             ],
             "support": {
                 "issues": "https://github.com/spatie/laravel-package-tools/issues",
-                "source": "https://github.com/spatie/laravel-package-tools/tree/1.16.4"
+                "source": "https://github.com/spatie/laravel-package-tools/tree/1.16.5"
             },
             "funding": [
                 {
@@ -5607,7 +5608,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-20T07:29:11+00:00"
+            "time": "2024-08-27T18:56:10+00:00"
         },
         {
             "name": "spatie/laravel-pdf",
@@ -9282,32 +9283,32 @@
         },
         {
             "name": "phpunit/php-code-coverage",
-            "version": "11.0.5",
+            "version": "11.0.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "19b6365ab8b59a64438c0c3f4241feeb480c9861"
+                "reference": "ebdffc9e09585dafa71b9bffcdb0a229d4704c45"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/19b6365ab8b59a64438c0c3f4241feeb480c9861",
-                "reference": "19b6365ab8b59a64438c0c3f4241feeb480c9861",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/ebdffc9e09585dafa71b9bffcdb0a229d4704c45",
+                "reference": "ebdffc9e09585dafa71b9bffcdb0a229d4704c45",
                 "shasum": ""
             },
             "require": {
                 "ext-dom": "*",
                 "ext-libxml": "*",
                 "ext-xmlwriter": "*",
-                "nikic/php-parser": "^5.0",
+                "nikic/php-parser": "^5.1.0",
                 "php": ">=8.2",
-                "phpunit/php-file-iterator": "^5.0",
-                "phpunit/php-text-template": "^4.0",
-                "sebastian/code-unit-reverse-lookup": "^4.0",
-                "sebastian/complexity": "^4.0",
-                "sebastian/environment": "^7.0",
-                "sebastian/lines-of-code": "^3.0",
-                "sebastian/version": "^5.0",
-                "theseer/tokenizer": "^1.2.0"
+                "phpunit/php-file-iterator": "^5.0.1",
+                "phpunit/php-text-template": "^4.0.1",
+                "sebastian/code-unit-reverse-lookup": "^4.0.1",
+                "sebastian/complexity": "^4.0.1",
+                "sebastian/environment": "^7.2.0",
+                "sebastian/lines-of-code": "^3.0.1",
+                "sebastian/version": "^5.0.1",
+                "theseer/tokenizer": "^1.2.3"
             },
             "require-dev": {
                 "phpunit/phpunit": "^11.0"
@@ -9319,7 +9320,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "11.0-dev"
+                    "dev-main": "11.0.x-dev"
                 }
             },
             "autoload": {
@@ -9348,7 +9349,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
                 "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/11.0.5"
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/11.0.6"
             },
             "funding": [
                 {
@@ -9356,20 +9357,20 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-07-03T05:05:37+00:00"
+            "time": "2024-08-22T04:37:56+00:00"
         },
         {
             "name": "phpunit/php-file-iterator",
-            "version": "5.0.1",
+            "version": "5.1.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
-                "reference": "6ed896bf50bbbfe4d504a33ed5886278c78e4a26"
+                "reference": "118cfaaa8bc5aef3287bf315b6060b1174754af6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/6ed896bf50bbbfe4d504a33ed5886278c78e4a26",
-                "reference": "6ed896bf50bbbfe4d504a33ed5886278c78e4a26",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/118cfaaa8bc5aef3287bf315b6060b1174754af6",
+                "reference": "118cfaaa8bc5aef3287bf315b6060b1174754af6",
                 "shasum": ""
             },
             "require": {
@@ -9409,7 +9410,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-file-iterator/issues",
                 "security": "https://github.com/sebastianbergmann/php-file-iterator/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/5.0.1"
+                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/5.1.0"
             },
             "funding": [
                 {
@@ -9417,7 +9418,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-07-03T05:06:37+00:00"
+            "time": "2024-08-27T05:02:59+00:00"
         },
         {
             "name": "phpunit/php-invoker",
diff --git a/database/seeders/ProjectSeeder.php b/database/seeders/ProjectSeeder.php
index b35af64..6de52b3 100644
--- a/database/seeders/ProjectSeeder.php
+++ b/database/seeders/ProjectSeeder.php
@@ -15,7 +15,7 @@ public function run(): void
     {
         $projects = [
             [
-                'images' => json_encode(['storage/images/jalan-raya-1.png', 'storage/images/jalan-raya-2.png', 'storage/images/jalan-raya-3.png', 'storage/images/jalan-raya-4.png']),
+                'images' => json_encode(['storage/images/bg-kegiatan-1.png', 'storage/images/bg-kegiatan-2.png', 'storage/images/bg-kegiatan-3.png', 'storage/images/bg-kegiatan-4.png']),
                 'title' => 'Pembangunan Jalan Raya Penghubung Desa',
                 'description' => 'Proyek pembangunan jalan raya baru sepanjang 10 km untuk menghubungkan desa-desa terpencil di kecamatan Arjawinangun.',
                 'start_date' => now()->subMonths(2),
@@ -26,7 +26,7 @@ public function run(): void
                 'subdistrict_id' => 1,
             ],
             [
-                'images' => json_encode(['storage/images/lab-sekolah-1.png', 'storage/images/lab-sekolah-2.png', 'storage/images/lab-sekolah-3.png']),
+                'images' => json_encode(['storage/images/bg-kegiatan-2.png', 'storage/images/bg-kegiatan-3.png', 'storage/images/bg-kegiatan-4.png']),
                 'title' => 'Pembangunan Laboratorium IPA SMA Negeri 1 Astanajapura',
                 'description' => 'Proyek pembangunan laboratorium IPA lengkap untuk meningkatkan kualitas pendidikan di SMA Negeri 1 Astanajapura.',
                 'start_date' => now()->subMonths(3),
@@ -37,7 +37,7 @@ public function run(): void
                 'subdistrict_id' => 2,
             ],
             [
-                'images' => json_encode(['storage/images/puskesmas-1.png', 'storage/images/puskesmas-2.png', 'storage/images/puskesmas-3.png', 'storage/images/puskesmas-4.png']),
+                'images' => json_encode(['storage/images/bg-kegiatan-3.png', 'storage/images/bg-kegiatan-4.png', 'storage/images/bg-kegiatan-2.png', 'storage/images/bg-kegiatan-1.png']),
                 'title' => 'Renovasi dan Peningkatan Fasilitas Puskesmas Babakan',
                 'description' => 'Proyek renovasi dan peningkatan fasilitas Puskesmas Babakan untuk meningkatkan layanan kesehatan masyarakat.',
                 'start_date' => now()->subMonths(3),
@@ -48,7 +48,7 @@ public function run(): void
                 'subdistrict_id' => 3,
             ],
             [
-                'images' => json_encode(['storage/images/taman-kota-1.png', 'storage/images/taman-kota-2.png', 'storage/images/taman-kota-3.png']),
+                'images' => json_encode(['storage/images/bg-kegiatan-4.png', 'storage/images/bg-kegiatan-2.png', 'storage/images/bg-kegiatan-1.png']),
                 'title' => 'Pembangunan Taman Kota Hijau di Beber',
                 'description' => 'Proyek pembangunan taman kota hijau seluas 5 hektar di kecamatan Beber untuk meningkatkan ruang terbuka hijau dan kualitas lingkungan.',
                 'start_date' => now()->subMonths(4),
@@ -59,7 +59,7 @@ public function run(): void
                 'subdistrict_id' => 4,
             ],
             [
-                'images' => json_encode(['storage/images/pasar-tradisional-1.png', 'storage/images/pasar-tradisional-2.png', 'storage/images/pasar-tradisional-3.png', 'storage/images/pasar-tradisional-4.png']),
+                'images' => json_encode(['storage/images/bg-kegiatan-2.png', 'storage/images/bg-kegiatan-1.png', 'storage/images/bg-kegiatan-4.png', 'storage/images/bg-kegiatan-2.png']),
                 'title' => 'Revitalisasi Pasar Tradisional Ciledug',
                 'description' => 'Proyek revitalisasi pasar tradisional di Ciledug untuk meningkatkan fasilitas dan mendukung ekonomi lokal.',
                 'start_date' => now()->subMonths(5),
diff --git a/database/seeders/ReportSeeder.php b/database/seeders/ReportSeeder.php
index fc40e6e..062adff 100644
--- a/database/seeders/ReportSeeder.php
+++ b/database/seeders/ReportSeeder.php
@@ -16,7 +16,7 @@ public function run(): void
         $reports = [
             [
                 'title' => 'Laporan Kemajuan Pembangunan Jalan Raya Penghubung Desa',
-                'files' => json_encode(['storages/images/jalan-raya-progress-1.png', 'storages/images/jalan-raya-progress-2.png', 'storages/images/jalan-raya-progress-3.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-1.png', 'storage/images/bg-kegiatan-2.png', 'storage/images/bg-kegiatan-3.png']),
                 'description' => 'Laporan ini mencakup kemajuan pembangunan jalan raya sepanjang 5 km dari total 10 km yang direncanakan. Termasuk analisis tantangan dan solusi yang diterapkan.',
                 'funds' => 5000000000,
                 'status' => 'diterima',
@@ -26,7 +26,7 @@ public function run(): void
             ],
             [
                 'title' => 'Evaluasi Tengah Tahun Pembangunan Laboratorium IPA',
-                'files' => json_encode(['storages/images/lab-ipa-progress-1.png', 'storages/images/lab-ipa-progress-2.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-3.png', 'storage/images/bg-kegiatan-4.png']),
                 'description' => 'Laporan evaluasi tengah tahun untuk proyek pembangunan laboratorium IPA di SMA Negeri 1 Astanajapura. Mencakup penilaian kualitas bangunan dan peralatan yang telah dipasang.',
                 'funds' => 750000000,
                 'status' => 'draf',
@@ -36,7 +36,7 @@ public function run(): void
             ],
             [
                 'title' => 'Laporan Akhir Renovasi Puskesmas Babakan',
-                'files' => json_encode(['storages/images/puskesmas-final-1.png', 'storages/images/puskesmas-final-2.png', 'storages/images/puskesmas-final-3.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-2.png', 'storage/images/bg-kegiatan-3.png', 'storage/images/bg-kegiatan-4.png']),
                 'description' => 'Laporan akhir proyek renovasi dan peningkatan fasilitas Puskesmas Babakan. Termasuk dokumentasi fasilitas baru dan peningkatan layanan yang dapat diberikan.',
                 'funds' => 2000000000,
                 'status' => 'diterima',
@@ -46,7 +46,7 @@ public function run(): void
             ],
             [
                 'title' => 'Progres Pembangunan Taman Kota Hijau Beber',
-                'files' => json_encode(['storages/images/taman-kota-progress-1.png', 'storages/images/taman-kota-progress-2.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-1.png', 'storage/images/bg-kegiatan-4.png']),
                 'description' => 'Laporan kemajuan pembangunan taman kota hijau di Beber. Mencakup perkembangan penanaman pohon dan pembangunan fasilitas rekreasi.',
                 'funds' => 3000000000,
                 'status' => 'draf',
@@ -56,7 +56,7 @@ public function run(): void
             ],
             [
                 'title' => 'Laporan Tahap Awal Revitalisasi Pasar Tradisional Ciledug',
-                'files' => json_encode(['storages/images/pasar-ciledug-awal-1.png', 'storages/images/pasar-ciledug-awal-2.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-4.png', 'storage/images/bg-kegiatan-2.png']),
                 'description' => 'Laporan tahap awal proyek revitalisasi pasar tradisional di Ciledug. Termasuk survei kondisi existing dan rencana detail revitalisasi.',
                 'funds' => 1500000000,
                 'status' => 'draf',
@@ -66,7 +66,7 @@ public function run(): void
             ],
             [
                 'title' => 'Evaluasi Dampak Pembangunan Jalan Raya terhadap Ekonomi Lokal',
-                'files' => json_encode(['storages/images/evaluasi-ekonomi-1.png', 'storages/images/evaluasi-ekonomi-2.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-3.png', 'storage/images/bg-kegiatan-2.png']),
                 'description' => 'Laporan evaluasi dampak pembangunan jalan raya penghubung desa terhadap perekonomian lokal. Mencakup analisis peningkatan mobilitas dan akses pasar.',
                 'funds' => 200000000,
                 'status' => 'diterima',
@@ -76,7 +76,7 @@ public function run(): void
             ],
             [
                 'title' => 'Laporan Pengadaan Peralatan Laboratorium IPA',
-                'files' => json_encode(['storages/images/peralatan-lab-1.png', 'storages/images/peralatan-lab-2.png', 'storages/images/peralatan-lab-3.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-1.png', 'storage/images/bg-kegiatan-4.png', 'storage/images/bg-kegiatan-3.png']),
                 'description' => 'Laporan rinci mengenai pengadaan dan instalasi peralatan untuk laboratorium IPA di SMA Negeri 1 Astanajapura. Termasuk daftar inventaris dan panduan penggunaan.',
                 'funds' => 1000000000,
                 'status' => 'revisi',
@@ -86,7 +86,7 @@ public function run(): void
             ],
             [
                 'title' => 'Analisis Peningkatan Layanan Kesehatan Puskesmas Babakan',
-                'files' => json_encode(['storages/images/analisis-layanan-1.png', 'storages/images/analisis-layanan-2.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-2.png', 'storage/images/bg-kegiatan-3.png']),
                 'description' => 'Laporan analisis peningkatan kualitas dan kuantitas layanan kesehatan di Puskesmas Babakan pasca renovasi. Termasuk data statistik kunjungan pasien dan kepuasan masyarakat.',
                 'funds' => 300000000,
                 'status' => 'revisi',
@@ -96,7 +96,7 @@ public function run(): void
             ],
             [
                 'title' => 'Laporan Penanaman Pohon dan Vegetasi di Taman Kota Beber',
-                'files' => json_encode(['storages/images/penanaman-pohon-1.png', 'storages/images/penanaman-pohon-2.png', 'storages/images/penanaman-pohon-3.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-4.png', 'storage/images/bg-kegiatan-3.png', 'storage/images/bg-kegiatan-2.png']),
                 'description' => 'Laporan detail mengenai jenis dan jumlah pohon serta vegetasi yang ditanam di Taman Kota Hijau Beber. Termasuk rencana perawatan dan pemeliharaan jangka panjang.',
                 'funds' => 500000000,
                 'status' => 'diterima',
@@ -106,7 +106,7 @@ public function run(): void
             ],
             [
                 'title' => 'Progres Renovasi Kios dan Fasilitas Pasar Tradisional Ciledug',
-                'files' => json_encode(['storages/images/renovasi-kios-1.png', 'storages/images/renovasi-kios-2.png']),
+                'files' => json_encode(['storage/images/bg-kegiatan-1.png', 'storage/images/bg-kegiatan-2.png']),
                 'description' => 'Laporan kemajuan renovasi kios pedagang dan fasilitas umum di Pasar Tradisional Ciledug. Mencakup perbaikan sistem drainase dan pengelolaan sampah.',
                 'funds' => 2500000000,
                 'status' => 'revisi',
diff --git a/resources/views/livewire/about.blade.php b/resources/views/livewire/about.blade.php
index 9f6d45f..5c8bf88 100644
--- a/resources/views/livewire/about.blade.php
+++ b/resources/views/livewire/about.blade.php
@@ -1,6 +1,7 @@
 <x-layouts.app>
     <div id="banner">
-        <livewire:components.banner title="Tentang" subtitle="Tentang CSR Kabupaten Cirebon" breadcrumbs="Tentang" position="top" />
+        <livewire:components.banner title="Tentang" subtitle="Tentang CSR Kabupaten Cirebon" breadcrumbs="Tentang"
+            position="top" />
     </div>
 
     <div id="about" class="px-8 py-20">
@@ -67,7 +68,8 @@
         </div>
         <div class="w-full md:w-1/2">
             <div class="flex items-end justify-end h-full bg-gray-100">
-                <img src="{{ asset('storage/images/bg-bulding-1.png') }}" width="450" height="400" alt="Building Cirebon">
+                <img src="{{ asset('storage/images/bg-bulding-1.png') }}" width="450" height="400"
+                    alt="Building Cirebon">
             </div>
         </div>
     </div>
@@ -76,17 +78,19 @@
         <livewire:components.container title="Laporan Program" subtitle="Terbaru"
             fontClass="text-2xl md:text-3xl font-bold" class="items-center">
             <div class="grid grid-cols-1 px-4 py-10 lg:px-24 md:px-12 lg:grid-cols-4 md:grid-cols-3 gap-7">
-                <livewire:components.card-with-button title="Judul Kegiatan Terbaru." images="bg-kegiatan-1.png"
-                    description="testing" name="Andri Sapulalung" />
-                <livewire:components.card-with-button title="Judul Kegiatan Terbaru." images="bg-kegiatan-2.png"
-                    description="testing" name="Hesti Septian" />
-                <livewire:components.card-with-button title="Judul Kegiatan Terbaru." images="bg-kegiatan-3.png"
-                    description="testing" name="Fera Pablo" />
-                <livewire:components.card-with-button title="Judul Kegiatan Terbaru." images="bg-kegiatan-4.png"
-                    description="testing" name="Fera Pablo" />
+                @forelse ($reports as $report)
+                    @php
+                        $images = json_decode($report->files, true);
+                    @endphp
+
+                    <livewire:components.card-with-button :title="$report->title" :images="$images[0]" :description="$report->description"
+                        name="hasban" avatar="avatar-1.png" :date="$report->realization_date" />
+                @empty
+                    <h1>tidak ada data</h1>
+                @endforelse
 
                 <div class="flex items-center justify-center pt-6 pb-10 col-span-full">
-                    <x-mary-button label="Lihat semua laporan program" class="btn-md btn-outline" />
+                    <x-mary-button label="Lihat semua laporan program" class="btn-md btn-outline" link="/report" />
                 </div>
             </div>
         </livewire:components.container>
diff --git a/resources/views/livewire/activity.blade.php b/resources/views/livewire/activity.blade.php
index c351376..ccde273 100644
--- a/resources/views/livewire/activity.blade.php
+++ b/resources/views/livewire/activity.blade.php
@@ -10,12 +10,12 @@
         </div>
         <div class="grid grid-cols-1 py-10 lg:grid-cols-4 md:grid-cols-3 gap-7">
             @foreach ($activities as $activity)
-                <livewire:components.card-with-button :title="$activity->name" :images="$activity->image" 
-                    :description="$activity->description" link="/activity/{{ $activity->id }}" />
+                <livewire:components.card-with-button :title="$activity->name" :images="$activity->image"
+                    :description="$activity->description" :date="$activity->published_data" link="/activity/{{ $activity->id }}" />
             @endforeach
 
             <div class="flex items-center justify-center pt-6 col-span-full">
-                <x-mary-button label="Muat lebih banyak" wire:click="load" class="btn-md btn-outline" spinner />
+                <x-mary-button label="Muat lebih banyak" class="btn-md btn-outline" link="/activity" />
             </div>
         </div>
     </div>
diff --git a/resources/views/livewire/components/banner.blade.php b/resources/views/livewire/components/banner.blade.php
index db6dde7..d9c84e0 100644
--- a/resources/views/livewire/components/banner.blade.php
+++ b/resources/views/livewire/components/banner.blade.php
@@ -8,12 +8,17 @@
                 <div class="flex items-center justify-center w-full min-h-80 md:w-2/3">
                     <div class="flex flex-col max-w-xl gap-5 p-6 text-white md:p-10">
                         <h3 class="text-base"><span class="text-orange-600">Beranda</span> / {{ $breadcrumbs }}</h3>
-                        <h1 class="text-5xl font-bold leading-tight md:text-6xl">{{ $title }}
-                        </h1>
+                        <h1 class="text-5xl font-bold leading-tight md:text-6xl">{{ $title }}</h1>
                         @if ($subHeading)
                             <p class="text-sm">{{ $subHeading }}</p>
                         @endif
+
                         <p class="text-sm">{{ $subtitle }}</p>
+                        
+                        @if ($tags)
+                            <livewire:components.tags :tag="$tags" class="text-white border-none bg-opacity-40" />
+                        @endif
+                        
                     </div>
                 </div>
             </div>
diff --git a/resources/views/livewire/components/card-mitra.blade.php b/resources/views/livewire/components/card-mitra.blade.php
index adff4d2..1f9e4b8 100644
--- a/resources/views/livewire/components/card-mitra.blade.php
+++ b/resources/views/livewire/components/card-mitra.blade.php
@@ -7,4 +7,4 @@
             </div>
         @endforeach
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/resources/views/livewire/components/card-sector.blade.php b/resources/views/livewire/components/card-sector.blade.php
index 953a4a0..92780bd 100644
--- a/resources/views/livewire/components/card-sector.blade.php
+++ b/resources/views/livewire/components/card-sector.blade.php
@@ -1,6 +1,6 @@
 <a class="relative grid-cols-1">
     <div class="flex flex-col border">
-        <img src="{{ asset('storage/' . $images) }}" alt="{{ $title }}">
+        <img src="{{ asset($images) }}" alt="{{ $title }}">
 
         <div class="flex flex-col gap-4 px-4 py-5">
             <h1 class="text-xl font-semibold min-h-14">{{ $title }}</h1>
diff --git a/resources/views/livewire/components/card-with-background.blade.php b/resources/views/livewire/components/card-with-background.blade.php
index 7267c51..5a9648e 100644
--- a/resources/views/livewire/components/card-with-background.blade.php
+++ b/resources/views/livewire/components/card-with-background.blade.php
@@ -1,6 +1,6 @@
 <div class="relative grid-cols-1">
     <div class="flex flex-col border">
-        <img src="{{ asset('storage/' . $images) }}" alt="{{ $title }}">
+        <img src="{{ asset($images) }}" alt="{{ $title }}" height="150" width="150" class="w-full">
 
         <div class="flex flex-col gap-4 px-4 py-5">
             <h1 class="text-xl font-semibold min-h-14">{{ $title }}</h1>
diff --git a/resources/views/livewire/components/card-with-button.blade.php b/resources/views/livewire/components/card-with-button.blade.php
index e3c0d10..c5b8339 100644
--- a/resources/views/livewire/components/card-with-button.blade.php
+++ b/resources/views/livewire/components/card-with-button.blade.php
@@ -1,15 +1,15 @@
 <a href="{{ $link }}" class="relative grid-cols-1 transition duration-300 ease-in-out hover:scale-95">
     <div class="flex flex-col border">
-        <x-mary-button label="2024"
+        <x-mary-button label="{{ $date }}"
             class="absolute text-[0.72rem] text-white border-none outline-none top-5 left-7 bg-secondaryRed btn-sm" />
-        <img src="{{ asset('storage/' . $images) }}" alt="{{ $title }}">
+        <img src="{{ asset($images) }}" alt="{{ $title }}" height="200" width="200" class="w-full">
 
         <!-- avatar section-->
         @if (!empty($avatar))
             <div class="flex items-center gap-3 px-5 pt-6">
                 <div class="avatar">
                     <div class="w-8 rounded-full">
-                        <img src="{{ asset('storage/avatars' . $avatar) }}" />
+                        <img src="{{ asset($avatar) }}" alt="{{ $name }}" />
                     </div>
                 </div>
                 <div>
diff --git a/resources/views/livewire/components/project-table.blade.php b/resources/views/livewire/components/project-table.blade.php
new file mode 100644
index 0000000..0384e8d
--- /dev/null
+++ b/resources/views/livewire/components/project-table.blade.php
@@ -0,0 +1,3 @@
+<div>
+    testing
+</div>
diff --git a/resources/views/livewire/components/tags.blade.php b/resources/views/livewire/components/tags.blade.php
index f943db2..37f6b7d 100644
--- a/resources/views/livewire/components/tags.blade.php
+++ b/resources/views/livewire/components/tags.blade.php
@@ -1 +1 @@
-<x-mary-badge value="{{ $tag }}" class="bg-gray-200" />
\ No newline at end of file
+<x-mary-badge value="{{ $tag }}" class="{{ $class }} bg-gray-200" />
diff --git a/resources/views/livewire/detail-activity.blade.php b/resources/views/livewire/detail-activity.blade.php
index 8b5db3e..df62497 100644
--- a/resources/views/livewire/detail-activity.blade.php
+++ b/resources/views/livewire/detail-activity.blade.php
@@ -7,36 +7,14 @@
     <div id="detailActivity" class="px-40 pt-20 pb-10">
         <livewire:components.container>
             <div class="px-20">
-                <p class="text-lg text-gray-500">KABUPATEN CIREBON Pemerintah Kabupaten Cirebon menerima bantuan
-                    Corporate Social Responsibility (CSR) dari Bank BJB, berupa lampu penerangan jalan umum (PJU)
-                    tematik.
-                    <br>
-
-                    <br>
-                    Penyerahan bantuan ini dihadiri langsung oleh Penjabat (Pj) Bupati Cirebon, Drs H Wahyu Mijaya SH
-                    MSi di Pendopo Bupati Cirebon, Jumat (12/7/2024).
-                    <br>
-
-                    <br>
-                    "Kami berterima kasih kepada Ba BJB yang telah memberikan PJU untuk dipasang di beberapa titik di
-                    wilayah Sumber, Kabupaten Cirebon," ujar Wahyu.
-                    <br>
-
-                    <br>
-                    la menjelaskan, bahwa pemasangan PJU di kawasan Sumber, yang dekat dengan kantor pemerintahan, tidak
-                    hanya akan memperindah lingkungan, tetapi juga dapat meningkatkan keselamatan masyarakat.
-                    <br>
-
-                    <br>
-                    Langkah ini, menurut Wahyu, merupakan bagian dari upaya untuk menciptakan ruang publik yang lebih
-                    aman dan nyaman Dengan penerangan yang baik, warga dapat beraktivitas dengan tenang, terutama di
-                    malam hari.
-                    <br>
+                <p class="text-lg text-gray-500">
+                    {!! $activity->description !!}
                 </p>
                 <div class="flex flex-col my-10">
-                    <img src="{{ asset('storage/' . $activity->image) }}" alt="image activity">
-                    <a href="https://tx.shadcn.com/blog/preview-mode-headless-cms" target="_blank"
-                        class="pt-3 text-sm text-gray-500">sumber gambar: <span class="underline">TX</span></a>
+                    <img src="{{ asset($activity->image) }}" alt="{{ $activity->name }}">
+                    <a href="https://www.figma.com/exit?url=https%3A%2F%2Fwww.pexels.com%2Fphoto%2Fphoto-of-woman-leaning-on-wooden-table-3182746%2F"
+                        target="_blank" class="pt-3 text-sm text-gray-500">sumber gambar: <span
+                            class="underline">Pexels</span></a>
                 </div>
                 <p class="text-lg text-gray-500">{!! $activity->description !!}</p>
 
@@ -63,7 +41,7 @@ class="pt-3 text-sm text-gray-500">sumber gambar: <span class="underline">TX</sp
             <div class="grid grid-cols-1 px-4 py-10 lg:px-24 md:px-12 lg:grid-cols-4 md:grid-cols-3 gap-7">
                 @forelse ($activities as $activity)
                     <livewire:components.card-with-button :title="$activity->name" :images="$activity->image" :description="$activity->description"
-                        link="/activity/{{ $activity->id }}" />
+                        link="/activity/{{ $activity->id }}" :date="$activity->published_data" />
                 @empty
                     <h1>tidak ada data</h1>
                 @endforelse
@@ -99,4 +77,4 @@ class="pt-3 text-sm text-gray-500">sumber gambar: <span class="underline">TX</sp
     </div>
 
     <livewire:components.footer />
-</x-layouts.app>
\ No newline at end of file
+</x-layouts.app>
diff --git a/resources/views/livewire/detail-report.blade.php b/resources/views/livewire/detail-report.blade.php
new file mode 100644
index 0000000..9c6fde1
--- /dev/null
+++ b/resources/views/livewire/detail-report.blade.php
@@ -0,0 +1,30 @@
+<x-layouts.app>
+    <div id="banner">
+        <livewire:components.banner :title="$report->title" :subtitle="$report->partner->company_name . ' - ' . $report->project->start_date" breadcrumbs="Laporan / Rincian" position="center"
+            :tags="$report->project->sectorProgram->name"  />
+    </div>
+
+    <div id="imageCompany" class="py-10">
+        <livewire:components.container>
+            <div class="flex justify-center w-full px-20 bg-gray-50">
+                <!-- FOR EXAMPLE -->
+                <img src="{{ asset('storage/blog-post-1.webp') }}" height="500" width="500" alt="{{ $report->title }}">
+
+                <!-- FOR PRODUCTION -->
+                {{-- <img src="{{ asset('storage/' . $report->partner->logo) }}" alt="{{ $report->title }}"> --}}
+            </div>
+
+            <!-- IMAGE GALERY START -->
+            <!-- IMAGE GALERY END -->
+
+            <div class="flex items-center p-4 rounded-lg shadow-md bg-red-50">
+                <div class="h-full bg-red-600 rounded-l-lg"></div>
+                <div class="ml-3">
+                    <p class="text-sm text-gray-500">Realisasi</p>
+                    <p class="text-xl font-semibold text-gray-900">Rp 10,000,000</p>
+                </div>
+            </div>
+            
+        </livewire:components.container>
+    </div>
+</x-layouts.app>
diff --git a/resources/views/livewire/detail-sector.blade.php b/resources/views/livewire/detail-sector.blade.php
index d7eccbd..ecab2ea 100644
--- a/resources/views/livewire/detail-sector.blade.php
+++ b/resources/views/livewire/detail-sector.blade.php
@@ -26,7 +26,6 @@
         </livewire:components.container>
     </div>
 
-    <!-- TODO PROGRAM -->
     <div id="program" class="px-6">
         <livewire:components.container title="Program CSR" subtitle="Bidang program CSR Kabupaten Cirebon yang tersedia"
             fontClass="text-sm text-stone-500 mt-5">
@@ -46,23 +45,22 @@
                     @endforelse
                 </div>
                 <div class="w-1/2">
-                    @forelse ($projects as $project)
-                        <x-mary-list-item :item="$projects" no-separator no-hover class="mx-20">
+
+                    <!-- PROJECT!!!!! -->
+
+                    @forelse ($projects->project as $project)
+                        <x-mary-list-item :item="$projects->project" no-separator no-hover class="mx-20">
                             <x-slot:value>
                                 {{ $project->title }}
                             </x-slot:value>
                             <x-slot:sub-value>
-                                {{ $project->subdistrict_name }}
+                                {{ $project->subdistrict->name }} proyek
                             </x-slot:sub-value>
-                            <x-slot:actions>
-                                <x-mary-button label="Lihat detail" icon="o-eye"
-                                    class="text-white bg-secondaryRed btn-md hover:bg-secondaryRed hover:opacity-80"
-                                    link="/project/{{ $project->id }}" spinner />
-                            </x-slot:actions>
                         </x-mary-list-item>
                     @empty
                         <h1>tidak ada data</h1>
                     @endforelse
+
                 </div>
             </div>
         </livewire:components.container>
diff --git a/resources/views/livewire/home.blade.php b/resources/views/livewire/home.blade.php
index 1c9c097..0b154eb 100644
--- a/resources/views/livewire/home.blade.php
+++ b/resources/views/livewire/home.blade.php
@@ -76,8 +76,8 @@ class="text-base font-light" fontClass="pt-4">
                 </div>
                 <div class="relative w-1/2 py-10 px-14">
                     <div class="w-56 h-[215px] bg-primaryRed"></div>
-                    <img src="{{ asset('storage/images/bg-feature-airport.png') }}" class="absolute top-10 ml-7" width="300"
-                        height="300" alt="">
+                    <img src="{{ asset('storage/images/bg-feature-airport.png') }}" class="absolute top-10 ml-7"
+                        width="300" height="300" alt="">
                     <livewire:components.teks-csr />
                     <div class="flex gap-6 pt-4">
                         <x-mary-button label="Lihat program tersedia"
@@ -109,7 +109,7 @@ class="text-white border-none outline-none bg-secondaryRed hover:bg-secondaryRed
             <div class="grid grid-cols-1 px-4 py-10 lg:px-24 md:px-12 lg:grid-cols-4 md:grid-cols-3 gap-7">
                 @forelse ($activities as $activity)
                     <livewire:components.card-with-button :title="$activity->name" :images="$activity->image" :description="$activity->description"
-                        link="/activity/{{ $activity->id }}" />
+                        link="/activity/{{ $activity->id }}" :date="$activity->published_data" />
                 @empty
                     <h1>tidak ada data</h1>
                 @endforelse
@@ -126,8 +126,12 @@ class="text-white border-none outline-none bg-secondaryRed hover:bg-secondaryRed
             fontClass="text-2xl md:text-3xl font-bold" class="items-center">
             <div class="grid grid-cols-1 px-4 py-10 lg:px-24 md:px-12 lg:grid-cols-4 md:grid-cols-3 gap-7">
                 @forelse ($reports as $report)
-                    <livewire:components.card-with-button :title="$report->title" images="blog-post-1.webp" :description="$report->description"
-                        name="hasban" avatar="avatar-1.png" />
+                    @php
+                        $images = json_decode($report->files, true);
+                    @endphp
+
+                    <livewire:components.card-with-button :title="$report->title" :images="$images[0]" :description="$report->description"
+                        name="hasban" avatar="avatar-1.png" :date="$report->realization_date" />
                 @empty
                     <h1>tidak ada data</h1>
                 @endforelse
@@ -198,7 +202,8 @@ class="text-white border-none outline-none bg-secondaryRed hover:bg-secondaryRed
         </div>
         <div class="w-full md:w-1/2">
             <div class="flex items-start justify-center h-full p-16">
-                <img src="{{ asset('storage/images/bg-basemap.png') }}" width="400" height="400" alt="Map Cirebon">
+                <img src="{{ asset('storage/images/bg-basemap.png') }}" width="400" height="400"
+                    alt="Map Cirebon">
             </div>
         </div>
     </div>
diff --git a/resources/views/livewire/project.blade.php b/resources/views/livewire/project.blade.php
index cd297b9..fc353ec 100644
--- a/resources/views/livewire/project.blade.php
+++ b/resources/views/livewire/project.blade.php
@@ -12,18 +12,49 @@
                 <div class="mt-5">
                     <h1 class="text-lg font-semibold">Galeri</h1>
                     <div class="grid grid-cols-1 gap-5 md:grid-cols-4 lg:grid-cols-4">
-                        @foreach ($images as $image)
-                            <img src="{{ asset('storage/' . $image->image) }}" alt="{{ $projects->title }}">
-                            <img src="{{ asset('storage/' . $image->image) }}" alt="{{ $projects->title }}">
-                            <img src="{{ asset('storage/' . $image->image) }}" alt="{{ $projects->title }}">
-                            <img src="{{ asset('storage/' . $image->image) }}" alt="{{ $projects->title }}">
-                        @endforeach
+                        @php
+                            $images = json_decode($projects->images, true);
+                        @endphp
+
+                        @if (is_array($images))
+                            @foreach ($images as $image)
+                                <img src="{{ asset($image) }}" alt="{{ $projects->title }}" width="100"
+                                    height="100" class="w-full">
+                            @endforeach
+                        @endif
                     </div>
                 </div>
 
-                <!-- MITRA SECTION FROM REPORT TABLE WITH REPORT FILE-->
-                
             </div>
         </livewire:components.container>
     </div>
+
+    <div id="table">
+        <livewire:components.project-table />
+    </div>
+
+    <div class="flex flex-wrap w-full pt-10">
+        <div id="contact" class="w-full p-4 md:w-1/2">
+            <livewire:components.container title="Hubungi Kami"
+                subtitle="hubungi kami melalui formulir di samping, atau melalui kontak di bawah"
+                fontClass="pt-4 text-stone-500">
+                <div class="px-20 py-8">
+                    <livewire:components.contact-form icon="o-map-pin" title="Alamat"
+                        content="Jl. Sunan Kalijaga No.7,Sumber, Kec. Sumber, Kabupaten Cirebon,
+                        Jawa Barat 45611" />
+                    <livewire:components.contact-form icon="o-phone" title="Phone"
+                        content="(0231) 321197 atau (0231) 3211792" />
+                    <livewire:components.contact-form icon="o-envelope" title="Email"
+                        content="pemkab@cirebonkab.go.id" />
+                </div>
+            </livewire:components.container>
+        </div>
+        <div class="w-full md:w-1/2">
+            <div class="flex items-start justify-center h-full p-16">
+                <img src="{{ asset('storage/images/bg-basemap.png') }}" width="400" height="400" alt="Map Cirebon">
+            </div>
+        </div>
+    </div>
+
+    <livewire:components.footer />
 </x-layouts.app>
diff --git a/resources/views/livewire/report.blade.php b/resources/views/livewire/report.blade.php
new file mode 100644
index 0000000..ab7aa40
--- /dev/null
+++ b/resources/views/livewire/report.blade.php
@@ -0,0 +1,49 @@
+<x-layouts.app>
+    <div id="banner">
+        <livewire:components.banner title="Laporan" subtitle="Kegiatan Terkini Dari CSR Kabupaten Cirebon"
+            breadcrumbs="Laporan" position="center" />
+    </div>
+    <div id="kegiatan" class="px-20 py-10">
+        <div class="flex w-full gap-5">
+            <x-mary-button label="Terbaru" icon-right="m-chevron-down" class="w-1/5 btn btn-outline" />
+            <x-mary-button label="Cari kegiatan..." icon="o-magnifying-glass" class="w-4/5 btn btn-outline" />
+        </div>
+        <div class="grid grid-cols-1 px-4 py-10 lg:grid-cols-4 md:grid-cols-3 gap-7">
+            @forelse ($reports as $report)
+                <livewire:components.card-with-button :title="$report->title" images="blog-post-1.webp" :description="$report->description"
+                    name="hasban" avatar="avatar-1.png" link="/report/{{ $report->id }}" />
+            @empty
+                <h1>tidak ada data</h1>
+            @endforelse
+
+            <div class="flex items-center justify-center pt-6 pb-10 col-span-full">
+                <x-mary-button label="Muat lebih banyak" class="btn-md btn-outline" />
+            </div>
+        </div>
+    </div>
+
+    <div class="flex flex-wrap w-full">
+        <div id="contact" class="w-full p-4 md:w-1/2">
+            <livewire:components.container title="Hubungi Kami"
+                subtitle="hubungi kami melalui formulir di samping, atau melalui kontak di bawah"
+                fontClass="pt-4 text-stone-500">
+                <div class="px-20 py-8">
+                    <livewire:components.contact-form icon="o-map-pin" title="Alamat"
+                        content="Jl. Sunan Kalijaga No.7,Sumber, Kec. Sumber, Kabupaten Cirebon,
+                        Jawa Barat 45611" />
+                    <livewire:components.contact-form icon="o-phone" title="Phone"
+                        content="(0231) 321197 atau (0231) 3211792" />
+                    <livewire:components.contact-form icon="o-envelope" title="Email"
+                        content="pemkab@cirebonkab.go.id" />
+                </div>
+            </livewire:components.container>
+        </div>
+        <div class="w-full md:w-1/2">
+            <div class="flex items-start justify-center h-full p-16">
+                <img src="{{ asset('storage/images/bg-basemap.png') }}" width="400" height="400" alt="Map Cirebon">
+            </div>
+        </div>
+    </div>
+
+    <livewire:components.footer />
+</x-layouts.app>
diff --git a/resources/views/livewire/sector.blade.php b/resources/views/livewire/sector.blade.php
index b9f43bf..5124298 100644
--- a/resources/views/livewire/sector.blade.php
+++ b/resources/views/livewire/sector.blade.php
@@ -9,7 +9,7 @@
             fontClass="text-lg text-stone-500" class="items-center">
             <div class="grid grid-cols-1 py-10 lg:grid-cols-4 md:grid-cols-3 gap-7">
                 @forelse ($sectors as $sector)
-                    <livewire:components.card-with-background :title="$sector->name" images="blog-post-1.webp"
+                    <livewire:components.card-with-background :title="$sector->name" :images="$sector->banner"
                         content="Tersedia: {{ $sector->programs->count() }}" link="/sector/{{ $sector->id }}" />
                 @empty
                     <h1>tidak ada data</h1>
@@ -27,7 +27,11 @@
                 </div>
                 <div class="grid grid-cols-1 py-10 lg:grid-cols-4 md:grid-cols-3 gap-7">
                     @forelse ($projects as $project)
-                        <livewire:components.card-sector :title="$project->title" images="blog-post-1.webp" 
+                    @php
+                        $image = json_decode($project->images, true);
+                    @endphp
+                    
+                        <livewire:components.card-sector :title="$project->title" :images="$image[0]"
                             :content="$project->sector_program_name" :address="$project->subdistrict_name"
                             :date="$project->end_date" />
                     @empty
@@ -35,7 +39,7 @@
                     @endforelse
 
                     <div class="flex items-center justify-center pt-6 col-span-full">
-                        <x-mary-button label="Muat lebih banyak" class="btn-md btn-outline" />
+                        <x-mary-button label="Muat lebih banyak" class="btn-md btn-outline" link="/sector" />
                     </div>
                 </div>
             </div>
diff --git a/routes/web.php b/routes/web.php
index 24028d4..75786dd 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -4,6 +4,7 @@
 use App\Http\Controllers\ActivityController;
 use App\Http\Controllers\HomeController;
 use App\Http\Controllers\ProjectController;
+use App\Http\Controllers\ReportController;
 use App\Http\Controllers\SectorController;
 use App\Livewire\Welcome;
 use Illuminate\Support\Facades\Route;
@@ -30,3 +31,6 @@
 Route::get('/sector/{id}', [SectorController::class, 'show']);
 
 Route::get('/project/{id}', [ProjectController::class, 'show']);
+
+Route::get('/report', [ReportController::class, 'index']);
+Route::get('/report/{id}', [ReportController::class, 'show']);
\ No newline at end of file
diff --git a/storage/app/public/01J68P3KBPZBH65AXJ9BH0KPJ6.webp b/storage/app/public/01J68P3KBPZBH65AXJ9BH0KPJ6.webp
new file mode 100644
index 0000000..c63d0a4
Binary files /dev/null and b/storage/app/public/01J68P3KBPZBH65AXJ9BH0KPJ6.webp differ
diff --git a/storage/app/public/01J68P5PWD343GHZ270CRNB8DT.webp b/storage/app/public/01J68P5PWD343GHZ270CRNB8DT.webp
new file mode 100644
index 0000000..3a3e378
Binary files /dev/null and b/storage/app/public/01J68P5PWD343GHZ270CRNB8DT.webp differ
diff --git a/storage/app/public/01J68S7KBCTKVQJTQ0A8D7CNG5.webp b/storage/app/public/01J68S7KBCTKVQJTQ0A8D7CNG5.webp
new file mode 100644
index 0000000..b195f1b
Binary files /dev/null and b/storage/app/public/01J68S7KBCTKVQJTQ0A8D7CNG5.webp differ
diff --git a/storage/app/public/01J68SMEWJBJSSW1N9CR4WAS45.webp b/storage/app/public/01J68SMEWJBJSSW1N9CR4WAS45.webp
new file mode 100644
index 0000000..b195f1b
Binary files /dev/null and b/storage/app/public/01J68SMEWJBJSSW1N9CR4WAS45.webp differ
diff --git a/storage/app/public/01J68WB6RN9GQ0NW5Y1RDH9GAG.webp b/storage/app/public/01J68WB6RN9GQ0NW5Y1RDH9GAG.webp
new file mode 100644
index 0000000..3d4ac15
Binary files /dev/null and b/storage/app/public/01J68WB6RN9GQ0NW5Y1RDH9GAG.webp differ
diff --git a/storage/app/public/01J68ZTVCSJ4MSRBZSS1GNHAWP.webp b/storage/app/public/01J68ZTVCSJ4MSRBZSS1GNHAWP.webp
new file mode 100644
index 0000000..3d4ac15
Binary files /dev/null and b/storage/app/public/01J68ZTVCSJ4MSRBZSS1GNHAWP.webp differ
diff --git a/storage/app/public/01J691MB027FWX34CC7SZRGCR0.webp b/storage/app/public/01J691MB027FWX34CC7SZRGCR0.webp
new file mode 100644
index 0000000..3d4ac15
Binary files /dev/null and b/storage/app/public/01J691MB027FWX34CC7SZRGCR0.webp differ
diff --git a/storage/app/public/blog-post-1.webp b/storage/app/public/blog-post-1.webp
new file mode 100644
index 0000000..3d4ac15
Binary files /dev/null and b/storage/app/public/blog-post-1.webp differ