From 1e2f94acf6cbc89d8f474ea3544d50fd5bd65a3a Mon Sep 17 00:00:00 2001 From: hildaaaevs <149044919+hildaaaevs@users.noreply.github.com> Date: Fri, 30 May 2025 00:26:52 +0700 Subject: [PATCH] design ui ux untuk role customer --- app/Livewire/BookingPage.php | 2 + app/Livewire/DetailPaketFotoPage.php | 2 +- app/Livewire/Histori.php | 2 + app/Livewire/HomePage.php | 3 +- .../views/livewire/booking-page.blade.php | 68 ++--------- resources/views/livewire/home-page.blade.php | 111 ++++++++++-------- .../views/livewire/paket-foto-page.blade.php | 14 +-- .../views/livewire/partials/footer.blade.php | 2 +- .../views/livewire/partials/navbar.blade.php | 2 +- tailwind.config.js | 11 ++ 10 files changed, 100 insertions(+), 117 deletions(-) diff --git a/app/Livewire/BookingPage.php b/app/Livewire/BookingPage.php index 34001c4..7145c9b 100644 --- a/app/Livewire/BookingPage.php +++ b/app/Livewire/BookingPage.php @@ -4,8 +4,10 @@ use App\Models\PaketFoto; use App\Models\Reservasii; +use Livewire\Attributes\Title; use Livewire\Component; +#[Title('Booking - SiKolaself')] class BookingPage extends Component { public $paketfoto; diff --git a/app/Livewire/DetailPaketFotoPage.php b/app/Livewire/DetailPaketFotoPage.php index 24bcfde..7dfe259 100644 --- a/app/Livewire/DetailPaketFotoPage.php +++ b/app/Livewire/DetailPaketFotoPage.php @@ -9,7 +9,7 @@ use Livewire\Component; -#[Title('Sikolasef - Detail Paket Foto')] +#[Title('Detail Paket Foto - Sikolasef')] class DetailPaketFotoPage extends Component { public $nama_paket_foto; diff --git a/app/Livewire/Histori.php b/app/Livewire/Histori.php index e82cc84..53de153 100644 --- a/app/Livewire/Histori.php +++ b/app/Livewire/Histori.php @@ -3,8 +3,10 @@ namespace App\Livewire; use App\Models\Reservasii; +use Livewire\Attributes\Title; use Livewire\Component; +#[Title('Histori - Sikolasef')] class Histori extends Component { public function render() diff --git a/app/Livewire/HomePage.php b/app/Livewire/HomePage.php index 24c654d..2a07337 100644 --- a/app/Livewire/HomePage.php +++ b/app/Livewire/HomePage.php @@ -3,10 +3,11 @@ namespace App\Livewire; use App\Models\PaketFoto; +use BladeUI\Icons\Components\Icon; use Livewire\Component; use Livewire\Attributes\Title; -#[Tittle('Home Page - SiKolaself')] +#[Title('Home Page - SiKolaself')] class HomePage extends Component { public function render() diff --git a/resources/views/livewire/booking-page.blade.php b/resources/views/livewire/booking-page.blade.php index 344ea02..ea75937 100644 --- a/resources/views/livewire/booking-page.blade.php +++ b/resources/views/livewire/booking-page.blade.php @@ -1,6 +1,6 @@

- Checkout + Booking

@@ -10,7 +10,7 @@

- Booking Details + Formulir Reservasi

- ORDER SUMMARY + Rincian Reservasi
@@ -237,8 +190,8 @@ class="{{ $isUnavailable ? 'text-gray-400 bg-gray-100' : '' }}"
-
@@ -255,9 +208,6 @@ class="{{ $isUnavailable ? 'text-gray-400 bg-gray-100' : '' }}"

{{ $paketfoto->nama_paket_foto }}

-

- Quantity: 1 -

{{ Number::currency($paketfoto->harga_paket_foto, 'IDR') }} diff --git a/resources/views/livewire/home-page.blade.php b/resources/views/livewire/home-page.blade.php index 3f7f6de..7bbdee9 100644 --- a/resources/views/livewire/home-page.blade.php +++ b/resources/views/livewire/home-page.blade.php @@ -1,23 +1,23 @@
-
+
-

Make the Memories with Ko-La Self

-

Purchase wide varities of electronics products like Smartphones, Laptops, Smartwatches, Television and many more.

+

Make the Memories with Ko-La Self

+

+ Abadikan momen spesialmu bersama Ko-La Self—studio foto self-service favorit di Jember dengan ruangan yang nyaman, pencahayaan profesional, dan hasil digital instan +

+
- - Get started + + Mulai - - Contact sales team -
@@ -25,7 +25,7 @@
-
+ {{--
@@ -41,22 +41,22 @@ -
+
--}} -

+ {{--

4.6 /5 - from 12k reviews -

+

--}}
- + {{-- - + --}}
@@ -65,10 +65,7 @@
- - - - + {{-- @@ -80,23 +77,23 @@ - + --}}

- 4.8 /5 - from 5k reviews + {{--4.8 /5 - from 5k reviews--}}

- + {{-- - + --}}
@@ -106,31 +103,12 @@
-
- Image Description +
+ Image Description
- - - - - - - - - - - - - - - - - - -
@@ -144,14 +122,14 @@
-

Paket Foto Populer +

Paket Foto Populer

-
+
-
+
-
+
@@ -182,4 +160,43 @@
{{-- Paket Foto End --}} + +{{-- Review customer start --}} +
+
+

+ Galeri Hasil Foto Customer +

+

+ Kumpulan foto-foto indah dari customer kami yang puas dengan layanan kami +

+ + + + +
+ +
+ Pasangan +
+
+ Anak +
+
+ Keluarga +
+
+ Portrait +
+
+ Anak-anak +
+
+ Pasangan +
+
+
+
+ +{{-- Review customer end --}}
diff --git a/resources/views/livewire/paket-foto-page.blade.php b/resources/views/livewire/paket-foto-page.blade.php index 333c710..3586cd6 100644 --- a/resources/views/livewire/paket-foto-page.blade.php +++ b/resources/views/livewire/paket-foto-page.blade.php @@ -1,5 +1,5 @@ -
-
+
+
@@ -7,8 +7,8 @@ @@ -16,9 +16,9 @@
@foreach ($paketfoto as $item) -
-
-
+
+
+
{{ $item->nama_paket_foto }} diff --git a/resources/views/livewire/partials/footer.blade.php b/resources/views/livewire/partials/footer.blade.php index 50e487f..a712f65 100644 --- a/resources/views/livewire/partials/footer.blade.php +++ b/resources/views/livewire/partials/footer.blade.php @@ -1,4 +1,4 @@ -