{"id":13287,"date":"2025-01-07T14:11:06","date_gmt":"2025-01-07T14:11:06","guid":{"rendered":"https:\/\/alchemistdigital.ae\/?page_id=13287"},"modified":"2025-12-08T07:15:21","modified_gmt":"2025-12-08T07:15:21","slug":"our-services","status":"publish","type":"page","link":"https:\/\/alchemistdigital.ae\/index.php\/our-services\/","title":{"rendered":"Our Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13287\" class=\"elementor elementor-13287\">\n\t\t\t\t<div class=\"elementor-element elementor-element-516a7ed e-con-full e-flex e-con e-parent\" data-id=\"516a7ed\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d838a1 elementor-widget elementor-widget-html\" data-id=\"9d838a1\" 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<style>\n\/* Import font from Google *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap');\n\n\/* Isolated container - won't affect other elements *\/\n.services-heading-wrapper {\n    text-align: center;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 1;\n}\n\n.services-heading-wrapper .heading {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 36px;\n    font-weight: 700;\n    margin: 0;\n    padding: 0;\n    line-height: 1.2;\n    background: -webkit-linear-gradient(#e98934, #e88834, #ef8e37, #f79738);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    color: transparent;\n    display: block;\n}\n\n.services-heading-wrapper .mobile-heading {\n    display: none;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    margin: 0;\n    padding: 0;\n    line-height: 1.2;\n    background: -webkit-linear-gradient(#e98934, #e88834, #ef8e37, #f79738);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    color: transparent;\n    text-align: left;\n}\n\n\/* Mobile-specific styles *\/\n@media (max-width: 767px) {\n    .services-heading-wrapper {\n        text-align: left;\n    }\n    \n    .services-heading-wrapper .heading {\n        display: none;\n    }\n    \n    .services-heading-wrapper .mobile-heading {\n        display: block;\n    }\n}\n\n\/* Desktop-specific styles *\/\n@media (min-width: 768px) {\n    .services-heading-wrapper .mobile-heading {\n        display: none;\n    }\n    \n    .services-heading-wrapper .heading {\n        display: block;\n    }\n}\n<\/style>\n\n<div class=\"services-heading-wrapper\">\n    <h1 class=\"heading\">Our Services<\/h1>\n    <p class=\"mobile-heading\">Our Services<\/p>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e70c34 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"6e70c34\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afc9ceb elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-rt-cirlce_showcase\" data-id=\"afc9ceb\" data-element_type=\"widget\" data-widget_type=\"rt-cirlce_showcase.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n         <div class=\"top-center-image circle-speen rts-scroll-down-circle-wrapper-3 rt-circle-path yes\">\n                <a href=\"#\" class=\"speen-shape scroll-down-circle-3\">\n                    <svg class=\"uni-circle-text-path uk-text-secondary uni-animation-spin\" viewBox=\"0 0 100 100\" width=\"180\" height=\"180\">\n                        <defs>\n                            <path id=\"circle\" d=\"M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0\">\n                            <\/path>\n                        <\/defs>\n                                                    <text font-size=\"11.75\">\n                                <textPath xlink:href=\"#circle\">Alchemist Digital \u2022 Alchemist Digital\u2022<\/textPath>\n                            <\/text>\n                                            <\/svg>\n                                            <div class=\"circle-icon\">\n                             <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>                        <\/div>\n                                    <\/a>\n            <\/div>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b0fa7a e-con-full e-flex e-con e-parent\" data-id=\"5b0fa7a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2b4347 elementor-widget elementor-widget-html\" data-id=\"d2b4347\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"services-container-wrapper\">\n    <div class=\"services-container\">\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/ai-driven-marketing\/\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/AI-Driven-scaled.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">AI Driven Marketing<\/div>\n            <\/div>\n        <\/a>\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/advertising-2\/\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/adv-scaled.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">Advertising<\/div>\n            <\/div>\n        <\/a>\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/mobile-app-development\/\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/web-dev-scaled.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">Website Development<\/div>\n            <\/div>\n        <\/a>\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/seo\/\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/seo.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">SEO<\/div>\n            <\/div>\n        <\/a>\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/social-media-management\/\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/social-media.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">Social Media Management & Content Creation<\/div>\n            <\/div>\n        <\/a>\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/mobile-app-development\/\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/mobile-scaled.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">Mobile App Development<\/div>\n            <\/div>\n        <\/a>\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/photograpvideography\/\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/photo-vid-scaled.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">Photography & Videography<\/div>\n            <\/div>\n        <\/a>\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/personal-branding\/\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/branding-scaled.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">Corporate & Personal Branding<\/div>\n            <\/div>\n        <\/a>\n        <a href=\"https:\/\/alchemistdigital.ae\/index.php\/event-management-2\">\n            <div class=\"service-box\" style=\"background-image: url('https:\/\/alchemistdigital.ae\/wp-content\/uploads\/2025\/01\/event-management-scaled.webp');\">\n                <div class=\"service-overlay\"><\/div>\n                <div class=\"service-info\">Events Management<\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>\n\n<style>\n\/* Wrapper for WordPress page centering *\/\n.services-container-wrapper {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 auto !important;\n    padding: 20px !important;\n    box-sizing: border-box !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n}\n\n.services-container {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 4px !important;\n    padding: 0 !important;\n    margin: 0 auto !important;\n    box-sizing: border-box !important;\n    justify-content: center !important;\n    align-items: flex-start !important;\n    max-width: 1200px !important;\n    width: 100% !important;\n}\n\n.service-box {\n    flex: 1 1 calc(33.333% - 3px) !important;\n    max-width: calc(33.333% - 3px) !important;\n    min-width: 280px !important;\n    height: 380px !important;\n    background-size: cover !important;\n    background-position: center !important;\n    background-repeat: no-repeat !important;\n    position: relative !important;\n    overflow: hidden !important;\n    border-radius: 0 !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;\n    transition: all 0.3s ease !important;\n    cursor: pointer !important;\n    border: 2px solid rgba(233, 137, 52, 0.3) !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    display: block !important;\n}\n\n.service-box:hover {\n    transform: translateY(-5px) !important;\n    box-shadow: 0 8px 25px rgba(233, 137, 52, 0.4) !important;\n    border-color: rgba(233, 137, 52, 0.8) !important;\n}\n\n.service-overlay {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    background: linear-gradient(to bottom, transparent 0%, transparent 55%, rgba(233, 137, 52, 0.95) 100%) !important;\n    transition: all 0.3s ease !important;\n    z-index: 1 !important;\n}\n\n.service-box:hover .service-overlay {\n    background: linear-gradient(to bottom, rgba(233, 137, 52, 0.2) 0%, transparent 35%, rgba(233, 137, 52, 0.98) 100%) !important;\n}\n\n.service-info {\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    width: 100% !important;\n    padding: 20px 15px !important;\n    color: white !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.1rem !important;\n    font-weight: 600 !important;\n    text-align: center !important;\n    z-index: 2 !important;\n    box-sizing: border-box !important;\n    background: linear-gradient(to bottom, transparent, rgba(233, 137, 52, 1)) !important;\n    line-height: 1.4 !important;\n}\n\n.service-box a {\n    text-decoration: none !important;\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    color: inherit !important;\n}\n\n.services-container > a {\n    display: block !important;\n    flex: 1 1 calc(33.333% - 3px) !important;\n    max-width: calc(33.333% - 3px) !important;\n    min-width: 280px !important;\n    margin: 0 !important;\n}\n\n\/* Tablet and Medium Screens *\/\n@media (max-width: 1024px) {\n    .services-container-wrapper {\n        padding: 15px !important;\n    }\n    \n    .services-container {\n        gap: 3px !important;\n    }\n    \n    .service-box,\n    .services-container > a {\n        flex: 1 1 calc(50% - 2px) !important;\n        max-width: calc(50% - 2px) !important;\n        min-width: 250px !important;\n        height: 320px !important;\n    }\n}\n\n\/* Mobile Screens *\/\n@media (max-width: 768px) {\n    .services-container-wrapper {\n        padding: 10px !important;\n    }\n    \n    .services-container {\n        gap: 8px !important;\n    }\n    \n    .service-box,\n    .services-container > a {\n        flex: 1 1 100% !important;\n        max-width: 100% !important;\n        min-width: 100% !important;\n        height: 250px !important;\n    }\n    \n    .service-info {\n        padding: 15px 12px !important;\n        font-size: 1em !important;\n    }\n}\n\n\/* Small Mobile Screens *\/\n@media (max-width: 480px) {\n    .services-container-wrapper {\n        padding: 10px !important;\n    }\n    \n    .services-container {\n        gap: 6px !important;\n    }\n    \n    .service-box {\n        height: 200px !important;\n    }\n    \n    .service-info {\n        padding: 12px 10px !important;\n        font-size: 0.9em !important;\n    }\n}\n\n\/* Desktop: Fixed 3 boxes per row *\/\n@media (min-width: 1025px) {\n    .services-container {\n        justify-content: center !important;\n        gap: 4px !important;\n    }\n    \n    .service-box,\n    .services-container > a {\n        flex: 1 1 calc(33.333% - 3px) !important;\n        max-width: calc(33.333% - 3px) !important;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n    \n    function initServiceBoxes() {\n        const serviceBoxes = document.querySelectorAll('.service-box');\n        \n        if (!serviceBoxes.length) return;\n        \n        \/\/ Make sure all boxes are visible\n        serviceBoxes.forEach(box => {\n            box.style.opacity = '1';\n            box.style.visibility = 'visible';\n            box.style.display = 'block';\n        });\n        \n        \/\/ Add smooth hover effects\n        serviceBoxes.forEach(box => {\n            box.addEventListener('mouseenter', function() {\n                this.style.transform = 'translateY(-5px)';\n                this.style.boxShadow = '0 8px 25px rgba(233, 137, 52, 0.4)';\n            });\n            \n            box.addEventListener('mouseleave', function() {\n                this.style.transform = 'translateY(0)';\n                this.style.boxShadow = '0 4px 15px rgba(0, 0, 0, 0.2)';\n            });\n        });\n    }\n    \n    \/\/ Initialize when DOM is ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initServiceBoxes);\n    } else {\n        initServiceBoxes();\n    }\n    \n    \/\/ Re-check after a short delay for WordPress\n    setTimeout(initServiceBoxes, 500);\n})();\n<\/script>\t\t\t\t<\/div>\n\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>Our Services Our Services Alchemist Digital \u2022 Alchemist Digital\u2022 AI Driven Marketing Advertising Website Development SEO Social Media Management &#038; Content Creation Mobile App Development Photography &#038; Videography Corporate &#038; Personal Branding Events Management<\/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":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-13287","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/alchemistdigital.ae\/index.php\/wp-json\/wp\/v2\/pages\/13287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alchemistdigital.ae\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alchemistdigital.ae\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alchemistdigital.ae\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alchemistdigital.ae\/index.php\/wp-json\/wp\/v2\/comments?post=13287"}],"version-history":[{"count":211,"href":"https:\/\/alchemistdigital.ae\/index.php\/wp-json\/wp\/v2\/pages\/13287\/revisions"}],"predecessor-version":[{"id":14621,"href":"https:\/\/alchemistdigital.ae\/index.php\/wp-json\/wp\/v2\/pages\/13287\/revisions\/14621"}],"wp:attachment":[{"href":"https:\/\/alchemistdigital.ae\/index.php\/wp-json\/wp\/v2\/media?parent=13287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}