{"id":495,"date":"2026-02-10T08:10:03","date_gmt":"2026-02-10T08:10:03","guid":{"rendered":"https:\/\/inkabiorich.com.my\/?page_id=495"},"modified":"2026-02-10T08:10:05","modified_gmt":"2026-02-10T08:10:05","slug":"inkasp1","status":"publish","type":"page","link":"https:\/\/inkabiorich.com.my\/index.php\/inkasp1\/","title":{"rendered":"inkasp1"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ms\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n    <title>Tambah Pendapatan Tanpa Ganggu Kerja | BioRich<\/title>\n\n    <!-- Google Font -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n    <style>\n        :root {\n            --bg: #0f172a;\n            --panel: rgba(30, 41, 59, 0.7);\n            --primary: #22c55e;\n            --accent: #38bdf8;\n            --text: #f8fafc;\n            --muted: #94a3b8;\n            --border: rgba(255, 255, 255, 0.1);\n            --glass-bg: rgba(15, 23, 42, 0.8);\n            --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n        }\n\n        * {\n            box-sizing: border-box;\n            scroll-behavior: smooth;\n        }\n\n        body {\n            margin: 0;\n            font-family: 'Poppins', sans-serif;\n            background: #0f172a;\n            background-image: \n                radial-gradient(at 0% 0%, rgba(34, 197, 94, 0.15) 0, transparent 50%), \n                radial-gradient(at 100% 0%, rgba(56, 189, 248, 0.15) 0, transparent 50%);\n            color: var(--text);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        .container {\n            max-width: 1100px;\n            margin: auto;\n            padding: 0 24px;\n        }\n\n        .section {\n            padding: 80px 0;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease-out;\n        }\n\n        .section.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Hero Styling *\/\n        .hero {\n            padding: 120px 0 80px;\n            text-align: center;\n        }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            background: rgba(34, 197, 94, 0.1);\n            color: var(--primary);\n            padding: 6px 16px;\n            border-radius: 100px;\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 24px;\n            border: 1px solid rgba(34, 197, 94, 0.2);\n        }\n\n        h1 {\n            font-size: clamp(34px, 6vw, 60px);\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n        }\n\n        h1 span {\n            background: linear-gradient(to right, var(--primary), var(--accent));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .hero p {\n            font-size: clamp(17px, 2.5vw, 22px);\n            color: var(--muted);\n            max-width: 800px;\n            margin: 0 auto 40px;\n        }\n\n        .btn {\n            background: linear-gradient(135deg, var(--primary), #16a34a);\n            color: #fff;\n            padding: 18px 40px;\n            border-radius: 14px;\n            font-weight: 700;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 10px 30px -5px rgba(34, 197, 94, 0.5);\n            font-size: 18px;\n        }\n\n        .btn:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 20px 40px -10px rgba(34, 197, 94, 0.6);\n        }\n\n        \/* Features *\/\n        .grid {\n            display: grid;\n            gap: 24px;\n        }\n\n        .grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }\n\n        .card {\n            background: rgba(30, 41, 59, 0.4);\n            padding: 40px 30px;\n            border-radius: 24px;\n            border: 1px solid var(--border);\n            transition: 0.3s;\n        }\n\n        .card:hover {\n            border-color: var(--primary);\n            background: rgba(30, 41, 59, 0.7);\n        }\n\n        \/* LEAD FORM SECTION IMPROVEMENTS *\/\n        .form-section-wrapper {\n            background: #f1f5f9; \/* Light contrast background like 5stepads *\/\n            padding: 100px 0;\n            border-radius: 50px 50px 0 0;\n            color: #0f172a;\n        }\n\n        .form-section-wrapper h2 { color: #0f172a; text-align: center; margin-bottom: 10px; font-weight: 800; }\n        .form-section-wrapper p { color: #475569; text-align: center; margin-bottom: 40px; }\n\n        .form-container-box {\n            max-width: 800px;\n            margin: 0 auto;\n            background: #ffffff;\n            border-radius: 24px;\n            padding: 10px;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n            border: 1px solid #e2e8f0;\n            position: relative;\n        }\n\n        \/* Responsive Fix for BCL Embed *\/\n        #bcl-payment-form {\n            width: 100% !important;\n            min-height: 600px; \/* Base height *\/\n            overflow: hidden;\n            border-radius: 16px;\n        }\n\n        .trust-badges {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            margin-top: 30px;\n            flex-wrap: wrap;\n        }\n\n        .badge-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 14px;\n            font-weight: 600;\n            color: #64748b;\n        }\n\n        \/* Countdown *\/\n        .countdown-timer {\n            margin-bottom: 24px;\n        }\n\n        .timer-box {\n            display: inline-block;\n            background: rgba(0, 0, 0, 0.2);\n            padding: 10px 24px;\n            border-radius: 12px;\n            color: var(--accent);\n            font-family: 'Courier New', Courier, monospace;\n            font-weight: 700;\n            font-size: 1.4rem;\n            border: 1px solid rgba(56, 189, 248, 0.3);\n        }\n\n        \/* FAQ *\/\n        .faq-item {\n            background: var(--panel);\n            margin-bottom: 12px;\n            border-radius: 16px;\n            border: 1px solid var(--border);\n        }\n\n        .faq-question {\n            padding: 20px 25px;\n            cursor: pointer;\n            font-weight: 600;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            padding: 0 25px;\n            color: var(--muted);\n        }\n\n        footer {\n            padding: 60px 0;\n            text-align: center;\n            background: #0f172a;\n            border-top: 1px solid var(--border);\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .form-section-wrapper { border-radius: 30px 30px 0 0; padding: 60px 0; }\n            #bcl-payment-form { min-height: 700px; } \/* Mobile usually needs more height for stacked fields *\/\n            .form-container-box { margin: 0 10px; }\n            h1 { font-size: 32px; }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <!-- HERO SECTION -->\n    <header class=\"section hero visible\">\n        <div class=\"container\">\n            <div class=\"hero-badge\">\n                <i data-lucide=\"shield-check\" size=\"16\" style=\"margin-right:8px\"><\/i>\n                Sistem Patuh Syariah &#038; Berdaftar\n            <\/div>\n            <h1>Jana Side-Income <span>Automatik<\/span> Tanpa Ganggu Kerja<\/h1>\n            <p>Mula langkah selamat dengan modal RM280. Kami sediakan sistem, produk, dan bimbingan 1-on-1 sehingga anda berjaya.<\/p>\n            \n            <div class=\"countdown-timer\">\n                <div class=\"timer-box\" id=\"timer\">00:00:00<\/div>\n                <p style=\"margin-top:10px; font-size:14px; color:var(--muted)\">Tawaran bimbingan percuma tamat hari ini<\/p>\n            <\/div>\n\n            <a href=\"#form-area\" class=\"btn\">\n                <span>Daftar Sekarang<\/span>\n                <i data-lucide=\"arrow-right\"><\/i>\n            <\/a>\n        <\/div>\n    <\/header>\n\n    <!-- FEATURES -->\n    <section class=\"section container\">\n        <div class=\"grid grid-3\">\n            <div class=\"card\">\n                <i data-lucide=\"clock\" color=\"#22c55e\" style=\"margin-bottom:15px\"><\/i>\n                <h3>Hanya 1 Jam Sehari<\/h3>\n                <p>Sesuai untuk mereka yang bekerja shift atau pejabat. Sistem berjalan 24 jam untuk anda.<\/p>\n            <\/div>\n            <div class=\"card\">\n                <i data-lucide=\"trending-up\" color=\"#22c55e\" style=\"margin-bottom:15px\"><\/i>\n                <h3>Modal RM280<\/h3>\n                <p>Pintu masuk paling rendah untuk memiliki sistem perniagaan lengkap dengan stok sedia ada.<\/p>\n            <\/div>\n            <div class=\"card\">\n                <i data-lucide=\"user-plus\" color=\"#22c55e\" style=\"margin-bottom:15px\"><\/i>\n                <h3>Mentor Peribadi<\/h3>\n                <p>Anda akan dimasukkan ke dalam group bimbingan eksklusif bersama usahawan BioRich yang berpengalaman.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- IMPROVED LEAD FORM SECTION -->\n    <div class=\"form-section-wrapper\" id=\"form-area\">\n        <div class=\"container\">\n            <h2>Semak Kelayakan Anda<\/h2>\n            <p>Sila lengkapkan borang di bawah untuk mendapatkan akses ke modul pengenalan BioRich.<\/p>\n            \n            <div class=\"form-container-box\">\n                <!-- BCL Payment\/Lead Form Embed -->\n                <div id=\"bcl-payment-form\" data-url=\"https:\/\/inkaresources.bcl.my\/embed\/lead\/semak-kelayakkan-isi-borang-di-bawah\"><\/div>\n                <script src=\"https:\/\/bcl.my\/js\/bc-encrypted-payment-embed.js\"><\/script>\n            <\/div>\n\n            <div class=\"trust-badges\">\n                <div class=\"badge-item\"><i data-lucide=\"lock\" size=\"18\"><\/i> SSL Secured<\/div>\n                <div class=\"badge-item\"><i data-lucide=\"check-circle\" size=\"18\"><\/i> Data Encrypted<\/div>\n                <div class=\"badge-item\"><i data-lucide=\"info\" size=\"18\"><\/i> Tiada Cas Tersembunyi<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- FAQ -->\n    <section class=\"section container\">\n        <h2 style=\"text-align:center; margin-bottom:40px\">Soalan Lazim<\/h2>\n        <div style=\"max-width: 800px; margin: auto;\">\n            <div class=\"faq-item\">\n                <div class=\"faq-question\">Adakah saya perlu simpan stok? <i data-lucide=\"chevron-down\"><\/i><\/div>\n                <div class=\"faq-answer\"><p style=\"padding-bottom:20px\">Tidak perlu. Sistem BioRich menggunakan konsep dropship &#038; warehousing di mana kami yang uruskan penghantaran produk.<\/p><\/div>\n            <\/div>\n            <div class=\"faq-item\">\n                <div class=\"faq-question\">Berapa lama sebelum nampak hasil? <i data-lucide=\"chevron-down\"><\/i><\/div>\n                <div class=\"faq-answer\"><p style=\"padding-bottom:20px\">Kebanyakan peserta mula melihat jualan pertama dalam masa 7-14 hari pertama jika mengikuti modul bimbingan yang disediakan.<\/p><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer>\n        <div class=\"container\">\n            <p>&copy; 2026 Team Inka Biorich. Direka secara profesional untuk usahawan masa hadapan.<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        lucide.createIcons();\n\n        \/\/ Animation on scroll\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) entry.target.classList.add('visible');\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.section').forEach(s => observer.observe(s));\n\n        \/\/ FAQ Toggle\n        document.querySelectorAll(\".faq-question\").forEach(q => {\n            q.addEventListener(\"click\", () => {\n                const a = q.nextElementSibling;\n                const icon = q.querySelector('i');\n                if (a.style.maxHeight) {\n                    a.style.maxHeight = null;\n                    icon.style.transform = 'rotate(0deg)';\n                } else {\n                    a.style.maxHeight = a.scrollHeight + \"px\";\n                    icon.style.transform = 'rotate(180deg)';\n                }\n            });\n        });\n\n        \/\/ Countdown Timer\n        function updateTimer() {\n            const now = new Date();\n            const midnight = new Date();\n            midnight.setHours(23, 59, 59, 999);\n            const diff = midnight - now;\n            const h = Math.floor(diff \/ (1000 * 60 * 60)).toString().padStart(2, '0');\n            const m = Math.floor((diff \/ (1000 * 60)) % 60).toString().padStart(2, '0');\n            const s = Math.floor((diff \/ 1000) % 60).toString().padStart(2, '0');\n            document.getElementById(\"timer\").innerText = `${h}:${m}:${s}`;\n        }\n        setInterval(updateTimer, 1000);\n        updateTimer();\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tambah Pendapatan Tanpa Ganggu Kerja | BioRich Sistem Patuh Syariah &#038; Berdaftar Jana Side-Income Automatik Tanpa Ganggu Kerja Mula langkah [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":501,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-495","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/pages\/495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/comments?post=495"}],"version-history":[{"count":7,"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/pages\/495\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/pages\/495\/revisions\/506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/media\/501"}],"wp:attachment":[{"href":"https:\/\/inkabiorich.com.my\/index.php\/wp-json\/wp\/v2\/media?parent=495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}