yanto/kulakpos_web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perbaikan mobile view + no Whatsapp
All checks were successful
Build, Push and Deploy / build-and-push (push) Successful in 3m57s
Details
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 15s
Details
Build, Push and Deploy / deploy-staging (push) Successful in 38s
Details
Build, Push and Deploy / deploy-production (push) Has been skipped
Details
Build, Push and Deploy / cleanup (push) Successful in 1s
Details

Browse Source
This commit is contained in:
triagungbiantoro
2026-04-01 18:06:09 +07:00
parent 8fafbccb66
commit 80f4d8f046
4 changed files with 47 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
resources/js/App.jsx
View File

@@ -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"