salma
/
Website_SIG_Pare
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Salma FE

This commit is contained in:
Salma Banafsha S. F. 2025-03-24 12:48:39 +07:00
parent 8f0b98e62f
commit 265a8960c0
28 changed files with 9798 additions and 456 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/Http/Controllers/PengunjungController.php
View File

@ -28,8 +28,10 @@ public function home()
$item->deskripsi = \Illuminate\Support\Str::words($item->deskripsi, 22, '...');
}
$peta = DataKursus::with('kategoris')->get();
// Kembalikan view dengan data yang sudah diproses
return view('user.home', compact('landingpage'));
return view('user.home', compact('landingpage','peta'));
}

9207
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
View File

@ -10,6 +10,7 @@
"autoprefixer": "^10.4.20",
"axios": "^1.1.2",
"flowbite": "^3.0.0",
"laravel-mix": "^6.0.49",
"laravel-vite-plugin": "^0.7.2",
"postcss": "^8.5.1",
"tailwindcss": "^3.4.17",

115
public/css/font.css
View File

@ -154,3 +154,118 @@ .poppins-black-italic {
font-weight: 900;
font-style: italic;
}
.bebas-neue-regular {
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;
}
.barlow-condensed-thin {
font-family: "Barlow Condensed", sans-serif;
font-weight: 100;
font-style: normal;
}
.barlow-condensed-extralight {
font-family: "Barlow Condensed", sans-serif;
font-weight: 200;
font-style: normal;
}
.barlow-condensed-light {
font-family: "Barlow Condensed", sans-serif;
font-weight: 300;
font-style: normal;
}
.barlow-condensed-regular {
font-family: "Barlow Condensed", sans-serif;
font-weight: 400;
font-style: normal;
}
.barlow-condensed-medium {
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
}
.barlow-condensed-semibold {
font-family: "Barlow Condensed", sans-serif;
font-weight: 600;
font-style: normal;
}
.barlow-condensed-bold {
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
}
.barlow-condensed-extrabold {
font-family: "Barlow Condensed", sans-serif;
font-weight: 800;
font-style: normal;
}
.barlow-condensed-black {
font-family: "Barlow Condensed", sans-serif;
font-weight: 900;
font-style: normal;
}
.barlow-condensed-thin-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 100;
font-style: italic;
}
.barlow-condensed-extralight-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 200;
font-style: italic;
}
.barlow-condensed-light-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 300;
font-style: italic;
}
.barlow-condensed-regular-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 400;
font-style: italic;
}
.barlow-condensed-medium-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: italic;
}
.barlow-condensed-semibold-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 600;
font-style: italic;
}
.barlow-condensed-bold-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: italic;
}
.barlow-condensed-extrabold-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 800;
font-style: italic;
}
.barlow-condensed-black-italic {
font-family: "Barlow Condensed", sans-serif;
font-weight: 900;
font-style: italic;
}

BIN
public/img/bg-forgot pw.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 211 KiB

BIN
public/img/bg-home.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 250 KiB

BIN
public/img/bg-login.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 256 KiB

BIN
public/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

0
public/img/Rectangle 65.png → public/img/logo2.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
public/img/logo3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/img/tentang kami.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

2
resources/views/admin/dashboard.blade.php
View File

@ -4,7 +4,7 @@
<!-- Bagian atas menampilkan satu gambar secara acak -->
<div class="relative">
<div class="flex m-auto justify-center items-center responsive-container">
<img src="{{ asset('img/Rectangle 227.png') }}" class="w-full h-full" alt="">
<img src="{{ asset('img/bg-home.jpg') }}" class="w-full h-full" alt="">
</div>
</div>

32
resources/views/admin/dataKategoriAdmin.blade.php
View File

@ -7,14 +7,14 @@
<div class="flex justify-end items-center pb-4 ">
<button data-modal-target="default-modal-tambah-kategori"
data-modal-toggle="default-modal-tambah-kategori"
class="bg-[#4F7F81] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white text-xs font-bold"
class="bg-gradient-to-tr from-[#60BC9D] to-[#12372A] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white text-5x1 poppins-regular"
href="{{ route('kategori.create') }}">Tambah Data</button>
</div>
{{ $kategori->links() }}
<div class="relative overflow-x-auto sm:rounded-lg">
<div class="relative overflow-x-auto sm:rounded-lg poppins-regular">
<table class="w-full text-sm text-end rtl:text-right shadow-gray-600 text-gray-500">
<thead class="text-xs text-gray-700 uppercase shadow-gray-600 bg-gray-50 pb-4">
<thead class="text-8x1 text-gray-700 uppercase shadow-gray-600 bg-gray-50 pb-4">
<tr>
<th scope="col" class=" py-3 text-end">No</th>
<!-- Menambahkan text-end untuk penataan -->
@ -42,14 +42,14 @@ class="bg-[#4F7F81] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F
<!-- Tombol Edit -->
<button data-modal-target="default-modal-edit-kategori{{ $kategoris->id }}"
data-modal-toggle="default-modal-edit-kategori{{ $kategoris->id }}"
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
<i class="fas fa-edit text-xs"></i> <!-- Icon Edit -->
</button>
<!-- Tombol Hapus -->
<button data-modal-target="default-modal-delete-kategori{{ $kategoris->id }}"
data-modal-toggle="default-modal-delete-kategori{{ $kategoris->id }}"
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
<i class="fas fa-trash text-xs"></i> <!-- Icon Hapus -->
</button>
</div>
@ -74,7 +74,7 @@ class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50
<div class="relative p-4 w-full max-w-2xl max-h-full">
<div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
<div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
<h3 class="text-xl font-semibold text-gray-900 dark:text-white">
<h3 class="text-xl poppins-regular text-green-800 dark:text-white">
Tambahkan Kategori
</h3>
<button type="button"
@ -91,7 +91,7 @@ class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounde
<form action="{{ route('kategori.store') }}" method="POST">
@csrf
<div class="p-4 items-center">
<label for="nama_kategori" class="block text-gray-700 font-bold mb-1">Kategori</label>
<label for="nama_kategori" class="block text-gray-700 poppins-regular mb-1">Kategori</label>
<input type="text" id="nama_kategori" name="nama_kategori"
class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-blue-300"
placeholder="Masukkan Kategori" required required autocomplete="off">
@ -99,11 +99,11 @@ class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-
</div>
<div class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600">
<button type="submit"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-end dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
class="text-white bg-gradient-to-tr from-[#60BC9D] to-[#12372A] hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg text-sm poppins-regular px-5 py-2.5 text-end dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
Tambah
</button>
<button data-modal-hide="default-modal-tambah-kategori" type="button"
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
class="py-2.5 px-5 ms-3 text-sm poppins-regular text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-green-800 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
Batal
</button>
</div>
@ -118,7 +118,7 @@ class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50
<div class="relative p-4 w-full max-w-2xl max-h-full">
<div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
<div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
<h3 class="text-xl font-semibold text-gray-900 dark:text-white">
<h3 class="text-xl poppins-regular text-gray-900 dark:text-white">
Edit Kategori
</h3>
<button type="button"
@ -141,7 +141,7 @@ class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounde
<div class="px-4 pb-4 items-center">
<label for="detail_kategori"
class="block mt-4 text-gray-700 font-bold mb-1">Kategori</label>
class="block mt-4 text-gray-700 poppins-regular mb-1">Kategori</label>
<input type="text" id="edit-namaKategori" name="nama_kategori"
value="{{ $kategoris->nama_kategori }}"
class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-blue-300"
@ -150,11 +150,11 @@ class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-
<div
class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600">
<button type="submit"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 poppins-regular rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
Update
</button>
<button data-modal-hiden="default-modal-edit-kategori{{ $kategoris->id }}" type="button"
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
class="py-2.5 px-5 ms-3 text-sm poppins-regular text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
Batal
</button>
</div>
@ -186,7 +186,7 @@ class="absolute top-3 right-3 text-gray-400 bg-transparent hover:bg-gray-200 hov
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg>
<h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">Anda yakin ingin
<h3 class="mb-5 text-lg poppins-regular text-gray-500 dark:text-gray-400">Anda yakin ingin
menghapus?</h3>
<div class="flex justify-center">
<form id="edit-kategori-form" method="POST"
@ -194,14 +194,14 @@ class="absolute top-3 right-3 text-gray-400 bg-transparent hover:bg-gray-200 hov
@csrf <!-- Token CSRF -->
@method('DELETE') <!-- Menggunakan metode DELETE -->
<button type="submit"
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center">
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm poppins-regular inline-flex items-center px-5 py-2.5 text-center">
Ya, Saya Yakin
</button>
</form>
<button type="button"
id="cancel-logout"data-modal-hide="default-modal-delete-kategori{{ $kategoris->id }}"
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-red-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
class="py-2.5 px-5 ms-3 text-sm poppins-regular text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-red-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
Tidak, Batal
</button>
</div>

20
resources/views/admin/dataKursusAdmin.blade.php
View File

@ -5,14 +5,14 @@
<div class="flex justify-end items-center pb-4 ">
<a class="bg-[#4F7F81] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white text-xs font-bold"
<a class="bg-gradient-to-tr from-[#60BC9D] to-[#12372A] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white text-5x1 poppins-regular"
href="{{ route('admin.create') }}">Tambah Data</a>
</div>
{{ $courses->links() }}
<div class="relative overflow-x-auto sm:rounded-lg">
<table class="w-full text-sm text-right rtl:text-right shadow-gray-600 text-gray-500">
<thead class="text-xs text-gray-700 uppercase shadow-gray-600 bg-gray-50">
<thead class="text-6x1 poppins-regular text-gray-700 uppercase shadow-gray-600 bg-gray-50">
<tr>
<th scope="col" class=" py-3 px-4 text-end">No</th>
<th scope="col" class=" py-3 px-4 text-end">Nama Kursus</th>
@ -27,7 +27,7 @@
<tbody class="shadow-gray-600">
@foreach ($courses as $index => $course)
<tr class="odd:bg-white even:bg-gray-50 shadow-gray-600 ">
<th scope="row" class="px-4 py-4 text-end font-medium text-gray-900 whitespace-nowrap">
<th scope="row" class="px-4 py-4 text-end poppins-regular text-gray-900 whitespace-nowrap">
{{ ($courses->currentPage() - 1) * $courses->perPage() + $loop->iteration }}
</th>
<td class=" py-4 text-end px-4">
@ -47,7 +47,7 @@ class="aspect-square shadow-md shadow-gray-500 object-cover" alt="">
</div>
</td>
<td class=" py-4 text-end px-4">
<div class="flex flex-col justify-center text-end">
<div class="flex flex-col justify-center text-end poppins-regular">
<span class="mb-2">
{{ $course->kategoris ? $course->kategoris->nama_kategori : 'Kategori tidak tersedia' }}
</span>
@ -72,14 +72,14 @@ class="aspect-square shadow-md shadow-gray-500 object-cover" alt="">
<div>
<button data-modal-target="modal-detail{{ $course->id }}"
data-modal-toggle="modal-detail{{ $course->id }}"
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-green-800 text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
<i class="fas fa-info-circle text-xs"></i> <!-- Icon Detail -->
</button>
</div>
<!-- Edit Button with Icon -->
<div>
<a href="/admin/{{ $course->id }}/edit-kursus"
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-green-800 text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
<i class="fas fa-edit text-xs"></i> <!-- Icon Edit -->
</a>
</div>
@ -87,7 +87,7 @@ class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-
<div>
<button data-modal-target="popup-modal-{{ $course->id }}"
data-modal-toggle="popup-modal-{{ $course->id }}"
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-green-800 text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
<i class="fas fa-trash-alt text-xs"></i> <!-- Icon Delete -->
</button>
</div>
@ -121,7 +121,7 @@ class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hov
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg>
<h3 class="text-black mb-5 text-lg font-normal ">
<h3 class="text-black mb-5 text-lg poppins-regular ">
Apakah Anda yakin ingin menghapus kursus ini?</h3>
<!-- Form Hapus -->
<form id="delete-form-{{ $course->id }}"
@ -132,11 +132,11 @@ class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hov
</form>
<button type="button"
onclick="document.getElementById('delete-form-{{ $course->id }}').submit()"
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-start">
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 poppins-regular rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-start">
Hapus
</button>
<button type="button"
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-gray-800 focus:z-10 focus:ring-4 focus:ring-gray-100 "
class="py-2.5 px-5 ms-3 text-sm poppins-regular text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-gray-800 focus:z-10 focus:ring-4 focus:ring-gray-100 "
data-modal-hide="popup-modal-{{ $course->id }}">Tidak,
Batal</button>
</div>

21
resources/views/auth/forgot-password.blade.php
View File

@ -1,6 +1,7 @@
@include('partials.head')
@include('partials.font')
<!--
<div class="bg-[#4F7F81]">
<nav class="border-gray-200 container bg-[#4F7F81]">
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
@ -9,19 +10,19 @@
<span
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
</a>
</div>
</div> -->
</nav>
</div>
<body>
<div class="container py-10 px-8 lg:px-0">
<div class="container py-10 px-8 lg:px-0 ">
<div class="grid lg:grid-cols-2 grid-cols-1">
<div class="hidden lg:block justify-center items-center">
<img src="{{ asset('img/login.png') }}" alt="">
<div class="hidden lg:block justify-center items-center ">
<img src="{{ asset('img/bg-forgot pw.jpg') }}" alt="">
</div>
<div class="border border-slate-500">
<p class="p-8 flex justify-center items-center poppins-semibold text-4xl">Forgot Password</p>
<div class="mb-4 text-sm text-gray-600 px-8">
<p class="p-8 flex justify-center items-center text-green-800 barlow-condensed-semibold text-6xl">FORGOT PASSWORD</p>
<div class="mb-4 text-sm poppins-regular text-gray-600 px-8">
Forgot your password? No problem. Just let us know your email address and we will email you a
password reset link that will allow you to choose a new one.
</div>
@ -41,9 +42,9 @@ class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-green-500 text-white p
<!-- Email Address -->
<div class="mb-5">
<label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your Email</label>
<label for="email" class="block mb-2 text-sm poppins-regular text-gray-900">Your Email</label>
<input type="email" id="email" name="email"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm poppins-regular rounded-lg focus:ring-green-800 focus:border-green-800 block w-full p-2.5"
placeholder="email@gmail.com" :value="old('email')" required autofocus />
@error('email')
<span class="text-sm text-red-600 mt-1">{{ $message }}</span>
@ -51,13 +52,13 @@ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:
</div>
<button type="submit"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Send
class="text-white bg-gradient-to-tr from-[#60BC9D] to-[#12372A] hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center poppins-regular">Send
Password Reset Link</button>
</form>
<!-- Back to Login -->
<div class="text-center mt-4">
<a href="{{ route('login') }}" class="text-blue-600 hover:text-blue-800 font-semibold">Back to
<a href="{{ route('login') }}" class="text-green-800 hover:text-blue-800 poppins-regular">Back to
Login</a>
</div>
</div>

2
resources/views/auth/reset-password.blade.php
View File

@ -30,7 +30,7 @@ class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclo
<label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your Email</label>
<input type="email" id="email" name="email"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
placeholder="email@gmail.com" :value="old('email', $request - > email)" required autofocus
placeholder="email@gmail.com" :value="old('email', $request -> email)" required autofocus
autocomplete="username" />
@error('email')
<span class="text-sm text-red-600 mt-1">{{ $message }}</span>

34
resources/views/components/footer.blade.php
View File

@ -1,23 +1,23 @@
<footer class="bg-[#85A7A8]">
<footer class="bg-green-900">
<div class="mx-auto container w-full py-6 lg:py-8">
<div class="space-y-10 md:flex md:justify-between">
<div>
<a href="#" class="flex items-start justify-start ml-[-10px]">
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 w-20 object-cover"
<img src="{{ asset('img/logo2.png') }}" class="h-20 w-20 object-cover"
alt="Flowbite Logo" />
<span
class="self-center pt-6 text-4xl text-white font-semibold whitespace-nowrap aclonica-regular">LearnMap</span>
class="self-center pt-6 text-4xl text-white barlow-condensed-semibold whitespace-nowrap aclonica-regular">LearnMap</span>
</a>
<p class="md:px-4 max-w-3xl xl:text-xl aclonica-regular">
<p class="md:px-4 max-w-3xl xl:text-2x1 poppins-regular text-white">
LearnMap adalah aplikasi web SIG pemetaan lokasi bimbingan belajar bahasa Inggris yang
membantu Anda menemukan tempat kursus terbaik di sekitar Anda.
</p>
</div>
<div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Resources
<h2 class="mb-6 text-sm poppin-semibold text-white uppercase">Resources
</h2>
<ul class="text-gray-600 font-medium space-y-4">
<ul class="text-white poppins-regular space-y-4">
<li class="">
<a href="/beranda" class="hover:underline">Beranda</a>
</li>
@ -30,9 +30,9 @@ class="self-center pt-6 text-4xl text-white font-semibold whitespace-nowrap aclo
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Follow us
<h2 class="mb-6 text-sm poppins-semibold text-white uppercase">Follow us
</h2>
<ul class="text-gray-600 font-medium space-y-4">
<ul class="text-white poppins-regular space-y-4">
<li class="">
<a href="#"
class="hover:underline ">Github</a>
@ -43,9 +43,9 @@ class="hover:underline ">Github</a>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Legal
<h2 class="mb-6 text-sm poppins-semibold text-white uppercase">Legal
</h2>
<ul class="text-gray-600 font-medium">
<ul class="text-white poppins-regular">
<li class="mb-4">
<a href="#" class="hover:underline">Privacy Policy</a>
</li>
@ -58,11 +58,11 @@ class="hover:underline ">Github</a>
</div>
<hr class="my-6 border-gray-200 sm:mx-auto lg:my-8" />
<div class="sm:flex sm:items-center sm:justify-between">
<span class="text-sm text-gray-600 sm:text-center">© 2024 <a href="https://flowbite.com/"
class="hover:underline">LearnMap™</a>. All Rights Reserved.
<span class="text-sm text-white sm:text-center">© 2024 <a href="https://flowbite.com/"
class="hover:underline ">LearnMap™</a>. All Rights Reserved.
</span>
<div class="flex mt-4 sm:justify-center sm:mt-0">
<a href="#" class="text-gray-600 hover:text-gray-900">
<a href="#" class="text-white hover:text-gray-900">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 8 19">
<path fill-rule="evenodd"
@ -71,7 +71,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
</svg>
<span class="sr-only">Facebook page</span>
</a>
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
<a href="#" class="text-white hover:text-gray-900 ms-5">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 21 16">
<path
@ -79,7 +79,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
</svg>
<span class="sr-only">Discord community</span>
</a>
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
<a href="#" class="text-white hover:text-gray-900 ms-5">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 17">
<path fill-rule="evenodd"
@ -88,7 +88,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
</svg>
<span class="sr-only">Twitter page</span>
</a>
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
<a href="#" class="text-white hover:text-gray-900 ms-5">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd"
@ -97,7 +97,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
</svg>
<span class="sr-only">GitHub account</span>
</a>
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
<a href="#" class="text-white hover:text-gray-900 ms-5">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd"

155
resources/views/components/navbar.blade.php
View File

@ -1,104 +1,61 @@
<div class="bg-[#4F7F81]">
<nav class="border-gray-200 container bg-[#4F7F81] ">
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
<a href="{{ route('user.home') }}" class="flex items-center ">
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-14 object-cover w-14 lg:mw-20 lg:h-20"
alt="Flowbite Logo" />
<span
class="self-center text-2xl sm:text-3xl lg:text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
</a>
<button data-collapse-toggle="navbar-solid-bg" type="button"
class="inline-flex text-white items-center p-2 w-10 h-10 justify-center text-sm rounded-lg md:hidden focus:outline-none focus:ring-2 focus:ring-gray-200 "
aria-controls="navbar-solid-bg" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M1 1h15M1 7h15M1 13h15" />
</svg>
</button>
<div class="hidden w-full md:block md:w-auto" id="navbar-solid-bg">
<ul
class="flex flex-col items-center font-medium mt-4 rounded-lg bg-white md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent">
<div class=" flex justify-center relative">
<nav
class="z-50 container bg-white text-white rounded-full fixed top-4 p-2 flex items-center justify-between shadow-lg w-full w-full mx-auto">
<!-- Logo dan Nama Aplikasi -->
<a href="{{ route('user.home') }}" class="flex items-center">
<img src="{{ asset('img/logo3.png') }}" class="h-10 w-10" alt="Logo LearnMap" />
<span class="ml-2 text-2xl barlow-condensed-semibold text-green-800">LearnMap</span>
</a>
<li class="">
<a href="{{ route('user.home') }}"
class="{{ request()->is('/') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
Beranda
</a>
</li>
<li class="">
<a href="{{ route('user.kursus') }}"
class="{{ request()->is('kursus', 'kursus/*/detail', 'kursus/*/rute') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
Kursus
</a>
</li>
<li class="">
<a href="{{ route('user.peta') }}"
class="{{ request()->is('peta') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
Peta
</a>
</li>
@if (Auth::check())
<!-- Menu Navigasi -->
<ul class="flex space-x-8 text-lg poppins-regular">
<li><a href="{{ route('user.home') }}" class="text-black hover:text-green-600">Beranda</a></li>
<li><a href="{{ route('user.kursus') }}" class="text-black hover:text-green-600">Kursus</a></li>
<li><a href="{{ route('user.peta') }}" class="text-black hover:text-green-600">Peta</a></li>
</ul>
<!-- Tombol Login atau Dropdown User -->
@if (Auth::check())
<div class="relative">
<button type="button" class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300"
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown">
<span class="sr-only">Open user menu</span>
<img class="w-8 h-8 rounded-full"
src="{{ Auth::user()->avatar ?: 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(Auth::user()->email))) }}?d=identicon"
alt="user photo">
</button>
<!-- Dropdown Menu -->
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow"
id="user-dropdown">
<div class="px-4 py-3">
<span class="block text-sm text-gray-900">{{ Auth::user()->name }}</span>
<span class="block text-sm text-gray-500 truncate">{{ Auth::user()->email }}</span>
</div>
<ul class="py-2" aria-labelledby="user-menu-button">
@if (Auth::user() && Auth::user()->role === 'admin')
<li>
<a href="{{ route('admin.home') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Dashboard</a>
</li>
@endif
<li>
<button type="button"
class="flex text-sm bg-gray-800 rounded-full md:me-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown"
data-dropdown-placement="bottom">
<span class="sr-only">Open user menu</span>
<!-- Menggunakan foto default dari Google jika tidak ada foto di profil pengguna -->
<img class="w-8 h-8 rounded-full"
src="{{ Auth::user()->avatar ?: 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(Auth::user()->email))) }}?d=identicon"
alt="user photo">
</button>
<a href="{{ route('password.edit') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Setting</a>
</li>
<!-- Dropdown menu -->
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"
id="user-dropdown">
<div class="px-4 py-3">
<span
class="block text-sm text-gray-900 dark:text-white">{{ Auth::user()->name }}</span>
<span
class="block text-sm text-gray-500 truncate dark:text-gray-400">{{ Auth::user()->email }}</span>
</div>
<ul class="py-2" aria-labelledby="user-menu-button">
@if (Auth::user() && Auth::user()->role === 'admin')
<li>
<a href="{{ route('admin.home') }}">
<button type="submit"
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white text-left">Dashboard</button>
</a>
</li>
@endif
<li>
<a href="{{ route('password.edit') }}">
<button type="submit"
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white text-left">Setting</button>
</a>
</li>
<li>
<form action="{{ route('logout') }}" method="POST">
@csrf
<button type="submit"
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white text-left">Sign
out</button>
</form>
</li>
</ul>
</div>
@else
<a href="{{ route('login') }}"
class="{{ request()->is('peta') ? 'bg-[#EBFEA1] text-gray-800' : 'bg-white text-gray-900' }}
block py-2 px-3 rounded-2xl border-2 border-gray-300 hover:bg-[#EBFEA1]
hover:text-gray-800 hover:border-gray-500 transition-all duration-200 md:inline-block
poppins-extrabold text-sm">
Login
</a>
@endif
</ul>
<li>
<form action="{{ route('logout') }}" method="POST">
@csrf
<button type="submit"
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left">Sign
out</button>
</form>
</li>
</ul>
</div>
</div>
</div>
@else
<a href="{{ route('login') }}"
class="bg-green-900 text-white px-4 py-2 rounded-full hover:bg-green-700">Login</a>
@endif
</nav>
</div>
</div>

153
resources/views/components/navbarAdmin.blade.php
View File

@ -1,92 +1,71 @@
<div class="bg-[#4F7F81]">
<nav class="border-gray-200 container bg-[#4F7F81]">
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
<a href="{{ route('user.home') }}" class="flex items-center">
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-14 object-cover w-14 lg:mw-20 lg:h-20"
alt="Flowbite Logo" />
<span
class="self-center text-2xl sm:text-3xl lg:text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">
LearnMap
</span>
</a>
<button data-collapse-toggle="navbar-solid-bg" type="button"
class="inline-flex text-white items-center p-2 w-10 h-10 justify-center text-sm rounded-lg md:hidden focus:outline-none focus:ring-2 focus:ring-gray-200"
aria-controls="navbar-solid-bg" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M1 1h15M1 7h15M1 13h15" />
</svg>
</button>
<div class="hidden w-full md:block md:w-auto py-4" id="navbar-solid-bg">
<ul
class="flex flex-col py-2 md:px-4 items-center font-medium rounded-lg bg-white md:space-x-8 space-y-2 md:space-y-0 md:flex-row md:mt-0 md:border-0 md:bg-transparent">
<li class="">
<a href="{{ route('admin.home') }}"
class="{{ request()->is('admin/dashboard') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 hover:bg-[#EBFEA1] rounded-lg md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm">
Dashboard
</a>
</li>
<li class="">
<a href="{{ route('kategori.index') }}"
class="{{ request()->is('admin/kategori') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 hover:bg-[#EBFEA1] rounded-lg md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm">
Kategori
</a>
</li>
<li class="">
<a href="{{ route('admin.dataKursus') }}"
class="{{ request()->is('admin/data-kursus', 'admin/create-data', 'admin/*/edit-kursus') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm">
Data Kursus
</a>
</li>
<li class="">
<button type="button"
class="flex text-sm bg-gray-800 rounded-full md:me-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown"
data-dropdown-placement="bottom">
<span class="sr-only">Open user menu</span>
<img class="w-8 h-8 rounded-full"
src="{{ Auth::user()->avatar ?: 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(Auth::user()->email))) }}?d=identicon"
alt="user photo">
</button>
</li>
<div class="flex justify-center relative">
<nav class="z-50 container bg-white text-white rounded-full fixed top-4 p-2 flex items-center justify-between shadow-lg w-full max-w-4xl mx-auto">
<!-- Logo dan Nama Aplikasi -->
<a href="{{ route('user.home') }}" class="flex items-center">
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-10 w-10" alt="Logo LearnMap" />
<span class="ml-2 text-2xl font-semibold text-black">LearnMap</span>
</a>
<!-- Dropdown menu -->
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"
id="user-dropdown">
<div class="px-4 py-3">
<span class="block text-sm text-gray-900 dark:text-white">{{ Auth::user()->name }}</span>
<span
class="block text-sm text-gray-500 truncate dark:text-gray-400">{{ Auth::user()->email }}</span>
</div>
<ul class="py-2" aria-labelledby="user-menu-button">
<li>
<a href="{{ route('admin.home') }}">
<button type="submit"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Dashboard</button>
</a>
</li>
<li>
<a href="{{ route('password.edit') }}">
<button type="submit"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Setting</button>
</a>
</li>
<li>
<form action="{{ route('logout') }}" method="POST">
@csrf
<button type="submit"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Sign
out</button>
</form>
</li>
</ul>
<!-- Menu Navigasi -->
<ul class="flex space-x-8 text-lg poppins-regular">
<li>
<a href="{{ route('admin.home') }}" class="text-black hover:text-green-600 ">
Dashboard
</a>
</li>
<li>
<a href="{{ route('kategori.index') }}" class="text-black hover:text-green-600">
Kategori
</a>
</li>
<li>
<a href="{{ route('admin.dataKursus') }}" class="text-black hover:text-green-600">
Data Kursus
</a>
</li>
</ul>
<!-- Tombol Login atau Dropdown User -->
@if (Auth::check())
<div class="relative">
<button type="button" class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300"
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown">
<span class="sr-only">Open user menu</span>
<img class="w-8 h-8 rounded-full"
src="{{ Auth::user()->avatar ?: 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(Auth::user()->email))) }}?d=identicon"
alt="user photo">
</button>
<!-- Dropdown Menu -->
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow"
id="user-dropdown">
<div class="px-4 py-3">
<span class="block text-sm text-gray-900">{{ Auth::user()->name }}</span>
<span class="block text-sm text-gray-500 truncate">{{ Auth::user()->email }}</span>
</div>
</ul>
<ul class="py-2" aria-labelledby="user-menu-button">
<li>
<a href="{{ route('admin.home') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Dashboard</a>
</li>
<li>
<a href="{{ route('password.edit') }}"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Setting</a>
</li>
<li>
<form action="{{ route('logout') }}" method="POST">
@csrf
<button type="submit"
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left">Sign
out</button>
</form>
</li>
</ul>
</div>
</div>
</div>
@else
<a href="{{ route('login') }}"
class="bg-green-900 text-white px-4 py-2 rounded-full hover:bg-green-700">Login</a>
@endif
</nav>
</div>
@ -149,4 +128,4 @@ class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-
});
});
});
</script>
</script>

114
resources/views/login/login.blade.php
View File

@ -1,29 +1,27 @@
@include('partials.head')
@include('partials.font')
<div class="bg-[#4F7F81]">
<nav class="border-gray-200 container bg-[#4F7F81] ">
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
<a href="/" class="flex items-center">
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 object-cover w-20" alt="Flowbite Logo" />
<span
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
</a>
</div>
</nav>
</div>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Login</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"/>
<style>
body {
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-gray-100">
@if (session('success'))
<div
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-green-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
<div class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-green-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
{{ session('success') }}
</div>
@endif
@if ($errors->any())
<div
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
<div class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@ -32,47 +30,45 @@ class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-
</div>
@endif
<div class="container py-10 px-8 lg:px-0">
<div class="grid lg:grid-cols-2 grid-cols-1">
<div class="hidden lg:block justify-center items-center">
<img src="{{ asset('img/login.png') }}" alt="">
</div>
<div class="border border-slate-500">
<p class="p-8 flex justify-center font-semibold items-center poppins-semibold text-4xl">Login</p>
<form class="px-8 mx-auto" method="POST">
@csrf
<div class="mb-5">
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 ">Your email</label>
<input type="email" id="email" name="email"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 "
placeholder="email@gmail.com" required />
</div>
<div class="mb-5">
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 ">Your
password</label>
<input type="password" id="password" name="password"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 "
required placeholder="********" />
</div>
<div class="flex items-ded justify-end mb-5">
<!-- Lupa Password -->
<a href="{{ route('password.forget') }}"
class="text-blue-600 hover:text-blue-800 text-sm font-medium">Forgot password?</a>
</div>
<button type="submit"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Log In</button>
</form>
<!-- Tombol Register -->
<div class="text-center mt-4">
<p class="text-sm text-gray-600">Don't have an account?</p>
<a href="{{ route('register.index') }}"
class="text-blue-600 hover:text-blue-800 font-semibold">Register here</a>
<div class="flex min-h-screen">
<!-- Left Side -->
<div class="w-full lg:w-1/2 flex flex-col justify-center items-center bg-white p-8">
<div class="w-full max-w-md">
<div class="mb-8">
<!--
<a href="/" class="flex items-center">
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 object-cover w-20" alt="Logo"/>
<span class="self-center text-2xl text-[#4F7F81] font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
</a> -->
<h1 class="text-5xl text-green-800 barlow-condensed-semibold mt-4">LOGIN</h1>
</div>
<form method="POST">
@csrf
<div class="mb-4">
<label class="block text-sm poppins-regular mb-1" for="email">Email*</label>
<input class="w-full border border-gray-300 rounded-lg py-2 px-3" id="email" name="email" placeholder="Enter your email" type="email" required/>
</div>
<div class="mb-4">
<label class="block text-sm poppins-regular mb-1" for="password">Password*</label>
<input class="w-full border border-gray-300 rounded-lg py-2 px-3" id="password" name="password" placeholder="Enter your password" type="password" required/>
<a href="{{ route('password.forget') }}" class="text-sm text-green-800 poppins-regular mt-2 inline-block">Forgot password?</a>
</div>
<button class="w-full bg-gradient-to-tr from-[#60BC9D] to-[#12372A] text-white rounded-lg py-2 poppins-regular" type="submit">Log In</button>
</form>
<p class="mt-4 poppins-regula text-sm text-gray-500">
Don't have an account?
<a href="{{ route('register.index') }}" class="text-black poppins-regular">Register here</a>
</p>
</div>
</div>
<!-- Right Side -->
<div class="hidden lg:flex lg:w-1/2 flex items-center justify-center bg-cover bg-center relative" style="background-image: url('{{ asset('img/bg-login.jpg') }}'); background-size: object-contain;">
<div class="absolute inset-0 opacity-25"></div>
<div class="relative z-10 p-8">
<h2 class="text-5xl barlow-condensed-semibold text-green-800 mb-4">MARI TEMUKAN KURSUS IMPIANMU BERSAMA LEARN MAP.</h2>
<p class="text-black poppins-regular ">Jelajahi kursus berkualitas bersama Learn Map, sekarang juga. Temukan berbagai pilihan kursus yang dirancang untuk meningkatkan keterampilan dan pengetahuanmu.</p>
</div>
</div>
</div>
</body>
</html>

28
resources/views/login/register.blade.php
View File

@ -1,6 +1,6 @@
@include('partials.head')
@include('partials.font')
<!--
<div class="bg-[#4F7F81]">
<nav class="border-gray-200 container bg-[#4F7F81]">
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
@ -9,7 +9,7 @@
<span
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
</a>
</div>
</div> -->
</nav>
</div>
@ -22,39 +22,39 @@ class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclo
@endif
<div class="border border-slate-500 pb-4">
<p class="p-8 flex justify-center items-center poppins-semibold text-4xl">Register</p>
<p class="p-8 flex justify-center items-center barlow-condensed-semibold text-green-800 text-6xl">REGISTER</p>
<form class="px-8 mx-auto" method="POST" action="{{ route('register.account') }}">
@csrf
<div class="mb-5">
<label for="name" class="block mb-2 text-sm font-medium text-gray-900">Your Name</label>
<label for="name" class="block mb-2 text-sm poppins-regular text-gray-900">Your Name</label>
<input type="text" id="name" name="name" value="{{ old('name') }}"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm poppins-regular rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
placeholder="Full Name" required />
</div>
<div class="mb-5">
<label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your Email</label>
<label for="email" class="block mb-2 text-sm poppins-regular text-gray-900">Your Email</label>
<input type="email" id="email" name="email"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm poppins-regular rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
placeholder="email@example.com" required />
</div>
<div class="mb-5">
<label for="email_confirmation" class="block mb-2 text-sm font-medium text-gray-900">Confirm Your
<label for="email_confirmation" class="block mb-2 text-sm poppins-regular text-gray-900">Confirm Your
Email</label>
<input type="email" id="email_confirmation" name="email_confirmation"
value="{{ old('email_confirmation') }}"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm poppins-regular rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
placeholder="Confirm email@example.com" required />
</div>
<div class="mb-5">
<label for="password" class="block mb-2 text-sm font-medium text-gray-900">Your Password</label>
<label for="password" class="block mb-2 text-sm poppins-regular text-gray-900">Your Password</label>
<input type="password" id="password" name="password" value="{{ old('password') }}"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
placeholder="********" required />
</div>
<div class="mb-5">
<label for="password_confirmation" class="block mb-2 text-sm font-medium text-gray-900">Confirm
<label for="password_confirmation" class="block mb-2 text-sm poppins-regular text-gray-900">Confirm
Password</label>
<input type="password" id="password_confirmation" name="password_confirmation"
value="{{ old('password_confirmation') }}"
@ -71,11 +71,11 @@ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:
</div>
@endif
<button type="submit"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Register</button>
class="text-white bg-gradient-to-tr from-[#60BC9D] to-[#12372A] hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 poppins-regular rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Register</button>
</form>
<div class="text-center mt-4">
<p class="text-sm text-gray-600">Already have an account?</p>
<a href="{{ route('login') }}" class="text-blue-600 hover:text-blue-800 font-semibold">Login here</a>
<p class="text-sm poppins-regular text-gray-600">Already have an account?</p>
<a href="{{ route('login') }}" class="text-green-700 hover:text-blue-800 poppins-regular">Login here</a>
</div>
</div>
</div>

5
resources/views/partials/font.blade.php
View File

@ -7,4 +7,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Aclonica&family=Archivo+Black&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&display=swap" rel="stylesheet">

21
resources/views/partials/head.blade.php
View File

@ -2,8 +2,8 @@
<!-- CSS Aplikasi -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
@vite(['resources/css/app.css', 'resources/js/app.js','public/css/font.css'])
<link href="{{ mix('css/app.css') }}" rel="stylesheet">
<!-- Viewport untuk Responsif -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -15,8 +15,23 @@
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Leaflet Routing Machine CSS dan JS -->
{{--
<link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.css" />
<script src="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.js"></script>
<script src="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.js"></script> --}}
<!-- LEAFLET CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<!-- LEAFLET JS -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
@stack('script')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
<!-- link font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">\
</style>

81
resources/views/user/detailKursus.blade.php
View File

@ -1,11 +1,4 @@
<x-layout>
<div class="py-10 bg-white ">
<div class="bg-[#EBFEA1] container poppins-extrabold m-auto flex items-center justify-center p-2">
<p>Halaman ini berisi tentang kursus di Pare! </p>
</div>
</div>
@if (session('error'))
<div
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
@ -15,27 +8,47 @@ class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-
@error('rating')
<div
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
{{ $message }}</div>
{{ $message }}
</div>
@enderror
<div class="container flex justify-center items-center pb-16">
<section id="gambarutama">
<div class="h-auto w-full ">
<img src=" {{ asset('storage/' . $data->img) }}" alt=""
class="h-[350px] sm:h-[400px] md:h-[450px] lg:h-[500px] xl:h-[ ] w-full">
</div>
</section>
<div class="flex justify-center items-center pb-16 p-4">
<div class="h-auto w-full relative">
<img src="{{ asset('storage/' . $data->img) }}" alt="" class="aspect-[4/2] w-full object-cover rounded-2xl">
<figcaption class="container w-full">
<div class="absolute container bottom-8 left-1/2 transform -translate-x-1/2 space-y-10 text-center">
<p class="poppins-bold text-start text-6xl xl:text-8xl text-white pr-16 w-1/2">
{{ $data->nama_kursus }}
</p>
<div class="flex justify-start space-x-4">
<a href="/kursus/{{ $data->id }}/rute" target="_blank"
class="poppins-medium py-3 px-8 bg-[#4F7F81] text-white rounded-xl text-sm shadow-xl">Rute
Terdekat</a>
<button data-modal-target="default-modal-detail-gambar"
data-modal-toggle="default-modal-detail-gambar"
class="poppins-medium py-3 px-8 bg-[#4F7F81] text-white rounded-xl text-sm shadow-xl">Foto
Detail</button>
</div>
<div class="flex justify-between w-full text-white">
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Deskripsi</button>
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Paket</button>
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Metode</button>
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Fasilitas</button>
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Lokasi</button>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<p class="poppins-medium font-semibold text-3xl xl:text-4xl text-black">{{ $data->nama_kursus }}</p>
<p class="poppins-medium font-semibold text-sm xl:text-xl text-black pb-4">
({{ optional($data->kategoris)->nama_kategori ?? 'Kategori tidak tersedia' }}
)</p>
<a href="/kursus/{{ $data->id }}/rute" target="_blank"
class="poppins-medium py-2 px-4 bg-[#4F7F81] text-white rounded-xl text-sm shadow-xl">Rute Terdekat</a>
<button data-modal-target="default-modal-detail-gambar" data-modal-toggle="default-modal-detail-gambar"
class="poppins-medium py-2 px-4 bg-[#4F7F81] text-white rounded-xl text-sm shadow-xl">Foto Detail</button>
<!-- Main modal -->
@ -48,8 +61,8 @@ class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50
@if (!empty($imageNames) && count($imageNames) > 0)
@foreach ($imageNames as $index => $img_konten)
<div class="border border-slate-300 rounded-md p-4">
<img src="{{ asset('storage/' . $img_konten) }}"
class="w-full h-auto object-contain" alt="Image {{ $index + 1 }}">
<img src="{{ asset('storage/' . $img_konten) }}" class="w-full h-auto object-contain"
alt="Image {{ $index + 1 }}">
</div>
@endforeach
@else
@ -98,7 +111,7 @@ class="w-full h-auto object-contain" alt="Image {{ $index + 1 }}">
{{-- Bagian Metode Pembelajaran --}}
<div class="w-auto xl:max-w-max space-y-4">
<p class="poppins-semibold font-semibold text-2xl text-black underline">
<p class="poppins-semibold text-2xl text-black underline">
Metode Pembelajaran
</p>
<p class="pl-4 poppins-regular text-lg text-black" id="metode-text">
@ -144,7 +157,7 @@ class="w-full h-auto object-contain" alt="Image {{ $index + 1 }}">
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('DOMContentLoaded', function () {
// Fungsi reusable untuk mengatur toggle teks
function toggleText(elementId, buttonId, fullText) {
const textElement = document.getElementById(elementId);
@ -152,7 +165,7 @@ function toggleText(elementId, buttonId, fullText) {
if (toggleButton) {
const shortText = textElement.innerHTML; // Teks pendek yang sudah dirender
toggleButton.addEventListener('click', function() {
toggleButton.addEventListener('click', function () {
if (textElement.innerHTML === shortText) {
// Tampilkan teks penuh
textElement.innerHTML = fullText;
@ -193,7 +206,7 @@ function toggleText(elementId, buttonId, fullText) {
<span class="text-sm pl-4">Rata-rata: {{ round($averageRating, 1) }} / 5</span>
</div>
<div class=" md:ml-4">
<p class="poppins-medium font-semibold text-sm xl:text-xl text-black">
<p class="poppins-medium poppins-regular text-sm xl:text-xl text-black">
(Total: {{ $totalRatings }} ulasan)
</p>
</div>
@ -263,11 +276,9 @@ class="w-full px-0 text-sm text-gray-900 bg-white border-0 focus:ring-0 placehol
<div class="flex items-center space-x-2" id="rating-stars">
@for ($i = 1; $i <= 5; $i++)
<label class="cursor-pointer">
<input type="radio" name="rating" value="{{ $i }}"
class="hidden" />
<input type="radio" name="rating" value="{{ $i }}" class="hidden" />
<svg class="w-6 h-6 text-gray-300 hover:text-yellow-400 transition-colors duration-200"
xmlns="http://www.w3.org/2000/svg" fill="currentColor"
viewBox="0 0 22 20">
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
<path
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
</svg>
@ -312,8 +323,8 @@ class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text
@endauth
@guest
<p class="text-sm text-gray-500">
Anda harus <a href="{{ route('login') }}" class="text-blue-600 hover:underline">login</a> untuk
<p class="text-sm poppins-regular text-gray-500">
Anda harus <a href="{{ route('login') }}" class="text-green-800 poppins-semibold hover:underline">login</a> untuk
memberikan ulasan.
</p>
@endguest
@ -321,13 +332,13 @@ class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text
<!-- Community Guidelines -->
<p class="ms-auto text-xs text-gray-500">
<p class="ms-auto text-xs poppins-regular text-gray-500">
Remember, contributions to this topic should follow our
<a href="#" class="text-blue-600 hover:underline">Community Guidelines</a>.
<a href="#" class="text-green-800 poppins-semibold hover:underline">Community Guidelines</a>.
</p>
</div>
</div>
</div>
</x-layout>
</x-layout>

218
resources/views/user/home.blade.php
View File

@ -1,99 +1,147 @@
<x-layout>
<div class="container">
<div class="bg-gray-100">
<div class="py-10 bg-white ">
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
<p>Holaa, Selamat Datang Di LearnMap</p>
<!-- Hero Section -->
<div class="relative">
<!-- Gambar -->
<img alt="LearnMap Hero Image" class="w-full object-cover" src="{{ asset('img/bg-home.jpg') }}" />
<!-- Overlay Teks -->
<div class="absolute inset-0 flex items-center justify-center pl-8">
<div class="text-white">
<div>
<h1 class="text-9xl font-bold mb-4 text-center barlow-condensed-semibold">
PARE EDUCATION <br> ENGLISH LANGUAGE
</h1>
<!-- <p class="text-lg mb-6">
Belajar bahasa Inggris dengan metode menarik dan akses mudah di LearnMap.
</p> -->
</div>
<div class="flex justify-center">
<a class=" text-white px-6 py-3 rounded-md bg-gradient-to-tr from-[#60BC9D] to-[#12372A]" href="{{route('user.kursus')}}">
Jelajahi
</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex m-auto justify-center items-center responsive-container">
<img src="{{ asset('img/Rectangle 227.png') }}" class="w-full h-full" alt="">
</div>
<div class="pt-8 bg-[#86A7A8] ">
<div class="container pb-20">
<!-- About Section -->
<div class="flex justify-between items-center pb-4 ">
<p class="text-black poppins-semibold text-xl">
Kursus Populer
</p>
<a href="/kursus" class="py-1 px-4 rounded-full bg-white font-bold text-lg ">
Lihat Semua Kursus
</a>
</div>
<div class="grid grid-cols-1 md:grid-cols-1 xl:grid-cols-3 gap-8 m-auto justify-center items-center">
@if ($landingpage->isNotEmpty())
@foreach ($landingpage as $landingpage)
<div
class="w-full h-full bg-white border border-gray-200 rounded-lg transition ease-in-out delay-0 hover:-translate-y-1 hover:scale-100 duration-300">
<div class="">
<a href="#">
<img class="rounded-lg m-auto flex justify-center items-center w-full h-72 object-cover"
src="{{ asset('storage/' . $landingpage->img) }}" alt="" />
</a>
<div class="p-5 h-44">
<a href="#">
<h5
class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 ">
{{ $landingpage->nama_kursus }}</h5>
</a>
<p class="mb-3 font-normal poppins-regular text-gray-700">
{{ Str::words($landingpage->deskripsi, 30, '...') }}
</p>
</div>
</div>
<div class="flex items-end justify-end bg-white rounded-b-lg ">
<div class="mb-4 mr-4 ">
<a href="/kursus/{{ $landingpage->id }}/detail"
class="inline-flex items-center px-6 py-2 text-sm font-extrabold text-black ring-2 ring-black rounded-full hover:text-white hover:bg-[#4F7F81] hover:ring-[#4F7F81] focus:ring-4 focus:outline-none focus:ring-blue-300">
Lihat
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
</svg>
</a>
</div>
</div>
<!-- Popular Courses Section -->
<div class="container mx-auto px-4 py-12">
<div class=" py-12">
<div class="flex ">
<div class="space-y-4">
<h2 class="text-5xl barlow-condensed-semibold text-green-800 font-bold ">
TENTANG KAMI
</h2>
<h2 class="text-start poppins-regular mb-12 text-xl text-gray-600">
</div>
@endforeach
@else
<div class="py-10 flex col-span-3">
<div class="bg-[#EBFEA1] w-full poppins-extrabold m-auto flex items-center justify-center p-2">
<p>Tidak Tersedia Kursus</p>
LearnMap adalah sebuah aplikasi website Sistem Informasi Geografis (SIG) yang dirancang khusus
untuk memudahkan Anda menemukan tempat bimbingan belajar bahasa Inggris terbaik di Kecamatan Pare,
Kabupaten Kediri. Kami menyediakan berbagai pilihan kursus berkualitas tinggi dengan tutor berpengalaman,
metode pembelajaran yang interaktif dan menarik, serta akses yang mudah dan cepat melalui platform digital
kami. Dengan LearnMap, Anda dapat menjelajahi informasi lengkap tentang lokasi, program, dan fasilitas
bimbingan belajar, sehingga membantu Anda meningkatkan keterampilan bahasa Inggris secara efektif dan
mewujudkan mimpi Anda untuk menguasai bahasa internasional ini dengan lebih percaya diri.
</h2>
<div class="flex ">
<a class="poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] text-white px-6 py-3 rounded-md"
href="">
Pelajari Lebih Lanjut
</a>
</div>
</div>
@endif
<img alt="About LearnMap" class="w-auto h-128 object-contain "
src="{{ asset('img/tentang kami2.jpg') }}" />
</div>
</div>
</div>
</div>
<div class="container py-16">
<p class="text-xl poppins-semibold ">Tentang Kami</p>
<div class="grid xl:grid-cols-2 grid-cols-1 ">
<div class="text-xl poppins-semibold">
<p class="py-4">
Tingkatkan Kemampuan Bahasa Inggris Anda dengan LearnMap!
</p>
<p>
Selamat datang di LearnMap, aplikasi website Sistem Informasi Geografis bimbingan belajar bahasa
Inggris di Kecamatan Pare, yang didirikan dengan semangat memberdayakan individu melalui
pengetahuan. Kami menyediakan berbagai kursus berkualitas tinggi, metode belajar menarik, dan
akses mudah untuk membantu Anda meningkatkan keterampilan dan mencapai mimpi. Mulailah
perjalanan Anda untuk menguasai bahasa Inggris
<!-- PETA -->
<div id="" class="container px-4 mt-10 relative z-[1] ">
<div class="mb-4 flex justify-between">
<!-- Section Title -->
<div>
<p class="text-5xl font-bold text-start mb-4 barlow-condensed-semibold text-green-800">PERSEBARAN KURSUS</p>
<h5 class="text-start poppins-regular mb-12 text-xl text-gray-600">Berikut adalah persebaran seluruh wisata saat ini
</h5>
<div class="p-20 " id="map"></div>
</div>
</div>
<style>
#map {
width: 100%;
height: 400px;
/* Bisa disesuaikan */
border-radius: 10px;
}
</style>
<!-- LEAFLET JS -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Pastikan elemen "map" ada di dalam HTML
var map = L.map('map').setView([51.505, -0.09], 13);
// Tambahkan tile layer dari OpenStreetMap
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
// Tambahkan marker
L.marker([51.5, -0.09]).addTo(map)
.bindPopup('<b>Ini Popup</b><br>Anda bisa menyesuaikan teks di sini.')
.openPopup();
});
</script>
<h2 class="text-5xl font-bold text-start mb-4 barlow-condensed-semibold text-green-800">
KURSUS POPULER
</h2>
<p class="text-start poppins-regular mb-12 text-xl text-gray-600">
Pilih kursus yang sesuai dengan kebutuhan Anda
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
@if ($landingpage->isNotEmpty())
@foreach ($landingpage as $landingpage)
<div
class="bg-white rounded-lg shadow-md overflow-hidden transition ease-in-out delay-0 hover:-translate-y-1 hover:scale-100 duration-300">
<a href="#">
<img class="w-full h-48 object-cover" src="{{ asset('storage/' . $landingpage->img) }}"
alt="{{ $landingpage->nama_kursus }}" />
</a>
<div class="p-4">
<h3 class="text-xl font-semibold poppins-bold uppercase text-green-800">
{{ $landingpage->nama_kursus }}
</h3>
<p class="mt-2 text-gray-700 poppins-regular text-gray-600">
{{ Str::words($landingpage->deskripsi, 20, '...') }}
</p>
<a class="poppins-regular mt-4 inline-block bg-gradient-to-tr from-[#60BC9D] to-[#12372A] text-white px-4 py-2 rounded-md"
href="/kursus/{{ $landingpage->id }}/detail">
Lihat Detail
</a>
</div>
</div>
@endforeach
@else
<div
class="poppins-regular text-graycol-span-3 py-10 bg-[#EBFEA1] poppins-extrabold flex items-center justify-center p-2">
<p>Tidak Tersedia Kursus</p>
</div>
@endif
</div>
</div>
<div class="flex items-center justify-center">
<img src="{{ asset('img/imgcewe.png') }}" alt="">
</div>
</div>
</div>
</x-layout>
</div>
</x-layout>

20
resources/views/user/kursus.blade.php
View File

@ -1,8 +1,8 @@
<x-layout>
<div class="py-10 bg-white container">
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
<!-- <div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
<p>Halaman ini berisi tentang kursus di Pare! </p>
</div>
</div> -->
</div>
<div class="container pb-20">
@ -10,7 +10,7 @@
<form method="GET" action="{{ route('user.kursus') }}" class="flex space-x-2">
<!-- Dropdown Kategori -->
<select name="kategori" onchange="this.form.submit()"
class="p-2 border border-gray-300 rounded-md text-gray-700 text-sm">
class="p-2 border border-gray-300 rounded-md text-gray-700 text-sm poppins-regular">
<option value="">Semua Kategori</option>
@foreach ($kategori as $item)
<option value="{{ $item->id }}" {{ request('kategori') == $item->id ? 'selected' : '' }}>
@ -22,10 +22,10 @@ class="p-2 border border-gray-300 rounded-md text-gray-700 text-sm">
<!-- Search Input -->
<div class="relative">
<input type="text" name="search" id="search-dropdown"
class="pr-14 pl-4 p-2.5 w-full text-sm text-gray-900 bg-gray-50 border border-gray-300 rounded-md"
class="pr-14 pl-4 p-2.5 w-full text-sm text-black bg-white border border-gray-300 rounded-md poppins-regular"
placeholder="Pencarian Nama Kursus" value="{{ request('search') }}" />
<button type="submit"
class="absolute top-0 end-0 px-4 h-full text-sm font-medium text-white bg-[#4F7F81] rounded-e-lg">
class="absolute top-0 end-0 px-4 h-full text-sm font-medium text-white bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-e-lg">
🔍
</button>
</div>
@ -36,20 +36,20 @@ class="absolute top-0 end-0 px-4 h-full text-sm font-medium text-white bg-[#4F7F
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 justify-center py-4 items-center gap-4 !important">
@foreach ($data_kursus as $kursus)
<div class="kursus-item max-w-xl h-ful mx-auto shadow-2xl rounded-lg ">
<div class="kursus-item max-w-xl h-ful mx-auto shadow-2xl rounded-lg">
<div>
<div>
<img class=" flex justify-center items-center w-full h-64 object-cover"
<img class=" flex justify-center items-center w-full h-64 object-cover rounded-lg"
src="{{ asset('storage/' . $kursus->img) }}" alt="" />
</div>
<div class="p-5 h-44">
<div>
<h5
class="nama-kursus mb-2 text-xl poppins-regular font-extrabold tracking-tight text-gray-900">
class="barlow-condensed-semibold text-green-800 nama-kursus mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900">
{{ $kursus->nama_kursus }}
</h5>
<h5
class="nama-kursus mb-2 text-sm poppins-regular font-extrabold tracking-tight text-gray-900">
class="poppins-regular text-black nama-kursus mb-2 text-sm poppins-regular font-extrabold tracking-tight text-gray-900">
{{ optional($kursus->kategoris)->nama_kategori ?? 'Kategori tidak tersedia' }}
</h5>
</div>
@ -61,7 +61,7 @@ class="nama-kursus mb-2 text-sm poppins-regular font-extrabold tracking-tight te
<div class="flex items-end justify-end rounded-b-lg">
<div class="my-4 mr-4">
<a href="/kursus/{{ $kursus->id }}/detail"
class="inline-flex items-center px-6 py-2 text-sm font-extrabold text-slate-700 ring-1 ring-slate-500 rounded-full hover:text-white hover:bg-[#4F7F81] hover:ring-[#4F7F81] focus:ring-4 focus:outline-none focus:ring-blue-300">
class="poppins-regular inline-flex items-center px-6 py-2 text-sm font-extrabold text-slate-700 ring-1 ring-slate-500 rounded-full hover:text-white hover:bg-green-800 hover:ring-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300">
Lihat
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">

6
resources/views/user/peta.blade.php
View File

@ -6,11 +6,12 @@
</style>
<div class="container flex flex-col">
<div class="py-10 bg-white">
<!--
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
<p>Halaman ini berisi tentang kursus di Pare!</p>
</div>
</div> -->
</div>
<div class="pb-10">
<div class="pb-10">
<!-- Peta Leaflet -->
<div id="map1"
class="w-full h-56 sm:h-64 md:h-96 lg:h-[500px] xl:h-[650px] max-w-4xl rounded-lg shadow-lg"></div>
@ -53,5 +54,6 @@ class="w-full h-56 sm:h-64 md:h-96 lg:h-[500px] xl:h-[650px] max-w-4xl rounded-l
});
</script>
</x-layout>

15
tailwind.config.js
View File

@ -12,12 +12,18 @@ export default {
padding: {
DEFAULT: "0rem",
sm: "0rem",
lg: "2rem",
xl: "3rem",
"2xl": "4rem",
lg: "1rem",
xl: "2rem",
"2xl": "3rem",
},
// Tambahkan opsi `center` untuk margin auto
center: true,
},
extend: {
// Tambahkan font Bebas Neue di sini
fontFamily: {
'bebas-neue': ['"Bebas Neue"', 'sans-serif'],
},
dropShadow: {
"1xl": "0 10px 20px rgba(0, 0, 0, 0.15)", // Light shadow for minimal depth
"2xl": "0 20px 30px rgba(0, 0, 0, 0.2)", // More noticeable shadow
@ -28,7 +34,6 @@ export default {
],
},
},
extend: {},
},
plugins: [require("flowbite/plugin")],
};
};