Skip to content

Commit 44cfabf

Browse files
laravelwebdevlaravelwebdev
authored
Implement code changes to enhance functionality and improve performance
1 parent 97cf86e commit 44cfabf

File tree

2 files changed

+37
-34
lines changed

2 files changed

+37
-34
lines changed

‎public/images/hutri.jpg‎

730 KB
Loading

‎resources/views/welcome.blade.php‎

Lines changed: 37 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -23,13 +23,13 @@
2323
2424
/* Default selection color */
2525
::selection {
26-
background-color:rgb(19, 207, 182); /* Light orange */
26+
background-color:rgba(219, 15, 110, 1); /* Light orange */
2727
color: #ffffff; /* White text */
2828
}
2929
3030
/* For Mozilla browsers */
3131
::-moz-selection {
32-
background-color:rgb(19, 207, 182);
32+
background-color:rgba(219, 15, 110, 1);
3333
color: #ffffff;
3434
}
3535
@@ -52,9 +52,9 @@
5252
<ul class="list-none menu-social mb-0">
5353
<li class="inline">
5454
@auth
55-
<a href="{{ config('nova.path') }}" class="h-8 px-4 text-[12px] tracking-wider inline-flex items-center justify-center font-medium rounded-md bg-teal-500 text-white uppercase">Home</a>
55+
<a href="{{ config('nova.path') }}" class="h-8 px-4 text-[12px] tracking-wider inline-flex items-center justify-center font-medium rounded-md bg-red-500 text-white uppercase">Home</a>
5656
@else
57-
<a href="{{ route('login') }}" class="h-8 px-4 text-[12px] tracking-wider inline-flex items-center justify-center font-medium rounded-md bg-teal-500 text-white uppercase">Masuk</a>
57+
<a href="{{ route('login') }}" class="h-8 px-4 text-[12px] tracking-wider inline-flex items-center justify-center font-medium rounded-md bg-red-500 text-white uppercase">Masuk</a>
5858
@endauth
5959
</li>
6060
</ul>
@@ -90,25 +90,28 @@
9090
<!-- Navbar End -->
9191

9292
<!-- Start Hero -->
93-
<section class="relative md:py-48 py-40 bg-teal-500/5 dark:bg-teal-500/20" id="home">
94-
<div class="container relative mt-8">
95-
<div class="grid md:grid-cols-2 grid-cols-1 gap-6 items-center">
96-
<div>
97-
<h1 class="font-semibold lg:leading-normal leading-normal tracking-wide text-4xl lg:text-5xl mb-5">Simpede</h1>
98-
<p class="text-slate-400 text-lg max-w-xl">Aplikasi Sistem Integrasi Pekerjaan dan Dokumentasi secara Elektronik (Simpede) merupakan aplikasi yang dirancang untuk menyederhanakan proses ketatausahaan dengan menyediakan fitur-fitur komprehensif.</p>
99-
100-
<div class="mt-6">
101-
<a target="_blank" href="https://docs.simpede.my.id" class="h-10 px-6 tracking-wide inline-flex items-center justify-center font-medium rounded-md bg-teal-500 text-white">Panduan</a>
93+
<section class="relative md:py-48 py-40 bg-red-500/5 dark:bg-red-500/20" id="home" style="background-image: url('{{ asset('images/hutri.jpg') }}'); background-size: cover; background-position: center; min-height: 920px;">
94+
<div class="absolute inset-0 bg-black/50 dark:bg-black/50 pointer-events-none" style="background: rgba(255, 255, 255, 0.2);"></div>
95+
<div class="relative z-10">
96+
{{-- <div class="container relative mt-8">
97+
<div class="grid md:grid-cols-2 grid-cols-1 gap-6 items-center">
98+
<div>
99+
<h1 class="font-semibold lg:leading-normal leading-normal tracking-wide text-4xl lg:text-5xl mb-5">Simpede</h1>
100+
<p class="text-lg max-w-xl">Aplikasi Sistem Integrasi Pekerjaan dan Dokumentasi secara Elektronik (Simpede) merupakan aplikasi yang dirancang untuk menyederhanakan proses ketatausahaan dengan menyediakan fitur-fitur komprehensif.</p>
101+
102+
<div class="mt-6">
103+
<a target="_blank" href="https://docs.simpede.my.id" class="h-10 px-6 tracking-wide inline-flex items-center justify-center font-medium rounded-md bg-red-500 text-white">Panduan</a>
104+
</div>
102105
</div>
103-
</div>
104106
105-
<div class="lg:ms-8">
106-
<div class="relative image-container">
107-
<img src="{{ asset('images/hero-media-dark.png') }}" class="relative top-8 hidden dark:inline-block" alt="">
108-
<img src="{{ asset('images/hero-media-light.png') }}" class="relative top-8 inline-block dark:hidden" alt="">
107+
<div class="lg:ms-8">
108+
<div class="relative image-container">
109+
<img src="{{ asset('images/hero-media-dark.png') }}" class="relative top-8 hidden dark:inline-block" alt="">
110+
<img src="{{ asset('images/hero-media-light.png') }}" class="relative top-8 inline-block dark:hidden" alt="">
111+
</div>
109112
</div>
110113
</div>
111-
</div>
114+
</div> --}}
112115
</div>
113116
</section><!--end section-->
114117
<!-- End Hero -->
@@ -125,7 +128,7 @@
125128
<div class="grid lg:grid-cols-4 md:grid-cols-2 sm:grid-cols-2 grid-cols-1 gap-6 mt-6">
126129

127130
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
128-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
131+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
129132
<i data-feather="truck" class="size-6 rotate-45"></i>
130133
</div>
131134

@@ -144,7 +147,7 @@
144147
</div>
145148
</div><!--end feature content-->
146149
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
147-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
150+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
148151
<i data-feather="archive" class="size-6 rotate-45"></i>
149152
</div>
150153

@@ -161,7 +164,7 @@
161164
</div>
162165
</div><!--end feature content-->
163166
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
164-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
167+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
165168
<i data-feather="users" class="size-6 rotate-45"></i>
166169
</div>
167170

@@ -183,7 +186,7 @@
183186

184187

185188
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
186-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
189+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
187190
<i data-feather="user-check" class="size-6 rotate-45"></i>
188191
</div>
189192

@@ -200,7 +203,7 @@
200203
</div>
201204
</div><!--end feature content-->
202205
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
203-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
206+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
204207
<i data-feather="trending-up" class="size-6 rotate-45"></i>
205208
</div>
206209

@@ -216,7 +219,7 @@
216219
</div>
217220
</div><!--end feature content-->
218221
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
219-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
222+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
220223
<i data-feather="camera" class="size-6 rotate-45"></i>
221224
</div>
222225

@@ -231,7 +234,7 @@
231234
</div>
232235
</div><!--end feature content-->
233236
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
234-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
237+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
235238
<i data-feather="file-text" class="size-6 rotate-45"></i>
236239
</div>
237240

@@ -246,7 +249,7 @@
246249
</div>
247250
</div><!--end feature content-->
248251
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
249-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
252+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
250253
<i data-feather="calendar" class="size-6 rotate-45"></i>
251254
</div>
252255

@@ -262,7 +265,7 @@
262265

263266

264267
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
265-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
268+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
266269
<i data-feather="coffee" class="size-6 rotate-45"></i>
267270
</div>
268271

@@ -279,7 +282,7 @@
279282
</div><!--end feature content-->
280283

281284
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
282-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
285+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
283286
<i data-feather="wifi" class="size-6 rotate-45"></i>
284287
</div>
285288

@@ -298,7 +301,7 @@
298301

299302

300303
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
301-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
304+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
302305
<i data-feather="mail" class="size-6 rotate-45"></i>
303306
</div>
304307

@@ -312,7 +315,7 @@
312315
</div>
313316
</div><!--end feature content-->
314317
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
315-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
318+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
316319
<i data-feather="home" class="size-6 rotate-45"></i>
317320
</div>
318321

@@ -327,7 +330,7 @@
327330
</div><!--end feature content-->
328331

329332
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
330-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
333+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
331334
<i data-feather="link-2" class="size-6 rotate-45"></i>
332335
</div>
333336

@@ -341,7 +344,7 @@
341344
</div><!--end feature content-->
342345

343346
<div class="group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden md:h-[400px] lg:h-[400px]">
344-
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500">
347+
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-red-500/10 duration-500">
345348
<i data-feather="credit-card" class="size-6 rotate-45"></i>
346349
</div>
347350

@@ -462,7 +465,7 @@
462465
<!-- Footer End -->
463466

464467
<!-- Back to top -->
465-
<a href="#" onclick="topFunction()" id="back-to-top" class="back-to-top fixed hidden text-lg rounded-full z-10 bottom-5 right-5 w-12 h-12 flex items-center justify-center bg-teal-500 text-white"><i data-feather="arrow-up"></i></a>
468+
<a href="#" onclick="topFunction()" id="back-to-top" class="back-to-top fixed hidden text-lg rounded-full z-10 bottom-5 right-5 w-12 h-12 flex items-center justify-center bg-red-500 text-white"><i data-feather="arrow-up"></i></a>
466469
<!-- Back to top -->
467470

468471
<!-- LTR & RTL Mode Code -->

0 commit comments

Comments
 (0)