about page

app/Http/Controllers/AboutController.php

@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class AboutController extends Controller
+{
+    public function index()
+    {
+        $title = 'User About';
+        return view('user.about', compact('title'));
+    }
+}

public/assets/user/css/main.css

@@ -1062,14 +1062,14 @@ .about .about-img {
   margin: 60px 0 0 60px;
 }
 
-.about .about-img:before {
+/* .about .about-img:before {
   position: absolute;
   inset: -60px 0 0 -60px;
   content: "";
   background: url("../img/about-bg.png") top left;
   background-repeat: no-repeat;
   z-index: 1;
-}
+} */
 
 .about .about-img img {
   position: relative;
@@ -1081,9 +1081,9 @@ @media (max-width: 575px) {
     margin: 30px 0 0 30px;
   }
 
-  .about .about-img:before {
+  /* .about .about-img:before {
     inset: -30px 0 0 -30px;
-  }
+  } */
 }
 
 .about h3 {

resources/views/user/about.blade.php

@@ -0,0 +1,70 @@
+@extends('user.template')
+
+@section('content')
+    <!-- Page Title -->
+    <div class="page-title">
+        <div class="container d-lg-flex justify-content-between align-items-center">
+            <h1 class="mb-2 mb-lg-0">Tentang</h1>
+            <nav class="breadcrumbs">
+                <ol>
+                    <li><a href="index.html">Beranda</a></li>
+                    <li class="current">Tentang</li>
+                </ol>
+            </nav>
+        </div>
+    </div><!-- End Page Title -->
+
+    <section id="about" class="about section" style="padding-top: 0;">
+        <div class="container" data-aos="fade-up">
+
+            <div class="row g-4 g-lg-5" data-aos="fade-up" data-aos-delay="200">
+
+                <div class="col-lg-5">
+                    <div class="about-img">
+                        <img src="{{ asset('assets/user/img/about-portrait.jpg') }}" class="img-fluid" alt="">
+                    </div>
+                </div>
+
+                <div class="col-lg-7">
+                    <h3 class="pt-0 pt-lg-5">Sistem Informasi Geografis Tempat Pembuangan Sampah di Kabupaten Nganjuk</h3>
+
+                    <!-- Tab Content -->
+                    <div class="tab-content">
+
+                        <div class="tab-pane fade show active" id="about-tab1">
+
+                            <p class="fst-italic">Sistem Informasi Geografis yang menampilkan visualisasi lokasi Tempat
+                                Pembuangan Sampah di Kabupaten Nganjuk secara mudah, cepat, dan interaktif.</p>
+
+                            <div class="d-flex align-items-center mt-4">
+                                <i class="bi bi-check2"></i>
+                                <h4>Peta Interaktif Lokasi TPS</h4>
+                            </div>
+                            <p>Peta digital yang memudahkan pengguna menemukan lokasi TPS terdekat, lengkap dengan tampilan
+                                yang intuitif sehingga informasi dapat diakses dengan cepat dan jelas.</p>
+
+                            <div class="d-flex align-items-center mt-4">
+                                <i class="bi bi-check2"></i>
+                                <h4>Informasi TPS Lengkap</h4>
+                            </div>
+                            <p>Menyajikan berbagai informasi penting seperti kapasitas, kondisi, status, hingga jenis
+                                pengelolaan TPS, sehingga pengguna dapat memahami keadaan TPS secara menyeluruh.</p>
+
+                            <div class="d-flex align-items-center mt-4">
+                                <i class="bi bi-check2"></i>
+                                <h4>Layanan Aduan TPS</h4>
+                            </div>
+                            <p>Fitur yang memungkinkan masyarakat menyampaikan keluhan atau laporan terkait TPS dengan
+                                mudah, membantu pemerintah dalam memperbaiki serta meningkatkan pengelolaan sampah.</p>
+
+                        </div><!-- End Tab 1 Content -->
+                    </div>
+
+                </div>
+
+            </div>
+
+        </div>
+
+    </section>
+@endsection

resources/views/user/template.blade.php

@@ -43,8 +43,8 @@
 
             <nav id="navmenu" class="navmenu">
                 <ul>
-                    <li><a href="#hero" class="active">Beranda<br></a></li>
-                    <li class="dropdown"><a href="#"><span>Tentang</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
+                    <li><a href="{{ route('user.index') }}" class="active">Beranda<br></a></li>
+                    <li class="dropdown"><a href="{{ route('user.about') }}"><span>Tentang</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
                                 <ul>
                                     <li><a href="#">TPS</a></li>
                                     <li><a href="#">TPS 3R</a></li>

routes/web.php

@@ -1,9 +1,11 @@
 <?php
 
+use App\Http\Controllers\AboutController;
 use App\Http\Controllers\IndexController;
 use Illuminate\Support\Facades\Route;
 
 Route::get('/index', [IndexController::class, 'index'])->name('user.index');
+Route::get('/about', [AboutController::class, 'index'])->name('user.about');
 
 Route::get('/', function () {
     return view('welcome');