update info, instagram feed dummy, navbar

This commit is contained in:
Bayu Lukman Yusuf 2026-02-20 09:19:42 +07:00
parent b3f3c2b115
commit 91e325b248
11 changed files with 43 additions and 25 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

View File

@ -11,53 +11,53 @@
<div class="overflow-x-auto pb-3 mb-n3" data-simplebar> <div class="overflow-x-auto pb-3 mb-n3" data-simplebar>
<div class="d-flex gap-2 gap-md-3 gap-lg-4" style="min-width: 700px"> <div class="d-flex gap-2 gap-md-3 gap-lg-4" style="min-width: 700px">
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden" <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
href="#!"> href="https://www.instagram.com/asiagolfindonesia/">
<span <span
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span> class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
<i <i
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i> class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
<div class="hover-effect-target ratio ratio-1x1"> <div class="hover-effect-target ratio ratio-1x1">
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image"> <img src="{{ asset('ig/627126351_868515585958098_5234946979031253180_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
</div> </div>
</a> </a>
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden" <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
href="#!"> href="https://www.instagram.com/asiagolfindonesia/">
<span <span
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span> class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
<i <i
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i> class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
<div class="hover-effect-target ratio ratio-1x1"> <div class="hover-effect-target ratio ratio-1x1">
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image"> <img src="{{ asset('ig/607467049_3991986004432775_3154614208824352862_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
</div> </div>
</a> </a>
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden" <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
href="#!"> href="https://www.instagram.com/asiagolfindonesia/">
<span <span
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span> class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
<i <i
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i> class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
<div class="hover-effect-target ratio ratio-1x1"> <div class="hover-effect-target ratio ratio-1x1">
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image"> <img src="{{ asset('ig/637072850_18450267685100713_2841227512989064742_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
</div> </div>
</a> </a>
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden" <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
href="#!"> href="https://www.instagram.com/asiagolfindonesia/">
<span <span
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span> class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
<i <i
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i> class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
<div class="hover-effect-target ratio ratio-1x1"> <div class="hover-effect-target ratio ratio-1x1">
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image"> <img src="{{ asset('ig/637270426_18450238369100713_2695956505063029899_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
</div> </div>
</a> </a>
<a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden" <a class="hover-effect-scale hover-effect-opacity position-relative w-100 overflow-hidden"
href="#!"> href="https://www.instagram.com/asiagolfindonesia/">
<span <span
class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span> class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
<i <i
class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i> class="ci-instagram hover-effect-target fs-4 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
<div class="hover-effect-target ratio ratio-1x1"> <div class="hover-effect-target ratio ratio-1x1">
<img src="https://dev.smgdev.top/api/storage/thumbnail_demo.png?id=40144" alt="Instagram image"> <img src="{{ asset('ig/639478537_1665736817945005_7744756753154487865_n.jpg') }}" alt="Instagram image" class="object-fit-cover">
</div> </div>
</a> </a>
</div> </div>

View File

@ -144,7 +144,7 @@
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-trigger="hover" aria-expanded="false">{{ __('navbar.contact') }}</a> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-trigger="hover" aria-expanded="false">{{ __('navbar.contact') }}</a>
<ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem"> <ul class="dropdown-menu" style="--cz-dropdown-spacer: .75rem">
<li><a class="dropdown-item" href="{{ route('any', 'terms-and-conditions')}}">{{ __('navbar.terms_conditions') }}</a></li> <li><a class="dropdown-item" href="{{ route('terms-and-conditions')}}">{{ __('navbar.terms_conditions') }}</a></li>
</ul> </ul>
</li> </li>

View File

@ -1,22 +1,23 @@
<!-- Sidebar navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) --> <!-- Sidebar navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
<aside class="col-lg-3"> <aside class="col-lg-3">
@if (auth()->check())
<div class="offcanvas-lg offcanvas-start pe-lg-0 pe-xl-4" id="accountSidebar"> <div class="offcanvas-lg offcanvas-start pe-lg-0 pe-xl-4" id="accountSidebar">
<!-- Header --> <!-- Header -->
<div class="offcanvas-header d-lg-block py-3 p-lg-0"> <div class="offcanvas-header d-lg-block py-3 p-lg-0">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<div class="flex-shrink-0 ms-3"> <div class="flex-shrink-0 ms-3">
@if(auth()->user()->photo) @if(auth()->user()?->photo != null)
<img src="{{ asset('storage/' . auth()->user()->photo) }}" alt="{{ auth()->user()->name }}" <img src="{{ asset('storage/' . auth()->user()->photo) }}" alt="{{ auth()->user()->name }}"
class="rounded-circle" style="width: 3rem; height: 3rem; object-fit: cover;" class="rounded-circle" style="width: 3rem; height: 3rem; object-fit: cover;"
onerror="this.src='{{ asset('img/photo-placeholder.png') }}'"> onerror="this.src='{{ asset('img/photo-placeholder.png') }}'">
@else @else
<div class="h5 d-flex justify-content-center align-items-center text-primary bg-primary-subtle lh-1 rounded-circle mb-0" <div class="h5 d-flex justify-content-center align-items-center text-primary bg-primary-subtle lh-1 rounded-circle mb-0"
style="width: 3rem; height: 3rem;">{{ auth()->user()->name ? substr(auth()->user()->name, 0, 1) : 'S' }}</div> style="width: 3rem; height: 3rem;">{{ auth()->user()?->name ? substr(auth()->user()?->name, 0, 1) : 'S' }}</div>
@endif @endif
</div> </div>
<div class="min-w-0 ps-3"> <div class="min-w-0 ps-3">
<h5 class="h6 mb-1">{{ auth()->user()->name }}</h5> <h5 class="h6 mb-1">{{ auth()->user()?->name }}</h5>
<div class="nav flex-nowrap text-nowrap min-w-0"> <div class="nav flex-nowrap text-nowrap min-w-0">
<a class="nav-link animate-underline text-body p-0" href="#bonusesModal" data-bs-toggle="modal"> <a class="nav-link animate-underline text-body p-0" href="#bonusesModal" data-bs-toggle="modal">
{{-- <svg class="text-warning flex-shrink-0 me-2" xmlns="http://www.w3.org/2000/svg" {{-- <svg class="text-warning flex-shrink-0 me-2" xmlns="http://www.w3.org/2000/svg"
@ -107,4 +108,5 @@
</nav> </nav>
</div> </div>
</div> </div>
@endif
</aside> </aside>

View File

@ -2,7 +2,7 @@
<div class="container pb-md-3"> <div class="container pb-md-3">
<!-- Features --> <!-- Features -->
<div class="border-bottom py-5"> {{-- <div class="border-bottom py-5">
<div class="row row-cols-2 row-cols-md-4 g-4 gx-sm-5 py-sm-1 py-md-2 py-lg-3 mb-n2 mb-md-0"> <div class="row row-cols-2 row-cols-md-4 g-4 gx-sm-5 py-sm-1 py-md-2 py-lg-3 mb-n2 mb-md-0">
<div class="col mb-2 mb-md-0"> <div class="col mb-2 mb-md-0">
<i class="ci-layers-2 fs-xl text-dark-emphasis mb-3"></i> <i class="ci-layers-2 fs-xl text-dark-emphasis mb-3"></i>
@ -26,7 +26,7 @@
<p class="fs-sm text-body mb-0">Spend less time searching and more time creating.</p> <p class="fs-sm text-body mb-0">Spend less time searching and more time creating.</p>
</div> </div>
</div> </div>
</div> </div> --}}
<!-- Subscription + Links --> <!-- Subscription + Links -->
<div class="py-5"> <div class="py-5">

View File

@ -97,7 +97,7 @@
</div> </div>
<!-- Price --> <!-- Price -->
<div class="accordion-item border-0 pb-1 pb-xl-2"> {{-- <div class="accordion-item border-0 pb-1 pb-xl-2">
<h4 class="accordion-header" id="headingPrice"> <h4 class="accordion-header" id="headingPrice">
<button type="button" class="accordion-button p-0 pb-3" data-bs-toggle="collapse" <button type="button" class="accordion-button p-0 pb-3" data-bs-toggle="collapse"
data-bs-target="#price" aria-expanded="true" aria-controls="price"> data-bs-target="#price" aria-expanded="true" aria-controls="price">
@ -127,7 +127,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> --}}
<!-- Brands --> <!-- Brands -->
{{-- <div class="accordion-item border-0 pb-1 pb-xl-2"> {{-- <div class="accordion-item border-0 pb-1 pb-xl-2">

View File

@ -52,25 +52,41 @@
<p>{{ __('tnc.contact_content') }}</p> <p>{{ __('tnc.contact_content') }}</p>
<ul class="list-unstyled pb-1"> <ul class="list-unstyled pb-1">
<li class="nav pt-1"> <li class="nav pt-1">
<a class="nav-link align-items-start fs-base p-0" href="tel:+15053753082"> <a class="nav-link align-items-start fs-base p-0" href="tel:0213500703">
<i class="ci-phone fs-xl mt-1 me-2"></i> <i class="ci-phone fs-xl mt-1 me-2"></i>
+1&nbsp;50&nbsp;537&nbsp;53&nbsp;082 (021) 3500703
</a> </a>
</li> </li>
<li class="nav pt-1"> <li class="nav pt-1">
<a class="nav-link align-items-start fs-base p-0" href="mailto:contact@catzillastore.com"> <a class="nav-link align-items-start fs-base p-0" href="https://wa.me/62818434301">
<i class="ci-whatsapp fs-xl mt-1 me-2"></i>
0818-4343-01
</a>
</li>
<li class="nav pt-1">
<a class="nav-link align-items-start fs-base p-0" href="https://www.instagram.com/asiagolfindonesia/">
<i class="ci-instagram fs-xl mt-1 me-2"></i>
@asiagolfindonesia
</a>
</li>
<li class="nav pt-1">
<a class="nav-link align-items-start fs-base p-0" href="mailto:sales@asiagolf.id">
<i class="ci-mail fs-xl mt-1 me-2"></i> <i class="ci-mail fs-xl mt-1 me-2"></i>
contact@catzillastore.com sales@asiagolf.id
</a> </a>
</li> </li>
<li class="nav pt-1"> <li class="nav pt-1">
<a class="nav-link align-items-start fs-base p-0" href="#!"> <a class="nav-link align-items-start fs-base p-0" href="https://maps.google.com/?q=Jalan+Pintu+Air+Raya+No.11+B,D,E,F,G+RT.8/RW.1,+Ps.+Baru,+Kecamatan+Sawah+Besar,+Kota+Jakarta+Pusat,+Daerah+Khusus+Ibukota+Jakarta+10710" target="_blank">
<i class="ci-map-pin fs-xl mt-1 me-2"></i> <i class="ci-map-pin fs-xl mt-1 me-2"></i>
12 Beale St. Suite 600 San Francisco, California 94105 Jalan Pintu Air Raya No.11 B,D,E,F,G RT.8/RW.1, Ps. Baru, Kecamatan Sawah Besar, Kota Jakarta Pusat, Daerah Khusus Ibukota Jakarta 10710
</a> </a>
</li> </li>
</ul> </ul>
<p class="pb-3 mb-0">{{ __('tnc.help_text') }} <a class="fw-medium" href="{{ route('second', ['help', 'topics-v1'])}}">{{ __('tnc.help_link') }}</a></p> <p class="pb-3 mb-0">{{ __('tnc.help_text') }} <a class="fw-medium" href="{{ route('help')}}">{{ __('tnc.help_link') }}</a></p>
<hr class="my-3 my-lg-4"> <hr class="my-3 my-lg-4">