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
{
// public function showLoginForm()
// {
// return view('auth.login');
// }
// public function login(Request $request)
// {
// // Implement login logic here
// return redirect()->route('user.home');
// }
public function index()
{
return view('login.login');
}
}

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

@ -6,8 +6,8 @@
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;
}
.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]">
<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>
<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 class="">
<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
</a>
</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>
@vite('resources/css/app.css')
<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>

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

@ -1,7 +1,10 @@
<x-layout>
<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>
<div class="container">
<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>
</div>
</div>
</div>
<div class="flex m-auto justify-center items-center responsive-container">
@ -68,7 +71,7 @@
</div>
<div class="flex justify-end">
<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
<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">
@ -127,7 +130,7 @@ class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center rin
</div>
<div class="flex justify-end">
<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
<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">
@ -186,7 +189,7 @@ class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center rin
</div>
<div class="flex justify-end">
<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
<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">
@ -227,7 +230,7 @@ class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center rin
<p class="py-4 pl-2">Ulasan</p>
<div class="grid gap-8 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 pb-10">
<div class="rounded-xl border-black border-[1px] p-4 ">
<img src="{{ asset('img/petik.png') }}" alt="">
<img src="{{ asset('img/petik.png') }}" alt="">
<p class="">
Peta interaktifnya sangat membantu!
</p>
@ -236,7 +239,7 @@ class="inline-flex items-center px-6 font-extrabold py-2 text-sm text-center rin
</p>
</div>
<div class="rounded-xl border-black border-[1px] p-4 ">
<img src="{{ asset('img/petik.png') }}" alt="">
<img src="{{ asset('img/petik.png') }}" alt="">
<p class="">
Peta interaktifnya sangat membantu!
</p>

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

@ -1,132 +1,130 @@
<x-layout>
<div>
<div class="container">
<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="flex justify-end py-4">
<div class="flex space-x-2">
<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">
<div class="flex justify-end py-4">
<div class="flex space-x-2">
<form class="max-w-lg mx-auto">
<div class="flex">
<label for="search-dropdown" class="mb-2 text-sm font-medium text-gray-900 sr-only ">Your
Email</label>
<button id="dropdown-button" data-dropdown-toggle="dropdown"
class="flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 "
type="button">All categories <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="m1 1 4 4 4-4" />
</svg></button>
<div id="dropdown"
class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 ">
<ul class="py-2 text-sm text-gray-700 " aria-labelledby="dropdown-button">
<li>
<button type="button"
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Mockups</button>
</li>
<li>
<button type="button"
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Templates</button>
</li>
<li>
<button type="button"
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Design</button>
</li>
<li>
<button type="button"
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Logos</button>
</li>
</ul>
</div>
<div class="relative w-full">
<input type="search" id="search-dropdown"
class="block pr-12 p-2.5 w-full z-20 text-sm text-gray-900 bg-gray-50 rounded-e-lg border-s-gray-50 border-s-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
placeholder="Search Mockups, Logos, Design Templates..." required />
<button type="submit"
class="absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-[#4F7F81] rounded-e-lg border border-[#4F7F81] hover:bg-[#4F7F81] focus:ring-4 focus:outline-none focus:ring-[#4F7F81]">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 20 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
</svg>
<span class="sr-only">Search</span>
</button>
</div>
<form class="max-w-lg mx-auto">
<div class="flex">
<label for="search-dropdown" class="mb-2 text-sm font-medium text-gray-900 sr-only ">Your
Email</label>
<button id="dropdown-button" data-dropdown-toggle="dropdown"
class="flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 "
type="button">All categories <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="m1 1 4 4 4-4" />
</svg></button>
<div id="dropdown"
class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 ">
<ul class="py-2 text-sm text-gray-700 " aria-labelledby="dropdown-button">
<li>
<button type="button"
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Mockups</button>
</li>
<li>
<button type="button"
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Templates</button>
</li>
<li>
<button type="button"
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Design</button>
</li>
<li>
<button type="button"
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 ">Logos</button>
</li>
</ul>
</div>
</form>
</div>
</div>
<div class="pb-20 grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 m-auto justify-center items-center">
<div class="max-w-max shadow-xl bg-white border border-gray-300 rounded-lg ">
<a href="#">
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
</a>
<div class="p-5">
<a href="#">
<h5 class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 ">
Language Center
(LC)</h5>
</a>
<p class="mb-3 font-normal poppins-regular text-gray-700 ">Salah satu lembaga
kursus bahasa
Inggris TERBESAR  dan TERFAVORIT di kampung Inggris Pare.</p>
<div class="flex items-center">
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
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>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
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>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
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>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true"
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>
<svg class="w-4 h-4 text-gray-300 me-1 " aria-hidden="true"
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>
<p class="ms-1 text-sm text-gray-500 ">4.95</p>
<p class="ms-1 text-sm text-gray-500 ">out of</p>
<p class="ms-1 text-sm text-gray-500 ">5</p>
</div>
<div class="flex justify-end">
<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">
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">
<div class="relative w-full">
<input type="search" id="search-dropdown"
class="block pr-12 p-2.5 w-full z-20 text-sm text-gray-900 bg-gray-50 rounded-e-lg border-s-gray-50 border-s-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
placeholder="Search Mockups, Logos, Design Templates..." required />
<button type="submit"
class="absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-[#4F7F81] rounded-e-lg border border-[#4F7F81] hover:bg-[#4F7F81] focus:ring-4 focus:outline-none focus:ring-[#4F7F81]">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 20 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
</svg>
</a>
<span class="sr-only">Search</span>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="pb-20 grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 m-auto justify-center items-center">
<div class="max-w-max shadow-xl bg-white border border-gray-300 rounded-lg ">
<a href="#">
<img class="rounded-lg m-auto flex justify-center items-center w-full max-h-64 object-cover"
src="{{ asset('img/Rectangle 288.png') }}" alt="" />
</a>
<div class="p-5">
<a href="#">
<h5 class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 ">
Language Center
(LC)</h5>
</a>
<p class="mb-3 font-normal poppins-regular text-gray-700 ">Salah satu lembaga
kursus bahasa
Inggris TERBESAR  dan TERFAVORIT di kampung Inggris Pare.</p>
<div class="flex items-center">
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" 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>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" 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>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" 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>
<svg class="w-4 h-4 text-yellow-300 me-1" aria-hidden="true" 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>
<svg class="w-4 h-4 text-gray-300 me-1 " aria-hidden="true" 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>
<p class="ms-1 text-sm text-gray-500 ">4.95</p>
<p class="ms-1 text-sm text-gray-500 ">out of</p>
<p class="ms-1 text-sm text-gray-500 ">5</p>
</div>
<div class="flex justify-end">
<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:bg-[#4F7F81] hover:ring-[#4F7F81] rounded-full focus:ring-4 focus:outline-none focus:ring-blue-300 -700 ue-800">
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>
</div>
</div>
</div>
</x-layout>

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

@ -1,176 +1,56 @@
<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-56 overflow-hidden rounded-lg md:h-96">
<!-- Item 1 -->
<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 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>
<style>
/* Set the height of the map */
#map {
height: 500px;
/* Adjust the height as needed */
max-width: 100%;
}
</style>
<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 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 id="map" class="w-full max-w-4xl rounded-lg shadow-lg"></div>
<!-- Leaflet JS -->
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<script>
// Initialize the map
const map = L.map('map').setView([-7.7530273, 112.1816449], 15); // Latitude and Longitude
// Add a tile layer (OpenStreetMap)
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'
}
];
markers.forEach(marker => {
L.marker(marker.coords).addTo(map)
.bindPopup(marker.popupText);
});
</script>
</div>
</div>
</x-layout>

8
routes/web.php
View File

@ -10,13 +10,13 @@
use App\Http\Controllers\UserDetailDataKursusController;
use App\Http\Controllers\UserHomeController;
// Route::get('/admin/dashboard', [AdminDashboardController::class, 'index'])->name('admin.home');
// Route::get('/admin/data-kursus', [AdminDataKursusController::class, 'index'])->name('admin.dataKursus');
Route::get('/admin/dashboard', [AdminDashboardController::class, 'index'])->name('admin.home');
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('/login', [LoginController::class, 'showLoginForm'])->name('login');
Route::get('/login', [LoginController::class, 'index'])->name('login');
// Route::post('/login', [LoginController::class, 'login'])->name('login.post');
Route::get('/', [UserHomeController::class, 'index'])->name('home');
Route::get('/kursus', [UserKursusController::class, 'index'])->name('user.kursus'); // Perbaikan pada rute ini
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');