{"id":624,"date":"2025-12-19T12:35:18","date_gmt":"2025-12-19T09:35:18","guid":{"rendered":"https:\/\/smartcommand.sa\/en\/?page_id=624"},"modified":"2026-02-04T23:16:31","modified_gmt":"2026-02-04T20:16:31","slug":"digital-marketing","status":"publish","type":"page","link":"https:\/\/smartcommand.sa\/en\/digital-marketing\/","title":{"rendered":"Digital Marketing"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Digital marketing that drives rapid growth<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Engaging content and precise strategies to increase interaction and sales<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tContact Us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Digital Marketing<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

We create a fully integrated presence for you across all digital marketing platforms\u2014from setting up your social media pages to designing and professionally managing promotional campaigns. We turn your relationship with your target audience into a strong bond that generates real engagement and tangible results.All of this is delivered through a tailored strategic vision, creative written, audio, and visual content, and smart communication tools that ultimately enable us to achieve your goals efficiently and effectively.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tBook your free consultation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

What does Smart Command Creative Agency offer you in this service?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Advertising campaign management<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Design and creation of promotional campaigns<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Marketing plan development<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Design and creation of social media pages<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Search Engine Optimization (SEO)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

WhatsApp API marketing service<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

E-commerce store design and management<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Social media account management<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Steps for working in digital marketing<\/h3>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u0631\u0626\u064a \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0628\u0635\u0631\u064a - Timeline<\/title>\r\n <style>\r\n\r\n\/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0644\u0644\u0642\u0627\u0631\u0626\u0627\u062a \u0627\u0644\u0635\u0648\u062a\u064a\u0629 *\/\r\n.sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border-width: 0;\r\n}\r\n\r\n.v-timesection {\r\n position: relative;\r\n}\r\n\r\n\/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0646\u062c\u0648\u0645 *\/\r\n.v-timesection::before {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: \r\n radial-gradient(1.5px 1.5px at 15% 25%, white, transparent),\r\n radial-gradient(1px 1px at 25% 35%, white, transparent),\r\n radial-gradient(2px 2px at 35% 15%, white, transparent),\r\n radial-gradient(1px 1px at 45% 55%, white, transparent),\r\n radial-gradient(1.5px 1.5px at 55% 75%, white, transparent),\r\n radial-gradient(1px 1px at 65% 45%, white, transparent),\r\n radial-gradient(2px 2px at 75% 25%, white, transparent),\r\n radial-gradient(1px 1px at 85% 65%, white, transparent),\r\n radial-gradient(1.5px 1.5px at 20% 80%, white, transparent),\r\n radial-gradient(1px 1px at 30% 10%, white, transparent),\r\n radial-gradient(2px 2px at 40% 50%, white, transparent),\r\n radial-gradient(1px 1px at 50% 30%, white, transparent),\r\n radial-gradient(1.5px 1.5px at 60% 70%, white, transparent),\r\n radial-gradient(1px 1px at 70% 20%, white, transparent),\r\n radial-gradient(2px 2px at 80% 40%, white, transparent),\r\n radial-gradient(1px 1px at 90% 60%, white, transparent),\r\n radial-gradient(1.5px 1.5px at 10% 50%, white, transparent),\r\n radial-gradient(1px 1px at 5% 30%, white, transparent),\r\n radial-gradient(2px 2px at 95% 80%, white, transparent),\r\n radial-gradient(1px 1px at 12% 60%, white, transparent);\r\n background-size: 100% 100%;\r\n background-position: 0% 0%;\r\n animation: stars 30s linear infinite;\r\n opacity: 0.7;\r\n pointer-events: none;\r\n z-index: 0;\r\n}\r\n\r\n@keyframes stars {\r\n 0% { background-position: 0% 0%; }\r\n 100% { background-position: 100% 100%; }\r\n}\r\n\r\n\r\n\/* Timeline Section *\/\r\n.timeline-section {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.timeline-horizontal {\r\n position: relative;\r\n padding: 150px 0;\r\n min-height: 600px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u0641\u0642\u064a \u0627\u0644\u0645\u0631\u0643\u0632\u064a *\/\r\n.timeline-line-horizontal {\r\n position: absolute;\r\n top: 50%;\r\n left: 5%;\r\n right: 5%;\r\n height: 3px;\r\n background: white;\r\n transform: translateY(-50%);\r\n z-index: 1;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0642\u0637\u0629 \u0627\u0644\u0633\u0627\u062f\u0633\u0629 \u063a\u064a\u0631 \u0645\u062a\u0635\u0644\u0629 (\u0641\u064a \u0623\u0642\u0635\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 - 95% \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646) *\/\r\n.timeline-dot-unconnected {\r\n position: absolute;\r\n top: 50%;\r\n right: 95%;\r\n width: 8px;\r\n height: 8px;\r\n background: white;\r\n border-radius: 50%;\r\n transform: translate(50%, -50%);\r\n z-index: 2;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n.timeline-dot-unconnected-middle {\r\n position: absolute;\r\n top: 50%;\r\n left: 84%;\r\n width: 16px;\r\n height: 16px;\r\n background: white;\r\n border-radius: 50%;\r\n transform: translate(50%, -50%);\r\n z-index: 2;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n}\r\n.timeline-dot-unconnected-no-middle {\r\n position: absolute;\r\n top: 50%;\r\n left: 48%;\r\n width: 16px;\r\n height: 16px;\r\n background: white;\r\n border-radius: 50%;\r\n transform: translate(50%, -50%);\r\n z-index: 2;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n}\r\n.timeline-dot-unconnected-left {\r\n position: absolute;\r\n top: 50%;\r\n left: 12%;\r\n width: 16px;\r\n height: 16px;\r\n background: white;\r\n border-radius: 50%;\r\n transform: translate(50%, -50%);\r\n z-index: 2;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n}\r\n.timeline-dot-unconnected-bottom-no-middle {\r\n position: absolute;\r\n top: 50%;\r\n left: 66%;\r\n width: 16px;\r\n height: 16px;\r\n background: white;\r\n border-radius: 50%;\r\n transform: translate(50%, -50%);\r\n z-index: 2;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n}\r\n.timeline-dot-unconnected-bottom-middle {\r\n position: absolute;\r\n top: 50%;\r\n left: 30%;\r\n width: 16px;\r\n height: 16px;\r\n background: white;\r\n border-radius: 50%;\r\n transform: translate(50%, -50%);\r\n z-index: 2;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n}\r\n.timeline-dot-unconnected-right {\r\n position: absolute;\r\n top: 50%;\r\n right: 5%;\r\n width: 8px;\r\n height: 8px;\r\n background: white;\r\n border-radius: 50%;\r\n transform: translate(50%, -50%);\r\n z-index: 2;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0635\u0631 \u0641\u064a \u0627\u0644\u0640 timeline \u0627\u0644\u0623\u0641\u0642\u064a *\/\r\n.timeline-item-horizontal {\r\n position: absolute;\r\n width: 20%;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.6s ease;\r\n}\r\n\r\n.timeline-item-horizontal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 - 6 \u0646\u0642\u0627\u0637 \u0645\u062a\u0633\u0627\u0648\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062e\u0637\u060c 5 \u0635\u0646\u0627\u062f\u064a\u0642 \u0645\u062a\u0635\u0644\u0629 *\/\r\n\/* \u0627\u0644\u062a\u0631\u062a\u064a\u0628 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 (RTL): *\/\r\n\/* \u0627\u0644\u0646\u0642\u0637\u0629 1 (\u064a\u0645\u064a\u0646 5%) - item-1 \u0641\u064a \u0627\u0644\u0623\u0639\u0644\u0649 *\/\r\n\/* \u0627\u0644\u0646\u0642\u0637\u0629 2 (23%) - item-2 \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 *\/\r\n\/* \u0627\u0644\u0646\u0642\u0637\u0629 3 (41%) - item-3 \u0641\u064a \u0627\u0644\u0623\u0639\u0644\u0649 *\/\r\n\/* \u0627\u0644\u0646\u0642\u0637\u0629 4 (59%) - item-4 \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 *\/\r\n\/* \u0627\u0644\u0646\u0642\u0637\u0629 5 (77%) - item-5 \u0641\u064a \u0627\u0644\u0623\u0639\u0644\u0649 *\/\r\n\/* \u0627\u0644\u0646\u0642\u0637\u0629 6 (\u064a\u0633\u0627\u0631 95%) - \u063a\u064a\u0631 \u0645\u062a\u0635\u0644\u0629 *\/\r\n\r\n.timeline-item-horizontal.item-1 {\r\n right: 5%;\r\n top: 18%;\r\n}\r\n\r\n.timeline-item-horizontal.item-2 {\r\n right: 23%;\r\n bottom: 20%;\r\n}\r\n\r\n.timeline-item-horizontal.item-3 {\r\n right: 41%;\r\n top: 18%;\r\n}\r\n\r\n.timeline-item-horizontal.item-4 {\r\n right: 59%;\r\n bottom: 17%;\r\n}\r\n\r\n.timeline-item-horizontal.item-5 {\r\n right: 77%;\r\n top: 18%;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0642\u0637\u0629 \u0639\u0644\u0649 \u0627\u0644\u062e\u0637 *\/\r\n.timeline-dot-horizontal {\r\n position: absolute;\r\n top: 50%;\r\n right: 50%;\r\n width: 16px;\r\n height: 16px;\r\n background: white;\r\n border-radius: 50%;\r\n transform: translate(50%, -50%);\r\n z-index: 2;\r\n box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0623\u0641\u0642\u064a *\/\r\n.timeline-box-horizontal {\r\n position: relative;\r\n background: transparent;\r\n border: 2px solid white;\r\n border-radius: 15px;\r\n padding: 25px 20px;\r\n min-height: 65px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 15px;\r\n box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);\r\n transition: all 0.3s ease;\r\n z-index: 3;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\n.timeline-box-horizontal:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.timeline-box-horizontal.top {\r\n margin-bottom: 90px;\r\n}\r\n\r\n.timeline-box-horizontal.bottom {\r\n margin-top: 90px;\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n.icon-wrapper-horizontal {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 45px;\r\n height: 45px;\r\n}\r\n\r\n.timeline-icon-horizontal {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n filter: brightness(0) invert(1);\r\n}\r\n\r\n.monitor-icon {\r\n width: 45px;\r\n height: 45px;\r\n fill: none;\r\n stroke: white;\r\n stroke-width: 2;\r\n}\r\n\r\n.monitor-icon rect[fill] {\r\n fill: white;\r\n opacity: 0.2;\r\n}\r\n\r\n\/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n.content-horizontal {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.timeline-title-horizontal {\r\n font-size: 15px;\r\n font-weight: 400;\r\n color: white;\r\n line-height: 1.6;\r\n text-align: center;\r\n margin: 0;\r\n}\r\n\r\n\/* \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u062a\u0635\u0644\u0629 \u0627\u0644\u0639\u0645\u0648\u062f\u064a\u0629 *\/\r\n.timeline-box-horizontal.top::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -90px;\r\n right: 50%;\r\n width: 2px;\r\n height: 90px;\r\n background: white;\r\n transform: translateX(50%);\r\n z-index: 1;\r\n}\r\n\r\n.timeline-box-horizontal.bottom::after {\r\n content: '';\r\n position: absolute;\r\n top: -90px;\r\n right: 50%;\r\n width: 2px;\r\n height: 90px;\r\n background: white;\r\n transform: translateX(50%);\r\n z-index: 1;\r\n}\r\n\r\n\r\n\r\n\/* \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 (Tablet Landscape) *\/\r\n@media (max-width: 1200px) {\r\n\r\n .timeline-horizontal {\r\n padding: 130px 0;\r\n min-height: 550px;\r\n }\r\n\r\n .timeline-line-horizontal {\r\n left: 6%;\r\n right: 6%;\r\n }\r\n\r\n .timeline-item-horizontal {\r\n width: 18%;\r\n }\r\n\r\n .timeline-item-horizontal.item-1 {\r\n right: 3%;\r\n }\r\n\r\n .timeline-item-horizontal.item-2 {\r\n right: 21%;\r\n }\r\n\r\n .timeline-item-horizontal.item-3 {\r\n right: 39%;\r\n }\r\n\r\n .timeline-item-horizontal.item-4 {\r\n right: 57%;\r\n }\r\n\r\n .timeline-item-horizontal.item-5 {\r\n right: 75%;\r\n }\r\n\r\n .timeline-dot-unconnected {\r\n right: 93%;\r\n }\r\n\r\n .timeline-title-horizontal {\r\n font-size: 14px;\r\n }\r\n\r\n .timeline-box-horizontal {\r\n padding: 22px 18px;\r\n min-height: 170px;\r\n }\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 (Tablet Portrait) *\/\r\n@media (max-width: 968px) {\r\n\r\n .timeline-horizontal {\r\n padding: 60px 0;\r\n min-height: auto;\r\n }\r\n\r\n .timeline-line-horizontal {\r\n display: none;\r\n }\r\n\r\n \/* \u0625\u062e\u0641\u0627\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0646\u0642\u0627\u0637 \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0635\u0644\u0629 *\/\r\n .timeline-dot-unconnected,\r\n .timeline-dot-unconnected-left,\r\n .timeline-dot-unconnected-middle,\r\n .timeline-dot-unconnected-no-middle,\r\n .timeline-dot-unconnected-bottom-no-middle,\r\n .timeline-dot-unconnected-bottom-middle,\r\n .timeline-dot-unconnected-right {\r\n display: none;\r\n }\r\n\r\n .timeline-item-horizontal {\r\n width: 100%;\r\n position: relative !important;\r\n right: auto !important;\r\n top: auto !important;\r\n bottom: auto !important;\r\n margin: 0 auto 30px !important;\r\n transform: none !important;\r\n }\r\n\r\n .timeline-item-horizontal.visible {\r\n transform: none !important;\r\n }\r\n\r\n .timeline-box-horizontal {\r\n min-height: 150px;\r\n padding: 20px 18px;\r\n width: 100%;\r\n margin-bottom: 0 !important;\r\n margin-top: 0 !important;\r\n }\r\n\r\n .timeline-box-horizontal.top::after,\r\n .timeline-box-horizontal.bottom::after {\r\n display: none;\r\n }\r\n\r\n .timeline-dot-horizontal {\r\n display: none;\r\n }\r\n\r\n .timeline-title-horizontal {\r\n font-size: 15px;\r\n line-height: 1.5;\r\n }\r\n\r\n .icon-wrapper-horizontal {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n\r\n .monitor-icon {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 (Mobile Landscape) *\/\r\n@media (max-width: 768px) {\r\n body {\r\n padding: 10px;\r\n }\r\n\r\n .container {\r\n padding: 30px 10px;\r\n }\r\n\r\n .timeline-horizontal {\r\n padding: 40px 0;\r\n min-height: auto;\r\n }\r\n\r\n .timeline-line-horizontal {\r\n display: none;\r\n }\r\n\r\n \/* \u0625\u062e\u0641\u0627\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0646\u0642\u0627\u0637 \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0635\u0644\u0629 *\/\r\n .timeline-dot-unconnected,\r\n .timeline-dot-unconnected-left,\r\n .timeline-dot-unconnected-middle,\r\n .timeline-dot-unconnected-no-middle,\r\n .timeline-dot-unconnected-bottom-no-middle,\r\n .timeline-dot-unconnected-bottom-middle,\r\n .timeline-dot-unconnected-right {\r\n display: none;\r\n }\r\n\r\n .timeline-item-horizontal {\r\n width: 100%;\r\n margin-bottom: 25px !important;\r\n position: relative !important;\r\n right: auto !important;\r\n top: auto !important;\r\n bottom: auto !important;\r\n transform: none !important;\r\n }\r\n\r\n .timeline-item-horizontal.visible {\r\n transform: none !important;\r\n }\r\n\r\n .timeline-box-horizontal {\r\n min-height: 130px;\r\n padding: 18px 15px;\r\n width: 100%;\r\n margin-bottom: 0 !important;\r\n margin-top: 0 !important;\r\n }\r\n\r\n .timeline-box-horizontal.top::after,\r\n .timeline-box-horizontal.bottom::after {\r\n display: none;\r\n }\r\n\r\n .timeline-dot-horizontal {\r\n display: none;\r\n }\r\n\r\n .timeline-title-horizontal {\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n\r\n .icon-wrapper-horizontal {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n\r\n .monitor-icon {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b (Mobile Portrait) *\/\r\n@media (max-width: 480px) {\r\n body {\r\n padding: 8px;\r\n }\r\n\r\n .container {\r\n padding: 20px 8px;\r\n }\r\n\r\n .timeline-horizontal {\r\n padding: 30px 0;\r\n }\r\n\r\n .timeline-line-horizontal {\r\n display: none;\r\n }\r\n\r\n \/* \u0625\u062e\u0641\u0627\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0646\u0642\u0627\u0637 \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0635\u0644\u0629 *\/\r\n .timeline-dot-unconnected,\r\n .timeline-dot-unconnected-left,\r\n .timeline-dot-unconnected-middle,\r\n .timeline-dot-unconnected-no-middle,\r\n .timeline-dot-unconnected-bottom-no-middle,\r\n .timeline-dot-unconnected-bottom-middle,\r\n .timeline-dot-unconnected-right {\r\n display: none;\r\n }\r\n\r\n .timeline-item-horizontal {\r\n width: 100%;\r\n margin-bottom: 20px !important;\r\n position: relative !important;\r\n right: auto !important;\r\n top: auto !important;\r\n bottom: auto !important;\r\n transform: none !important;\r\n }\r\n\r\n .timeline-item-horizontal.visible {\r\n transform: none !important;\r\n }\r\n\r\n .timeline-box-horizontal {\r\n padding: 15px 12px;\r\n min-height: 120px;\r\n width: 100%;\r\n margin-bottom: 0 !important;\r\n margin-top: 0 !important;\r\n }\r\n\r\n .timeline-box-horizontal.top::after,\r\n .timeline-box-horizontal.bottom::after {\r\n display: none;\r\n }\r\n\r\n .timeline-dot-horizontal {\r\n display: none;\r\n }\r\n\r\n .timeline-title-horizontal {\r\n font-size: 13px;\r\n line-height: 1.5;\r\n }\r\n\r\n .icon-wrapper-horizontal {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .monitor-icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b \u062c\u062f\u0627\u064b *\/\r\n@media (max-width: 360px) {\r\n .timeline-box-horizontal {\r\n padding: 12px 10px;\r\n min-height: 110px;\r\n }\r\n\r\n .timeline-title-horizontal {\r\n font-size: 12px;\r\n line-height: 1.4;\r\n }\r\n\r\n .icon-wrapper-horizontal {\r\n width: 35px;\r\n height: 35px;\r\n }\r\n\r\n .monitor-icon {\r\n width: 35px;\r\n height: 35px;\r\n }\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n@keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"timeline-section\" aria-label=\"Media production and visual creativity services\">\r\n <div class=\"container\">\r\n <h1 class=\"sr-only\">Media production and visual creativity services<\/h1>\r\n \r\n <div class=\"timeline-horizontal\">\r\n <!-- \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u0641\u0642\u064a -->\r\n <div class=\"timeline-line-horizontal\" aria-hidden=\"true\"><\/div>\r\n \r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0629 5: \u0646\u062d\u0648\u0644 \u0631\u0624\u064a\u062a\u0643 \u0625\u0644\u0649 \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a -->\r\n <article class=\"timeline-item-horizontal item-1\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"timeline-dot-horizontal\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-box-horizontal top\">\r\n <div class=\"content-horizontal\">\r\n <h2 class=\"timeline-title-horizontal\" itemprop=\"name\">Campaign launch: executing advertisements<\/h2>\r\n <meta itemprop=\"description\" content=\"Campaign launch: executing advertisements\">\r\n <\/div>\r\n <div class=\"icon-wrapper-horizontal\">\r\n <img decoding=\"async\" src=\"https:\/\/smartcommand.sa\/wp-content\/uploads\/2025\/12\/rocket.png\" alt=\"\u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\" class=\"timeline-icon-horizontal\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0629 2: \u0625\u0628\u062f\u0627\u0639 \u0628\u0635\u0631\u064a \u064a\u0631\u0641\u0639 \u0642\u0648\u0629 \u062d\u0636\u0648\u0631\u0643 -->\r\n <article class=\"timeline-item-horizontal item-2\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"timeline-dot-horizontal\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-box-horizontal bottom\">\r\n <div class=\"content-horizontal\">\r\n <h2 class=\"timeline-title-horizontal\" itemprop=\"name\">Optimization: adjusting and improving outcomes<\/h2>\r\n <meta itemprop=\"description\" content=\"Optimization: adjusting and improving outcomes\">\r\n <\/div>\r\n <div class=\"icon-wrapper-horizontal\">\r\n <img decoding=\"async\" src=\"https:\/\/smartcommand.sa\/wp-content\/uploads\/2025\/12\/data-search.png\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\" class=\"timeline-icon-horizontal\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0629 3: \u0646\u0635\u0646\u0639 \u0642\u0635\u062a\u0643.... \u0628\u0637\u0631\u064a\u0642\u0629 \u064a\u0631\u0627\u0647\u0627 \u0627\u0644\u062c\u0645\u064a\u0639 -->\r\n <article class=\"timeline-item-horizontal item-3\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"timeline-dot-horizontal\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-box-horizontal top\">\r\n <div class=\"content-horizontal\">\r\n <h2 class=\"timeline-title-horizontal\" itemprop=\"name\">Content strategy: planning content and platforms<\/h2>\r\n <meta itemprop=\"description\" content=\"Content strategy: planning content and platforms.\">\r\n <\/div>\r\n <div class=\"icon-wrapper-horizontal\">\r\n <img decoding=\"async\" src=\"https:\/\/smartcommand.sa\/wp-content\/uploads\/2025\/12\/con-write.png\" alt=\"\u0625\u0628\u062f\u0627\u0639 \u0628\u0635\u0631\u064a\" class=\"timeline-icon-horizontal\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0629 4: \u0635\u0646\u0627\u0639\u0629 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0628\u062c\u0648\u062f\u0629 \u062a\u064f\u0634\u0627\u0647\u062f \u0648\u062a\u0624\u062b\u0631 -->\r\n <article class=\"timeline-item-horizontal item-4\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"timeline-dot-horizontal\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-box-horizontal bottom\">\r\n <div class=\"content-horizontal\">\r\n <h2 class=\"timeline-title-horizontal\" itemprop=\"name\">Performance analysis: tracking and measuring results<\/h2>\r\n <meta itemprop=\"description\" content=\"Performance analysis: tracking and measuring results\">\r\n <\/div>\r\n <div class=\"icon-wrapper-horizontal\">\r\n <img decoding=\"async\" src=\"https:\/\/smartcommand.sa\/wp-content\/uploads\/2025\/12\/write.png\" alt=\"\u0625\u0628\u062f\u0627\u0639 \u0628\u0635\u0631\u064a\" class=\"timeline-icon-horizontal\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u0627\u0644\u062e\u0637\u0648\u0629 1: \u0625\u0646\u062a\u0627\u062c \u0645\u0631\u0626\u064a \u064a\u0636\u0639 \u0639\u0644\u0627\u0645\u062a\u0643 \u0641\u064a \u062f\u0627\u0626\u0631\u0629 \u0627\u0644\u0636\u0648\u0621 -->\r\n <article class=\"timeline-item-horizontal item-5\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n <div class=\"timeline-dot-horizontal\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-box-horizontal top\">\r\n <div class=\"content-horizontal\">\r\n <h2 class=\"timeline-title-horizontal\" itemprop=\"name\">Goal definition: identifying objectives and target audience<\/h2>\r\n <meta itemprop=\"description\" content=\"Goal definition: identifying objectives and target audience\">\r\n <\/div>\r\n <div class=\"icon-wrapper-horizontal\">\r\n <img decoding=\"async\" src=\"https:\/\/smartcommand.sa\/wp-content\/uploads\/2025\/12\/new-idea.png\" alt=\"\u0625\u0646\u062a\u0627\u062c \u0645\u0631\u0626\u064a\" class=\"timeline-icon-horizontal\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u0627\u0644\u0646\u0642\u0637\u0629 \u0627\u0644\u0633\u0627\u062f\u0633\u0629 \u063a\u064a\u0631 \u0645\u062a\u0635\u0644\u0629 -->\r\n <div class=\"timeline-dot-unconnected\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-dot-unconnected-left\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-dot-unconnected-middle\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-dot-unconnected-no-middle\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-dot-unconnected-bottom-no-middle\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-dot-unconnected-bottom-middle\" aria-hidden=\"true\"><\/div>\r\n <div class=\"timeline-dot-unconnected-right\" aria-hidden=\"true\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0638\u0647\u0648\u0631 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\nconst observerOptions = {\r\n threshold: 0.2,\r\n rootMargin: '0px 0px -50px 0px'\r\n};\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n}, observerOptions);\r\n\r\n\/\/ \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const timelineItems = document.querySelectorAll('.timeline-item-horizontal');\r\n timelineItems.forEach(item => {\r\n observer.observe(item);\r\n });\r\n\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n const timelineBoxes = document.querySelectorAll('.timeline-box-horizontal');\r\n timelineBoxes.forEach((box, index) => {\r\n box.style.animationDelay = `${index * 0.1}s`;\r\n });\r\n});\r\n\r\n\/\/ \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0641\u0648\u0642 \u0627\u0644\u0639\u0646\u0627\u0635\u0631\r\ndocument.querySelectorAll('.timeline-box-horizontal').forEach(box => {\r\n box.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-5px) scale(1.02)';\r\n });\r\n\r\n box.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0) scale(1)';\r\n });\r\n});\r\n\r\n\/\/ \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0639\u0644\u0649 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629\r\nif (window.innerWidth <= 768) {\r\n document.body.style.overflowX = 'hidden';\r\n}\r\n\r\n\/\/ Lazy loading \u0644\u0644\u0635\u0648\u0631\r\nif ('loading' in HTMLImageElement.prototype) {\r\n const images = document.querySelectorAll('img[loading=\"lazy\"]');\r\n images.forEach(img => {\r\n img.src = img.src;\r\n });\r\n} else {\r\n \/\/ Fallback \u0644\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0642\u062f\u064a\u0645\u0629\r\n const script = document.createElement('script');\r\n script.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lazysizes\/5.3.2\/lazysizes.min.js';\r\n document.body.appendChild(script);\r\n}\r\n\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\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>Digital marketing that drives rapid growth Engaging content and precise strategies to increase interaction and sales Contact Us Digital Marketing We create a fully integrated presence for you across all digital marketing platforms\u2014from setting up your social media pages to designing and professionally managing promotional campaigns. We turn your relationship with your target audience into…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-624","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartcommand.sa\/en\/wp-json\/wp\/v2\/pages\/624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcommand.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartcommand.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartcommand.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartcommand.sa\/en\/wp-json\/wp\/v2\/comments?post=624"}],"version-history":[{"count":37,"href":"https:\/\/smartcommand.sa\/en\/wp-json\/wp\/v2\/pages\/624\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/smartcommand.sa\/en\/wp-json\/wp\/v2\/pages\/624\/revisions\/1268"}],"wp:attachment":[{"href":"https:\/\/smartcommand.sa\/en\/wp-json\/wp\/v2\/media?parent=624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}