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

OK

This commit is contained in:
HANIF FEBRIANSYAH 2024-08-25 11:58:24 +07:00
parent 1e517e1581
commit e19b346a64
19 changed files with 595 additions and 323 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/Http/Controllers/LoginController.php
View File

@ -6,14 +6,8 @@
class LoginController extends Controller class LoginController extends Controller
{ {
// public function showLoginForm() public function index()
// { {
// return view('auth.login'); return view('login.login');
// } }
// public function login(Request $request)
// {
// // Implement login logic here
// return redirect()->route('user.home');
// }
} }

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

@ -6,8 +6,8 @@
class UserDetailDataKursusController extends Controller class UserDetailDataKursusController extends Controller
{ {
public function show($id) public function index()
{ {
return view('user.detailDataKursus', ['id' => $id]); return view('user.detailKursus');
} }
} }

26
app/View/Components/adminlayout.php Normal file
View File

@ -0,0 +1,26 @@
<?php
namespace App\View\Components;
use Closure;
use Illuminate\Contracts\View\View;
use Illuminate\View\Component;
class adminlayout extends Component
{
/**
* Create a new component instance.
*/
public function __construct()
{
//
}
/**
* Get the view / contents that represent the component.
*/
public function render(): View|Closure|string
{
return view('components.adminlayout');
}
}

7
public/css/fontStyle.css
View File

@ -122,9 +122,4 @@ .poppins-black-italic {
font-style: italic; font-style: italic;
} }
.inter-uniquifier > {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 119 KiB

29
resources/views/admin/dahsboard.blade.php
View File

@ -1 +1,28 @@
w <x-adminlayout>
<div class="w-full pb-4">
<div class=" flex flex-col rounded-2xl overflow-hidden">
<div>
<img src="{{ asset('img/Rectangle 227.png') }}" class="object-cover w-full h-full" alt="">
</div>
<div class="rounded-2xl overflow-hidden px-32">
<div class="justify-center items-center m-auto grid grid-cols-5 ">
<div>
<img src="{{ asset('img/Rectangle 227.png') }}" class="object-cover h-auto w-" alt="">
</div>
<div>
<img src="{{ asset('img/Rectangle 227.png') }}" class="object-cover h-auto w-" alt="">
</div>
<div>
<img src="{{ asset('img/Rectangle 227.png') }}" class="object-cover h-auto w-" alt="">
</div>
<div>
<img src="{{ asset('img/Rectangle 227.png') }}" class="object-cover h-auto w-" alt="">
</div>
<div>
<img src="{{ asset('img/Rectangle 227.png') }}" class="object-cover h-auto w-" alt="">
</div>
</div>
</div>
</div>
</div>
</x-adminlayout>

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

@ -1 +1,59 @@
w <x-adminlayout>
<div class="container">
<div class="py-10">
<div class="relative overflow-x-auto shadow-md sm:rounded-lg">
<table class="w-full text-sm text-left rtl:text-right text-gray-500 ">
<thead class="text-xs text-gray-700 uppercase bg-gray-50 ">
<tr>
<th scope="col" class="px-6 py-3">
No
</th>
<th scope="col" class="px-6 py-3">
Nama Kursus
</th>
<th scope="col" class="px-6 py-3">
Deskripsi
</th>
<th scope="col" class="px-6 py-3">
Gambar
</th>
<th scope="col" class="px-6 py-3">
Aksi
</th>
</tr>
</thead>
<tbody>
<tr class="odd:bg-white even:bg-gray-50 ">
<th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap">
1
</th>
<td class="px-6 py-4">
Kampung Inggris LC - Language Center
</td>
<td class="px-6 py-4">
Jl. Langkat No.88, Singgahan, Pelem, Kec. Pare, Kabupaten Kediri, Jawa Timur 64213
0858-5611-1118
Instagram:
@kampunginggrislc
</td>
<td class="px-6 py-4">
<img src="{{ asset('img/Rectangle 294.png') }}" class="w-72 h-auto object-cover" alt="">
</td>
<td class="px-6 py-4 flex space-x-2">
<a href="#"
class="font-medium text-white hover:underline py-2 px-4 bg-[#4F7F81] rounded-xl">Edit</a>
<a href="#"
class="font-medium text-white hover:underline py-2 px-4 bg-[#4F7F81] rounded-xl">Hapus</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</x-adminlayout>

6
resources/views/components/adminlayout.blade.php Normal file
View File

@ -0,0 +1,6 @@
@include('components.navbarAdmin ')
@include('partials.head')
@include('partials.font')
<body>
{{ $slot }}
</body>

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

@ -1,5 +1,5 @@
<footer class="bg-[#85A7A8]"> <footer class="bg-[#85A7A8]">
<div class="mx-auto container w-full p-4 py-6 lg:py-8"> <div class="mx-auto container w-full py-6 lg:py-8">
<div class="space-y-10 md:flex md:justify-between"> <div class="space-y-10 md:flex md:justify-between">
<div> <div>
<a href="#" class="flex items-start justify-start ml-[-10px]"> <a href="#" class="flex items-start justify-start ml-[-10px]">

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

@ -28,7 +28,7 @@ class="{{ request()->is('/') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md
</li> </li>
<li class=""> <li class="">
<a href="{{ route('user.kursus') }}" <a href="{{ route('user.kursus') }}"
class="{{ request()->is('kursus') ? '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 "> class="{{ request()->is('kursus','detailKursus') ? '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 Kursus
</a> </a>
</li> </li>

46
resources/views/components/navbarAdmin.blade.php Normal file
View File

@ -0,0 +1,46 @@
<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>
<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 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">
<li class="">
<a href="{{ route('admin.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 ">
Dashboard
</a>
</li>
<li class="">
<a href="{{ route('admin.dataKursus') }}"
class="{{ request()->is('kursus','detailKursus') ? '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 ">
Data Kursus
</a>
</li>
<li class="">
<a href="#"
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 ">
Keluar
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>

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

@ -0,0 +1,55 @@
@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>
<div class="container py-10">
<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 items-center poppins-semibold text-4xl">Login</p>
<form class="px-8 mx-auto">
<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"
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"
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 />
</div>
<div class="flex items-start mb-5">
<div class="flex items-center h-5">
<input id="remember" type="checkbox" value=""
class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-blue-300 "
required />
</div>
<label for="remember" class="ms-2 text-sm font-medium text-gray-900 ">Remember
me</label>
</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">Submit</button>
</form>
</div>
</div>
</div>
</body>

0
resources/views/partials/adminNavbar.blade.php
View File

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

@ -2,3 +2,4 @@
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.1/dist/flowbite.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.1/dist/flowbite.min.js"></script>
@vite('resources/css/app.css') @vite('resources/css/app.css')
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />

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

@ -0,0 +1,183 @@
<x-layout>
<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 class="container flex justify-end items-center pb-16">
<div id="default-carousel" class="relative w-full" data-carousel="slide">
<!-- Carousel wrapper -->
<div class="relative h-48 sm:h-[250px] md:h-[350px] lg:h-[450px] xl:h-[500px] 2xl:h-[600px] overflow-hidden rounded-lg"> <!-- Increased height -->
<!-- Item 1 -->
<div class="hidden duration-700 ease-in-out h-full" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full h-full object-cover -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
alt="...">
</div>
<!-- Item 2 -->
<div class="hidden duration-700 ease-in-out h-full" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full h-full object-cover -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
alt="...">
</div>
<!-- Item 3 -->
<div class="hidden duration-700 ease-in-out h-full" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full h-full object-cover -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
alt="...">
</div>
<!-- Item 4 -->
<div class="hidden duration-700 ease-in-out h-full" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full h-full object-cover -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
alt="...">
</div>
<!-- Item 5 -->
<div class="hidden duration-700 ease-in-out h-full" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full h-full object-cover -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
alt="...">
</div>
</div>
<!-- Slider indicators -->
<div class="absolute z-30 flex -translate-x-1/2 bottom-5 left-1/2 space-x-3 rtl:space-x-reverse">
<button type="button" class="w-3 h-3 rounded-full" aria-current="true" aria-label="Slide 1"
data-carousel-slide-to="0"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 2"
data-carousel-slide-to="1"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 3"
data-carousel-slide-to="2"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 4"
data-carousel-slide-to="3"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5"
data-carousel-slide-to="4"></button>
</div>
<!-- Slider controls -->
<button type="button"
class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
data-carousel-prev>
<span
class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 1 1 5l4 4" />
</svg>
<span class="sr-only">Previous</span>
</span>
</button>
<button type="button"
class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
data-carousel-next>
<span
class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m1 9 4-4-4-4" />
</svg>
<span class="sr-only">Next</span>
</span>
</button>
</div>
</div>
<div class="container">
<p class="poppins-medium text-3xl text-black py-4">Kampung Inggris LC - Language Center </p>
<button class="poppins-regular py-2 px-4 bg-[#4F7F81] text-white rounded-xl text-xl shadow-xl">Rute
Terdekat</button>
<p class="text-black text-lg py-4 poppins-semibold">Deskripsi</p>
<p class="poppins-regular text-black text-2xl pb-2 max-w-7xl">KAMPUNG INGGRIS LC – LANGUAGE CENTER
Adalah salah satu lembaga kursus bahasa inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare. Lebih dari
53.333+ alumni dari berbagai daerah di indonesia sudah merasakan metode UNIK yang terbukti membuat
mereka PUAS dan MAU merekomendasikan LC. Metode berkualitas Integrated Intensive Program, sistem belajar
yang terintegrasi dari speaking, grammar, dan pronunciation bakal mempercepat kamu mahir berbahasa Inggris.
</p>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-20 py-14">
<div class="max-w-80 space-y-2">
<p class="poppins-semibold text-2xl text-black ">
Program Pembelajaran
</p>
<h1 class="popins-reguler text-2xl text-black underline">
English Master
</h1>
<h1 class="popins-reguler text-2xl text-black ">
6 Bulan Rp. 9.500.000
</h1>
<h1 class="popins-reguler text-2xl text-black ">
4 Bulan Rp. 6.500.000
</h1>
<h1 class="popins-reguler text-2xl text-black underline">
Intensive
</h1>
<h1 class="popins-reguler text-2xl text-black ">
3 Bulan Rp. 4.200.000
</h1>
<h1 class="popins-reguler text-2xl text-black ">
2 Bulan Rp. 2.975.000
</h1>
<h1 class="popins-reguler text-2xl text-black ">
1 Bulan Rp. 1.600.000
</h1>
<h1 class="popins-reguler text-2xl text-black underline">
Toefl
</h1>
<h1 class="popins-reguler text-2xl text-black ">
1 Bulan Rp. 1.750.000
</h1>
<h1 class="popins-reguler text-2xl text-black underline">
Holiday Ceria
</h1>
<h1 class="popins-reguler text-2xl text-black ">
2 Minggu Rp. 1.700.000
</h1>
<h1 class="popins-reguler text-2xl text-black ">
1 Minggu Rp. 990.000
</h1>
</div>
<div class="max-w-max space-y-2">
<p class="poppins-semibold text-2xl text-black ">
Metode Pembelajaran
</p>
<h1 class="popins-reguler text-2xl text-black ">
Confidence Booster
Grammar Hack
Speak Properly
Speaking Without Thinking
Conceptual Mapping Skills
English for Spesific Purpose
Critical Thinking
</h1>
<p class="poppins-semibold text-2xl text-black pt-6">
Fasilitas
</p>
<h1 class="popins-reguler text-2xl text-black ">
Camp/asrama English Area
Assessment Test
Modul Pembelajaran
Sertifikat LC
</h1>
</div>
<div class="max-w-max space-y-2">
<p class="poppins-semibold text-2xl text-black ">
Lokasi
</p>
<h1 class="popins-reguler text-2xl text-black ">
Jl. Langkat No.88, Singgahan, Pelem, Kec. Pare, Kabupaten Kediri, Jawa Timur 64213
0858-5611-1118
Instagram: @kampunginggrislc
</h1>
</div>
</div>
</div>
</x-layout>

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

@ -1,9 +1,12 @@
<x-layout> <x-layout>
<div class="container">
<div class="py-10 bg-white "> <div class="py-10 bg-white ">
<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>Holaa, Selamat Datang Di LearnMap</p> <p>Holaa, Selamat Datang Di LearnMap</p>
</div> </div>
</div> </div>
</div>
<div class="flex m-auto justify-center items-center responsive-container"> <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/Rectangle 227.png') }}" class="w-full h-full" alt="">
</div> </div>
@ -68,7 +71,7 @@
</div> </div>
<div class="flex justify-end"> <div class="flex justify-end">
<a href="#" <a href="#"
class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:ring-blue-800 rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800"> class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:bg-[#4F7F81] hover:ring-[#4F7F81] rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
Lihat Lihat
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" <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"> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
@ -127,7 +130,7 @@ class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center rin
</div> </div>
<div class="flex justify-end"> <div class="flex justify-end">
<a href="#" <a href="#"
class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:ring-blue-800 rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800"> class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:bg-[#4F7F81] hover:ring-[#4F7F81] rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
Lihat Lihat
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" <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"> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
@ -186,7 +189,7 @@ class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center rin
</div> </div>
<div class="flex justify-end"> <div class="flex justify-end">
<a href="#" <a href="#"
class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:ring-blue-800 rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800"> class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:bg-[#4F7F81] hover:ring-[#4F7F81] rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
Lihat Lihat
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" <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"> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">

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

@ -1,11 +1,10 @@
<x-layout> <x-layout>
<div>
<div class="container">
<div class="py-10 bg-white "> <div class="py-10 bg-white ">
<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> <p>Halaman ini berisi tentang kursus di Pare! </p>
</div> </div>
</div> </div>
<div class="container">
<div class="flex justify-end py-4"> <div class="flex justify-end py-4">
<div class="flex space-x-2"> <div class="flex space-x-2">
@ -82,28 +81,28 @@ class="absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-[#4F7
<div class="flex items-center"> <div class="flex items-center">
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" <svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20"> fill="currentColor" viewBox="0 0 22 20">
<path <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" /> 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> </svg>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" <svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20"> fill="currentColor" viewBox="0 0 22 20">
<path <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" /> 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> </svg>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" <svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20"> fill="currentColor" viewBox="0 0 22 20">
<path <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" /> 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> </svg>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" <svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20"> fill="currentColor" viewBox="0 0 22 20">
<path <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" /> 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> </svg>
<svg class="w-4 h-4 text-gray-300 me-1 " aria-hidden="true" <svg class="w-4 h-4 text-gray-300 me-1 " aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20"> fill="currentColor" viewBox="0 0 22 20">
<path <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" /> 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> </svg>
@ -113,7 +112,7 @@ class="absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-[#4F7
</div> </div>
<div class="flex justify-end"> <div class="flex justify-end">
<a href="#" <a href="#"
class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:ring-blue-800 rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800"> class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center ring-2 text-black ring-black hover:text-white hover:bg-[#4F7F81] hover:ring-[#4F7F81] rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
Lihat Lihat
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" <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"> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
@ -126,7 +125,6 @@ class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center rin
</div> </div>
</div>
</div> </div>
</div> </div>
</x-layout> </x-layout>

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

@ -1,176 +1,56 @@
<x-layout> <x-layout>
<style>
/* Set the height of the map */
#map {
height: 500px;
/* Adjust the height as needed */
max-width: 100%;
}
</style>
<div class="container">
<div class="py-10 bg-white"> <div class="py-10 bg-white">
<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> <p>Halaman ini berisi tentang kursus di Pare!</p>
</div> </div>
</div> </div>
<div class="container flex justify-end items-center pb-16"> <div class="pb-10">
<div id="map" class="w-full max-w-4xl rounded-lg shadow-lg"></div>
<div id="default-carousel" class="relative w-full" data-carousel="slide"> <!-- Leaflet JS -->
<!-- Carousel wrapper --> <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<div class="relative h-56 overflow-hidden rounded-lg md:h-96"> <script>
<!-- Item 1 --> // Initialize the map
<div class="hidden duration-700 ease-in-out" data-carousel-item> const map = L.map('map').setView([-7.7530273, 112.1816449], 15); // Latitude and Longitude
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 2 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 3 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 4 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 5 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="{{ asset('img/Rectangle 227.png') }}"
class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
</div>
<!-- Slider indicators -->
<div class="absolute z-30 flex -translate-x-1/2 bottom-5 left-1/2 space-x-3 rtl:space-x-reverse">
<button type="button" class="w-3 h-3 rounded-full" aria-current="true" aria-label="Slide 1"
data-carousel-slide-to="0"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 2"
data-carousel-slide-to="1"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 3"
data-carousel-slide-to="2"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 4"
data-carousel-slide-to="3"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5"
data-carousel-slide-to="4"></button>
</div>
<!-- Slider controls -->
<button type="button"
class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
data-carousel-prev>
<span
class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 1 1 5l4 4" />
</svg>
<span class="sr-only">Previous</span>
</span>
</button>
<button type="button"
class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
data-carousel-next>
<span
class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m1 9 4-4-4-4" />
</svg>
<span class="sr-only">Next</span>
</span>
</button>
</div>
</div> // Add a tile layer (OpenStreetMap)
<div class="container"> L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
// Manually add markers with fixed coordinates
const markers = [{
coords: [-7.7530273, 112.1816449],
popupText: 'Kampung Inggris LC'
},
{
coords: [-7.7529288, 112.1838178],
popupText: 'OKE'
},
{
coords: [-7.7540000, 112.1800000],
popupText: 'Lokasi Baru 1'
},
{
coords: [-7.7510000, 112.1850000],
popupText: 'Lokasi Baru 2'
}
];
<p class="poppins-medium text-3xl text-black py-4">Kampung Inggris LC - Language Center </p> markers.forEach(marker => {
<button class="poppins-regular py-2 px-4 bg-[#4F7F81] text-white rounded-xl text-xl shadow-xl">Rute Terdekat</button> L.marker(marker.coords).addTo(map)
<p class="text-black text-lg py-4 poppins-semibold">Deskripsi</p> .bindPopup(marker.popupText);
<p class="poppins-regular text-black text-2xl pb-2 max-w-7xl">KAMPUNG INGGRIS LC – LANGUAGE CENTER });
Adalah salah satu lembaga kursus bahasa inggris TERBESAR dan TERFAVORIT di kampung Inggris Pare. Lebih dari </script>
53.333+ alumni dari berbagai daerah di indonesia sudah merasakan metode UNIK yang terbukti membuat
mereka PUAS dan MAU merekomendasikan LC. Metode berkualitas Integrated Intensive Program, sistem belajar
yang terintegrasi dari speaking, grammar, dan pronunciation bakal mempercepat kamu mahir berbahasa Inggris.
</p>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-20 py-14">
<div class="max-w-80 space-y-2">
<p class="poppins-semibold text-2xl text-black ">
Program Pembelajaran
</p>
<h1 class="popins-reguler text-2xl text-black underline">
English Master
</h1>
<h1 class="popins-reguler text-2xl text-black ">
6 Bulan Rp. 9.500.000
</h1>
<h1 class="popins-reguler text-2xl text-black ">
4 Bulan Rp. 6.500.000
</h1>
<h1 class="popins-reguler text-2xl text-black underline">
Intensive
</h1>
<h1 class="popins-reguler text-2xl text-black ">
3 Bulan Rp. 4.200.000
</h1>
<h1 class="popins-reguler text-2xl text-black ">
2 Bulan Rp. 2.975.000
</h1>
<h1 class="popins-reguler text-2xl text-black ">
1 Bulan Rp. 1.600.000
</h1>
<h1 class="popins-reguler text-2xl text-black underline">
Toefl
</h1>
<h1 class="popins-reguler text-2xl text-black ">
1 Bulan Rp. 1.750.000
</h1>
<h1 class="popins-reguler text-2xl text-black underline">
Holiday Ceria
</h1>
<h1 class="popins-reguler text-2xl text-black ">
2 Minggu Rp. 1.700.000
</h1>
<h1 class="popins-reguler text-2xl text-black ">
1 Minggu Rp. 990.000
</h1>
</div>
<div class="max-w-max space-y-2">
<p class="poppins-semibold text-2xl text-black ">
Metode Pembelajaran
</p>
<h1 class="popins-reguler text-2xl text-black ">
Confidence Booster
Grammar Hack
Speak Properly
Speaking Without Thinking
Conceptual Mapping Skills
English for Spesific Purpose
Critical Thinking
</h1>
<p class="poppins-semibold text-2xl text-black pt-6">
Fasilitas
</p>
<h1 class="popins-reguler text-2xl text-black ">
Camp/asrama English Area
Assessment Test
Modul Pembelajaran
Sertifikat LC
</h1>
</div>
<div class="max-w-max space-y-2">
<p class="poppins-semibold text-2xl text-black ">
Lokasi
</p>
<h1 class="popins-reguler text-2xl text-black ">
Jl. Langkat No.88, Singgahan, Pelem, Kec. Pare, Kabupaten Kediri, Jawa Timur 64213
0858-5611-1118
Instagram: @kampunginggrislc
</h1>
</div> </div>
</div> </div>
</div>
</x-layout> </x-layout>

8
routes/web.php
View File

@ -10,13 +10,13 @@
use App\Http\Controllers\UserDetailDataKursusController; use App\Http\Controllers\UserDetailDataKursusController;
use App\Http\Controllers\UserHomeController; use App\Http\Controllers\UserHomeController;
// Route::get('/admin/dashboard', [AdminDashboardController::class, 'index'])->name('admin.home'); Route::get('/admin/dashboard', [AdminDashboardController::class, 'index'])->name('admin.home');
// Route::get('/admin/data-kursus', [AdminDataKursusController::class, 'index'])->name('admin.dataKursus'); Route::get('/admin/data-kursus', [AdminDataKursusController::class, 'index'])->name('admin.dataKursus');
// Route::get('/admin/tambah-data-kursus', [AdminTambahDataKursusController::class, 'create'])->name('admin.tambahDataKursus'); // Route::get('/admin/tambah-data-kursus', [AdminTambahDataKursusController::class, 'create'])->name('admin.tambahDataKursus');
// Route::get('/login', [LoginController::class, 'showLoginForm'])->name('login'); Route::get('/login', [LoginController::class, 'index'])->name('login');
// Route::post('/login', [LoginController::class, 'login'])->name('login.post'); // Route::post('/login', [LoginController::class, 'login'])->name('login.post');
Route::get('/', [UserHomeController::class, 'index'])->name('home'); Route::get('/', [UserHomeController::class, 'index'])->name('home');
Route::get('/kursus', [UserKursusController::class, 'index'])->name('user.kursus'); // Perbaikan pada rute ini Route::get('/kursus', [UserKursusController::class, 'index'])->name('user.kursus'); // Perbaikan pada rute ini
Route::get('/peta', [UserPetaController::class, 'index'])->name('user.peta'); Route::get('/peta', [UserPetaController::class, 'index'])->name('user.peta');
// Route::get('/user/detail-data-kursus/{id}', [UserDetailDataKursusController::class, 'show'])->name('user.detailDataKursus'); Route::get('/detailKursus', [UserDetailDataKursusController::class, 'index'])->name('user.detailKursus');