{"id":12321,"date":"2025-08-01T17:47:47","date_gmt":"2025-08-01T10:47:47","guid":{"rendered":"https:\/\/starfield.id\/?page_id=12321"},"modified":"2025-08-01T17:48:50","modified_gmt":"2025-08-01T10:48:50","slug":"software-inventory","status":"publish","type":"page","link":"https:\/\/starfield.id\/?page_id=12321","title":{"rendered":"software inventory"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12321\" class=\"elementor elementor-12321\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c72d0a e-flex e-con-boxed e-con e-parent\" data-id=\"2c72d0a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bbca88 elementor-widget elementor-widget-html\" data-id=\"7bbca88\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Unlock Warehouse Efficiency: Software Inventory WMS - Demo Available!<\/title>  \r\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon.png\"> \r\n    <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.16\"><\/script> \r\n\r\n        <!-- Primary Meta Tags -->\r\n    <meta name=\"description\" content=\"Transform your warehouse with Software Inventory WMS! Streamline operations, eliminate errors, and boost profits. Try our free demo and see the difference today!\">\r\n    \r\n    <!-- Open Graph \/ Facebook -->\r\n    <meta property=\"og:type\" content=\"website\">\r\n    <meta property=\"og:url\" content=\"\/\/id.tapsite.ai\/software-inventory-wms-1754044744455\">\r\n    <meta property=\"og:title\" content=\"Unlock Warehouse Efficiency: Software Inventory WMS - Demo Available!\">\r\n    <meta property=\"og:description\" content=\"Transform your warehouse with Software Inventory WMS! Streamline operations, eliminate errors, and boost profits. Try our free demo and see the difference today!\">\r\n    <meta property=\"og:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n    <!-- Twitter -->\r\n    <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n    <meta property=\"twitter:url\" content=\"\/\/id.tapsite.ai\/software-inventory-wms-1754044744455\">\r\n    <meta property=\"twitter:title\" content=\"Unlock Warehouse Efficiency: Software Inventory WMS - Demo Available!\">\r\n    <meta property=\"twitter:description\" content=\"Transform your warehouse with Software Inventory WMS! Streamline operations, eliminate errors, and boost profits. Try our free demo and see the difference today!\">\r\n    <meta property=\"twitter:image\" content=\"https:\/\/placehold.co\/600x400?text=tapsite.ai\">\r\n\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n\r\n    <meta name=\"page_id\" content=\"01986536-b813-7-9468-fd0465059b5d7379\">\r\n    <meta name=\"slug\" content=\"software-inventory-wms-1754044744455\">\r\n    <meta name=\"user_id\" content=\"d4381967-72af-4627-a373-6cdb2a3990a9\">\r\n    <meta name=\"submit_event\" content=\"null\">\r\n    <meta name=\"click_event\" content=\"null\">\r\n    <meta name=\"watermark\" content=\"1\">\r\n\r\n\r\n     \r\n     <script>\r\n        tailwind.config = {\r\n            darkMode: 'class',\r\n        }\r\n      <\/script>\r\n  <script type=\"module\" crossorigin src=\"\/assets\/page-B4cB-CPw.js\"><\/script>\r\n  <link rel=\"modulepreload\" crossorigin href=\"\/assets\/clsx-BzO1I1Lv.js\">\r\n  <link rel=\"modulepreload\" crossorigin href=\"\/assets\/helper-DIlSXS_y.js\">\r\n  <link rel=\"modulepreload\" crossorigin href=\"\/assets\/index-XmX7O0f2.js\">\r\n  <link rel=\"modulepreload\" crossorigin href=\"\/assets\/axios-CCb-kr4I.js\">\r\n  <link rel=\"modulepreload\" crossorigin href=\"\/assets\/ChatBox-BHw7yxwW.js\">\r\n  <link rel=\"modulepreload\" crossorigin href=\"\/assets\/chat-B0Pa4yjU.js\">\r\n  <link rel=\"stylesheet\" crossorigin href=\"\/assets\/ChatBox-CtO14UJg.css\">\r\n<\/head>\r\n<body status=\"draft\">\r\n<section class=\"relative overflow-hidden bg-gray-50 font-sans\">\r\n    <!-- Navigation Bar -->\r\n    <nav class=\"relative z-20 mx-auto px-4 py-6 sm:px-6 lg:px-8 bg-white shadow-sm\">\r\n        <div class=\"flex items-center justify-between\">\r\n            <a href=\"#\" class=\"flex items-center space-x-2  custom-cursor\">\r\n                <span class=\"text-3xl font-bold text-blue-800  custom-cursor\">Software Inventory<\/span>\r\n            <\/a>\r\n            <div class=\"hidden lg:flex lg:items-center lg:space-x-8\">\r\n                <a href=\"#\" class=\"text-gray-700 hover:text-blue-800 transition duration-300 font-medium  custom-cursor\">Fitur<\/a>\r\n                <a href=\"#\" class=\"text-gray-700 hover:text-blue-800 transition duration-300 font-medium  custom-cursor\">Solusi<\/a>\r\n                <a href=\"#\" class=\"text-gray-700 hover:text-blue-800 transition duration-300 font-medium  custom-cursor\">Industri<\/a>\r\n                <a href=\"#\" class=\"text-gray-700 hover:text-blue-800 transition duration-300 font-medium  custom-cursor\">Harga<\/a>\r\n                <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"px-5 py-2 rounded-lg text-white bg-sky-500 hover:bg-sky-600 transition duration-300 font-medium shadow-md  custom-cursor\">Demo<\/a>\r\n            <\/div>\r\n            <!-- Mobile Menu Button -->\r\n            <button id=\"mobile-menu-button\" class=\"lg:hidden text-gray-700 focus:outline-none  custom-cursor\">\r\n                <svg class=\"h-8 w-8  custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Mobile Menu Overlay (Hidden by default) -->\r\n    <div id=\"mobile-menu\" class=\"fixed inset-0 z-30 hidden bg-white bg-opacity-95 lg:hidden\">\r\n        <div class=\"flex justify-end p-6\">\r\n            <button id=\"close-mobile-menu\" class=\"text-gray-700 focus:outline-none  custom-cursor\">\r\n                <svg class=\"h-8 w-8  custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"flex flex-col items-center space-y-6 text-xl\">\r\n            <a href=\"#\" class=\"text-gray-800 hover:text-blue-800 transition duration-300  custom-cursor\">Fitur<\/a>\r\n            <a href=\"#\" class=\"text-gray-800 hover:text-blue-800 transition duration-300  custom-cursor\">Solusi<\/a>\r\n            <a href=\"#\" class=\"text-gray-800 hover:text-blue-800 transition duration-300  custom-cursor\">Industri<\/a>\r\n            <a href=\"#\" class=\"text-gray-800 hover:text-blue-800 transition duration-300  custom-cursor\">Harga<\/a>\r\n            <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"px-6 py-3 rounded-lg text-white bg-sky-500 hover:bg-sky-600 transition duration-300 font-medium shadow-md  custom-cursor\">Coba Demo Gratis<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Hero Section Content -->\r\n    <div class=\"relative z-10 mx-auto px-4 py-16 sm:px-6 lg:px-8 lg:grid lg:grid-cols-2 lg:gap-12 items-center min-h-[calc(100vh-80px)]\">\r\n        <div class=\"lg:order-1 text-center lg:text-left\">\r\n            <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-blue-900 leading-tight mb-4 animate-fade-in-down  custom-cursor\">\r\n                Revolusikan Manajemen Gudang Anda\r\n            <\/h1>\r\n            <p class=\"text-lg sm:text-xl text-gray-700 mb-6 lg:max-w-xl animate-fade-in-up  custom-cursor\">\r\n                Software Inventory: Sistem WMS Terdepan untuk Efisiensi dan Akurasi Maksimal.\r\n            <\/p>\r\n            <p class=\"text-md text-gray-600 mb-8 lg:max-w-xl animate-fade-in-up delay-200  custom-cursor\">\r\n                Didukung PHP, MySQL, dan Tailwind CSS, memberikan kontrol penuh atas inventaris, transaksi, dan pelaporan dengan antarmuka modern yang responsif.\r\n            <\/p>\r\n            <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center px-8 py-4 bg-sky-500 text-white font-semibold text-lg rounded-lg shadow-xl hover:bg-sky-600 transition duration-300 ease-in-out transform hover:scale-105 animate-fade-in-up delay-400  custom-cursor\">\r\n                Coba Demo Gratis\r\n                <svg class=\"ml-3 h-5 w-5  custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"lg:order-2 mt-12 lg:mt-0 flex justify-center items-center relative animate-fade-in-right\">\r\n            <div class=\"relative w-full max-w-lg lg:max-w-none\">\r\n                <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986539-4216-7-a464-059bcf954a0c28ef.webp\" alt=\"Antarmuka Dashboard Software Inventory\" class=\"rounded-xl shadow-2xl ring-4 ring-blue-100\/50 transform transition-all duration-500 hover:scale-102 hover:shadow-3xl  custom-cursor\">\r\n                <!-- Abstract elements for connectivity -->\r\n                <div class=\"absolute -bottom-10 -left-10 w-24 h-24 bg-blue-100 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob-fade\"><\/div>\r\n                <div class=\"absolute -top-10 -right-10 w-32 h-32 bg-sky-100 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob-fade animation-delay-2000\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Experimental CSS and Micro-interactions -->\r\n    <style>\r\n        @keyframes fadeInDown {\r\n            from { opacity: 0; transform: translateY(-20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        @keyframes fadeInRight {\r\n            from { opacity: 0; transform: translateX(20px); }\r\n            to { opacity: 1; transform: translateX(0); }\r\n        }\r\n        @keyframes blobFade {\r\n            0%, 100% { opacity: 0.7; transform: scale(1); }\r\n            50% { opacity: 0.9; transform: scale(1.1); }\r\n        }\r\n        .animate-fade-in-down { animation: fadeInDown 1s ease-out forwards; }\r\n        .animate-fade-in-up { animation: fadeInUp 1s ease-out forwards; }\r\n        .animate-fade-in-right { animation: fadeInRight 1s ease-out forwards; }\r\n        .animate-blob-fade { animation: blobFade 4s infinite alternate; }\r\n        .delay-200 { animation-delay: 0.2s; }\r\n        .delay-400 { animation-delay: 0.4s; }\r\n        .animation-delay-2000 { animation-delay: 2s; }\r\n    <\/style>\r\n\r\n    <!-- Vanilla JavaScript for Mobile Menu -->\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const mobileMenuButton = document.getElementById('mobile-menu-button');\r\n            const closeMobileMenuButton = document.getElementById('close-mobile-menu');\r\n            const mobileMenu = document.getElementById('mobile-menu');\r\n\r\n            mobileMenuButton.addEventListener('click', function() {\r\n                mobileMenu.classList.remove('hidden');\r\n                document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling when menu is open\r\n            });\r\n\r\n            closeMobileMenuButton.addEventListener('click', function() {\r\n                mobileMenu.classList.add('hidden');\r\n                document.body.style.overflow = ''; \/\/ Restore scrolling\r\n            });\r\n\r\n            \/\/ Close menu when a link is clicked\r\n            mobileMenu.querySelectorAll('a').forEach(link => {\r\n                link.addEventListener('click', function() {\r\n                    mobileMenu.classList.add('hidden');\r\n                    document.body.style.overflow = '';\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/section><section class=\"bg-white py-16 sm:py-24 font-sans\">\r\n    <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-6xl\">\r\n        <div class=\"lg:grid lg:grid-cols-2 lg:gap-12 items-center\">\r\n            <div class=\"lg:order-2 flex justify-center lg:justify-end mb-12 lg:mb-0\">\r\n                <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986539-4216-7-a464-059bcf954a0c28ef.webp\" alt=\"Ilustrasi alur kerja gudang yang efisien\" class=\"rounded-xl shadow-2xl transform transition-all duration-500 hover:scale-102 hover:shadow-3xl ring-4 ring-blue-100\/50  custom-cursor\">\r\n            <\/div>\r\n            <div class=\"lg:order-1 text-center lg:text-left\">\r\n                <h2 class=\"text-4xl sm:text-5xl font-extrabold text-blue-900 mb-6 leading-tight  custom-cursor\">\r\n                    Pengenalan Software Inventory\r\n                <\/h2>\r\n                <p class=\"text-lg sm:text-xl text-gray-700 leading-relaxed  custom-cursor\">\r\n                    Software Inventory adalah Sistem Manajemen Gudang (WMS) komprehensif yang dirancang untuk mengoptimalkan seluruh operasi gudang Anda. Dibangun dengan PHP dan MySQL, serta antarmuka responsif modern berbasis Tailwind CSS, solusi kami memastikan manajemen inventaris yang akurat, efisien, dan transparan. Dari penerimaan hingga pengiriman, setiap proses terkontrol penuh.\r\n                <\/p>\r\n                <p class=\"mt-6 text-md text-gray-600  custom-cursor\">\r\n                    Kami berdedikasi untuk memberikan kontrol penuh, mengurangi kesalahan, dan meningkatkan produktivitas dalam setiap aspek operasional gudang Anda.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section><section class=\"bg-gray-50 py-16 sm:py-24 font-sans\">\r\n    <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-6xl\">\r\n        <div class=\"text-center mb-16\">\r\n            <h2 class=\"text-4xl sm:text-5xl font-extrabold text-blue-900 mb-4 leading-tight  custom-cursor\">\r\n                Hadapi Tantangan Gudang Anda dengan Solusi Kami\r\n            <\/h2>\r\n            <p class=\"text-lg sm:text-xl text-gray-700  custom-cursor\">\r\n                Apakah Anda sering menghadapi masalah ini?\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n            <!-- Problem Section -->\r\n            <div class=\"order-2 lg:order-1 bg-white p-8 rounded-xl shadow-lg border border-gray-100 transform transition-all duration-500 hover:scale-[1.01] hover:shadow-xl\">\r\n                <h3 class=\"text-3xl font-bold text-gray-900 mb-6  custom-cursor\">Masalah yang Sering Dihadapi:<\/h3>\r\n                <ul class=\"space-y-6 text-lg text-gray-700  custom-cursor\">\r\n                    <li class=\"flex items-start\">\r\n                        <svg class=\"flex-shrink-0 w-7 h-7 text-red-500 mt-1 mr-3  custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                        <\/svg>\r\n                        <div>\r\n                            <strong class=\"text-gray-900\">Kesalahan Data Stok:<\/strong> Kesulitan melacak inventaris secara akurat, menyebabkan kerugian dan ketidaksesuaian.\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"flex items-start\">\r\n                        <svg class=\"flex-shrink-0 w-7 h-7 text-red-500 mt-1 mr-3  custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                        <\/svg>\r\n                        <div>\r\n                            <strong class=\"text-gray-900\">Operasional Manual yang Memakan Waktu:<\/strong> Proses fisik yang lambat, rentan kesalahan manusia, dan menghambat efisiensi.\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"flex items-start\">\r\n                        <svg class=\"flex-shrink-0 w-7 h-7 text-red-500 mt-1 mr-3  custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\r\n                        <\/svg>\r\n                        <div>\r\n                            <strong class=\"text-gray-900\">Pelaporan Tidak Akurat:<\/strong> Kurangnya visibilitas data yang tepat dan real-time untuk pengambilan keputusan strategis.\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"flex items-start\">\r\n                        <svg class=\"flex-shrink-0 w-7 h-7 text-red-500 mt-1 mr-3  custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2zm7-9v8m-4-4h8\"><\/path>\r\n                        <\/svg>\r\n                        <div>\r\n                            <strong class=\"text-gray-900\">Manajemen Kadaluarsa:<\/strong> Produk melewati tanggal kadaluarsa tanpa notifikasi, menyebabkan pemborosan dan kerugian.\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"flex items-start\">\r\n                        <svg class=\"flex-shrink-0 w-7 h-7 text-red-500 mt-1 mr-3  custom-cursor\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m0 0l7 7m-9-7v10a1 1 0 01-1 1H6a1 1 0 01-1-1v-4m0-4H9\"><\/path>\r\n                        <\/svg>\r\n                        <div>\r\n                            <strong class=\"text-gray-900\">Pengelolaan Multi-Gudang yang Rumit:<\/strong> Sulitnya mengelola stok di berbagai lokasi secara terpusat dan efisien.\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Solution Section & Image -->\r\n            <div class=\"order-1 lg:order-2 flex flex-col justify-center items-center text-center lg:text-left\">\r\n                <div class=\"relative w-full mb-12 lg:mb-0\">\r\n                    <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986539-4216-7-a464-059bcf954a0c28ef.webp\" alt=\"Visualisasi gudang tertata rapi vs berantakan\" class=\"rounded-xl shadow-2xl ring-4 ring-sky-100\/50 transform transition-all duration-500 hover:scale-102 hover:shadow-3xl  custom-cursor\">\r\n                    <div class=\"absolute inset-0 flex items-center justify-center\">\r\n                        <!-- Creative overlay for transition -->\r\n                        <div class=\"w-full h-full bg-gradient-to-br from-blue-900\/60 to-sky-600\/60 rounded-xl opacity-0 hover:opacity-100 transition-opacity duration-500 flex items-center justify-center\">\r\n                            <span class=\"text-white text-2xl font-bold p-4 text-center  custom-cursor\">Software Inventory: <br> Solusi Efisiensi Anda<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mt-8 lg:mt-0 bg-blue-800 p-8 rounded-xl shadow-lg text-white transform transition-all duration-500 hover:scale-[1.01] hover:shadow-xl\">\r\n                    <h3 class=\"text-3xl font-bold mb-4  custom-cursor\">Solusi Kami:<\/h3>\r\n                    <p class=\"text-lg leading-relaxed  custom-cursor\">\r\n                        Software Inventory hadir sebagai jawaban atas semua tantangan tersebut. Kami menyediakan sistem terintegrasi yang mengotomatisasi, menyederhanakan, dan memberikan akurasi tak tertandingi untuk setiap aspek manajemen gudang Anda. Dapatkan kontrol penuh dan visibilitas real-time yang Anda butuhkan untuk mendorong pertumbuhan bisnis.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section><section class=\"py-16 bg-gray-50\">\r\n  <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\r\n    <div class=\"text-center mb-12\">\r\n      <h2 class=\"text-4xl md:text-5xl font-extrabold text-gray-900 leading-tight mb-4  custom-cursor\">Fitur Lengkap untuk Kontrol Penuh<\/h2>\r\n      <p class=\"text-lg text-gray-700 max-w-3xl mx-auto  custom-cursor\">Software Inventory dilengkapi dengan serangkaian fitur canggih yang dirancang untuk mendukung setiap kebutuhan operasional gudang Anda.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n      <!-- Manajemen Data Master -->\r\n      <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-blue-100\">\r\n        <h3 class=\"text-2xl font-bold text-blue-800 mb-4 flex items-center  custom-cursor\">\r\n          <svg class=\"w-8 h-8 mr-3 text-blue-500  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\"><\/path><\/svg>\r\n          Manajemen Data Master\r\n        <\/h3>\r\n        <ul class=\"space-y-3 text-gray-700 text-base  custom-cursor\">\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Produk: Kelola informasi produk dengan barcode, kategori, satuan, dan level stok minimum.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Kategori: Kelompokkan produk untuk organisasi yang logis.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Satuan: Definisikan satuan ukuran yang fleksibel (buah, kg, liter, dll.).<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Pemasok: Database pemasok lengkap dengan detail kontak.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Pelanggan: Simpan informasi pelanggan untuk proses penjualan yang mulus.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Gudang: Dukungan untuk manajemen multi-gudang.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Rak\/Slot: Pelacakan lokasi penyimpanan yang rinci di dalam gudang.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Manajemen Transaksi -->\r\n      <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-blue-100\">\r\n        <h3 class=\"text-2xl font-bold text-blue-800 mb-4 flex items-center  custom-cursor\">\r\n          <svg class=\"w-8 h-8 mr-3 text-blue-500  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\r\n          Manajemen Transaksi\r\n        <\/h3>\r\n        <ul class=\"space-y-3 text-gray-700 text-base  custom-cursor\">\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Purchase Order (PO): Buat dan kelola pesanan pembelian dari pemasok.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Penerimaan Barang: Lakukan penerimaan barang sesuai PO dengan pengecekan kualitas.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Sales Order (SO): Proses pesanan pelanggan dengan pelacakan status real-time.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Pengiriman Barang: Proses pengambilan, pengemasan, dan pengiriman pesanan.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Transfer Stok: Pindahkan stok antar gudang atau lokasi penyimpanan.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Stock Opname: Lakukan penghitungan fisik dan rekonsiliasi stok dengan mudah.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Retur: Tangani retur pembelian maupun penjualan secara efisien.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Fitur Lanjutan -->\r\n      <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-blue-100\">\r\n        <h3 class=\"text-2xl font-bold text-blue-800 mb-4 flex items-center  custom-cursor\">\r\n          <svg class=\"w-8 h-8 mr-3 text-blue-500  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\r\n          Fitur Lanjutan\r\n        <\/h3>\r\n        <ul class=\"space-y-3 text-gray-700 text-base  custom-cursor\">\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Dukungan Barcode\/QR Code: Buat dan pindai barcode\/QR code untuk identifikasi produk cepat.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Tracking FIFO\/FEFO: Manajemen stok berdasarkan First-In-First-Out dan First-Expired-First-Out.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Pelacakan Tanggal Kadaluarsa: Pantau tanggal kedaluwarsa produk dengan notifikasi otomatis.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Notifikasi Stok Rendah: Pemberitahuan otomatis jika stok di bawah batas minimum.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Manajemen Hak Akses Pengguna: Tingkatan akses fleksibel (Admin, Supervisor, Staf).<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Log Aktivitas: Jejak audit lengkap dari semua aktivitas pengguna.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Sistem Pelaporan Komprehensif -->\r\n      <div class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-blue-100\">\r\n        <h3 class=\"text-2xl font-bold text-blue-800 mb-4 flex items-center  custom-cursor\">\r\n          <svg class=\"w-8 h-8 mr-3 text-blue-500  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 2v-6m2 8V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-5l-4-4H9a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4\"><\/path><\/svg>\r\n          Sistem Pelaporan Komprehensif\r\n        <\/h3>\r\n        <ul class=\"space-y-3 text-gray-700 text-base  custom-cursor\">\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Laporan Stok: Berdasarkan gudang dan lokasi.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Laporan Transaksi: Pembelian, penjualan, perpindahan stok.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Peringatan Stok: Stok rendah dan produk mendekati kedaluwarsa.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Laporan Aktivitas: Pemasok dan pelanggan.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Laporan Selisih: Hasil stock opname.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Log Aktivitas Pengguna: Histori lengkap aktivitas.<\/li>\r\n          <li class=\"flex items-start\"><svg class=\"w-5 h-5 mr-2 mt-1 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>Ekspor Data: Tersedia dalam format Excel dan PDF.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mt-16 text-center\">\r\n      <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986539-4216-7-a464-059bcf954a0c28ef.webp\" alt=\"Tampilan Antarmuka Software Inventory\" class=\"rounded-xl shadow-2xl mx-auto border-4 border-blue-200  custom-cursor\" loading=\"lazy\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section><section class=\"py-16 bg-white\">\r\n  <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\r\n    <div class=\"text-center mb-12\">\r\n      <h2 class=\"text-4xl md:text-5xl font-extrabold text-gray-900 leading-tight mb-4  custom-cursor\">Ideal untuk Berbagai Industri<\/h2>\r\n      <p class=\"text-lg text-gray-700 max-w-3xl mx-auto  custom-cursor\">Software Inventory dirancang untuk mendukung kebutuhan manajemen gudang yang beragam di berbagai sektor bisnis.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 mb-12\">\r\n      <div class=\"bg-gray-50 p-6 rounded-lg text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 border border-blue-50\">\r\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/ADD8E6\/004080?text=Manufaktur\" alt=\"Industri Manufaktur\" class=\"mx-auto mb-4 rounded-full border-4 border-blue-200  custom-cursor\">\r\n        <h3 class=\"text-xl font-semibold text-blue-800 mb-2  custom-cursor\">Manufaktur<\/h3>\r\n        <p class=\"text-gray-700  custom-cursor\">Untuk mengelola bahan baku dan produk jadi dengan presisi.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bg-gray-50 p-6 rounded-lg text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 border border-blue-50\">\r\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/ADD8E6\/004080?text=Ritel+%26+E-commerce\" alt=\"Industri Ritel dan E-commerce\" class=\"mx-auto mb-4 rounded-full border-4 border-blue-200  custom-cursor\">\r\n        <h3 class=\"text-xl font-semibold text-blue-800 mb-2  custom-cursor\">Ritel dan E-commerce<\/h3>\r\n        <p class=\"text-gray-700  custom-cursor\">Optimalisasi inventaris untuk toko fisik dan platform online Anda.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bg-gray-50 p-6 rounded-lg text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 border border-blue-50\">\r\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/ADD8E6\/004080?text=Logistik+%26+Distribusi\" alt=\"Industri Logistik dan Distribusi\" class=\"mx-auto mb-4 rounded-full border-4 border-blue-200  custom-cursor\">\r\n        <h3 class=\"text-xl font-semibold text-blue-800 mb-2  custom-cursor\">Logistik dan Distribusi<\/h3>\r\n        <p class=\"text-gray-700  custom-cursor\">Memastikan alur barang yang lancar dan cepat dari hulu ke hilir.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bg-gray-50 p-6 rounded-lg text-center shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 border border-blue-50\">\r\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/ADD8E6\/004080?text=Grosir\" alt=\"Industri Grosir\" class=\"mx-auto mb-4 rounded-full border-4 border-blue-200  custom-cursor\">\r\n        <h3 class=\"text-xl font-semibold text-blue-800 mb-2  custom-cursor\">Grosir<\/h3>\r\n        <p class=\"text-gray-700  custom-cursor\">Pengelolaan stok volume tinggi dengan efisiensi dan akurasi.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"text-center mt-8\">\r\n      <p class=\"text-lg text-gray-700  custom-cursor\">Dan semua bisnis lain yang membutuhkan kontrol penuh atas inventaris mereka.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><section class=\"py-16 bg-gray-50\">\r\n  <div class=\"max-w-xl mx-auto px-6 lg:px-8\">\r\n    <div class=\"text-center mb-12\">\r\n      <h2 class=\"text-4xl md:text-5xl font-extrabold text-gray-900 leading-tight mb-4  custom-cursor\">Dapatkan Solusi WMS Terbaik<\/h2>\r\n      <p class=\"text-lg text-gray-700  custom-cursor\">Investasikan pada efisiensi operasional Anda dengan harga yang transparan.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bg-white p-8 sm:p-10 rounded-xl shadow-2xl border-4 border-blue-400 transform scale-105 relative z-10\">\r\n      <div class=\"text-center mb-8\">\r\n        <h3 class=\"text-3xl font-extrabold text-blue-800 mb-2  custom-cursor\">Solusi Premium Software Inventory<\/h3>\r\n        <p class=\"text-gray-600 text-lg  custom-cursor\">Lisensi Perusahaan (Satu Kali Pembayaran)<\/p>\r\n        <div class=\"my-6\">\r\n          <span class=\"text-5xl font-extrabold text-gray-900 block  custom-cursor\">Rp 5.000.000<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <ul class=\"space-y-4 text-gray-700 mb-10 text-lg  custom-cursor\">\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Manajemen Data Master Lengkap\r\n        <\/li>\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Transaksi Pembelian dan Penjualan Terpadu\r\n        <\/li>\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Pelacakan Stok Real-time (FIFO\/FEFO)\r\n        <\/li>\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Notifikasi Stok Rendah Otomatis\r\n        <\/li>\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Sistem Pelaporan Komprehensif (Ekspor Excel\/PDF)\r\n        <\/li>\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Dukungan Barcode dan QR Code\r\n        <\/li>\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Manajemen Multi-Gudang\r\n        <\/li>\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Log Aktivitas Pengguna\r\n        <\/li>\r\n        <li class=\"flex items-center\">\r\n          <svg class=\"w-6 h-6 mr-3 text-blue-600 flex-shrink-0  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n          Dukungan Teknis Dasar\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"text-center\">\r\n        <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-4 border border-transparent text-lg font-semibold rounded-full shadow-lg text-white bg-blue-800 hover:bg-blue-700 transition-all duration-300 transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-blue-300  custom-cursor\">\r\n          Beli Sekarang\r\n          <svg class=\"w-5 h-5 ml-2  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><section class=\"relative bg-white py-16 md:py-24 overflow-hidden\">\r\n  <div class=\"absolute inset-0 bg-gradient-to-br from-blue-50 to-blue-100 opacity-50 z-0\"><\/div>\r\n  <div class=\"relative z-10 max-w-6xl mx-auto px-6 text-center\">\r\n    <h2 class=\"text-4xl md:text-5xl font-extrabold text-gray-800 mb-6 leading-tight  custom-cursor\">\r\n      Lihat Sendiri Perbedaannya\r\n    <\/h2>\r\n    <p class=\"text-lg md:text-xl text-gray-600 mb-10 max-w-3xl mx-auto  custom-cursor\">\r\n      Jangan hanya percaya kata-kata kami. Jadwalkan demo gratis sekarang untuk melihat bagaimana Software Inventory dapat mengubah manajemen gudang Anda menjadi lebih efisien dan akurat.\r\n    <\/p>\r\n    <a href=\"https:\/\/wa.me\/6282136068256\" class=\"inline-flex items-center justify-center px-8 py-4 border border-transparent text-lg font-semibold rounded-full shadow-lg text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 ease-in-out transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-blue-300  custom-cursor\">\r\n      Jadwalkan Demo Gratis\r\n      <svg class=\"ml-3 w-5 h-5  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n      <\/svg>\r\n    <\/a>\r\n    <div class=\"mt-16 md:mt-24 relative w-full h-80 md:h-96 bg-gray-200 rounded-3xl overflow-hidden shadow-2xl border-4 border-blue-500 transform hover:scale-[1.01] transition-transform duration-500 ease-out\">\r\n      <img decoding=\"async\" src=\"https:\/\/storage.tapsite.ai\/media\/assets\/01986539-4216-7-a464-059bcf954a0c28ef.webp\" alt=\"Antarmuka interaktif Software Inventory\" class=\"w-full h-full object-cover  custom-cursor\">\r\n      <div class=\"absolute inset-0 flex items-center justify-center bg-black bg-opacity-10 backdrop-blur-[1px]\">\r\n        <div class=\"p-4 bg-white rounded-xl shadow-lg flex items-center space-x-3 text-blue-800 font-medium text-lg animate-pulse\">\r\n          <svg class=\"w-6 h-6  custom-cursor\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" d=\"M3 5a2 2 0 012-2h10a2 2 0 012 2v8a2 2 0 01-2 2h-2.293l1.146 1.146A.5.5 0 0115 17h-5a.5.5 0 01-.354-.854L10 16h-.828a1 1 0 00-.707.293l-2 2c-.63.63-.182 1.707.707 1.707H17a3 3 0 003-3V5a3 3 0 00-3-3H5a3 3 0 00-3 3v10a3 3 0 003 3h.586l-2 2A1 1 0 013 18V5z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n          <span class=\" custom-cursor\">Siap Demo? Hubungi Kami!<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><section class=\"bg-gray-50 py-16 md:py-24\">\r\n  <div class=\"max-w-6xl mx-auto px-6\">\r\n    <h2 class=\"text-4xl md:text-5xl font-extrabold text-gray-800 text-center mb-12 leading-tight  custom-cursor\">\r\n      Pertanyaan yang Sering Diajukan\r\n    <\/h2>\r\n    <p class=\"text-lg md:text-xl text-gray-600 text-center mb-16 max-w-3xl mx-auto  custom-cursor\">\r\n      Temukan jawaban atas pertanyaan umum seputar Software Inventory agar Anda lebih yakin dengan solusi kami.\r\n    <\/p>\r\n\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12\">\r\n      <div class=\"space-y-6\">\r\n        <!-- FAQ Item 1 -->\r\n        <div class=\"faq-item bg-white p-6 rounded-xl shadow-lg border border-gray-200 cursor-pointer transition-all duration-300 ease-in-out hover:shadow-xl group\">\r\n          <div class=\"flex justify-between items-center py-2\">\r\n            <h3 class=\"text-xl font-semibold text-gray-700 group-hover:text-blue-600 transition-colors duration-300  custom-cursor\">\r\n              Q: Apakah Software Inventory mendukung multi-gudang?\r\n            <\/h3>\r\n            <span class=\"faq-icon text-blue-600 text-2xl transform transition-transform duration-300 ease-in-out  custom-cursor\">\r\n              +\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer max-h-0 overflow-hidden text-gray-600 pt-0 transition-all duration-500 ease-in-out opacity-0 group-hover:opacity-100\">\r\n            <p class=\"py-4 border-t border-gray-200 mt-2  custom-cursor\">\r\n              Ya, sistem kami dirancang untuk mendukung manajemen multi-gudang secara terpusat, memberikan Anda visibilitas penuh atas stok di berbagai lokasi dari satu platform.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 2 -->\r\n        <div class=\"faq-item bg-white p-6 rounded-xl shadow-lg border border-gray-200 cursor-pointer transition-all duration-300 ease-in-out hover:shadow-xl group\">\r\n          <div class=\"flex justify-between items-center py-2\">\r\n            <h3 class=\"text-xl font-semibold text-gray-700 group-hover:text-blue-600 transition-colors duration-300  custom-cursor\">\r\n              Q: Bagaimana sistem ini membantu dengan tanggal kadaluarsa?\r\n            <\/h3>\r\n            <span class=\"faq-icon text-blue-600 text-2xl transform transition-transform duration-300 ease-in-out  custom-cursor\">\r\n              +\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer max-h-0 overflow-hidden text-gray-600 pt-0 transition-all duration-500 ease-in-out opacity-0 group-hover:opacity-100\">\r\n            <p class=\"py-4 border-t border-gray-200 mt-2  custom-cursor\">\r\n              Software ini dilengkapi dengan fitur pelacakan tanggal kadaluarsa dan notifikasi otomatis. Anda akan mendapatkan peringatan dini untuk produk yang mendekati tanggal kedaluwarsa, membantu meminimalkan kerugian.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 3 -->\r\n        <div class=\"faq-item bg-white p-6 rounded-xl shadow-lg border border-gray-200 cursor-pointer transition-all duration-300 ease-in-out hover:shadow-xl group\">\r\n          <div class=\"flex justify-between items-center py-2\">\r\n            <h3 class=\"text-xl font-semibold text-gray-700 group-hover:text-blue-600 transition-colors duration-300  custom-cursor\">\r\n              Q: Apakah ada dukungan teknis setelah pembelian?\r\n            <\/h3>\r\n            <span class=\"faq-icon text-blue-600 text-2xl transform transition-transform duration-300 ease-in-out  custom-cursor\">\r\n              +\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer max-h-0 overflow-hidden text-gray-600 pt-0 transition-all duration-500 ease-in-out opacity-0 group-hover:opacity-100\">\r\n            <p class=\"py-4 border-t border-gray-200 mt-2  custom-cursor\">\r\n              Ya, kami menyediakan dukungan teknis dasar untuk memastikan kelancaran operasional Anda. Tim kami siap membantu jika Anda mengalami kendala teknis.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"space-y-6\">\r\n        <!-- FAQ Item 4 -->\r\n        <div class=\"faq-item bg-white p-6 rounded-xl shadow-lg border border-gray-200 cursor-pointer transition-all duration-300 ease-in-out hover:shadow-xl group\">\r\n          <div class=\"flex justify-between items-center py-2\">\r\n            <h3 class=\"text-xl font-semibold text-gray-700 group-hover:text-blue-600 transition-colors duration-300  custom-cursor\">\r\n              Q: Apakah saya bisa mengintegrasikan sistem ini dengan software lain?\r\n            <\/h3>\r\n            <span class=\"faq-icon text-blue-600 text-2xl transform transition-transform duration-300 ease-in-out  custom-cursor\">\r\n              +\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer max-h-0 overflow-hidden text-gray-600 pt-0 transition-all duration-500 ease-in-out opacity-0 group-hover:opacity-100\">\r\n            <p class=\"py-4 border-t border-gray-200 mt-2  custom-cursor\">\r\n              Software Inventory dirancang mandiri untuk kinerja optimal. Namun, konsultasikan kebutuhan integrasi spesifik Anda dengan tim kami untuk mendiskusikan kemungkinan solusi kustom.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 5 -->\r\n        <div class=\"faq-item bg-white p-6 rounded-xl shadow-lg border border-gray-200 cursor-pointer transition-all duration-300 ease-in-out hover:shadow-xl group\">\r\n          <div class=\"flex justify-between items-center py-2\">\r\n            <h3 class=\"text-xl font-semibold text-gray-700 group-hover:text-blue-600 transition-colors duration-300  custom-cursor\">\r\n              Q: Apa saja persyaratan sistem untuk menjalankan Software Inventory?\r\n            <\/h3>\r\n            <span class=\"faq-icon text-blue-600 text-2xl transform transition-transform duration-300 ease-in-out  custom-cursor\">\r\n              +\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer max-h-0 overflow-hidden text-gray-600 pt-0 transition-all duration-500 ease-in-out opacity-0 group-hover:opacity-100\">\r\n            <p class=\"py-4 border-t border-gray-200 mt-2  custom-cursor\">\r\n              Sebagai aplikasi berbasis web, Anda hanya memerlukan web server (misalnya Apache\/Nginx) dengan PHP (minimal versi 7.4) dan database MySQL (minimal versi 5.7).\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Image Placeholder -->\r\n        <div class=\"relative hidden md:flex items-center justify-center h-64 bg-blue-100 rounded-xl shadow-inner border border-blue-200 overflow-hidden p-6\">\r\n          <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x300\/A0D9F5\/3B82F6?text=Punya+Pertanyaan+Lain%3F\" alt=\"Customer support illustration\" class=\"w-full h-full object-contain filter drop-shadow-md  custom-cursor\">\r\n          <div class=\"absolute inset-0 flex items-center justify-center bg-white bg-opacity-20 backdrop-blur-[2px]\">\r\n            <p class=\"text-blue-800 text-xl font-semibold text-center leading-relaxed  custom-cursor\">\r\n              Masih ada pertanyaan? <br> Jangan ragu hubungi kami!\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const faqItems = document.querySelectorAll('.faq-item');\r\n\r\n      faqItems.forEach(item => {\r\n        const header = item.querySelector('div:first-child');\r\n        const answer = item.querySelector('.faq-answer');\r\n        const icon = item.querySelector('.faq-icon');\r\n\r\n        header.addEventListener('click', () => {\r\n          const isOpen = answer.classList.contains('active');\r\n\r\n          \/\/ Close all open FAQs except the current one\r\n          faqItems.forEach(otherItem => {\r\n            if (otherItem !== item) {\r\n              const otherAnswer = otherItem.querySelector('.faq-answer');\r\n              const otherIcon = otherItem.querySelector('.faq-icon');\r\n              if (otherAnswer.classList.contains('active')) {\r\n                otherAnswer.style.maxHeight = '0';\r\n                otherAnswer.classList.remove('active');\r\n                otherAnswer.classList.remove('opacity-100');\r\n                otherIcon.textContent = '+';\r\n                otherIcon.classList.remove('rotate-45');\r\n              }\r\n            }\r\n          });\r\n\r\n          \/\/ Toggle current FAQ\r\n          if (isOpen) {\r\n            answer.style.maxHeight = '0';\r\n            answer.classList.remove('active');\r\n            answer.classList.remove('opacity-100');\r\n            icon.textContent = '+';\r\n            icon.classList.remove('rotate-45');\r\n          } else {\r\n            answer.style.maxHeight = answer.scrollHeight + 'px';\r\n            answer.classList.add('active');\r\n            answer.classList.add('opacity-100');\r\n            icon.textContent = '\u2013';\r\n            icon.classList.add('rotate-45');\r\n          }\r\n        });\r\n      });\r\n    });\r\n  <\/script>\r\n<\/section><section class=\"bg-blue-800 text-white py-16 md:py-24\">\r\n  <div class=\"max-w-6xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 md:gap-8\">\r\n    <!-- Kolom 1: Logo & Deskripsi -->\r\n    <div class=\"lg:col-span-1 flex flex-col items-center md:items-start text-center md:text-left\">\r\n      <h3 class=\"text-2xl font-bold text-blue-300 mb-4 animate-pulse  custom-cursor\">Software Inventory<\/h3>\r\n      <p class=\"text-blue-200 text-lg leading-relaxed  custom-cursor\">\r\n        Software Inventory: Solusi WMS terdepan untuk efisiensi dan akurasi bisnis Anda.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Kolom 2: Navigasi Cepat -->\r\n    <div class=\"lg:col-span-1 text-center md:text-left\">\r\n      <h4 class=\"text-xl font-semibold text-blue-100 mb-6 border-b-2 border-blue-600 pb-2 inline-block  custom-cursor\">Navigasi Cepat<\/h4>\r\n      <ul class=\"space-y-3  custom-cursor\">\r\n        <li><a href=\"#\" class=\"text-blue-300 hover:text-blue-50 transition-colors duration-200 text-lg  custom-cursor\">Fitur<\/a><\/li>\r\n        <li><a href=\"#\" class=\"text-blue-300 hover:text-blue-50 transition-colors duration-200 text-lg  custom-cursor\">Solusi<\/a><\/li>\r\n        <li><a href=\"#\" class=\"text-blue-300 hover:text-blue-50 transition-colors duration-200 text-lg  custom-cursor\">Harga<\/a><\/li>\r\n        <li><a href=\"#\" class=\"text-blue-300 hover:text-blue-50 transition-colors duration-200 text-lg  custom-cursor\">Demo<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Kolom 3: Kontak Kami -->\r\n    <div class=\"lg:col-span-1 text-center md:text-left\">\r\n      <h4 class=\"text-xl font-semibold text-blue-100 mb-6 border-b-2 border-blue-600 pb-2 inline-block  custom-cursor\">Kontak Kami<\/h4>\r\n      <ul class=\"space-y-3  custom-cursor\">\r\n        <li>\r\n          <a href=\"\/cdn-cgi\/l\/email-protection#96fff8f0f9d6e5e2f7e4f0fff3faf2b8fff2\" class=\"flex items-center justify-center md:justify-start text-blue-300 hover:text-blue-50 transition-colors duration-200 text-lg group  custom-cursor\">\r\n            <svg class=\"w-6 h-6 mr-3 text-blue-400 group-hover:text-blue-50 transition-colors duration-200  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\r\n            <span class=\"__cf_email__\" data-cfemail=\"b5dcdbd3daf5c6c1d4c7d3dcd0d9d19bdcd1\">[email&#160;protected]<\/span>\r\n          <\/a>\r\n        <\/li>\r\n        <li>\r\n          <a href=\"https:\/\/wa.me\/6282136068256\" class=\"flex items-center justify-center md:justify-start text-blue-300 hover:text-blue-50 transition-colors duration-200 text-lg group  custom-cursor\">\r\n            <svg class=\"w-6 h-6 mr-3 text-blue-400 group-hover:text-blue-50 transition-colors duration-200  custom-cursor\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 3v4a1 1 0 001 1h4a1 1 0 001-1V3\"><\/path><\/svg>\r\n            0821-3606-8256\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Kolom 4: Alamat -->\r\n    <div class=\"lg:col-span-1 text-center md:text-left\">\r\n      <h4 class=\"text-xl font-semibold text-blue-100 mb-6 border-b-2 border-blue-600 pb-2 inline-block  custom-cursor\">Alamat<\/h4>\r\n      <address class=\"not-italic text-blue-300 text-lg space-y-2\">\r\n        <p class=\" custom-cursor\">Villa Ciomas Indah Blok H-3 No.6<\/p>\r\n        <p class=\" custom-cursor\">Ciomas \u2013 Bogor<\/p>\r\n      <\/address>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mt-16 pt-8 border-t border-blue-700 text-center text-blue-400 text-base\">\r\n    \u00a9 2024 Software Inventory. Semua hak dilindungi.\r\n  <\/div>\r\n<\/section>\r\n\r\n \r\n \r\n\r\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Unlock Warehouse Efficiency: Software Inventory WMS &#8211; Demo Available! Software Inventory Fitur Solusi Industri Harga Demo Fitur Solusi Industri Harga Coba Demo Gratis Revolusikan Manajemen Gudang Anda Software Inventory: Sistem WMS Terdepan untuk Efisiensi dan Akurasi Maksimal. Didukung PHP, MySQL, dan Tailwind CSS, memberikan kontrol penuh atas inventaris, transaksi, dan pelaporan dengan antarmuka modern yang &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12321\"> <span class=\"screen-reader-text\">software inventory<\/span> Selengkapnya &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12321","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12321"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12321\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}