{"id":8609,"date":"2022-06-29T08:14:47","date_gmt":"2022-06-29T08:14:47","guid":{"rendered":"http:\/\/localhost\/gazolin\/?page_id=8609"},"modified":"2026-08-05T21:34:25","modified_gmt":"2026-08-05T21:34:25","slug":"services-3","status":"publish","type":"page","link":"https:\/\/taraluxjo.com\/ar\/services-3\/","title":{"rendered":"\u062e\u062f\u0645\u0627\u062a\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8609\" class=\"elementor elementor-8609\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8522a8d e-con-full e-flex e-con e-parent\" data-id=\"8522a8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d45ef9e elementor-widget elementor-widget-html\" data-id=\"d45ef9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <title>Taralux Services<\/title>\n\n    <!-- Font -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap\"\n          rel=\"stylesheet\">\n\n    <!-- Font Awesome Icons -->\n    <link rel=\"stylesheet\"\n          href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\">\n\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: \"Poppins\", sans-serif;\n            background: #ffffff;\n            color: #111111;\n        }\n\n        .taralux-services {\n            --orange: #f57c20;\n            --orange-dark: #d95c00;\n            --black: #0b0b0b;\n            --dark: #151515;\n            --light: #f7f7f7;\n            --gray: #777777;\n\n            position: relative;\n            overflow: hidden;\n            padding: 100px 25px;\n            background:\n                radial-gradient(\n                    circle at 8% 15%,\n                    rgba(245, 124, 32, 0.10),\n                    transparent 25%\n                ),\n                #ffffff;\n        }\n\n        .services-container {\n            width: min(1240px, 100%);\n            margin: auto;\n        }\n\n        \/* Section title *\/\n\n        .section-heading {\n            max-width: 720px;\n            margin: 0 auto 60px;\n            text-align: center;\n        }\n\n        .section-label {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 14px;\n            color: var(--orange);\n            font-size: 14px;\n            font-weight: 700;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n        }\n\n        .section-label::before,\n        .section-label::after {\n            content: \"\";\n            width: 34px;\n            height: 2px;\n            background: var(--orange);\n        }\n\n        .section-heading h2 {\n            margin-bottom: 16px;\n            color: var(--black);\n            font-size: clamp(34px, 5vw, 55px);\n            font-weight: 800;\n            line-height: 1.15;\n        }\n\n        .section-heading h2 span {\n            color: var(--orange);\n        }\n\n        .section-heading p {\n            color: var(--gray);\n            font-size: 16px;\n            line-height: 1.9;\n        }\n\n        \/* Services grid *\/\n\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 22px;\n        }\n\n        .service-card {\n            position: relative;\n            min-height: 390px;\n            padding: 38px 28px 30px;\n            overflow: hidden;\n            isolation: isolate;\n            background: var(--black);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 24px;\n            transition:\n                transform 0.4s ease,\n                box-shadow 0.4s ease,\n                border-color 0.4s ease;\n        }\n\n        .service-card::before {\n            content: \"\";\n            position: absolute;\n            top: -90px;\n            right: -90px;\n            width: 210px;\n            height: 210px;\n            z-index: -1;\n            background: var(--orange);\n            border-radius: 50%;\n            opacity: 0.12;\n            transition:\n                width 0.5s ease,\n                height 0.5s ease,\n                opacity 0.5s ease;\n        }\n\n        .service-card::after {\n            content: \"\";\n            position: absolute;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            height: 5px;\n            background: linear-gradient(\n                90deg,\n                var(--orange),\n                #ffad65\n            );\n            transform: scaleX(0.3);\n            transform-origin: left;\n            transition: transform 0.4s ease;\n        }\n\n        .service-card:hover {\n            transform: translateY(-12px);\n            border-color: rgba(245, 124, 32, 0.65);\n            box-shadow: 0 24px 55px rgba(0, 0, 0, 0.20);\n        }\n\n        .service-card:hover::before {\n            width: 460px;\n            height: 460px;\n            opacity: 0.2;\n        }\n\n        .service-card:hover::after {\n            transform: scaleX(1);\n        }\n\n        \/* Number *\/\n\n        .service-number {\n            position: absolute;\n            top: 20px;\n            right: 24px;\n            color: rgba(255, 255, 255, 0.06);\n            font-size: 62px;\n            font-weight: 800;\n            line-height: 1;\n        }\n\n        \/* Icon *\/\n\n        .service-icon {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 82px;\n            height: 82px;\n            margin-bottom: 30px;\n            color: var(--orange);\n            background: rgba(245, 124, 32, 0.10);\n            border: 2px solid var(--orange);\n            border-radius: 50%;\n            font-size: 34px;\n            transition:\n                color 0.4s ease,\n                background 0.4s ease,\n                transform 0.4s ease;\n        }\n\n        .service-icon::after {\n            content: \"\";\n            position: absolute;\n            inset: -8px;\n            border: 1px dashed rgba(245, 124, 32, 0.35);\n            border-radius: 50%;\n            transition: transform 0.6s ease;\n        }\n\n        .service-card:hover .service-icon {\n            color: #ffffff;\n            background: var(--orange);\n            transform: scale(1.06);\n        }\n\n        .service-card:hover .service-icon::after {\n            transform: rotate(90deg);\n        }\n\n        \/* Text *\/\n\n        .service-card h3 {\n            min-height: 60px;\n            margin-bottom: 16px;\n            color: #ffffff;\n            font-size: 21px;\n            font-weight: 700;\n            line-height: 1.4;\n        }\n\n        .service-card p {\n            margin-bottom: 26px;\n            color: #bdbdbd;\n            font-size: 14px;\n            line-height: 1.85;\n        }\n\n        \/* Link *\/\n\n        .service-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 11px;\n            color: var(--orange);\n            font-size: 14px;\n            font-weight: 700;\n            text-decoration: none;\n            transition: gap 0.3s ease;\n        }\n\n        .service-link span {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 31px;\n            height: 31px;\n            color: var(--black);\n            background: var(--orange);\n            border-radius: 50%;\n        }\n\n        .service-link:hover {\n            gap: 17px;\n        }\n\n        \/* Decorative shape *\/\n\n        .orange-shape {\n            position: absolute;\n            right: -110px;\n            bottom: -150px;\n            width: 320px;\n            height: 320px;\n            border: 45px solid rgba(245, 124, 32, 0.07);\n            border-radius: 50%;\n            pointer-events: none;\n        }\n\n        \/* Responsive *\/\n\n        @media (max-width: 1100px) {\n            .services-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .taralux-services {\n                padding: 65px 10px;\n            }\n\n            .section-heading {\n                margin-bottom: 35px;\n            }\n\n            .section-heading h2 {\n                font-size: 32px;\n            }\n\n            .section-heading p {\n                font-size: 14px;\n            }\n\n            .services-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: 10px;\n            }\n\n            .service-card {\n                min-width: 0;\n                min-height: auto;\n                padding: 22px 12px 20px;\n                border-radius: 17px;\n            }\n\n            .service-icon {\n                width: 54px;\n                height: 54px;\n                margin-bottom: 17px;\n                font-size: 21px;\n            }\n\n            .service-icon::after {\n                inset: -5px;\n            }\n\n            .service-number {\n                top: 14px;\n                right: 10px;\n                font-size: 34px;\n            }\n\n            .service-card h3 {\n                min-height: 68px;\n                margin-bottom: 10px;\n                font-size: 15px;\n                line-height: 1.45;\n            }\n\n            .service-card p {\n                margin-bottom: 16px;\n                font-size: 11px;\n                line-height: 1.65;\n            }\n\n            .service-link {\n                gap: 7px;\n                font-size: 11px;\n            }\n\n            .service-link span {\n                width: 25px;\n                height: 25px;\n                font-size: 10px;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .services-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* =========================================\n           Automatic Arabic \/ RTL support\n           Works with html dir=\"rtl\" and WordPress body.rtl\n        ========================================== *\/\n\n        html[dir=\"rtl\"] body,\n        body.rtl {\n            direction: rtl;\n            font-family: \"Cairo\", \"Poppins\", sans-serif;\n        }\n\n        html[dir=\"rtl\"] .taralux-services,\n        body.rtl .taralux-services {\n            direction: rtl;\n            font-family: \"Cairo\", \"Poppins\", sans-serif;\n        }\n\n        html[dir=\"rtl\"] .section-heading,\n        body.rtl .section-heading {\n            text-align: center;\n        }\n\n        html[dir=\"rtl\"] .services-grid,\n        body.rtl .services-grid {\n            direction: rtl;\n        }\n\n        html[dir=\"rtl\"] .service-card,\n        body.rtl .service-card {\n            text-align: right;\n        }\n\n        html[dir=\"rtl\"] .service-card::before,\n        body.rtl .service-card::before {\n            right: auto;\n            left: -90px;\n        }\n\n        html[dir=\"rtl\"] .service-card::after,\n        body.rtl .service-card::after {\n            transform-origin: right;\n        }\n\n        html[dir=\"rtl\"] .service-number,\n        body.rtl .service-number {\n            right: auto;\n            left: 24px;\n        }\n\n        html[dir=\"rtl\"] .service-link,\n        body.rtl .service-link {\n            flex-direction: row-reverse;\n        }\n\n        html[dir=\"rtl\"] .service-link i,\n        body.rtl .service-link i {\n            transform: rotate(180deg);\n        }\n\n        html[dir=\"rtl\"] .orange-shape,\n        body.rtl .orange-shape {\n            right: auto;\n            left: -110px;\n        }\n\n        @media (max-width: 768px) {\n            html[dir=\"rtl\"] .service-number,\n            body.rtl .service-number {\n                right: auto;\n                left: 10px;\n            }\n\n            html[dir=\"rtl\"] .service-card,\n            body.rtl .service-card {\n                text-align: right;\n            }\n        }\n\n    <\/style>\n<\/head>\n\n<body>\n\n<section class=\"taralux-services\">\n\n    <div class=\"orange-shape\"><\/div>\n\n    <div class=\"services-container\">\n\n        <div class=\"section-heading\">\n\n            <div class=\"section-label\">\n                What We Offer\n            <\/div>\n\n            <h2>\n                Our Professional\n                <span>Services<\/span>\n            <\/h2>\n\n            <p>\n                Integrated lighting, electrical, energy-efficiency and\n                industrial solutions designed to meet the needs of\n                residential, commercial and industrial projects.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"services-grid\">\n\n            <!-- Service 01 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">01<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-regular fa-lightbulb\"><\/i>\n                <\/div>\n\n                <h3>\n                    Integrated Lighting Solutions\n                <\/h3>\n\n                <p>\n                   We provide a wide range of indoor and outdoor lighting systems\nsuitable for homes, villas, offices, factories, warehouses, commercial\nprojects, stadiums, and public spaces.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 02 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">02<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-solid fa-plug-circle-bolt\"><\/i>\n                <\/div>\n\n                <h3>\n                    Electrical & Distribution Solutions\n                <\/h3>\n\n                <p>\n                    Supplying all electrical requirements including switches, sockets,\nconnectors, power strips, and control and operating systems.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 03 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">03<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-solid fa-leaf\"><\/i>\n                <\/div>\n\n                <h3>\n                    Energy Efficiency Solutions\n                <\/h3>\n\n                <p>Energy-saving technologies and products designed to reduce\nelectricity consumption and operating costs while maintaining\nhigh performance.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 04 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">04<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\n                <\/div>\n\n                <h3>\n                    Industrial Tools Supply\n                <\/h3>\n\n                <p>\n                   A diverse range of hand tools and industrial equipment to meet\nthe needs of technicians, contractors, and workshops.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 05 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">05<\/span>\n\n                <div class=\"service-icon\">\n                   <i class=\"fa-solid fa-truck-ramp-box\"><\/i>\n                <\/div>\n\n                <h3>\n                    Project Supply & Equipment\n                <\/h3>\n\n                <p>\n                   Providing complete electrical and lighting solutions for residential,\ncommercial, and industrial projects according to the highest\nstandards.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 06 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">06<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-solid fa-microchip\"><\/i>\n                <\/div>\n\n                <h3>\n                  Technical Consultation\n                <\/h3>\n\n                <p>\n                   Assisting clients in selecting the most suitable products and solutions\nbased on project requirements and technical specifications.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Taralux Services What We Offer Our Professional Services Integrated lighting, electrical, energy-efficiency and industrial solutions designed to meet the needs of residential, commercial and industrial projects. 01 Integrated Lighting Solutions We provide a wide range of indoor and outdoor lighting systems suitable for homes, villas, offices, factories, warehouses, commercial projects, stadiums, and public spaces. Learn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8609","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/8609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/comments?post=8609"}],"version-history":[{"count":16,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/8609\/revisions"}],"predecessor-version":[{"id":9137,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/8609\/revisions\/9137"}],"wp:attachment":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/media?parent=8609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}