diff --git a/app/Http/Controllers/Homepage/AboutUsController.php b/app/Http/Controllers/Homepage/AboutUsController.php
new file mode 100644
index 0000000..99398ea
--- /dev/null
+++ b/app/Http/Controllers/Homepage/AboutUsController.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Http\Controllers\Homepage;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class AboutUsController extends Controller
+{
+    public function index(){
+        $data = [
+            'title' => 'Tentang Kami',
+            'page' => 'about_us'
+        ];
+
+        return view('homepage.about-us.index', $data);
+    }
+}
diff --git a/resources/views/homepage/about-us/index.blade.php b/resources/views/homepage/about-us/index.blade.php
new file mode 100644
index 0000000..b3e69a6
--- /dev/null
+++ b/resources/views/homepage/about-us/index.blade.php
@@ -0,0 +1,42 @@
+@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">Tentang Kami</h1>
+                    </div>
+                    <div class="col-12 breadcrumb breadcrumb-style-01 d-flex justify-content-center">
+                        <ul>
+                            <li><a href="{{route('homepage.landing')}}">Beranda</a></li>
+                            <li><a href="{{route('homepage.about.us.index')}}">Tentang Kami</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- end page title -->
+        <!-- start section -->
+        <section class="pt-5 sm-pt-50px">
+            <div class="container">
+                <div class="row mb-5 align-items-center">
+                    <div class="col-lg-5 position-relative md-mb-20">
+                        <div class="w-70 xs-w-80" data-animation-delay="50" data-shadow-animation="true">
+                            <img src="{{asset('assets/defaults/diskominfo-building.jpg')}}" alt="" class="border-radius-8px w-100">
+                        </div>
+                        <div class="w-60 overflow-hidden position-absolute right-minus-15px xs-right-15px xs-w-60 bottom-minus-50px" data-shadow-animation="true" data-animation-delay="250" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
+                            <img src="{{asset('assets/defaults/simedkom-logo-circle.png')}}" alt="" class="border-radius-8px w-100 box-shadow-quadruple-large custom-glass-effect" />
+                        </div>
+                    </div>
+                    <div class="col-xl-5 col-lg-6 offset-lg-1" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
+                        <h3 class="text-dark-gray fs-50 fw-700 ls-minus-2px">Simedkom</h3>
+                        <p class="mb-40px sm-mb-25px fs-19" style="text-align: justify !important;">{{strip_tags($app->about_us)}}</p>
+                    </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 5dc3bec..86100ba 100644
--- a/resources/views/partials/homepage/header.blade.php
+++ b/resources/views/partials/homepage/header.blade.php
@@ -35,7 +35,7 @@
                         <li class="nav-item"><a href="{{route('homepage.landing')}}" class="nav-link fs-25 {{$page === 'landing' ? 'active-menu' : ''}}">Beranda</a></li>
                         <li class="nav-item"><a href="{{route('homepage.news.index')}}" class="nav-link fs-25 {{$page === 'news' ? 'active-menu' : ''}}">Berita</a></li>
                         <li class="nav-item"><a href="{{route('homepage.announcements.index')}}" class="nav-link fs-25 {{$page === 'announcements' ? 'active-menu' : ''}}">Pengumuman</a></li>
-                        <li class="nav-item"><a href="demo-hosting-domain.html" class="nav-link fs-25">Tentang Kami</a></li>
+                        <li class="nav-item"><a href="{{route('homepage.about.us.index')}}" class="nav-link fs-25 {{$page === 'about_us' ? 'active-menu' : ''}}">Tentang Kami</a></li>
                         <li class="nav-item"><a href="demo-hosting-pricing.html" class="nav-link fs-25">Kontak</a></li>
                     </ul>
                 </div>
diff --git a/routes/web.php b/routes/web.php
index 9effad3..45f7b32 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -25,6 +25,7 @@
 use App\Http\Controllers\Dashboard\SubClassificationController;
 use App\Http\Controllers\Dashboard\SubLocationController;
 use App\Http\Controllers\Dashboard\UserController;
+use App\Http\Controllers\Homepage\AboutUsController;
 use App\Http\Controllers\Homepage\NewsController as HomepageNewsController;
 use App\Http\Controllers\Homepage\AnnouncementController as HomepageAnnouncementController;
 use App\Http\Controllers\Homepage\LandingPageController;
@@ -42,6 +43,10 @@
         Route::get('/', 'index')->name('index');
         Route::get('/{slug}', 'read')->name('read');
     });
+
+    Route::prefix('about-us')->name('about.us.')->controller(AboutUsController::class)->group(function(){
+        Route::get('/', 'index')->name('index');
+    });
 });
 
 Route::prefix('auth')->group(function(){
