diff --git a/package-lock.json b/package-lock.json
index 1f22d961..a5c9ddc9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-    "name": "public_html",
+    "name": "kulakpos_web",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
diff --git a/public/images/logokulakpos.png b/public/images/logokulakpos.png
new file mode 100644
index 00000000..32a8cd37
Binary files /dev/null and b/public/images/logokulakpos.png differ
diff --git a/resources/js/App.jsx b/resources/js/App.jsx
index d3cd786e..3cee2ea0 100644
--- a/resources/js/App.jsx
+++ b/resources/js/App.jsx
@@ -84,23 +84,18 @@ export default function App() {
     <nav className="fixed top-0 w-full bg-white/95 backdrop-blur-md z-50 border-b border-slate-200 transition-all shadow-sm">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex justify-between items-center h-20">
-          <div className="flex-shrink-0 flex items-center gap-2 cursor-pointer" onClick={() => setCurrentPage('home')}>
-            <div className="w-10 h-10 bg-teal-600 rounded-lg flex items-center justify-center shadow-md">
-              <Store className="text-white w-6 h-6" />
-            </div>
-            <span className="font-extrabold text-2xl text-slate-900 tracking-tight hidden sm:block">
-              Kulak<span className="text-teal-600">pos</span>
-            </span>
+          <div className="flex-shrink-0 flex items-center gap-2 cursor-pointer" onClick={() => { setCurrentPage('home'); window.location.href = '/'; }}>
+            <img src="/images/logokulakpos.png" alt="Kulakpos" className="h-10 w-auto" />
           </div>
 
           <div className="hidden md:flex space-x-8 items-center">
-            <a href="#fitur" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('fitur')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-slate-600 hover:text-teal-600 font-semibold transition-colors text-sm">Fitur POS</a>
-            <a href="#ai" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('ai')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-teal-600 hover:text-teal-700 font-bold transition-colors text-sm flex items-center gap-1.5 bg-teal-50 px-3 py-1.5 rounded-full border border-teal-100">
+            <a href="/#fitur" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('fitur')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-slate-600 hover:text-teal-600 font-semibold transition-colors text-sm">Fitur POS</a>
+            <a href="/#ai" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('ai')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-teal-600 hover:text-teal-700 font-bold transition-colors text-sm flex items-center gap-1.5 bg-teal-50 px-3 py-1.5 rounded-full border border-teal-100">
               <Bot className="w-4 h-4" /> AI Assistance
             </a>
-            <a href="#perangkat" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('perangkat')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-slate-600 hover:text-teal-600 font-semibold transition-colors text-sm">Perangkat</a>
-            <a href="#solusi" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('solusi')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-slate-600 hover:text-teal-600 font-semibold transition-colors text-sm">Solusi Industri</a>
-            <a href="#harga" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('harga')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-slate-600 hover:text-teal-600 font-semibold transition-colors text-sm">Harga</a>
+            <a href="/#perangkat" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('perangkat')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-slate-600 hover:text-teal-600 font-semibold transition-colors text-sm">Perangkat</a>
+            <a href="/#solusi" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('solusi')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-slate-600 hover:text-teal-600 font-semibold transition-colors text-sm">Solusi Industri</a>
+            <a href="/#harga" onClick={(e) => { e.preventDefault(); setCurrentPage('home'); setTimeout(() => document.getElementById('harga')?.scrollIntoView({behavior: 'smooth'}), 100); }} className="text-slate-600 hover:text-teal-600 font-semibold transition-colors text-sm">Harga</a>
           </div>
 
           <div className="hidden md:flex items-center space-x-4">
@@ -125,13 +120,8 @@ export default function App() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12 lg:gap-8 mb-12">
           <div className="lg:col-span-2">
-            <div className="flex items-center gap-2 mb-6 cursor-pointer" onClick={() => setCurrentPage('home')}>
-              <div className="w-10 h-10 bg-teal-600 rounded-lg flex items-center justify-center shadow-md">
-                <Store className="text-white w-6 h-6" />
-              </div>
-              <span className="font-extrabold text-2xl text-slate-900 tracking-tight">
-                Kulak<span className="text-teal-600">pos</span>
-              </span>
+            <div className="flex items-center gap-2 mb-6 cursor-pointer" onClick={() => { setCurrentPage('home'); window.location.href = '/'; }}>
+              <img src="/images/logokulakpos.png" alt="Kulakpos" className="h-10 w-auto" />
             </div>
             <p className="text-sm mb-6 max-w-sm leading-relaxed text-slate-500 font-medium">
               Penyedia layanan perangkat lunak kasir (SaaS POS) terkemuka di Indonesia. Misi kami adalah memberdayakan UMKM untuk naik kelas melalui teknologi kasir yang cerdas dan mudah.
@@ -196,9 +186,9 @@ export default function App() {
             <a href="/plans" className="w-full sm:w-auto bg-teal-600 hover:bg-teal-700 text-white px-8 py-4 rounded-lg text-base font-bold transition-all shadow-lg shadow-teal-600/20 flex items-center justify-center gap-2 group decoration-transparent">
               Coba Gratis Sekarang <ChevronRight className="w-5 h-5 group-hover:translate-x-1 transition-transform" />
             </a>
-            <button className="w-full sm:w-auto bg-white border-2 border-slate-200 hover:border-red-600 hover:text-red-600 text-slate-700 px-8 py-4 rounded-lg text-base font-bold transition-all">
+            <a href="/contact-us" className="w-full sm:w-auto bg-white border-2 border-slate-200 hover:border-red-600 hover:text-red-600 text-slate-700 px-8 py-4 rounded-lg text-base font-bold transition-all text-center decoration-transparent">
               Jadwalkan Demo
-            </button>
+            </a>
           </div>
         </div>
 
diff --git a/resources/views/layouts/web/partials/footer.blade.php b/resources/views/layouts/web/partials/footer.blade.php
index c55febe0..7aa27adc 100644
--- a/resources/views/layouts/web/partials/footer.blade.php
+++ b/resources/views/layouts/web/partials/footer.blade.php
@@ -4,7 +4,7 @@
         <div class="row mt-5">
             <div class="col-md-6 col-lg-5">
                 <a href="{{ route('home') }}">
-                    <img src="{{ asset($general->value['footer_logo'] ?? '') }}" alt="footer-logo" class="footer-logo" />
+                    <img src="/images/logokulakpos.png" alt="footer-logo" class="footer-logo" style="height: 40px; width: auto;" />
                 </a>
                 <p class="mt-3 footer-details">
                     {{ $page_data['headings']['footer_short_title'] ?? '' }}
diff --git a/resources/views/layouts/web/partials/header.blade.php b/resources/views/layouts/web/partials/header.blade.php
index 1b085388..44fbd09e 100644
--- a/resources/views/layouts/web/partials/header.blade.php
+++ b/resources/views/layouts/web/partials/header.blade.php
@@ -114,12 +114,8 @@
     <nav class="navbar navbar-expand-lg h-100" style="min-height:80px;">
         <div class="container" style="max-width:80rem;">
             <!-- Logo -->
-            <a class="navbar-brand d-flex align-items-center m-0 p-0" href="{{ route('home') }}">
-                <div class="rh-logo-icon">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"/><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"/><path d="M2 7h20"/><path d="M22 7v3a2 2 0 0 1-2 2v0a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12v0a2 2 0 0 1-2-2V7"/></svg>
-                </div>
-                <!-- Hide text on mobile using d-none d-sm-block -->
-                <span class="rh-logo-text d-none d-md-block">Kulak<span>pos</span></span>
+            <a href="{{ route('home') }}">
+                <img src="/images/logokulakpos.png" alt="footer-logo" class="footer-logo" style="height: 40px; width: auto;" />
             </a>
 
             <!-- Mobile Toggle -->