{"id":15,"date":"2023-09-06T14:07:07","date_gmt":"2023-09-06T14:07:07","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/solar-energy-v1\/?page_id=15"},"modified":"2026-04-11T07:50:55","modified_gmt":"2026-04-11T07:50:55","slug":"products","status":"publish","type":"page","link":"https:\/\/datacareit.site\/client\/greenturftradingllc\/products\/","title":{"rendered":"Our Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8c1add3 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"8c1add3\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec1a87b\" data-id=\"ec1a87b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f8e8939 elementor-widget elementor-widget-heading\" data-id=\"f8e8939\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Products<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a72bcdc elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"a72bcdc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f8ec7ad\" data-id=\"f8ec7ad\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-414a86d elementor-widget elementor-widget-html\" data-id=\"414a86d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"product-filter-wrapper\">\r\n    <style>\r\n        \/* Modern Fonts *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@500;600;700&display=swap');\r\n\r\n        .product-filter-wrapper {\r\n            max-width: 1440px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: \"Rajdhani\", sans-serif;\r\n        }\r\n\r\n        \/* Filter Tabs Container *\/\r\n        .product-filter-tabs-container {\r\n            position: relative;\r\n            margin-bottom: 40px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Dark Bar Style with Slanted edges *\/\r\n        .product-filter-tabs {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            background: #1a1a1a;\r\n            padding: 0 15px;\r\n            clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);\r\n            overflow-x: auto;\r\n            white-space: nowrap;\r\n            scrollbar-width: none; \/* Firefox *\/\r\n        }\r\n\r\n        .product-filter-tabs::-webkit-scrollbar {\r\n            display: none; \/* Chrome\/Safari *\/\r\n        }\r\n\r\n        .filter-tab {\r\n            background: transparent;\r\n            border: none;\r\n            padding: 18px 25px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Divider lines between tabs *\/\r\n        .filter-tab:not(:first-child)::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            transform: translateY(-50%) rotate(15deg);\r\n            width: 1px;\r\n            height: 20px;\r\n            background: rgba(151, 255, 48, 0.3);\r\n        }\r\n\r\n        .filter-tab:hover, .filter-tab.active {\r\n            color: #97FF30;\r\n        }\r\n\r\n        \/* Product Grid *\/\r\n        .product-filter-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        \/* Product Card *\/\r\n        .product-card {\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            aspect-ratio: 3\/4;\r\n            background: #000;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        .product-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .product-card-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .product-card:hover .product-card-image {\r\n            transform: scale(1.1);\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .product-card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Category Label (Blur Style) *\/\r\n        .product-category-label {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            left: 20px;\r\n            right: 20px;\r\n            padding: 15px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .product-category-label span {\r\n            color: #fff;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n        }\r\n\r\n        \/* Hover Reveal Box (Green) *\/\r\n        .product-hover-content {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: #97FF30;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 30px;\r\n            text-align: center;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.4s ease;\r\n            box-sizing: border-box;\r\n            z-index: 3;\r\n        }\r\n\r\n        .product-card:hover .product-hover-content {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .product-card:hover .product-category-label {\r\n            opacity: 0;\r\n        }\r\n\r\n        .product-hover-content h3 {\r\n            margin: 0 0 10px;\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: #000;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .product-hover-content p {\r\n            font-size: 14px;\r\n            line-height: 1.5;\r\n            color: #1a1a1a;\r\n            margin-bottom: 20px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .view-btn {\r\n            background: #000;\r\n            color: #fff;\r\n            padding: 10px 25px;\r\n            text-decoration: none;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .view-btn:hover {\r\n            background: #333;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Animations *\/\r\n        .product-card.hide { display: none; }\r\n        .product-card.show { animation: fadeInUp 0.5s ease forwards; }\r\n\r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1024px) {\r\n            .product-filter-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .product-filter-tabs { justify-content: flex-start; clip-path: none; }\r\n        }\r\n        @media (max-width: 600px) {\r\n            .product-filter-grid { grid-template-columns: 1fr; }\r\n            .product-filter-tabs { padding: 5px; }\r\n            .filter-tab { padding: 12px 15px; font-size: 14px; }\r\n        }\r\n    <\/style>\r\n\r\n    \r\n\r\n    <div class=\"product-filter-grid\">\r\n        <!-- 1. Artificial Grass -->\r\n        <div class=\"product-card show\" data-cat=\"grass\">\r\n            <div class=\"product-card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/greentouchuae.com\/wp-content\/uploads\/2026\/01\/ARTIFICIAL-GRASS.jpg\" alt=\"Artificial Grass\">\r\n            <\/div>\r\n            <div class=\"product-category-label\"><span>Artificial Grass<\/span><\/div>\r\n            <div class=\"product-hover-content\">\r\n                <h3>Artificial Grass<\/h3>\r\n                <p>Natural-looking grass for landscapes, balconies, and sports spaces.<\/p>\r\n                <a href=\"#artificial-grass\/\" class=\"view-btn\">View Category<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Wall Decor -->\r\n        <div class=\"product-card show\" data-cat=\"wall\">\r\n            <div class=\"product-card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/greentouchuae.com\/wp-content\/uploads\/2026\/01\/WALL-DECOR.jpg\" alt=\"Wall Decor\">\r\n            <\/div>\r\n            <div class=\"product-category-label\"><span>Wall Decor<\/span><\/div>\r\n            <div class=\"product-hover-content\">\r\n                <h3>Wall Decor<\/h3>\r\n                <p>3D panels and modern charcoal wall solutions for stylish interiors.<\/p>\r\n                <a href=\"#wall-decor\/\" class=\"view-btn\">View Category<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Commercial -->\r\n        <div class=\"product-card show\" data-cat=\"commercial\">\r\n            <div class=\"product-card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/greentouchuae.com\/wp-content\/uploads\/2026\/01\/COMMERCIAL-RESIDENTIAL-.jpg\" alt=\"Commercial\">\r\n            <\/div>\r\n            <div class=\"product-category-label\"><span>Comm. & Residential<\/span><\/div>\r\n            <div class=\"product-hover-content\">\r\n                <h3>Comm. & Res.<\/h3>\r\n                <p>Premium SPC and parquet flooring for homes and office spaces.<\/p>\r\n                <a href=\"#commercial-residential\/\" class=\"view-btn\">View Category<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. Deck Flooring -->\r\n        <div class=\"product-card show\" data-cat=\"deck\">\r\n            <div class=\"product-card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/greentouchuae.com\/wp-content\/uploads\/2026\/01\/DACK-FLOORING.jpg\" alt=\"Deck Flooring\">\r\n            <\/div>\r\n            <div class=\"product-category-label\"><span>Deck Flooring<\/span><\/div>\r\n            <div class=\"product-hover-content\">\r\n                <h3>Deck Flooring<\/h3>\r\n                <p>Weather-resistant WPC decking for balconies and outdoor areas.<\/p>\r\n                <a href=\"#deck-flooring\/\" class=\"view-btn\">View Category<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. Gym Flooring -->\r\n        <div class=\"product-card show\" data-cat=\"gym\">\r\n            <div class=\"product-card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/greentouchuae.com\/wp-content\/uploads\/2026\/01\/GYM-FLOORING.jpg\" alt=\"Gym Flooring\">\r\n            <\/div>\r\n            <div class=\"product-category-label\"><span>Gym Flooring<\/span><\/div>\r\n            <div class=\"product-hover-content\">\r\n                <h3>Gym Flooring<\/h3>\r\n                <p>Impact-resistant rubber flooring for professional fitness centers.<\/p>\r\n                <a href=\"#gym-flooring\/\" class=\"view-btn\">View Category<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. Sports Flooring -->\r\n        <div class=\"product-card show\" data-cat=\"sports\">\r\n            <div class=\"product-card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/greentouchuae.com\/wp-content\/uploads\/2026\/01\/SPORTS-FLOORING-2.jpg\" alt=\"Sports Flooring\">\r\n            <\/div>\r\n            <div class=\"product-category-label\"><span>Sports Flooring<\/span><\/div>\r\n            <div class=\"product-hover-content\">\r\n                <h3>Sports Flooring<\/h3>\r\n                <p>High-performance courts designed for safety and player comfort.<\/p>\r\n                <a href=\"#sports-flooring\/\" class=\"view-btn\">View Category<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. Vinyl Flooring -->\r\n        <div class=\"product-card show\" data-cat=\"vinyl\">\r\n            <div class=\"product-card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/greentouchuae.com\/wp-content\/uploads\/2026\/01\/VINYL-FLOORING.jpg\" alt=\"Vinyl Flooring\">\r\n            <\/div>\r\n            <div class=\"product-category-label\"><span>Vinyl Flooring<\/span><\/div>\r\n            <div class=\"product-hover-content\">\r\n                <h3>Vinyl Flooring<\/h3>\r\n                <p>Hygienic and durable solutions for hospitals and schools.<\/p>\r\n                <a href=\"#vinyl-flooring\/\" class=\"view-btn\">View Category<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 8. Wall Fence -->\r\n        <div class=\"product-card show\" data-cat=\"fence\">\r\n            <div class=\"product-card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/greentouchuae.com\/wp-content\/uploads\/2026\/02\/Wall-Fance.jpeg\" alt=\"Wall Fence\">\r\n            <\/div>\r\n            <div class=\"product-category-label\"><span>Wall Fence<\/span><\/div>\r\n            <div class=\"product-hover-content\">\r\n                <h3>Wall Fence<\/h3>\r\n                <p>Elegant privacy fence solutions for gardens and perimeters.<\/p>\r\n                <a href=\"#wall-fence\/\" class=\"view-btn\">View Category<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const tabs = document.querySelectorAll('.filter-tab');\r\n            const cards = document.querySelectorAll('.product-card');\r\n\r\n            tabs.forEach(tab => {\r\n                tab.addEventListener('click', () => {\r\n                    \/\/ Toggle Active Tab\r\n                    tabs.forEach(t => t.classList.remove('active'));\r\n                    tab.classList.add('active');\r\n\r\n                    const filter = tab.getAttribute('data-filter');\r\n\r\n                    \/\/ Filter Logic\r\n                    cards.forEach(card => {\r\n                        const cat = card.getAttribute('data-cat');\r\n                        if (filter === 'all' || cat === filter) {\r\n                            card.classList.remove('hide');\r\n                            card.classList.add('show');\r\n                        } else {\r\n                            card.classList.remove('show');\r\n                            card.classList.add('hide');\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Products Artificial Grass Artificial Grass Natural-looking grass for landscapes, balconies, and sports spaces. View Category Wall Decor Wall Decor 3D panels and modern charcoal wall solutions for stylish interiors. View Category Comm. &#038; Residential Comm. &#038; Res. Premium SPC and parquet flooring for homes and office spaces. View Category Deck Flooring Deck Flooring Weather-resistant WPC decking for balconies and outdoor areas. View Category Gym Flooring Gym Flooring Impact-resistant rubber flooring for professional fitness centers. View Category Sports Flooring Sports Flooring High-performance courts designed for safety and player comfort. View Category Vinyl Flooring Vinyl Flooring Hygienic and durable solutions for hospitals and schools. View Category Wall Fence Wall Fence Elegant privacy fence solutions for gardens and perimeters. View Category<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/datacareit.site\/client\/greenturftradingllc\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datacareit.site\/client\/greenturftradingllc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datacareit.site\/client\/greenturftradingllc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datacareit.site\/client\/greenturftradingllc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datacareit.site\/client\/greenturftradingllc\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":14,"href":"https:\/\/datacareit.site\/client\/greenturftradingllc\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":2190,"href":"https:\/\/datacareit.site\/client\/greenturftradingllc\/wp-json\/wp\/v2\/pages\/15\/revisions\/2190"}],"wp:attachment":[{"href":"https:\/\/datacareit.site\/client\/greenturftradingllc\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}