{"id":1001,"date":"2026-07-21T02:59:47","date_gmt":"2026-07-21T02:59:47","guid":{"rendered":"https:\/\/forgreentech.com\/?page_id=1001"},"modified":"2026-07-21T04:12:10","modified_gmt":"2026-07-21T04:12:10","slug":"solution-a","status":"publish","type":"page","link":"https:\/\/forgreentech.com\/?page_id=1001","title":{"rendered":"Solution A"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-04822461 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Our Products<\/title>\n\n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&#038;display=swap\" rel=\"stylesheet\" \/>\n\n    <style>\n        \/* ----- \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e27\u0e47\u0e1a \u0e2a\u0e35\u0e02\u0e32\u0e27\u0e25\u0e49\u0e27\u0e19 ----- *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            min-height: 100vh;\n            background: #ffffff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            padding: 10px;\n            \/* \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e02\u0e2d\u0e1a\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 *\/\n        }\n\n        \/* ----- Grid \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c \u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d ----- *\/\n        .product-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 10px;\n            \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e2a\u0e2d\u0e07\u0e20\u0e32\u0e1e *\/\n            width: 100%;\n            max-width: 100%;\n            \/* \u0e25\u0e1a\u0e02\u0e35\u0e14\u0e08\u0e33\u0e01\u0e31\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07 *\/\n            margin: 0 auto;\n        }\n\n        \/* ----- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 : \u0e20\u0e32\u0e1e\u0e40\u0e15\u0e47\u0e21 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e23\u0e2d\u0e1a ----- *\/\n        .product-item {\n            position: relative;\n            overflow: hidden;\n            aspect-ratio: 16 \/ 10;\n            background: #000000;\n            cursor: pointer;\n            text-decoration: none;\n            display: block;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.5s ease;\n        }\n\n        .product-item:nth-child(1) {\n            transition-delay: 0.2s;\n        }\n        .product-item:nth-child(2) {\n            transition-delay: 0.35s;\n        }\n\n        \/* ---- \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e40\u0e15\u0e47\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 ---- *\/\n        .product-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        \/* ---- Overlay \u0e2a\u0e35\u0e14\u0e33\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e08\u0e32\u0e01\u0e25\u0e48\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e1a\u0e19 (\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22) ---- *\/\n        .product-item .overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.20) 50%, rgba(0, 0, 0, 0) 100%);\n            transition: background 0.5s ease;\n            pointer-events: none;\n        }\n\n        \/* ---- \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22 ---- *\/\n        .product-item .product-content {\n            position: absolute;\n            bottom: 8%;\n            left: 8%;\n            right: 8%;\n            color: #ffffff;\n            text-align: left;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        .product-item .product-name {\n            font-family: 'Inter', sans-serif;\n            font-weight: 700;\n            font-size: clamp(2rem, 3.5vw, 3.5rem);\n            letter-spacing: -0.02em;\n            margin-bottom: 0.2rem;\n            transition: color 0.4s ease;\n            text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);\n        }\n\n        .product-item .product-desc {\n            font-size: clamp(1rem, 1.2vw, 1.2rem);\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.75);\n            margin-bottom: 1.2rem;\n            line-height: 1.5;\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n            transition: color 0.4s ease;\n        }\n\n        \/* ---- \u0e1b\u0e38\u0e48\u0e21 Discover (pointer-events: auto \u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49) ---- *\/\n        .product-item .product-link {\n            display: inline-block;\n            padding: 0.6rem 2.8rem;\n            border: 1.5px solid rgba(255, 255, 255, 0.40);\n            color: #ffffff;\n            font-size: 0.85rem;\n            font-weight: 600;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            text-decoration: none;\n            transition: all 0.4s ease;\n            font-family: 'Inter', sans-serif;\n            background: transparent;\n            pointer-events: auto;\n            \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49 *\/\n        }\n\n        .product-item .product-link:hover {\n            background: #ffffff;\n            color: #000000;\n            border-color: #ffffff;\n            box-shadow: 0 4px 24px rgba(255, 255, 255, 0.15);\n        }\n\n        \/* ========================================================== *\/\n        \/*  \ud83d\ude80 Hover Effect : \u0e20\u0e32\u0e1e\u0e02\u0e22\u0e32\u0e22 + \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 overlay + \u0e22\u0e01\u0e01\u0e32\u0e23\u0e4c\u0e14    *\/\n        \/* ========================================================== *\/\n        .product-item:hover {\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.20);\n            z-index: 10;\n        }\n\n        .product-item:hover img {\n            transform: scale(1.06);\n        }\n\n        .product-item:hover .overlay {\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0) 100%);\n        }\n\n        .product-item:hover .product-name {\n            color: #e8d5a3;\n        }\n\n        .product-item:hover .product-desc {\n            color: rgba(255, 255, 255, 0.95);\n        }\n\n        \/* ========================================================== *\/\n        \/*  \ud83c\udf1f \u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e15\u0e2d\u0e19\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e25\u0e07\u0e21\u0e32\u0e40\u0e08\u0e2d (Scroll Trigger)             *\/\n        \/* ========================================================== *\/\n        .product-grid.visible .product-item {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* ========================================================== *\/\n        \/*  \ud83d\udcf1 Responsive                                              *\/\n        \/* ========================================================== *\/\n        @media (max-width: 768px) {\n            body {\n                padding: 8px 6px;\n            }\n            .product-grid {\n                grid-template-columns: 1fr;\n                gap: 8px;\n                max-width: 600px;\n                margin: 0 auto;\n            }\n            .product-item {\n                aspect-ratio: 16 \/ 10;\n            }\n            .product-item .product-content {\n                bottom: 6%;\n                left: 6%;\n                right: 6%;\n            }\n            .product-item .product-name {\n                font-size: clamp(1.8rem, 5vw, 2.6rem);\n            }\n            .product-item .product-desc {\n                font-size: 0.95rem;\n                margin-bottom: 1rem;\n            }\n            .product-item .product-link {\n                padding: 0.5rem 2rem;\n                font-size: 0.8rem;\n            }\n        }\n\n        @media (max-width: 400px) {\n            body {\n                padding: 4px 3px;\n            }\n            .product-grid {\n                gap: 5px;\n            }\n            .product-item {\n                aspect-ratio: 4 \/ 3;\n            }\n            .product-item .product-content {\n                bottom: 5%;\n                left: 5%;\n                right: 5%;\n            }\n            .product-item .product-name {\n                font-size: clamp(1.4rem, 6vw, 2rem);\n            }\n            .product-item .product-desc {\n                font-size: 0.8rem;\n                margin-bottom: 0.8rem;\n            }\n            .product-item .product-link {\n                padding: 0.4rem 1.6rem;\n                font-size: 0.7rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ========================================================== -->\n    <!--  Grid \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 2 \u0e15\u0e31\u0e27 \u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e0d\u0e48 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e49\u0e2d\u0e19\u0e17\u0e31\u0e1a                 -->\n    <!-- ========================================================== -->\n    <div class=\"product-grid\" id=\"productGrid\">\n\n        <!-- \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e15\u0e31\u0e27\u0e17\u0e35\u0e48 1 : 2 Axis Solar -->\n        <a href=\"https:\/\/forgreentech.com\/?page_id=857\" class=\"product-item\" target=\"_blank\">\n            <img decoding=\"async\" src=\"https:\/\/forgreentech.com\/wp-content\/uploads\/2026\/06\/901776417453_.pic_-edited-3.jpg\" alt=\"2 Axis Solar\" loading=\"lazy\" \/>\n            <div class=\"overlay\"><\/div>\n            <div class=\"product-content\">\n                <div class=\"product-name\">2 Axis Solar<\/div>\n                <div class=\"product-desc\">Solar tracking system with dual-axis precision for maximum energy yield.<\/div>\n                <span class=\"product-link\">Discover \u2192<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e15\u0e31\u0e27\u0e17\u0e35\u0e48 2 : Water & Air Treatment Machine -->\n        <a href=\"https:\/\/forgreentech.com\/?page_id=855\" class=\"product-item\" target=\"_blank\">\n            <img decoding=\"async\" src=\"https:\/\/forgreentech.com\/wp-content\/uploads\/2026\/06\/2111776429727_.pic_.jpg\" alt=\"Water &amp; Air Treatment Machine\" loading=\"lazy\" \/>\n            <div class=\"overlay\"><\/div>\n            <div class=\"product-content\">\n                <div class=\"product-name\">Water &amp; Air Treatment Machine<\/div>\n                <div class=\"product-desc\">Advanced purification system for clean water and air in industrial applications.<\/div>\n                <span class=\"product-link\">Discover \u2192<\/span>\n            <\/div>\n        <\/a>\n\n    <\/div>\n\n    <script>\n        (function() {\n            'use strict';\n\n            const grid = document.getElementById('productGrid');\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        grid.classList.add('visible');\n                    }\n                });\n            }, {\n                threshold: 0.15,\n                rootMargin: '0px 0px -40px 0px'\n            });\n\n            observer.observe(grid);\n\n            requestAnimationFrame(() => {\n                const rect = grid.getBoundingClientRect();\n                const windowHeight = window.innerHeight;\n                if (rect.top < windowHeight - 80) {\n                    grid.classList.add('visible');\n                }\n            });\n\n            console.log('\u2705 Full-image product grid \u00b7 Full width \u00b7 No frames');\n        })();\n    <\/script>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-04822461 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-d5ee9b21 wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-04822461 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Patents \u00b7 ForGreenTech<\/title>\n\n    <!-- Google Fonts : Inter (\u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32 Solar) -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&#038;display=swap\" rel=\"stylesheet\" \/>\n\n    <style>\n        \/* ----- Reset ----- *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #ffffff;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            padding: 20px;\n        }\n\n        \/* ----- Hero Section : \u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d ----- *\/\n        .patent-hero {\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            position: relative;\n            overflow: hidden;\n            aspect-ratio: 16 \/ 8;\n            background: #000000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transform: scale(0.98);\n            transition: opacity 1s ease, transform 1s ease;\n        }\n\n        .patent-hero.visible {\n            opacity: 1;\n            transform: scale(1);\n        }\n\n        \/* ----- \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 ----- *\/\n        .patent-hero .bg-image {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            z-index: 0;\n            transition: transform 0.7s ease;\n        }\n\n        .patent-hero:hover .bg-image {\n            transform: scale(1.03);\n        }\n\n        \/* ----- Overlay \u0e2a\u0e35\u0e14\u0e33\u0e42\u0e1b\u0e23\u0e48\u0e07 ----- *\/\n        .patent-hero .overlay {\n            position: absolute;\n            inset: 0;\n            z-index: 1;\n            background: linear-gradient(to bottom,\n                    rgba(0, 0, 0, 0.20) 0%,\n                    rgba(0, 0, 0, 0.40) 50%,\n                    rgba(0, 0, 0, 0.70) 100%);\n            pointer-events: none;\n        }\n\n        \/* ----- \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 (\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07) ----- *\/\n        .patent-hero .content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            color: #ffffff;\n            padding: 20px;\n        }\n\n        \/* ---- \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d PATENTS (\u0e1f\u0e2d\u0e19\u0e15\u0e4c Inter \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32 Solar) ---- *\/\n        .patent-hero .patent-title {\n            font-family: 'Inter', sans-serif;\n            font-weight: 700;\n            font-size: clamp(3rem, 8vw, 6.5rem);\n            letter-spacing: -0.02em;\n            color: #ffffff;\n            text-transform: uppercase;\n            text-shadow: 0 4px 40px rgba(0, 0, 0, 0.3);\n            margin-bottom: 1.4rem;\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n\n        .patent-hero.visible .patent-title {\n            opacity: 1;\n            transform: translateY(0);\n            transition-delay: 0.2s;\n        }\n\n        \/* ---- \u0e1b\u0e38\u0e48\u0e21 Discover (\u0e1f\u0e2d\u0e19\u0e15\u0e4c Inter \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32 Solar) ---- *\/\n        .patent-hero .patent-btn {\n            font-family: 'Inter', sans-serif;\n            display: inline-block;\n            padding: 0.7rem 3rem;\n            border: 1.5px solid rgba(255, 255, 255, 0.50);\n            color: #ffffff;\n            font-size: 0.8rem;\n            font-weight: 600;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            text-decoration: none;\n            transition: all 0.4s ease;\n            background: transparent;\n            cursor: pointer;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.8s ease, transform 0.8s ease, background 0.4s ease, color 0.4s ease, border-color 0.4s ease;\n        }\n\n        .patent-hero.visible .patent-btn {\n            opacity: 1;\n            transform: translateY(0);\n            transition-delay: 0.4s;\n        }\n\n        .patent-hero .patent-btn:hover {\n            background: #ffffff;\n            color: #000000;\n            border-color: #ffffff;\n            box-shadow: 0 4px 30px rgba(255, 255, 255, 0.15);\n        }\n\n        .patent-hero .patent-btn:active {\n            transform: scale(0.97);\n        }\n\n        \/* ========================================================== *\/\n        \/*  \ud83d\udcf1 Responsive                                              *\/\n        \/* ========================================================== *\/\n        @media (max-width: 768px) {\n            body {\n                padding: 12px;\n            }\n            .patent-hero {\n                aspect-ratio: 16 \/ 10;\n            }\n            .patent-hero .patent-title {\n                font-size: clamp(2.4rem, 10vw, 4rem);\n                margin-bottom: 1rem;\n                letter-spacing: -0.01em;\n            }\n            .patent-hero .patent-btn {\n                padding: 0.5rem 2rem;\n                font-size: 0.7rem;\n            }\n        }\n\n        @media (max-width: 400px) {\n            body {\n                padding: 8px;\n            }\n            .patent-hero {\n                aspect-ratio: 4 \/ 3;\n            }\n            .patent-hero .patent-title {\n                font-size: clamp(1.8rem, 10vw, 2.8rem);\n                margin-bottom: 0.8rem;\n            }\n            .patent-hero .patent-btn {\n                padding: 0.4rem 1.4rem;\n                font-size: 0.65rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ========================================================== -->\n    <!--  PATENTS HERO \u00b7 Full-width \u00b7 Background Image               -->\n    <!-- ========================================================== -->\n    <div class=\"patent-hero\" id=\"patentHero\">\n\n        <!-- \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 -->\n        <img decoding=\"async\" class=\"bg-image\" src=\"https:\/\/forgreentech.com\/wp-content\/uploads\/2026\/06\/DSC_0029-scaled.jpg\" alt=\"Patents Background\" loading=\"lazy\" \/>\n\n        <!-- Overlay \u0e2a\u0e35\u0e14\u0e33\u0e42\u0e1b\u0e23\u0e48\u0e07 -->\n        <div class=\"overlay\"><\/div>\n\n        <!-- \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32 -->\n        <div class=\"content\">\n            <h1 class=\"patent-title\">Patents<\/h1>\n            <a href=\"https:\/\/forgreentech.com\/?page_id=950\" class=\"patent-btn\">Discover \u2192<\/a>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        (function() {\n            'use strict';\n\n            const hero = document.getElementById('patentHero');\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        hero.classList.add('visible');\n                    }\n                });\n            }, {\n                threshold: 0.15,\n                rootMargin: '0px 0px -40px 0px'\n            });\n\n            observer.observe(hero);\n\n            requestAnimationFrame(() => {\n                const rect = hero.getBoundingClientRect();\n                const windowHeight = window.innerHeight;\n                if (rect.top < windowHeight - 80) {\n                    hero.classList.add('visible');\n                }\n            });\n\n            console.log('\u2705 Patent Hero \u00b7 Inter font (same as Solar)');\n        })();\n    <\/script>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Our Products 2 Axis Solar Solar tracking system with dual-axis precision for maximum energy yield. Discover \u2192 Water &amp; Air Treatment Machine Advanced purification system for clean water and air in industrial applications. Discover \u2192 Patents \u00b7 ForGreenTech Patents Discover \u2192<\/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-1001","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/forgreentech.com\/index.php?rest_route=\/wp\/v2\/pages\/1001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forgreentech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forgreentech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forgreentech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forgreentech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1001"}],"version-history":[{"count":16,"href":"https:\/\/forgreentech.com\/index.php?rest_route=\/wp\/v2\/pages\/1001\/revisions"}],"predecessor-version":[{"id":1018,"href":"https:\/\/forgreentech.com\/index.php?rest_route=\/wp\/v2\/pages\/1001\/revisions\/1018"}],"wp:attachment":[{"href":"https:\/\/forgreentech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}