From 80f4d8f046c3ff4910cf46f9c96f2fdb6dfb10fe Mon Sep 17 00:00:00 2001
From: triagungbiantoro <triagungbiantoro.project@gmail.com>
Date: Wed, 1 Apr 2026 18:06:09 +0700
Subject: [PATCH] perbaikan mobile view + no Whatsapp

---
 resources/js/App.jsx                          | 45 +++++++++++++++++--
 .../views/admin/settings/general.blade.php    |  2 +-
 resources/views/index.blade.php               |  4 +-
 resources/views/payments/index.blade.php      |  4 +-
 4 files changed, 47 insertions(+), 8 deletions(-)

diff --git a/resources/js/App.jsx b/resources/js/App.jsx
index 3cee2ea0..63ac7e3f 100644
--- a/resources/js/App.jsx
+++ b/resources/js/App.jsx
@@ -112,6 +112,7 @@ export default function App() {
           </div>
         </div>
       </div>
+
     </nav>
   );
 
@@ -166,7 +167,7 @@ export default function App() {
   const renderHomePage = () => (
     <>
       {/* HERO SECTION */}
-      <section className="pt-32 pb-20 lg:pt-40 lg:pb-24 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto relative overflow-hidden">
+      <section className="pt-28 pb-16 lg:pt-40 lg:pb-24 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto relative overflow-hidden">
         <div className="absolute top-0 right-0 -translate-y-12 translate-x-1/3 w-96 h-96 bg-teal-50 rounded-full blur-3xl opacity-50 z-0"></div>
         <div className="absolute top-40 left-0 -translate-x-1/2 w-64 h-64 bg-red-50 rounded-full blur-3xl opacity-50 z-0"></div>
 
@@ -175,7 +176,7 @@ export default function App() {
             <Sparkles className="w-4 h-4" />
             Mitra Digital #1 untuk UMKM Naik Kelas
           </div>
-          <h1 className="text-4xl sm:text-5xl lg:text-6xl font-extrabold text-slate-900 leading-[1.15] mb-6 tracking-tight">
+          <h1 className="text-3xl sm:text-5xl lg:text-6xl font-extrabold text-slate-900 leading-tight md:leading-[1.15] mb-6 tracking-tight">
             Sistem Kasir Pintar dengan <br className="hidden md:block" />
             Teknologi <span className="text-teal-600">AI Assistance</span>
           </h1>
@@ -576,13 +577,49 @@ export default function App() {
       
       <main>
         {currentPage === 'home' ? renderHomePage() : renderIndustryDetail()}
-      </main>
+      
+      {/* MOBILE MENU DRAWER OUTSIDE NAVBAR */}
+      {isMenuOpen && (
+        <div 
+          className="fixed inset-0 z-[10000] bg-white flex flex-col md:hidden"
+          style={{ backgroundColor: 'white', opacity: 1 }}
+        >
+          <div className="flex justify-between items-center h-20 px-4 border-b border-slate-100 flex-shrink-0">
+            <div className="flex items-center gap-2">
+              <img src="/images/logokulakpos.png" alt="Kulakpos" className="h-8 w-auto" />
+            </div>
+            <button onClick={() => setIsMenuOpen(false)} className="text-slate-600 p-2 border border-slate-200 rounded-lg">
+              <X className="h-7 w-7" />
+            </button>
+          </div>
+          
+          <div className="flex-1 overflow-y-auto py-4 px-6 bg-white">
+            <div className="flex flex-col gap-4 font-bold text-base text-slate-800">
+              <a href="/#fitur" onClick={() => { setIsMenuOpen(false); setCurrentPage('home'); setTimeout(() => document.getElementById('fitur')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="pb-3 border-b border-slate-100 flex items-center justify-between">Fitur POS <ChevronRight className="w-4 h-4 text-slate-300" /></a>
+              <a href="/#ai" onClick={() => { setIsMenuOpen(false); setCurrentPage('home'); setTimeout(() => document.getElementById('ai')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="pb-3 border-b border-slate-100 flex items-center justify-between text-teal-600 font-extrabold">AI Assistance <Bot className="w-4 h-4" /></a>
+              <a href="/#perangkat" onClick={() => { setIsMenuOpen(false); setCurrentPage('home'); setTimeout(() => document.getElementById('perangkat')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="pb-3 border-b border-slate-100 flex items-center justify-between">Perangkat <ChevronRight className="w-4 h-4 text-slate-300" /></a>
+              <a href="/#solusi" onClick={() => { setIsMenuOpen(false); setCurrentPage('home'); setTimeout(() => document.getElementById('solusi')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="pb-3 border-b border-slate-100 flex items-center justify-between">Solusi Industri <ChevronRight className="w-4 h-4 text-slate-300" /></a>
+              <a href="/#harga" onClick={() => { setIsMenuOpen(false); setCurrentPage('home'); setTimeout(() => document.getElementById('harga')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="pb-3 border-b border-slate-100 flex items-center justify-between">Harga <ChevronRight className="w-4 h-4 text-slate-300" /></a>
+              
+              <div className="grid grid-cols-2 gap-3 mt-2">
+                <a href="/login" className="text-center py-3 rounded-lg border border-slate-200 text-slate-700 text-sm">Masuk</a>
+                <a href="/plans" className="text-center py-3 rounded-lg bg-teal-600 text-white shadow-md text-sm">Coba Gratis</a>
+              </div>
+            </div>
+          </div>
+          
+          <div className="p-6 border-t border-slate-100 bg-slate-50 text-center text-xs text-slate-500 font-medium flex-shrink-0">
+            © {new Date().getFullYear()} PT Sada Teknologi Indonesia.
+          </div>
+        </div>
+      )}
+    </main>
 
       {renderFooter()}
 
       {/* WHATSAPP WIDGET */}
       <a 
-        href="https://wa.me/6281234567890?text=Halo%20Kulakpos.id,%20saya%20tertarik%20dengan%20solusi%20POS%20dan%20AI%20Assistance%20Anda."
+        href="https://wa.me/6287783275818?text=Halo%20Kulakpos.id,%20saya%20tertarik%20dengan%20solusi%20POS%20dan%20AI%20Assistance%20Anda."
         target="_blank"
         rel="noopener noreferrer"
         className="fixed bottom-6 right-6 z-[60] group flex items-center gap-3"
diff --git a/resources/views/admin/settings/general.blade.php b/resources/views/admin/settings/general.blade.php
index 390557b0..87325294 100644
--- a/resources/views/admin/settings/general.blade.php
+++ b/resources/views/admin/settings/general.blade.php
@@ -62,7 +62,7 @@ class="form-control" placeholder="{{ __('Enter Link') }}">
                                         <label>{{ __('WhatsApp Number (For Floating Button)') }}</label>
                                         <input type="text" name="whatsapp_number"
                                             value="{{ $general->value['whatsapp_number'] ?? '' }}" class="form-control"
-                                            placeholder="{{ __('e.g., 6289620324323') }}">
+                                            placeholder="{{ __('e.g., 6287783275818') }}">
                                     </div>
 
                                     <div class="col-lg-6">
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 3fc25e48..795207ca 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -2,7 +2,9 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>KulakPOS</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Kulakpos.id - Solusi Kasir Pintar (SaaS POS) Terlengkap dengan Teknologi AI Assistance untuk UMKM Naik Kelas.">
+    <title>KulakPOS | Solusi Kasir Pintar Berbasis AI</title>
     @vite('resources/js/app.jsx')
 </head>
 <body>
diff --git a/resources/views/payments/index.blade.php b/resources/views/payments/index.blade.php
index 128d1cdd..98b04562 100644
--- a/resources/views/payments/index.blade.php
+++ b/resources/views/payments/index.blade.php
@@ -113,7 +113,7 @@ class="form-select w-auto country-input" required>
                                                                     </select>
                                                                     <input type="text" name="phone" id="phone"
                                                                         class="form-control number-input w-100"
-                                                                        placeholder="{{ __('Enter your phone number') }}" required>
+                                                                        placeholder="{{ __('e.g., 6287783275818') }}" required>
                                                                 </div>
                                                             </td>
                                                         </tr>
@@ -165,7 +165,7 @@ class="btn btn-md payment-btn">{{ __('Pay Now') }}</button>
 
     <!-- Floating WhatsApp Button -->
     @php
-        $whatsapp_number = \App\Models\Option::where('key', 'general')->first()->value['whatsapp_number'] ?? '6289620324323';
+        $whatsapp_number = \App\Models\Option::where('key', 'general')->first()->value['whatsapp_number'] ?? '6287783275818';
     @endphp
     @if($whatsapp_number)
         <a href="https://wa.me/{{ $whatsapp_number }}?text=Halo%20Admin,%20saya%20butuh%20bantuan%20terkait%20pembayaran"