{"id":12609,"date":"2025-09-10T10:57:46","date_gmt":"2025-09-10T03:57:46","guid":{"rendered":"https:\/\/starfield.id\/?page_id=12609"},"modified":"2025-09-10T11:04:36","modified_gmt":"2025-09-10T04:04:36","slug":"software-toko-bangunan","status":"publish","type":"page","link":"https:\/\/starfield.id\/?page_id=12609","title":{"rendered":"software toko bangunan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12609\" class=\"elementor elementor-12609\">\n\t\t\t\t<div class=\"elementor-element elementor-element-386e602 e-con-full e-flex e-con e-parent\" data-id=\"386e602\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1af7864 elementor-widget elementor-widget-html\" data-id=\"1af7864\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\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>Software Toko Bangunan | Aplikasi Toko Bangunan | Program Kasir & Sistem POS Terlengkap<\/title>\r\n    <meta name=\"description\" content=\"Software Toko Bangunan terlengkap dengan sistem POS, program kasir, dan aplikasi stok barang. Solusi manajemen toko bangunan modern untuk inventori, penjualan, dan laporan keuangan.\">\r\n    <meta name=\"keywords\" content=\"software toko bangunan, aplikasi toko bangunan, program kasir toko bangunan, sistem POS toko bangunan, software stok barang toko bangunan, manajemen inventori, sistem kasir, aplikasi kasir\">\r\n    <meta name=\"author\" content=\"Starfield Software Solutions\">\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    \r\n    <!-- Open Graph Meta Tags -->\r\n    <meta property=\"og:title\" content=\"Software Toko Bangunan | Aplikasi Kasir & Sistem POS Terlengkap\">\r\n    <meta property=\"og:description\" content=\"Aplikasi toko bangunan modern dengan sistem POS, program kasir, dan software stok barang terintegrasi. Kelola bisnis toko bangunan Anda dengan mudah.\">\r\n    <meta property=\"og:type\" content=\"website\">\r\n    <meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1560472354-b33ff0c44a43?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\">\r\n    \r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header Styles *\/\r\n        .header {\r\n            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80') center\/cover;\r\n            opacity: 0.1;\r\n            z-index: 1;\r\n        }\r\n\r\n        .nav {\r\n            position: fixed;\r\n            top: 0;\r\n            width: 100%;\r\n            background: rgba(30, 60, 114, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            z-index: 1000;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .nav.scrolled {\r\n            background: rgba(30, 60, 114, 0.98);\r\n            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .nav-content {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 15px 20px;\r\n        }\r\n\r\n        .logo {\r\n            color: white;\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .nav-links {\r\n            display: flex;\r\n            list-style: none;\r\n            gap: 30px;\r\n        }\r\n\r\n        .nav-links a {\r\n            color: white;\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease;\r\n            padding: 5px 0;\r\n            position: relative;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: #64b5f6;\r\n        }\r\n\r\n        .nav-links a::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 0;\r\n            height: 2px;\r\n            background: #64b5f6;\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .nav-links a:hover::after {\r\n            width: 100%;\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            color: white;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            margin-bottom: 20px;\r\n            background: linear-gradient(45deg, #ffffff, #64b5f6);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .btn {\r\n            padding: 15px 30px;\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: linear-gradient(45deg, #2196f3, #64b5f6);\r\n            color: white;\r\n            box-shadow: 0 8px 25px rgba(33, 150, 243, 0.3);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 35px rgba(33, 150, 243, 0.4);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: white;\r\n            color: #1e3c72;\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .section {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 60px;\r\n            color: #1e3c72;\r\n            position: relative;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60px;\r\n            height: 4px;\r\n            background: linear-gradient(45deg, #2196f3, #64b5f6);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* About Products *\/\r\n        .about {\r\n            background: #f8faff;\r\n        }\r\n\r\n        .about-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .about-content h3 {\r\n            font-size: 2rem;\r\n            color: #1e3c72;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .about-content p {\r\n            font-size: 1.1rem;\r\n            margin-bottom: 20px;\r\n            color: #666;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .about-image {\r\n            position: relative;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .about-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Problems & Solutions *\/\r\n        .problems-solutions {\r\n            background: white;\r\n        }\r\n\r\n        .ps-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n        }\r\n\r\n        .problem-card, .solution-card {\r\n            padding: 40px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .problem-card {\r\n            background: linear-gradient(135deg, #ffebee, #ffcdd2);\r\n            border-left: 5px solid #f44336;\r\n        }\r\n\r\n        .solution-card {\r\n            background: linear-gradient(135deg, #e8f5e8, #c8e6c9);\r\n            border-left: 5px solid #4caf50;\r\n        }\r\n\r\n        .ps-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .problem-card .ps-title {\r\n            color: #d32f2f;\r\n        }\r\n\r\n        .solution-card .ps-title {\r\n            color: #388e3c;\r\n        }\r\n\r\n        .ps-list {\r\n            list-style: none;\r\n        }\r\n\r\n        .ps-list li {\r\n            margin-bottom: 10px;\r\n            padding-left: 25px;\r\n            position: relative;\r\n            color: #666;\r\n        }\r\n\r\n        .problem-card .ps-list li::before {\r\n            content: '\u2717';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #f44336;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .solution-card .ps-list li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #4caf50;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* Features *\/\r\n        .features {\r\n            background: #f8faff;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .feature-card {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .feature-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(45deg, #2196f3, #64b5f6);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .feature-icon i {\r\n            font-size: 1.5rem;\r\n            color: white;\r\n        }\r\n\r\n        .feature-card h4 {\r\n            font-size: 1.3rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: #1e3c72;\r\n        }\r\n\r\n        .feature-card ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .feature-card li {\r\n            padding: 5px 0;\r\n            color: #666;\r\n            position: relative;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .feature-card li::before {\r\n            content: '\u2022';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #2196f3;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* Target Industries *\/\r\n        .industries {\r\n            background: white;\r\n        }\r\n\r\n        .industries-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .industry-card {\r\n            text-align: center;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            background: linear-gradient(135deg, #f8faff, #e3f2fd);\r\n            border: 1px solid #e0e7ff;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .industry-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 30px rgba(33, 150, 243, 0.15);\r\n        }\r\n\r\n        .industry-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(45deg, #2196f3, #64b5f6);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n        }\r\n\r\n        .industry-icon i {\r\n            font-size: 2rem;\r\n            color: white;\r\n        }\r\n\r\n        .industry-card h4 {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 10px;\r\n            color: #1e3c72;\r\n        }\r\n\r\n        .industry-card p {\r\n            color: #666;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* Pricing *\/\r\n        .pricing {\r\n            background: #f8faff;\r\n        }\r\n\r\n        .pricing-card {\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\r\n            text-align: center;\r\n            border: 3px solid #2196f3;\r\n            position: relative;\r\n        }\r\n\r\n        .popular-badge {\r\n            position: absolute;\r\n            top: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            background: linear-gradient(45deg, #2196f3, #64b5f6);\r\n            color: white;\r\n            padding: 8px 25px;\r\n            border-radius: 25px;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .price {\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            color: #1e3c72;\r\n            margin: 20px 0;\r\n        }\r\n\r\n        .price-currency {\r\n            font-size: 1.2rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .features-list {\r\n            text-align: left;\r\n            margin: 30px 0;\r\n        }\r\n\r\n        .features-list li {\r\n            padding: 10px 0;\r\n            border-bottom: 1px solid #f0f0f0;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .features-list li:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .features-list i {\r\n            color: #4caf50;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        \/* Demo Section *\/\r\n        .demo {\r\n            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n            color: white;\r\n            text-align: center;\r\n        }\r\n\r\n        .demo .section-title {\r\n            color: white;\r\n        }\r\n\r\n        .demo-content p {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* FAQ *\/\r\n        .faq {\r\n            background: white;\r\n        }\r\n\r\n        .faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .faq-item {\r\n            margin-bottom: 20px;\r\n            border: 1px solid #e0e7ff;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .faq-question {\r\n            background: #f8faff;\r\n            padding: 20px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            color: #1e3c72;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .faq-question:hover {\r\n            background: #e3f2fd;\r\n        }\r\n\r\n        .faq-answer {\r\n            padding: 20px;\r\n            display: none;\r\n            color: #666;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .faq-item.active .faq-answer {\r\n            display: block;\r\n        }\r\n\r\n        .faq-item.active .faq-question i {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .faq-question i {\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        \/* Footer *\/\r\n        .footer {\r\n            background: #1a1a1a;\r\n            color: white;\r\n            padding: 60px 0 20px;\r\n        }\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: 2fr 1fr 1fr 1fr;\r\n            gap: 40px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .footer-column h4 {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n            color: #64b5f6;\r\n        }\r\n\r\n        .footer-column p,\r\n        .footer-column a {\r\n            color: #ccc;\r\n            text-decoration: none;\r\n            line-height: 1.8;\r\n            display: block;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .footer-column a:hover {\r\n            color: #64b5f6;\r\n        }\r\n\r\n        .contact-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .contact-item i {\r\n            color: #64b5f6;\r\n            width: 20px;\r\n        }\r\n\r\n        .footer-bottom {\r\n            border-top: 1px solid #333;\r\n            padding-top: 20px;\r\n            text-align: center;\r\n            color: #999;\r\n        }\r\n\r\n        \/* Mobile Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .nav-links {\r\n                display: none;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .hero-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n\r\n            .about-grid,\r\n            .ps-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .features-grid,\r\n            .industries-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .footer-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .section {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .animate-on-scroll {\r\n            opacity: 0;\r\n            animation: fadeInUp 0.8s ease forwards;\r\n        }\r\n\r\n        \/* Smooth scroll *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Navigation -->\r\n    <nav class=\"nav\" id=\"navbar\">\r\n        <div class=\"nav-content\">\r\n            <a href=\"#home\" class=\"logo\">\r\n                <i class=\"fas fa-store\"><\/i> Software Toko Bangunan\r\n            <\/a>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"#home\">Home<\/a><\/li>\r\n                <li><a href=\"#about\">Produk<\/a><\/li>\r\n                <li><a href=\"#features\">Fitur<\/a><\/li>\r\n                <li><a href=\"#pricing\">Harga<\/a><\/li>\r\n                <li><a href=\"#demo\">Demo<\/a><\/li>\r\n                <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Header Section -->\r\n    <header class=\"header\" id=\"home\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-content\">\r\n                <h1 class=\"hero-title\">Software Toko Bangunan Terlengkap<\/h1>\r\n                <p class=\"hero-subtitle\">\r\n                    <strong>Aplikasi Toko Bangunan<\/strong> modern dengan <strong>Sistem POS<\/strong> dan <strong>Program Kasir<\/strong> terintegrasi. \r\n                    Kelola <strong>Software Stok Barang Toko Bangunan<\/strong> Anda dengan mudah menggunakan teknologi PHP & MySQL terdepan.\r\n                <\/p>\r\n                <div class=\"cta-buttons\">\r\n                    <a href=\"#demo\" class=\"btn btn-primary\">Coba Demo Gratis<\/a>\r\n                    <a href=\"#about\" class=\"btn btn-secondary\">Pelajari Lebih Lanjut<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- About Products Section -->\r\n    <section class=\"section about\" id=\"about\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Tentang Aplikasi Toko Bangunan Kami<\/h2>\r\n            <div class=\"about-grid\">\r\n                <div class=\"about-content\">\r\n                    <h3>Software Toko Bangunan & Program Kasir Terdepan<\/h3>\r\n                    <p>\r\n                        <strong>Aplikasi Toko Bangunan<\/strong> modern dan lengkap yang dibangun dengan PHP dan MySQL. \r\n                        <strong>Software Toko Bangunan<\/strong> ini dirancang khusus untuk memenuhi kebutuhan bisnis toko bangunan dengan fitur-fitur \r\n                        <strong>Sistem POS Toko Bangunan<\/strong> yang canggih dan antarmuka yang mudah digunakan.\r\n                    <\/p>\r\n                    <p>\r\n                        Dengan teknologi terdepan dan desain yang user-friendly, <strong>Program Kasir Toko Bangunan<\/strong> ini membantu Anda \r\n                        mengelola seluruh aspek bisnis toko bangunan mulai dari inventori, penjualan, pembelian, \r\n                        hingga laporan keuangan yang detail menggunakan <strong>Software Stok Barang Toko Bangunan<\/strong> terintegrasi.\r\n                    <\/p>\r\n                    <p>\r\n                        Dapatkan kontrol penuh atas bisnis Anda dengan dashboard analytics yang powerful, \r\n                        sistem peringatan otomatis, dan laporan real-time yang membantu pengambilan keputusan bisnis yang tepat melalui \r\n                        <strong>Sistem POS<\/strong> yang modern dan handal.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"about-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560472354-b33ff0c44a43?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1926&q=80\" alt=\"Software Interface\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Problems & Solutions Section -->\r\n    <section class=\"section problems-solutions\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Masalah & Solusi<\/h2>\r\n            <div class=\"ps-grid\">\r\n                <div class=\"problem-card\">\r\n                    <h3 class=\"ps-title\">\r\n                        <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n                        Masalah yang Sering Dihadapi\r\n                    <\/h3>\r\n                    <ul class=\"ps-list\">\r\n                        <li>Pencatatan manual yang rawan error<\/li>\r\n                        <li>Stok barang sulit terkontrol<\/li>\r\n                        <li>Laporan keuangan tidak akurat<\/li>\r\n                        <li>Kesulitan tracking supplier dan customer<\/li>\r\n                        <li>Proses pembelian dan penjualan tidak terorganisir<\/li>\r\n                        <li>Sulit menganalisis tren bisnis<\/li>\r\n                        <li>Kehilangan data penting<\/li>\r\n                        <li>Manajemen multi-gudang rumit<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"solution-card\">\r\n                    <h3 class=\"ps-title\">\r\n                        <i class=\"fas fa-lightbulb\"><\/i>\r\n                        Solusi yang Kami Berikan\r\n                    <\/h3>\r\n                    <ul class=\"ps-list\">\r\n                        <li>Sistem digital terintegrasi dan otomatis<\/li>\r\n                        <li>Real-time stock monitoring dengan alert<\/li>\r\n                        <li>Laporan keuangan akurat dan real-time<\/li>\r\n                        <li>Database supplier dan customer terpusat<\/li>\r\n                        <li>Workflow pembelian dan penjualan tersistem<\/li>\r\n                        <li>Analytics dan dashboard untuk insight bisnis<\/li>\r\n                        <li>Backup data otomatis dan aman<\/li>\r\n                        <li>Multi-warehouse management yang mudah<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Features Section -->\r\n    <section class=\"section features\" id=\"features\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Fitur Lengkap & Canggih<\/h2>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-chart-pie\"><\/i>\r\n                    <\/div>\r\n                    <h4>Dasbor & Analitik<\/h4>\r\n                    <ul>\r\n                        <li>Dasbor Interaktif dengan grafik waktu nyata<\/li>\r\n                        <li>Key Performance Indicators (KPI)<\/li>\r\n                        <li>Analitik Penjualan bulanan<\/li>\r\n                        <li>Peringatan Stok otomatis<\/li>\r\n                        <li>Ikhtisar Keuangan lengkap<\/li>\r\n                        <li>Tracking Transaksi Terbaru<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-database\"><\/i>\r\n                    <\/div>\r\n                    <h4>Pengelolaan Data Master<\/h4>\r\n                    <ul>\r\n                        <li>Multi-level User Management<\/li>\r\n                        <li>Master Barang dengan Barcode<\/li>\r\n                        <li>Multi-kategori & Multi-unit<\/li>\r\n                        <li>Database Supplier Lengkap<\/li>\r\n                        <li>Master Perusahaan & Branding<\/li>\r\n                        <li>Metode Pembayaran Fleksibel<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-warehouse\"><\/i>\r\n                    <\/div>\r\n                    <h4>Manajemen Inventori<\/h4>\r\n                    <ul>\r\n                        <li>Multi Warehouse Support<\/li>\r\n                        <li>Sistem Rak Terorganisir<\/li>\r\n                        <li>FIFO Stock Rotation<\/li>\r\n                        <li>Multi-stok per Barang<\/li>\r\n                        <li>Batch Tracking & Expiry Date<\/li>\r\n                        <li>Stock Reservation System<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-shopping-cart\"><\/i>\r\n                    <\/div>\r\n                    <h4>Transaksi Pembelian<\/h4>\r\n                    <ul>\r\n                        <li>Purchase Requisition (PR)<\/li>\r\n                        <li>Purchase Order (PO) System<\/li>\r\n                        <li>Goods Receipt Management<\/li>\r\n                        <li>Purchase Return Processing<\/li>\r\n                        <li>Supplier Performance Tracking<\/li>\r\n                        <li>Budget Control & Approval<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-cash-register\"><\/i>\r\n                    <\/div>\r\n                    <h4>Transaksi Penjualan<\/h4>\r\n                    <ul>\r\n                        <li>Point of Sale (POS) Interface<\/li>\r\n                        <li>Penjualan Tunai & Kredit<\/li>\r\n                        <li>Customer Database Integration<\/li>\r\n                        <li>Multi Payment Methods<\/li>\r\n                        <li>Sales Return Management<\/li>\r\n                        <li>Shipping & Delivery Tracking<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-calculator\"><\/i>\r\n                    <\/div>\r\n                    <h4>Modul Keuangan<\/h4>\r\n                    <ul>\r\n                        <li>Accounts Payable Management<\/li>\r\n                        <li>Accounts Receivable System<\/li>\r\n                        <li>Cash Flow Tracking<\/li>\r\n                        <li>Credit Limit Management<\/li>\r\n                        <li>Aging Analysis Reports<\/li>\r\n                        <li>Payment Processing<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-book\"><\/i>\r\n                    <\/div>\r\n                    <h4>Modul Akuntansi<\/h4>\r\n                    <ul>\r\n                        <li>Chart of Accounts<\/li>\r\n                        <li>Journal Entry System<\/li>\r\n                        <li>General Ledger<\/li>\r\n                        <li>Trial Balance<\/li>\r\n                        <li>Financial Reports<\/li>\r\n                        <li>Auto Posting Transactions<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-chart-line\"><\/i>\r\n                    <\/div>\r\n                    <h4>Laporan Komprehensif<\/h4>\r\n                    <ul>\r\n                        <li>Sales Summary & Analysis<\/li>\r\n                        <li>Purchase Reports<\/li>\r\n                        <li>Inventory Valuation<\/li>\r\n                        <li>Stock Movement History<\/li>\r\n                        <li>Financial Statements<\/li>\r\n                        <li>Multi-period Comparisons<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-tools\"><\/i>\r\n                    <\/div>\r\n                    <h4>Utilitas & Tools<\/h4>\r\n                    <ul>\r\n                        <li>Stock Opname Processing<\/li>\r\n                        <li>Inventory by Supplier<\/li>\r\n                        <li>Multi-branch Operations<\/li>\r\n                        <li>Data Import\/Export<\/li>\r\n                        <li>Backup & Restore<\/li>\r\n                        <li>System Configuration<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Target Industries Section -->\r\n    <section class=\"section industries\" id=\"industries\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Cocok untuk Industri Apa Saja?<\/h2>\r\n            <div class=\"industries-grid\">\r\n                <div class=\"industry-card\">\r\n                    <div class=\"industry-icon\">\r\n                        <i class=\"fas fa-hammer\"><\/i>\r\n                    <\/div>\r\n                    <h4>Toko Bangunan<\/h4>\r\n                    <p>Toko retail material bangunan seperti semen, cat, paku, dan peralatan konstruksi<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"industry-card\">\r\n                    <div class=\"industry-icon\">\r\n                        <i class=\"fas fa-warehouse\"><\/i>\r\n                    <\/div>\r\n                    <h4>Distributor Material<\/h4>\r\n                    <p>Distributor dan wholesaler material bangunan dengan multi-gudang dan multi-supplier<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"industry-card\">\r\n                    <div class=\"industry-icon\">\r\n                        <i class=\"fas fa-wrench\"><\/i>\r\n                    <\/div>\r\n                    <h4>Toko Hardware<\/h4>\r\n                    <p>Toko perangkat keras, alat-alat teknik, dan perlengkapan maintenance<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"industry-card\">\r\n                    <div class=\"industry-icon\">\r\n                        <i class=\"fas fa-paint-roller\"><\/i>\r\n                    <\/div>\r\n                    <h4>Toko Cat & Finishing<\/h4>\r\n                    <p>Khusus penjualan cat, kuas, thinner, dan material finishing bangunan<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"industry-card\">\r\n                    <div class=\"industry-icon\">\r\n                        <i class=\"fas fa-truck\"><\/i>\r\n                    <\/div>\r\n                    <h4>Supplier Proyek<\/h4>\r\n                    <p>Supplier material untuk kontraktor dan developer dengan sistem kredit<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"industry-card\">\r\n                    <div class=\"industry-icon\">\r\n                        <i class=\"fas fa-home\"><\/i>\r\n                    <\/div>\r\n                    <h4>Home Center<\/h4>\r\n                    <p>Pusat belanja kebutuhan rumah termasuk material bangunan dan peralatan<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Section -->\r\n    <section class=\"section pricing\" id=\"pricing\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Harga Investasi<\/h2>\r\n            <div class=\"pricing-card\">\r\n                <div class=\"popular-badge\">\ud83c\udfc6 PAKET LENGKAP<\/div>\r\n                <div class=\"price\">\r\n                    <span class=\"price-currency\">Rp<\/span>15.000.000\r\n                <\/div>\r\n                <p style=\"color: #666; margin-bottom: 30px;\">Sekali bayar - Sistem Lengkap<\/p>\r\n                \r\n                <ul class=\"features-list\">\r\n                    <li><i class=\"fas fa-check\"><\/i> Source Code Lengkap PHP & MySQL<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Dasbor Analytics & KPI<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Multi User & Permission System<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Master Data Lengkap (Barang, Supplier, Customer)<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Multi Warehouse & Multi Location<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Purchase Order & Goods Receipt<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Point of Sale (POS) System<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Inventory Management (FIFO, Batch Tracking)<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Financial Management (AP, AR)<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Full Accounting Module<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Comprehensive Reports<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Stock Opname & Utilities<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Instalasi & Setup Support<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> Training & Dokumentasi<\/li>\r\n                    <li><i class=\"fas fa-check\"><\/i> 6 Bulan Technical Support<\/li>\r\n                <\/ul>\r\n\r\n                <a href=\"https:\/\/wa.me\/6282136068256?text=Halo,%20saya%20tertarik%20dengan%20Software%20Toko%20Bangunan%20seharga%20Rp%2015.000.000.%20Mohon%20informasi%20lebih%20lanjut.\" \r\n                   target=\"_blank\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 30px; font-size: 1.2rem;\">\r\n                    <i class=\"fab fa-whatsapp\"><\/i> Beli Sekarang - WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Demo Section -->\r\n    <section class=\"section demo\" id=\"demo\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Coba Demo Gratis<\/h2>\r\n            <div class=\"demo-content\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80\" \r\n                     alt=\"Demo Software\" style=\"max-width: 600px; width: 100%; border-radius: 15px; margin-bottom: 30px; box-shadow: 0 20px 40px rgba(0,0,0,0.3);\">\r\n                <p>\r\n                    Ingin melihat bagaimana software ini bekerja? Coba demo langsung dan rasakan kemudahan \r\n                    mengelola toko bangunan dengan sistem yang powerful dan user-friendly.\r\n                <\/p>\r\n                <a href=\"https:\/\/wa.me\/6282136068256?text=Halo,%20saya%20ingin%20mencoba%20demo%20Software%20Toko%20Bangunan.%20Bisa%20diatur%20waktu%20untuk%20presentasi%20demo?\" \r\n                   target=\"_blank\" class=\"btn btn-primary\" style=\"font-size: 1.2rem; padding: 18px 40px;\">\r\n                    <i class=\"fab fa-whatsapp\"><\/i> Chat untuk Demo\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"section faq\" id=\"faq\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n            <div class=\"faq-container\">\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                        <span>Apakah software ini mudah digunakan untuk pemula?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        Ya, software ini dirancang dengan antarmuka yang user-friendly dan intuitif. Kami juga menyediakan training dan dokumentasi lengkap untuk memastikan tim Anda dapat menggunakan sistem dengan optimal.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                        <span>Apakah bisa digunakan untuk multi cabang\/toko?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        Tentu saja! Software ini mendukung operasi multi-cabang dengan inventori terpusat atau terdistribusi, transfer antar cabang, dan pelaporan terkonsolidasi.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                        <span>Bagaimana dengan sistem keamanan data?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        Sistem menggunakan enkripsi data, multi-level user access control, dan backup otomatis. Data Anda akan aman dengan audit trail lengkap untuk setiap transaksi.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                        <span>Apakah support tersedia setelah pembelian?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        Ya, kami menyediakan 6 bulan technical support gratis, termasuk instalasi, setup, training, dan bantuan teknis. Support tambahan juga tersedia setelah periode tersebut.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                        <span>Bagaimana cara mendapatkan update software?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        Update minor dan bug fixes tersedia gratis selama periode support. Update major features akan tersedia dengan harga khusus untuk existing customers.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n                        <span>Apakah bisa customization sesuai kebutuhan bisnis?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        Ya, karena Anda mendapatkan source code lengkap, customization dapat dilakukan. Tim teknis kami juga dapat membantu customization dengan biaya terpisah.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"footer\">\r\n        <div class=\"container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-column\">\r\n                    <h4><i class=\"fas fa-store\"><\/i> Software Toko Bangunan<\/h4>\r\n                    <p>\r\n                        Solusi manajemen toko bangunan modern yang membantu bisnis Anda tumbuh dengan sistem terintegrasi, \r\n                        laporan real-time, dan fitur-fitur canggih untuk efisiensi maksimal.\r\n                    <\/p>\r\n                    <div style=\"margin-top: 20px;\">\r\n                        <a href=\"https:\/\/wa.me\/6282136068256\" target=\"_blank\" style=\"display: inline-block; margin-right: 15px; color: #64b5f6; font-size: 1.5rem;\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"mailto:starfield.id@gmail.com\" style=\"display: inline-block; margin-right: 15px; color: #64b5f6; font-size: 1.5rem;\">\r\n                            <i class=\"fas fa-envelope\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#\" style=\"display: inline-block; color: #64b5f6; font-size: 1.5rem;\">\r\n                            <i class=\"fas fa-globe\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"footer-column\">\r\n                    <h4>Produk<\/h4>\r\n                    <a href=\"#features\">Fitur Lengkap<\/a>\r\n                    <a href=\"#pricing\">Harga<\/a>\r\n                    <a href=\"#demo\">Demo<\/a>\r\n                    <a href=\"#industries\">Target Market<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"footer-column\">\r\n                    <h4>Layanan<\/h4>\r\n                    <a href=\"#\">Instalasi<\/a>\r\n                    <a href=\"#\">Training<\/a>\r\n                    <a href=\"#\">Support<\/a>\r\n                    <a href=\"#\">Customization<\/a>\r\n                    <a href=\"#\">Konsultasi<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"footer-column\">\r\n                    <h4>Kontak Info<\/h4>\r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                        <span>starfield.id@gmail.com<\/span>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-phone\"><\/i>\r\n                        <span>0821-3606-8256<\/span>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <span>Villa Ciomas Indah Blok H-3 No.6<br>Ciomas \u2013 Bogor<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"footer-bottom\">\r\n                <p>&copy; 2024 Software Toko Bangunan. All rights reserved. | Developed with \u2764\ufe0f in Indonesia<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Navbar scroll effect\r\n        window.addEventListener('scroll', function() {\r\n            const navbar = document.getElementById('navbar');\r\n            if (window.scrollY > 50) {\r\n                navbar.classList.add('scrolled');\r\n            } else {\r\n                navbar.classList.remove('scrolled');\r\n            }\r\n        });\r\n\r\n        \/\/ FAQ Toggle\r\n        function toggleFaq(element) {\r\n            const faqItem = element.parentElement;\r\n            const isActive = faqItem.classList.contains('active');\r\n            \r\n            \/\/ Close all FAQ items\r\n            document.querySelectorAll('.faq-item').forEach(item => {\r\n                item.classList.remove('active');\r\n            });\r\n            \r\n            \/\/ Open clicked item if it wasn't active\r\n            if (!isActive) {\r\n                faqItem.classList.add('active');\r\n            }\r\n        }\r\n\r\n        \/\/ Smooth scroll for navigation links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    const offsetTop = target.offsetTop - 80; \/\/ Account for fixed navbar\r\n                    window.scrollTo({\r\n                        top: offsetTop,\r\n                        behavior: 'smooth'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Software Toko Bangunan | Aplikasi Toko Bangunan | Program Kasir &#038; Sistem POS Terlengkap Software Toko Bangunan Home Produk Fitur Harga Demo FAQ Software Toko Bangunan Terlengkap Aplikasi Toko Bangunan modern dengan Sistem POS dan Program Kasir terintegrasi. Kelola Software Stok Barang Toko Bangunan Anda dengan mudah menggunakan teknologi PHP &#038; MySQL terdepan. Coba Demo &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/starfield.id\/?page_id=12609\"> <span class=\"screen-reader-text\">software toko bangunan<\/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-12609","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12609","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=12609"}],"version-history":[{"count":0,"href":"https:\/\/starfield.id\/index.php?rest_route=\/wp\/v2\/pages\/12609\/revisions"}],"wp:attachment":[{"href":"https:\/\/starfield.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}