{"id":122,"date":"2026-08-31T20:03:03","date_gmt":"2026-08-31T13:03:03","guid":{"rendered":"https:\/\/siteplore.com\/?page_id=122"},"modified":"2026-08-31T20:08:16","modified_gmt":"2026-08-31T13:08:16","slug":"platform-overview","status":"publish","type":"page","link":"https:\/\/siteplore.com\/index.php\/platform-overview\/","title":{"rendered":"Platform Overview"},"content":{"rendered":"\n<!-- =========================================================\n     SITEPLORE \u2014 PLATFORM OVERVIEW\n     WordPress Custom HTML\n     ========================================================= -->\n\n<style>\n.sp-platform-overview {\n    --sp-yellow: #f7b900;\n    --sp-yellow-dark: #d99f00;\n    --sp-navy: #15213b;\n    --sp-navy-2: #1d2a46;\n    --sp-blue: #214c88;\n    --sp-blue-light: #eef6ff;\n    --sp-cyan: #31a9e1;\n    --sp-text: #202b3d;\n    --sp-muted: #667085;\n    --sp-border: #e4e9f0;\n    --sp-white: #ffffff;\n    --sp-light: #f7f9fc;\n    --sp-green: #16a085;\n\n    font-family: inherit;\n    color: var(--sp-text);\n    line-height: 1.6;\n    overflow: hidden;\n}\n\n.sp-platform-overview *,\n.sp-platform-overview *::before,\n.sp-platform-overview *::after {\n    box-sizing: border-box;\n}\n\n.sp-platform-overview a {\n    text-decoration: none;\n}\n\n.sp-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.sp-section {\n    padding: 88px 0;\n}\n\n.sp-section-light {\n    background: var(--sp-light);\n}\n\n.sp-section-dark {\n    background:\n        radial-gradient(circle at 85% 15%, rgba(49,169,225,.16), transparent 30%),\n        linear-gradient(135deg, #111c34 0%, #1a2948 100%);\n    color: #fff;\n}\n\n.sp-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--sp-blue);\n    text-transform: uppercase;\n    letter-spacing: 1.6px;\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 14px;\n}\n\n.sp-eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 3px;\n    background: var(--sp-yellow);\n    border-radius: 3px;\n}\n\n.sp-section-dark .sp-eyebrow {\n    color: #8bd5f7;\n}\n\n.sp-title {\n    margin: 0;\n    color: var(--sp-navy);\n    font-size: clamp(32px, 4vw, 48px);\n    line-height: 1.12;\n    letter-spacing: -1px;\n}\n\n.sp-section-dark .sp-title {\n    color: #fff;\n}\n\n.sp-lead {\n    max-width: 760px;\n    color: var(--sp-muted);\n    font-size: 18px;\n    margin: 22px 0 0;\n    line-height: 1.75;\n}\n\n.sp-section-dark .sp-lead {\n    color: #cbd5e5;\n}\n\n.sp-highlight {\n    color: var(--sp-yellow);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.sp-hero {\n    position: relative;\n    background:\n        radial-gradient(circle at 78% 22%, rgba(49,169,225,.22), transparent 27%),\n        radial-gradient(circle at 92% 75%, rgba(247,185,0,.11), transparent 25%),\n        linear-gradient(135deg, #111b31 0%, #1c3358 58%, #1d537c 100%);\n    min-height: 680px;\n    display: flex;\n    align-items: center;\n    color: white;\n}\n\n.sp-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\n    background-size: 42px 42px;\n    pointer-events: none;\n}\n\n.sp-hero-inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    align-items: center;\n    gap: 65px;\n    padding: 90px 0;\n}\n\n.sp-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 8px 14px;\n    border: 1px solid rgba(255,255,255,.20);\n    background: rgba(255,255,255,.07);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: .5px;\n    color: #dcecff;\n    margin-bottom: 22px;\n}\n\n.sp-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--sp-yellow);\n    box-shadow: 0 0 0 5px rgba(247,185,0,.12);\n}\n\n.sp-hero h1 {\n    margin: 0;\n    color: white;\n    font-size: clamp(42px, 5.5vw, 68px);\n    line-height: 1.03;\n    letter-spacing: -2.2px;\n    max-width: 720px;\n}\n\n.sp-hero h1 span {\n    color: var(--sp-yellow);\n}\n\n.sp-hero-copy {\n    margin: 26px 0 0;\n    max-width: 670px;\n    font-size: 19px;\n    line-height: 1.75;\n    color: #d3deed;\n}\n\n.sp-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 34px;\n}\n\n.sp-btn {\n    min-height: 50px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    padding: 12px 23px;\n    border-radius: 7px;\n    font-size: 15px;\n    font-weight: 800;\n    transition: .2s ease;\n}\n\n.sp-btn-primary {\n    background: var(--sp-yellow);\n    color: var(--sp-navy);\n}\n\n.sp-btn-primary:hover {\n    transform: translateY(-2px);\n    background: #ffc51c;\n    color: var(--sp-navy);\n}\n\n.sp-btn-secondary {\n    border: 1px solid rgba(255,255,255,.35);\n    color: white;\n    background: rgba(255,255,255,.04);\n}\n\n.sp-btn-secondary:hover {\n    background: rgba(255,255,255,.10);\n    color: white;\n}\n\n\n\/* HERO ARCHITECTURE *\/\n\n.sp-hero-architecture {\n    position: relative;\n}\n\n.sp-architecture-card {\n    background: rgba(14,27,51,.78);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,.14);\n    border-radius: 18px;\n    padding: 25px;\n    box-shadow: 0 28px 65px rgba(0,0,0,.25);\n}\n\n.sp-architecture-title {\n    font-size: 13px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1.4px;\n    color: #8bd5f7;\n    margin-bottom: 20px;\n}\n\n.sp-flow {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.sp-flow-item {\n    display: grid;\n    grid-template-columns: 46px 1fr 24px;\n    gap: 13px;\n    align-items: center;\n    padding: 13px;\n    border-radius: 10px;\n    border: 1px solid rgba(255,255,255,.09);\n    background: rgba(255,255,255,.045);\n}\n\n.sp-flow-number {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(49,169,225,.15);\n    border: 1px solid rgba(49,169,225,.35);\n    color: #94dbfb;\n    border-radius: 8px;\n    font-size: 12px;\n    font-weight: 900;\n}\n\n.sp-flow-item strong {\n    display: block;\n    color: white;\n    font-size: 14px;\n}\n\n.sp-flow-item small {\n    display: block;\n    margin-top: 2px;\n    color: #9eafc5;\n    font-size: 12px;\n    line-height: 1.45;\n}\n\n.sp-flow-arrow {\n    color: var(--sp-yellow);\n    font-size: 17px;\n}\n\n\n\/* =========================================================\n   PROBLEM\n   ========================================================= *\/\n\n.sp-problem-grid {\n    margin-top: 48px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.sp-problem-card {\n    padding: 28px;\n    border: 1px solid var(--sp-border);\n    border-radius: 13px;\n    background: white;\n}\n\n.sp-problem-icon {\n    width: 46px;\n    height: 46px;\n    border-radius: 10px;\n    background: #fff6d8;\n    color: #bd8800;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    font-weight: 900;\n    margin-bottom: 18px;\n}\n\n.sp-problem-card h3 {\n    margin: 0 0 10px;\n    color: var(--sp-navy);\n    font-size: 19px;\n}\n\n.sp-problem-card p {\n    margin: 0;\n    color: var(--sp-muted);\n    font-size: 15px;\n}\n\n\n\/* =========================================================\n   DATA JOURNEY\n   ========================================================= *\/\n\n.sp-journey {\n    margin-top: 54px;\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n}\n\n.sp-journey-step {\n    position: relative;\n    text-align: center;\n    padding: 0 12px;\n}\n\n.sp-journey-step:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 31px;\n    left: 67%;\n    width: 66%;\n    height: 2px;\n    background: linear-gradient(90deg, var(--sp-yellow), #e4e9f0);\n}\n\n.sp-journey-icon {\n    position: relative;\n    z-index: 2;\n    width: 64px;\n    height: 64px;\n    margin: 0 auto 17px;\n    border-radius: 50%;\n    background: white;\n    border: 2px solid var(--sp-yellow);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--sp-navy);\n    font-size: 16px;\n    font-weight: 900;\n}\n\n.sp-journey-step h4 {\n    margin: 0 0 7px;\n    color: var(--sp-navy);\n    font-size: 16px;\n}\n\n.sp-journey-step p {\n    margin: 0;\n    color: var(--sp-muted);\n    font-size: 13px;\n}\n\n\n\/* =========================================================\n   CAPABILITIES\n   ========================================================= *\/\n\n.sp-capability-grid {\n    margin-top: 50px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.sp-capability-card {\n    position: relative;\n    padding: 28px;\n    border-radius: 14px;\n    background: rgba(255,255,255,.055);\n    border: 1px solid rgba(255,255,255,.12);\n    min-height: 225px;\n}\n\n.sp-capability-no {\n    font-size: 12px;\n    font-weight: 900;\n    color: var(--sp-yellow);\n    letter-spacing: 1px;\n}\n\n.sp-capability-card h3 {\n    margin: 12px 0 10px;\n    color: white;\n    font-size: 20px;\n}\n\n.sp-capability-card p {\n    margin: 0;\n    color: #becadd;\n    font-size: 14px;\n}\n\n.sp-capability-card .sp-card-link {\n    display: inline-block;\n    margin-top: 16px;\n    color: #79d0f6;\n    font-size: 13px;\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   ARCHITECTURE LAYERS\n   ========================================================= *\/\n\n.sp-layer-stack {\n    margin-top: 48px;\n    display: grid;\n    gap: 12px;\n}\n\n.sp-layer {\n    display: grid;\n    grid-template-columns: 185px 1fr;\n    align-items: stretch;\n    border-radius: 11px;\n    overflow: hidden;\n    border: 1px solid var(--sp-border);\n    background: white;\n}\n\n.sp-layer-name {\n    padding: 22px;\n    background: var(--sp-navy);\n    color: white;\n    display: flex;\n    align-items: center;\n    font-weight: 800;\n}\n\n.sp-layer:nth-child(2) .sp-layer-name,\n.sp-layer:nth-child(4) .sp-layer-name {\n    background: #21385f;\n}\n\n.sp-layer:nth-child(5) .sp-layer-name {\n    background: var(--sp-yellow);\n    color: var(--sp-navy);\n}\n\n.sp-layer-content {\n    padding: 20px 25px;\n}\n\n.sp-layer-content strong {\n    display: block;\n    color: var(--sp-navy);\n    margin-bottom: 4px;\n}\n\n.sp-layer-content span {\n    color: var(--sp-muted);\n    font-size: 14px;\n}\n\n\n\/* =========================================================\n   USE CASES\n   ========================================================= *\/\n\n.sp-usecase-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    margin-top: 48px;\n}\n\n.sp-usecase-card {\n    position: relative;\n    padding: 27px;\n    background: white;\n    border: 1px solid var(--sp-border);\n    border-radius: 13px;\n    overflow: hidden;\n    transition: .2s ease;\n}\n\n.sp-usecase-card::before {\n    content: \"\";\n    width: 4px;\n    position: absolute;\n    inset: 0 auto 0 0;\n    background: var(--sp-yellow);\n}\n\n.sp-usecase-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 14px 35px rgba(25,42,72,.08);\n}\n\n.sp-usecase-card h3 {\n    margin: 0 0 9px;\n    color: var(--sp-navy);\n    font-size: 19px;\n}\n\n.sp-usecase-card p {\n    margin: 0;\n    color: var(--sp-muted);\n    font-size: 14px;\n}\n\n\n\/* =========================================================\n   ECOSYSTEM\n   ========================================================= *\/\n\n.sp-ecosystem-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-top: 45px;\n}\n\n.sp-product-card {\n    background: white;\n    border-radius: 15px;\n    border: 1px solid var(--sp-border);\n    padding: 30px;\n    position: relative;\n}\n\n.sp-product-type {\n    color: var(--sp-blue);\n    font-size: 12px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 1.3px;\n}\n\n.sp-product-card h3 {\n    margin: 8px 0 8px;\n    color: var(--sp-navy);\n    font-size: 25px;\n}\n\n.sp-product-card p {\n    margin: 0;\n    color: var(--sp-muted);\n    font-size: 14px;\n}\n\n.sp-product-tag {\n    display: inline-flex;\n    margin-top: 19px;\n    padding: 7px 10px;\n    background: var(--sp-blue-light);\n    color: var(--sp-blue);\n    border-radius: 5px;\n    font-size: 12px;\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   WHY SITEPLORE\n   ========================================================= *\/\n\n.sp-why-grid {\n    display: grid;\n    grid-template-columns: .88fr 1.12fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.sp-benefit-list {\n    margin-top: 30px;\n    display: grid;\n    gap: 15px;\n}\n\n.sp-benefit {\n    display: grid;\n    grid-template-columns: 31px 1fr;\n    gap: 12px;\n    align-items: start;\n}\n\n.sp-check {\n    width: 27px;\n    height: 27px;\n    border-radius: 50%;\n    background: rgba(247,185,0,.12);\n    border: 1px solid rgba(247,185,0,.3);\n    color: var(--sp-yellow);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 900;\n    font-size: 12px;\n}\n\n.sp-benefit strong {\n    display: block;\n    color: white;\n    font-size: 15px;\n    margin-bottom: 3px;\n}\n\n.sp-benefit span {\n    color: #bac6d8;\n    font-size: 13px;\n}\n\n.sp-outcome-panel {\n    border-radius: 18px;\n    padding: 33px;\n    background: rgba(255,255,255,.055);\n    border: 1px solid rgba(255,255,255,.12);\n}\n\n.sp-outcome-panel h3 {\n    margin: 0;\n    color: white;\n    font-size: 22px;\n}\n\n.sp-outcome-list {\n    margin-top: 23px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}\n\n.sp-outcome {\n    padding: 16px;\n    border-radius: 9px;\n    background: rgba(255,255,255,.055);\n}\n\n.sp-outcome strong {\n    color: var(--sp-yellow);\n    display: block;\n    font-size: 14px;\n}\n\n.sp-outcome span {\n    display: block;\n    margin-top: 4px;\n    color: #b9c5d7;\n    font-size: 12px;\n}\n\n\n\/* =========================================================\n   IMPLEMENTATION\n   ========================================================= *\/\n\n.sp-process-grid {\n    margin-top: 46px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n}\n\n.sp-process-card {\n    padding: 26px;\n    border-radius: 13px;\n    border: 1px solid var(--sp-border);\n    background: white;\n}\n\n.sp-process-number {\n    color: var(--sp-yellow-dark);\n    font-size: 31px;\n    font-weight: 900;\n    line-height: 1;\n}\n\n.sp-process-card h3 {\n    margin: 15px 0 8px;\n    color: var(--sp-navy);\n    font-size: 17px;\n}\n\n.sp-process-card p {\n    margin: 0;\n    font-size: 13px;\n    color: var(--sp-muted);\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.sp-cta {\n    padding: 85px 0;\n    background:\n        radial-gradient(circle at 10% 50%, rgba(49,169,225,.16), transparent 28%),\n        linear-gradient(135deg, #172541, #213d66);\n}\n\n.sp-cta-box {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 40px;\n    align-items: center;\n}\n\n.sp-cta h2 {\n    margin: 0;\n    color: white;\n    font-size: clamp(30px, 4vw, 45px);\n    line-height: 1.15;\n}\n\n.sp-cta p {\n    margin: 16px 0 0;\n    max-width: 690px;\n    color: #c7d4e4;\n    font-size: 16px;\n}\n\n.sp-cta-buttons {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 980px) {\n\n    .sp-hero-inner,\n    .sp-why-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .sp-hero {\n        min-height: auto;\n    }\n\n    .sp-hero-architecture {\n        max-width: 680px;\n    }\n\n    .sp-problem-grid,\n    .sp-capability-grid,\n    .sp-usecase-grid,\n    .sp-ecosystem-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .sp-process-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .sp-journey {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .sp-journey-step {\n        display: grid;\n        grid-template-columns: 64px 1fr;\n        gap: 15px;\n        text-align: left;\n        align-items: center;\n    }\n\n    .sp-journey-step:not(:last-child)::after {\n        display: none;\n    }\n\n    .sp-journey-icon {\n        margin: 0;\n    }\n\n    .sp-cta-box {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 640px) {\n\n    .sp-container {\n        width: min(100% - 28px, 1180px);\n    }\n\n    .sp-section {\n        padding: 65px 0;\n    }\n\n    .sp-hero-inner {\n        padding: 70px 0;\n        gap: 45px;\n    }\n\n    .sp-hero h1 {\n        letter-spacing: -1.4px;\n    }\n\n    .sp-problem-grid,\n    .sp-capability-grid,\n    .sp-usecase-grid,\n    .sp-ecosystem-grid,\n    .sp-process-grid,\n    .sp-outcome-list {\n        grid-template-columns: 1fr;\n    }\n\n    .sp-layer {\n        grid-template-columns: 1fr;\n    }\n\n    .sp-layer-name {\n        padding: 14px 20px;\n    }\n\n    .sp-hero-actions,\n    .sp-cta-buttons {\n        flex-direction: column;\n    }\n\n    .sp-btn {\n        width: 100%;\n    }\n\n    .sp-architecture-card {\n        padding: 17px;\n    }\n}\n<\/style>\n\n\n<div class=\"sp-platform-overview\">\n\n    <!-- =====================================================\n         HERO\n         ===================================================== -->\n    <section class=\"sp-hero\">\n        <div class=\"sp-container sp-hero-inner\">\n\n            <div>\n                <div class=\"sp-hero-badge\">\n                    <span class=\"sp-status-dot\"><\/span>\n                    Industrial IoT &amp; Data Intelligence Platform\n                <\/div>\n\n                <h1>\n                    Turn Field Data Into\n                    <span>Operational Decisions.<\/span>\n                <\/h1>\n\n                <p class=\"sp-hero-copy\">\n                    Siteplore connects sensors, equipment, energy systems and\n                    distributed assets into one monitoring and analytics\n                    environment \u2014 helping teams see what is happening,\n                    understand what is changing, and act with better information.\n                <\/p>\n\n                <div class=\"sp-hero-actions\">\n                    <a class=\"sp-btn sp-btn-primary\" href=\"https:\/\/wa.me\/628111222700?text=Hello%20Rekacipta%2C%20I%20would%20like%20to%20request%20a%20Siteplore%20site%20assessment.\" target=\"_blank\" rel=\"noopener\">\n                        Request Site Assessment \u2192\n                    <\/a>\n\n                    <a class=\"sp-btn sp-btn-secondary\" href=\"\/index.php\/pricing\/\">\n                        Explore Plans\n                    <\/a>\n                <\/div>\n            <\/div>\n\n\n            <div class=\"sp-hero-architecture\">\n                <div class=\"sp-architecture-card\">\n\n                    <div class=\"sp-architecture-title\">\n                        From Physical Asset to Action\n                    <\/div>\n\n                    <div class=\"sp-flow\">\n\n                        <div class=\"sp-flow-item\">\n                            <div class=\"sp-flow-number\">01<\/div>\n                            <div>\n                                <strong>Field Sensors &amp; Equipment<\/strong>\n                                <small>\n                                    Electrical, machine, environmental,\n                                    utility and process-related measurements\n                                <\/small>\n                            <\/div>\n                            <div class=\"sp-flow-arrow\">\u2193<\/div>\n                        <\/div>\n\n                        <div class=\"sp-flow-item\">\n                            <div class=\"sp-flow-number\">02<\/div>\n                            <div>\n                                <strong>Edge &amp; Connectivity<\/strong>\n                                <small>\n                                    Gateways, industrial interfaces and\n                                    remote data connectivity\n                                <\/small>\n                            <\/div>\n                            <div class=\"sp-flow-arrow\">\u2193<\/div>\n                        <\/div>\n\n                        <div class=\"sp-flow-item\">\n                            <div class=\"sp-flow-number\">03<\/div>\n                            <div>\n                                <strong>Siteplore Data Platform<\/strong>\n                                <small>\n                                    Collect, organize and contextualize\n                                    time-series operational data\n                                <\/small>\n                            <\/div>\n                            <div class=\"sp-flow-arrow\">\u2193<\/div>\n                        <\/div>\n\n                        <div class=\"sp-flow-item\">\n                            <div class=\"sp-flow-number\">04<\/div>\n                            <div>\n                                <strong>Monitoring &amp; Analytics<\/strong>\n                                <small>\n                                    Dashboards, trends, alarms,\n                                    comparisons and analytical insights\n                                <\/small>\n                            <\/div>\n                            <div class=\"sp-flow-arrow\">\u2193<\/div>\n                        <\/div>\n\n                        <div class=\"sp-flow-item\">\n                            <div class=\"sp-flow-number\">05<\/div>\n                            <div>\n                                <strong>Operational Action<\/strong>\n                                <small>\n                                    Maintenance, energy, process and\n                                    management decisions\n                                <\/small>\n                            <\/div>\n                            <div class=\"sp-flow-arrow\">\u2713<\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         WHY\n         ===================================================== -->\n    <section class=\"sp-section\">\n\n        <div class=\"sp-container\">\n\n            <div class=\"sp-eyebrow\">\n                The Operational Challenge\n            <\/div>\n\n            <h2 class=\"sp-title\">\n                More data does not automatically mean better decisions.\n            <\/h2>\n\n            <p class=\"sp-lead\">\n                Industrial sites already generate large amounts of information.\n                The real challenge is that critical data is often fragmented\n                across equipment, meters, sensors, spreadsheets, control systems\n                and isolated monitoring devices.\n            <\/p>\n\n\n            <div class=\"sp-problem-grid\">\n\n                <div class=\"sp-problem-card\">\n                    <div class=\"sp-problem-icon\">01<\/div>\n                    <h3>Disconnected Data<\/h3>\n                    <p>\n                        Measurements exist, but are distributed across\n                        independent systems and difficult to evaluate together.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-problem-card\">\n                    <div class=\"sp-problem-icon\">02<\/div>\n                    <h3>Limited Visibility<\/h3>\n                    <p>\n                        Teams may only discover abnormal conditions during\n                        inspections, failures, complaints or periodic reporting.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-problem-card\">\n                    <div class=\"sp-problem-icon\">03<\/div>\n                    <h3>Data Without Context<\/h3>\n                    <p>\n                        Raw measurements alone do not explain trends,\n                        relationships, operational consequences or priorities.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         DATA JOURNEY\n         ===================================================== -->\n    <section class=\"sp-section sp-section-light\">\n\n        <div class=\"sp-container\">\n\n            <div class=\"sp-eyebrow\">\n                One Connected Data Journey\n            <\/div>\n\n            <h2 class=\"sp-title\">\n                From measurement to insight.\n            <\/h2>\n\n            <p class=\"sp-lead\">\n                Siteplore provides a common architecture for collecting,\n                transporting, organizing, visualizing and analyzing operational\n                data across different assets and use cases.\n            <\/p>\n\n\n            <div class=\"sp-journey\">\n\n                <div class=\"sp-journey-step\">\n                    <div class=\"sp-journey-icon\">1<\/div>\n                    <div>\n                        <h4>Sense<\/h4>\n                        <p>Capture physical and operational conditions.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-journey-step\">\n                    <div class=\"sp-journey-icon\">2<\/div>\n                    <div>\n                        <h4>Connect<\/h4>\n                        <p>Bring field information into the data layer.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-journey-step\">\n                    <div class=\"sp-journey-icon\">3<\/div>\n                    <div>\n                        <h4>Contextualize<\/h4>\n                        <p>Organize measurements around assets and operations.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-journey-step\">\n                    <div class=\"sp-journey-icon\">4<\/div>\n                    <div>\n                        <h4>Analyze<\/h4>\n                        <p>Evaluate trends, events and operating behavior.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-journey-step\">\n                    <div class=\"sp-journey-icon\">5<\/div>\n                    <div>\n                        <h4>Act<\/h4>\n                        <p>Turn information into operational action.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         PLATFORM CAPABILITIES\n         ===================================================== -->\n    <section class=\"sp-section sp-section-dark\">\n\n        <div class=\"sp-container\">\n\n            <div class=\"sp-eyebrow\">\n                Platform Capabilities\n            <\/div>\n\n            <h2 class=\"sp-title\">\n                One platform. Multiple operational perspectives.\n            <\/h2>\n\n            <p class=\"sp-lead\">\n                Build the monitoring environment around the problem you need\n                to solve \u2014 from remote sensors and utilities to machines,\n                energy systems and environmental conditions.\n            <\/p>\n\n\n            <div class=\"sp-capability-grid\">\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">01<\/div>\n                    <h3>IoT Monitoring<\/h3>\n                    <p>\n                        Collect and consolidate measurements from distributed\n                        sensors, gateways and connected field assets.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">02<\/div>\n                    <h3>Dashboards &amp; Visualization<\/h3>\n                    <p>\n                        Transform raw measurements into understandable\n                        operational views, trends and asset-level information.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">03<\/div>\n                    <h3>Monitoring &amp; Alerts<\/h3>\n                    <p>\n                        Identify deviations and abnormal conditions through\n                        configurable monitoring logic and event visibility.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">04<\/div>\n                    <h3>Energy &amp; Utilities<\/h3>\n                    <p>\n                        Bring electricity and utility data into a common\n                        environment for monitoring, trending and analysis.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">05<\/div>\n                    <h3>Asset &amp; Equipment Monitoring<\/h3>\n                    <p>\n                        Observe machine and equipment operating conditions\n                        to support reliability and maintenance decisions.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">06<\/div>\n                    <h3>Environmental Monitoring<\/h3>\n                    <p>\n                        Integrate weather, environmental, water, soil and\n                        other field measurements into centralized monitoring.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">07<\/div>\n                    <h3>Trends &amp; Analytics<\/h3>\n                    <p>\n                        Explore historical behavior, compare conditions and\n                        identify patterns that may not be visible from snapshots.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">08<\/div>\n                    <h3>AI \/ ML Insights<\/h3>\n                    <p>\n                        Extend operational data with analytical models where\n                        the data quality, use case and business value justify it.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-capability-card\">\n                    <div class=\"sp-capability-no\">09<\/div>\n                    <h3>API &amp; Integration<\/h3>\n                    <p>\n                        Connect Siteplore with external applications,\n                        databases and industrial or enterprise data workflows.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         PLATFORM ARCHITECTURE\n         ===================================================== -->\n    <section class=\"sp-section\">\n\n        <div class=\"sp-container\">\n\n            <div class=\"sp-eyebrow\">\n                Platform Architecture\n            <\/div>\n\n            <h2 class=\"sp-title\">\n                Built as a layered monitoring architecture.\n            <\/h2>\n\n            <p class=\"sp-lead\">\n                The technology stack can be adapted to each site rather than\n                forcing every customer into the same sensor, communication\n                method or deployment model.\n            <\/p>\n\n\n            <div class=\"sp-layer-stack\">\n\n                <div class=\"sp-layer\">\n                    <div class=\"sp-layer-name\">\n                        Field Layer\n                    <\/div>\n                    <div class=\"sp-layer-content\">\n                        <strong>Sensors, meters and equipment<\/strong>\n                        <span>\n                            Electrical, vibration, temperature, environmental,\n                            energy, utility, weather, water and other\n                            application-specific measurements.\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-layer\">\n                    <div class=\"sp-layer-name\">\n                        Edge Layer\n                    <\/div>\n                    <div class=\"sp-layer-content\">\n                        <strong>Gateways and edge devices<\/strong>\n                        <span>\n                            Interface field devices, collect measurements\n                            and prepare data for transmission.\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-layer\">\n                    <div class=\"sp-layer-name\">\n                        Connectivity Layer\n                    <\/div>\n                    <div class=\"sp-layer-content\">\n                        <strong>Industrial and IoT communications<\/strong>\n                        <span>\n                            Project-specific wired or wireless connectivity\n                            between field assets, gateways and platform services.\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-layer\">\n                    <div class=\"sp-layer-name\">\n                        Data Layer\n                    <\/div>\n                    <div class=\"sp-layer-content\">\n                        <strong>Time-series and contextual operational data<\/strong>\n                        <span>\n                            Store, structure and manage historical information\n                            for visualization, analysis and integration.\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-layer\">\n                    <div class=\"sp-layer-name\">\n                        Intelligence Layer\n                    <\/div>\n                    <div class=\"sp-layer-content\">\n                        <strong>Dashboards, alarms, analytics and decisions<\/strong>\n                        <span>\n                            Transform connected data into information that\n                            supports operational, maintenance and management action.\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         SOLUTIONS\n         ===================================================== -->\n    <section class=\"sp-section sp-section-light\">\n\n        <div class=\"sp-container\">\n\n            <div class=\"sp-eyebrow\">\n                Where Siteplore Can Be Applied\n            <\/div>\n\n            <h2 class=\"sp-title\">\n                One platform architecture, adapted to different operations.\n            <\/h2>\n\n            <p class=\"sp-lead\">\n                The same underlying monitoring approach can support different\n                industries, assets and operational objectives.\n            <\/p>\n\n\n            <div class=\"sp-usecase-grid\">\n\n                <div class=\"sp-usecase-card\">\n                    <h3>Manufacturing<\/h3>\n                    <p>\n                        Equipment condition, electrical systems,\n                        utilities, energy and plant environment.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-usecase-card\">\n                    <h3>Power &amp; Utilities<\/h3>\n                    <p>\n                        Power generation, distribution, energy performance,\n                        auxiliary systems and distributed utility assets.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-usecase-card\">\n                    <h3>Oil, Gas &amp; Petrochemical<\/h3>\n                    <p>\n                        Remote assets, equipment, utilities, energy,\n                        environmental and reliability-related monitoring.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-usecase-card\">\n                    <h3>Water &amp; Wastewater<\/h3>\n                    <p>\n                        Water quality, pumping systems, level,\n                        flow, energy and treatment process monitoring.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-usecase-card\">\n                    <h3>Buildings &amp; Facilities<\/h3>\n                    <p>\n                        Energy, utilities, HVAC-related data,\n                        environment and distributed facility assets.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-usecase-card\">\n                    <h3>Agriculture &amp; Environment<\/h3>\n                    <p>\n                        Weather, soil, water, greenhouse,\n                        aquaculture and environmental field monitoring.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         PRODUCT ECOSYSTEM\n         ===================================================== -->\n    <section class=\"sp-section\">\n\n        <div class=\"sp-container\">\n\n            <div class=\"sp-eyebrow\">\n                Siteplore Product Ecosystem\n            <\/div>\n\n            <h2 class=\"sp-title\">\n                Purpose-built building blocks for field monitoring.\n            <\/h2>\n\n            <p class=\"sp-lead\">\n                Siteplore combines platform capabilities with application-focused\n                edge and monitoring solutions, allowing deployment to start\n                with a specific operational problem and expand over time.\n            <\/p>\n\n\n            <div class=\"sp-ecosystem-grid\">\n\n                <div class=\"sp-product-card\">\n                    <div class=\"sp-product-type\">\n                        Multi-Sensor Edge Monitoring\n                    <\/div>\n                    <h3>RekaSense<\/h3>\n                    <p>\n                        Connect compatible field sensors and environmental\n                        measurements to a centralized monitoring and\n                        analytics environment.\n                    <\/p>\n                    <div class=\"sp-product-tag\">\n                        Sensors \u2192 Edge \u2192 Platform\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-product-card\">\n                    <div class=\"sp-product-type\">\n                        Electrical &amp; Energy Monitoring\n                    <\/div>\n                    <h3>PowerWatch<\/h3>\n                    <p>\n                        Bring electrical and energy information into\n                        Siteplore for visibility, trending and\n                        performance analysis.\n                    <\/p>\n                    <div class=\"sp-product-tag\">\n                        Electrical Data \u2192 Insight\n                    <\/div>\n                <\/div>\n\n                <div class=\"sp-product-card\">\n                    <div class=\"sp-product-type\">\n                        Condition Monitoring\n                    <\/div>\n                    <h3>MachineGuard<\/h3>\n                    <p>\n                        Retrofit condition monitoring and early-warning\n                        capability for selected motors, pumps and\n                        rotating equipment applications.\n                    <\/p>\n                    <div class=\"sp-product-tag\">\n                        Condition \u2192 Trend \u2192 Warning\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         WHY SITEPLORE\n         ===================================================== -->\n    <section class=\"sp-section sp-section-dark\">\n\n        <div class=\"sp-container sp-why-grid\">\n\n            <div>\n\n                <div class=\"sp-eyebrow\">\n                    Why Siteplore\n                <\/div>\n\n                <h2 class=\"sp-title\">\n                    Start with the operational problem \u2014 not the technology.\n                <\/h2>\n\n                <p class=\"sp-lead\">\n                    A useful monitoring system is not created by installing\n                    more sensors. It requires the right measurement,\n                    communication architecture, data structure,\n                    visualization and operational response.\n                <\/p>\n\n\n                <div class=\"sp-benefit-list\">\n\n                    <div class=\"sp-benefit\">\n                        <div class=\"sp-check\">\u2713<\/div>\n                        <div>\n                            <strong>Problem-led engineering<\/strong>\n                            <span>\n                                Define the decision and operational need\n                                before selecting technology.\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"sp-benefit\">\n                        <div class=\"sp-check\">\u2713<\/div>\n                        <div>\n                            <strong>Vendor-neutral architecture<\/strong>\n                            <span>\n                                Integrate compatible sensors and systems\n                                based on project requirements.\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"sp-benefit\">\n                        <div class=\"sp-check\">\u2713<\/div>\n                        <div>\n                            <strong>Engineering + data perspective<\/strong>\n                            <span>\n                                Combine field implementation with\n                                data engineering and analytics.\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"sp-benefit\">\n                        <div class=\"sp-check\">\u2713<\/div>\n                        <div>\n                            <strong>Scalable deployment<\/strong>\n                            <span>\n                                Begin with a focused monitoring scope\n                                and expand when the use case is validated.\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sp-outcome-panel\">\n\n                <h3>\n                    What the platform is designed to improve\n                <\/h3>\n\n                <div class=\"sp-outcome-list\">\n\n                    <div class=\"sp-outcome\">\n                        <strong>Visibility<\/strong>\n                        <span>\n                            Better access to operating information.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"sp-outcome\">\n                        <strong>Awareness<\/strong>\n                        <span>\n                            Earlier recognition of abnormal conditions.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"sp-outcome\">\n                        <strong>Context<\/strong>\n                        <span>\n                            Understand measurements as trends and events.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"sp-outcome\">\n                        <strong>Prioritization<\/strong>\n                        <span>\n                            Focus attention on relevant operational issues.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"sp-outcome\">\n                        <strong>Analysis<\/strong>\n                        <span>\n                            Build evidence from historical operational data.\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"sp-outcome\">\n                        <strong>Decision Support<\/strong>\n                        <span>\n                            Convert technical information into action.\n                        <\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         IMPLEMENTATION\n         ===================================================== -->\n    <section class=\"sp-section\">\n\n        <div class=\"sp-container\">\n\n            <div class=\"sp-eyebrow\">\n                Implementation Approach\n            <\/div>\n\n            <h2 class=\"sp-title\">\n                Start small. Validate. Expand.\n            <\/h2>\n\n            <p class=\"sp-lead\">\n                Siteplore deployments can begin with a clearly defined\n                asset, problem or monitoring objective before expanding\n                across additional equipment, systems or sites.\n            <\/p>\n\n\n            <div class=\"sp-process-grid\">\n\n                <div class=\"sp-process-card\">\n                    <div class=\"sp-process-number\">01<\/div>\n                    <h3>Assess<\/h3>\n                    <p>\n                        Understand the problem, assets, available data,\n                        field conditions and decision requirements.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-process-card\">\n                    <div class=\"sp-process-number\">02<\/div>\n                    <h3>Design<\/h3>\n                    <p>\n                        Define sensors, interfaces, connectivity,\n                        architecture and monitoring requirements.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-process-card\">\n                    <div class=\"sp-process-number\">03<\/div>\n                    <h3>Deploy &amp; Validate<\/h3>\n                    <p>\n                        Implement the selected scope and confirm that\n                        data and monitoring outputs are fit for purpose.\n                    <\/p>\n                <\/div>\n\n                <div class=\"sp-process-card\">\n                    <div class=\"sp-process-number\">04<\/div>\n                    <h3>Scale<\/h3>\n                    <p>\n                        Expand to additional parameters, assets,\n                        analytical use cases or locations when justified.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         CTA\n         ===================================================== -->\n    <section class=\"sp-cta\">\n\n        <div class=\"sp-container sp-cta-box\">\n\n            <div>\n                <h2>\n                    What should your operation be monitoring\n                    <span class=\"sp-highlight\">before it becomes a problem?<\/span>\n                <\/h2>\n\n                <p>\n                    Start with a Siteplore site assessment.\n                    We will help identify the operational problem,\n                    relevant measurements, integration requirements\n                    and a practical path toward connected monitoring.\n                <\/p>\n            <\/div>\n\n\n            <div class=\"sp-cta-buttons\">\n\n                <a class=\"sp-btn sp-btn-primary\" href=\"https:\/\/wa.me\/628111222700?text=Hello%20Rekacipta%2C%20I%20would%20like%20to%20request%20a%20Siteplore%20site%20assessment.\" target=\"_blank\" rel=\"noopener\">\n                    Request Site Assessment \u2192\n                <\/a>\n\n                <a class=\"sp-btn sp-btn-secondary\" href=\"\/index.php\/pricing\/\">\n                    View Pricing\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Industrial IoT &amp; Data Intelligence Platform Turn Field Data Into Operational Decisions. Siteplore connects sensors, equipment, energy systems and distributed assets into one monitoring and analytics environment \u2014 helping teams see what is happening, understand what is changing, and act with better information. Request Site Assessment \u2192 Explore Plans From Physical Asset to Action 01 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-122","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/pages\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":2,"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/pages\/122\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/siteplore.com\/index.php\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}