{"id":1892,"date":"2020-06-11T06:51:45","date_gmt":"2020-06-11T06:51:45","guid":{"rendered":"https:\/\/webbingstone.com\/services\/"},"modified":"2026-01-18T18:34:28","modified_gmt":"2026-01-18T16:34:28","slug":"services","status":"publish","type":"page","link":"https:\/\/webbingstone.com\/ar\/services\/","title":{"rendered":"\u062e\u062f\u0645\u0627\u062a\u0646\u0627"},"content":{"rendered":"\t\t
\n\t\t\t\t
\r\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0627\u0644\u062e\u062f\u0645\u0627\u062a - WebbingStone | \u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --brand-coral: #ee5945;\r\n --brand-purple: #432663;\r\n }\r\n\r\n body {\r\n font-family: 'Cairo', 'Poppins', sans-serif;\r\n background: #f8f9fc;\r\n color: #2c3e50;\r\n overflow-x: hidden;\r\n direction: rtl;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);\r\n position: relative;\r\n overflow: hidden;\r\n padding: 40px 20px;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n width: 200%;\r\n height: 200%;\r\n background: \r\n radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.3) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.4) 0%, transparent 50%),\r\n radial-gradient(circle at 40% 20%, rgba(238, 89, 69, 0.2) 0%, transparent 40%);\r\n animation: gradientShift 15s ease-in-out infinite;\r\n }\r\n\r\n @keyframes gradientShift {\r\n 0%, 100% { \r\n transform: translate(0, 0) scale(1);\r\n opacity: 1;\r\n }\r\n 33% { \r\n transform: translate(-5%, -5%) scale(1.1);\r\n opacity: 0.8;\r\n }\r\n 66% { \r\n transform: translate(5%, 5%) scale(0.95);\r\n opacity: 0.9;\r\n }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n color: white;\r\n max-width: 900px;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-block;\r\n padding: 8px 24px;\r\n background: rgba(255, 255, 255, 0.25);\r\n backdrop-filter: blur(30px);\r\n border: 2px solid rgba(255, 255, 255, 0.4);\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n color: #ffffff;\r\n text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .hero p {\r\n font-size: 1.25rem;\r\n color: rgba(255, 255, 255, 0.95);\r\n line-height: 1.7;\r\n text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Categories Navigation *\/\r\n .categories-nav {\r\n background: white;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n padding: 0;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .nav-tabs {\r\n display: flex;\r\n gap: 0;\r\n overflow-x: auto;\r\n }\r\n\r\n .nav-tab {\r\n flex: 1;\r\n padding: 30px 40px;\r\n background: white;\r\n border: none;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #666;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n font-family: inherit;\r\n border-bottom: 4px solid transparent;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-tab::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n height: 4px;\r\n background: var(--tab-color);\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .nav-tab:hover {\r\n background: var(--tab-bg);\r\n color: var(--tab-color);\r\n }\r\n\r\n .nav-tab.active {\r\n background: var(--tab-bg);\r\n color: var(--tab-color);\r\n }\r\n\r\n .nav-tab.active::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .nav-tab .icon {\r\n font-size: 2rem;\r\n display: block;\r\n margin-bottom: 8px;\r\n }\r\n\r\n \/* Tab Colors *\/\r\n .nav-tab:nth-child(1) {\r\n --tab-color: var(--brand-coral);\r\n --tab-bg: rgba(238, 89, 69, 0.1);\r\n }\r\n\r\n .nav-tab:nth-child(2) {\r\n --tab-color: var(--brand-purple);\r\n --tab-bg: rgba(67, 38, 99, 0.1);\r\n }\r\n\r\n .nav-tab:nth-child(3) {\r\n --tab-color: #ff8a3d;\r\n --tab-bg: rgba(255, 138, 61, 0.1);\r\n }\r\n\r\n .nav-tab:nth-child(4) {\r\n --tab-color: #7e22ce;\r\n --tab-bg: rgba(126, 34, 206, 0.1);\r\n }\r\n\r\n \/* Content Section *\/\r\n .content-section {\r\n padding: 80px 20px;\r\n }\r\n\r\n .category-content {\r\n display: none;\r\n animation: fadeIn 0.6s ease;\r\n }\r\n\r\n .category-content.active {\r\n display: block;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .category-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .category-title {\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: var(--category-color);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .category-description {\r\n font-size: 1.2rem;\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Services Grid *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 30px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 2px solid transparent;\r\n position: relative;\r\n text-decoration: none;\r\n display: block;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n height: 5px;\r\n background: var(--category-color);\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .service-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-12px);\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n border-color: var(--category-color);\r\n }\r\n\r\n .service-number {\r\n position: absolute;\r\n top: 30px;\r\n left: 30px;\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n color: var(--category-color);\r\n opacity: 0.1;\r\n line-height: 1;\r\n }\r\n\r\n .service-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--category-color);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .service-card:hover .service-icon {\r\n transform: scale(1.1) rotate(10deg);\r\n }\r\n\r\n .service-name {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n margin-bottom: 12px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .service-card:hover .service-name {\r\n color: var(--category-color);\r\n }\r\n\r\n .service-description {\r\n font-size: 0.95rem;\r\n color: #666;\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .service-link-text {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--category-color);\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .service-link-text::after {\r\n content: '\u2190';\r\n font-size: 1.2rem;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .service-card:hover .service-link-text::after {\r\n transform: translateX(-5px);\r\n }\r\n\r\n \/* Category Colors *\/\r\n .category-digital-marketing {\r\n --category-color: var(--brand-coral);\r\n }\r\n\r\n .category-web-development {\r\n --category-color: var(--brand-purple);\r\n }\r\n\r\n .category-graphic-design {\r\n --category-color: #ff8a3d;\r\n }\r\n\r\n .category-others {\r\n --category-color: #7e22ce;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta-section {\r\n background: linear-gradient(135deg, var(--brand-purple), var(--brand-coral));\r\n padding: 80px 20px;\r\n text-align: center;\r\n color: white;\r\n margin-top: 80px;\r\n }\r\n\r\n .cta-title {\r\n font-size: 2.5rem;\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .cta-text {\r\n font-size: 1.15rem;\r\n opacity: 0.95;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n padding: 18px 45px;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: inline-block;\r\n }\r\n\r\n .btn-primary {\r\n background: white;\r\n color: var(--brand-coral);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: white;\r\n border: 3px solid white;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: white;\r\n color: var(--brand-purple);\r\n }\r\n\r\n \/* Loading Animation *\/\r\n .loading {\r\n opacity: 0;\r\n animation: fadeIn 0.6s ease forwards;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 968px) {\r\n .nav-tabs {\r\n flex-wrap: wrap;\r\n }\r\n\r\n .nav-tab {\r\n flex: 1 1 calc(50% - 10px);\r\n min-width: 200px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero {\r\n min-height: 80vh;\r\n padding: 30px 20px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .hero p {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .nav-tab {\r\n padding: 20px 25px;\r\n font-size: 1rem;\r\n }\r\n\r\n .nav-tab .icon {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .category-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n max-width: 350px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/div>\r\n <h1>\u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/h1>\r\n <p>\u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0623\u064a \u0641\u0626\u0629 \u0623\u062f\u0646\u0627\u0647 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u062d\u0644\u0648\u0644\u0646\u0627 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Categories Navigation -->\r\n <nav class=\"categories-nav\">\r\n <div class=\"container\">\r\n <div class=\"nav-tabs\">\r\n <button class=\"nav-tab active\" data-category=\"digital-marketing\">\r\n <span class=\"icon\">\ud83c\udfaf<\/span>\r\n <span>\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n <\/button>\r\n <button class=\"nav-tab\" data-category=\"web-development\">\r\n <span class=\"icon\">\ud83d\udcbb<\/span>\r\n <span>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628<\/span>\r\n <\/button>\r\n <button class=\"nav-tab\" data-category=\"graphic-design\">\r\n <span class=\"icon\">\ud83c\udfa8<\/span>\r\n <span>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/span>\r\n <\/button>\r\n <button class=\"nav-tab\" data-category=\"others\">\r\n <span class=\"icon\">\ud83d\ude80<\/span>\r\n <span>\u0623\u062e\u0631\u0649<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Content Section -->\r\n <section class=\"content-section\">\r\n <div class=\"container\">\r\n <!-- Digital Marketing Content -->\r\n <div class=\"category-content category-digital-marketing active\" id=\"digital-marketing\">\r\n <div class=\"category-header\">\r\n <h2 class=\"category-title\">\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a<\/h2>\r\n <p class=\"category-description\">\u062d\u0644\u0648\u0644 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u062a\u0636\u062e\u064a\u0645 \u062a\u0648\u0627\u062c\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0648\u062f\u0641\u0639 \u0627\u0644\u0646\u0645\u0648<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/social-media-marketing\/\" class=\"service-card\">\r\n <span class=\"service-number\">01<\/span>\r\n <div class=\"service-icon\">\ud83d\udcf1<\/div>\r\n <h3 class=\"service-name\">\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0639\u0628\u0631 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/h3>\r\n <p class=\"service-description\">\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643 \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0628\u0645\u062d\u062a\u0648\u0649 \u0625\u0628\u062f\u0627\u0639\u064a \u0648\u062d\u0645\u0644\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/ppc-advertising\/\" class=\"service-card\">\r\n <span class=\"service-number\">02<\/span>\r\n <div class=\"service-icon\">\ud83d\udcb0<\/div>\r\n <h3 class=\"service-name\">\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062f\u0641\u0639 \u0628\u0627\u0644\u0646\u0642\u0631\u0629 (PPC)<\/h3>\r\n <p class=\"service-description\">\u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u062a\u0648\u0641\u0631 \u0639\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u0642\u064a\u0627\u0633 \u0648\u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0645\u0624\u0647\u0644\u064a\u0646<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/content-marketing\/\" class=\"service-card\">\r\n <span class=\"service-number\">03<\/span>\r\n <div class=\"service-icon\">\u270d\ufe0f<\/div>\r\n <h3 class=\"service-name\">\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h3>\r\n <p class=\"service-description\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062d\u062a\u0648\u0649 \u0645\u0642\u0646\u0639\u0629 \u062a\u062c\u0630\u0628 \u0648\u062a\u0634\u0631\u0643 \u0648\u062a\u062d\u0648\u0644 \u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/social-media-posting\/\" class=\"service-card\">\r\n <span class=\"service-number\">04<\/span>\r\n <div class=\"service-icon\">\ud83d\udcca<\/div>\r\n <h3 class=\"service-name\">\u0627\u0644\u0646\u0634\u0631 \u0639\u0644\u0649 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/h3>\r\n <p class=\"service-description\">\u0645\u062d\u062a\u0648\u0649 \u062b\u0627\u0628\u062a \u0648\u062c\u0630\u0627\u0628 \u0639\u0644\u0649 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u064a\u0628\u0642\u064a \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0635\u062f\u0627\u0631\u0629<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/community-management\/\" class=\"service-card\">\r\n <span class=\"service-number\">05<\/span>\r\n <div class=\"service-icon\">\ud83d\udc65<\/div>\r\n <h3 class=\"service-name\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/h3>\r\n <p class=\"service-description\">\u0628\u0646\u0627\u0621 \u0648\u0631\u0639\u0627\u064a\u0629 \u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0645\u062a\u0641\u0627\u0639\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u062d\u0648\u0644 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/seo\/\" class=\"service-card\">\r\n <span class=\"service-number\">06<\/span>\r\n <div class=\"service-icon\">\ud83d\udd0d<\/div>\r\n <h3 class=\"service-name\">\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (SEO)<\/h3>\r\n <p class=\"service-description\">\u062a\u062d\u0633\u064a\u0646 \u0638\u0647\u0648\u0631\u0643 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0635\u0646\u064a\u0641 \u0623\u0639\u0644\u0649 \u0641\u064a \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0628\u062a\u0642\u0646\u064a\u0627\u062a SEO \u0627\u0644\u0645\u062b\u0628\u062a\u0629<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/email-marketing\/\" class=\"service-card\">\r\n <span class=\"service-number\">07<\/span>\r\n <div class=\"service-icon\">\u2709\ufe0f<\/div>\r\n <h3 class=\"service-name\">\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\r\n <p class=\"service-description\">\u062d\u0645\u0644\u0627\u062a \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u062e\u0635\u0635\u0629 \u062a\u062f\u0641\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Web Development Content -->\r\n <div class=\"category-content category-web-development\" id=\"web-development\">\r\n <div class=\"category-header\">\r\n <h2 class=\"category-title\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628<\/h2>\r\n <p class=\"category-description\">\u062d\u0644\u0648\u0644 \u0648\u064a\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0648\u0641\u0631 \u062a\u062c\u0627\u0631\u0628 \u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/website-design-and-development\/\" class=\"service-card\">\r\n <span class=\"service-number\">01<\/span>\r\n <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n <h3 class=\"service-name\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/h3>\r\n <p class=\"service-description\">\u0645\u0648\u0627\u0642\u0639 \u0645\u062e\u0635\u0635\u0629 \u0648\u0645\u062a\u062c\u0627\u0648\u0628\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0645\u064a\u0644 \u0648\u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0642\u0648\u064a\u0629<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/website-care\/\" class=\"service-card\">\r\n <span class=\"service-number\">02<\/span>\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3 class=\"service-name\">\u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/h3>\r\n <p class=\"service-description\">\u0635\u064a\u0627\u0646\u0629 \u0648\u062f\u0639\u0645 \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639\u0643 \u0622\u0645\u0646\u064b\u0627 \u0648\u064a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0646\u062d\u0648 \u0627\u0644\u0623\u0645\u062b\u0644<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/web-hosting\/\" class=\"service-card\">\r\n <span class=\"service-number\">03<\/span>\r\n <div class=\"service-icon\">\u2601\ufe0f<\/div>\r\n <h3 class=\"service-name\">\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0627\u0644\u0648\u064a\u0628<\/h3>\r\n <p class=\"service-description\">\u062d\u0644\u0648\u0644 \u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u062a\u0648\u0627\u062c\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Graphic Design Content -->\r\n <div class=\"category-content category-graphic-design\" id=\"graphic-design\">\r\n <div class=\"category-header\">\r\n <h2 class=\"category-title\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/h2>\r\n <p class=\"category-description\">\u062d\u0644\u0648\u0644 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u062a\u062c\u0639\u0644 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0648\u0645\u0624\u062b\u0631\u0629<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/custom-logo-design\/\" class=\"service-card\">\r\n <span class=\"service-number\">01<\/span>\r\n <div class=\"service-icon\">\u2728<\/div>\r\n <h3 class=\"service-name\">\u062a\u0635\u0645\u064a\u0645 \u0634\u0639\u0627\u0631 \u0645\u062e\u0635\u0635<\/h3>\r\n <p class=\"service-description\">\u0634\u0639\u0627\u0631\u0627\u062a \u0641\u0631\u064a\u062f\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u062a\u0645\u062b\u0644 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0634\u0643\u0644 \u0645\u062b\u0627\u0644\u064a<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/brand-identity\/\" class=\"service-card\">\r\n <span class=\"service-number\">02<\/span>\r\n <div class=\"service-icon\">\ud83c\udfaf<\/div>\r\n <h3 class=\"service-name\">\u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n <p class=\"service-description\">\u0623\u0646\u0638\u0645\u0629 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u062a\u062e\u0644\u0642 \u0627\u0646\u0637\u0628\u0627\u0639\u0627\u062a \u062f\u0627\u0626\u0645\u0629<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Others Content -->\r\n <div class=\"category-content category-others\" id=\"others\">\r\n <div class=\"category-header\">\r\n <h2 class=\"category-title\">\u0623\u062e\u0631\u0649<\/h2>\r\n <p class=\"category-description\">\u062e\u062f\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0625\u0643\u0645\u0627\u0644 \u062a\u062d\u0648\u0644\u0643 \u0627\u0644\u0631\u0642\u0645\u064a<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/mobile-app-development\/\" class=\"service-card\">\r\n <span class=\"service-number\">01<\/span>\r\n <div class=\"service-icon\">\ud83d\udcf1<\/div>\r\n <h3 class=\"service-name\">\u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644<\/h3>\r\n <p class=\"service-description\">\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u062d\u0645\u0648\u0644\u0629 \u0623\u0635\u0644\u064a\u0629 \u0648\u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u062a\u0648\u0641\u0631 \u062a\u062c\u0627\u0631\u0628 \u0633\u0644\u0633\u0629<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/localization\/\" class=\"service-card\">\r\n <span class=\"service-number\">02<\/span>\r\n <div class=\"service-icon\">\ud83c\udf0d<\/div>\r\n <h3 class=\"service-name\">\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u062a\u0648\u0637\u064a\u0646<\/h3>\r\n <p class=\"service-description\">\u062a\u0631\u062c\u0645\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u062a\u0643\u064a\u0641 \u062b\u0642\u0627\u0641\u064a \u0644\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/webbingstone.com\/ar\/service\/video-animation\/\" class=\"service-card\">\r\n <span class=\"service-number\">03<\/span>\r\n <div class=\"service-icon\">\ud83c\udfac<\/div>\r\n <h3 class=\"service-name\">\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0644\u0644\u0641\u064a\u062f\u064a\u0648<\/h3>\r\n <p class=\"service-description\">\u0645\u0642\u0627\u0637\u0639 \u0641\u064a\u062f\u064a\u0648 \u0645\u062a\u062d\u0631\u0643\u0629 \u062c\u0630\u0627\u0628\u0629 \u062a\u062d\u0643\u064a \u0642\u0635\u062a\u0643 \u0648\u062a\u0623\u0633\u0631 \u0627\u0644\u062c\u0645\u0627\u0647\u064a\u0631<\/p>\r\n <span class=\"service-link-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <h2 class=\"cta-title\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u062a\u062d\u0648\u064a\u0644 \u062a\u0648\u0627\u062c\u062f\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u061f<\/h2>\r\n <p class=\"cta-text\">\u062f\u0639\u0646\u0627 \u0646\u062a\u0639\u0627\u0648\u0646 \u0644\u0625\u0646\u0634\u0627\u0621 \u0634\u064a\u0621 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a. \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u064a\u0643\u0648\u0646 \u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u0646\u062c\u0627\u062d \u0627\u0644\u0631\u0642\u0645\u064a.<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/webbingstone.com\/ar\/contact-us\/\" class=\"btn btn-primary\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\r\n <a href=\"https:\/\/webbingstone.com\/ar\/portfolio\/\" class=\"btn btn-secondary\">\u0634\u0627\u0647\u062f \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Tab Switching\r\n const tabs = document.querySelectorAll('.nav-tab');\r\n const contents = document.querySelectorAll('.category-content');\r\n\r\n tabs.forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n \/\/ Remove active class from all tabs and contents\r\n tabs.forEach(t => t.classList.remove('active'));\r\n contents.forEach(c => c.classList.remove('active'));\r\n\r\n \/\/ Add active class to clicked tab\r\n tab.classList.add('active');\r\n\r\n \/\/ Show corresponding content\r\n const category = tab.getAttribute('data-category');\r\n document.getElementById(category).classList.add('active');\r\n\r\n \/\/ Smooth scroll to content\r\n document.querySelector('.content-section').scrollIntoView({ \r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n });\r\n });\r\n\r\n \/\/ Sticky navigation on scroll\r\n let lastScroll = 0;\r\n const nav = document.querySelector('.categories-nav');\r\n\r\n window.addEventListener('scroll', () => {\r\n const currentScroll = window.pageYOffset;\r\n \r\n if (currentScroll > 400) {\r\n nav.style.boxShadow = '0 4px 20px rgba(0,0,0,0.15)';\r\n } else {\r\n nav.style.boxShadow = '0 10px 40px rgba(0, 0, 0, 0.1)';\r\n }\r\n\r\n lastScroll = currentScroll;\r\n });\r\n\r\n \/\/ Add loading animation to cards\r\n const cards = document.querySelectorAll('.service-card');\r\n cards.forEach((card, index) => {\r\n card.classList.add('loading');\r\n card.style.animationDelay = `${index * 0.1}s`;\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>\u0627\u0644\u062e\u062f\u0645\u0627\u062a – WebbingStone | \u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u062e\u0637\u0648\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0623\u064a \u0641\u0626\u0629 \u0623\u062f\u0646\u0627\u0647 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u062d\u0644\u0648\u0644\u0646\u0627 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \ud83c\udfaf \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \ud83d\udcbb \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \ud83c\udfa8 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a \ud83d\ude80 \u0623\u062e\u0631\u0649 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u062d\u0644\u0648\u0644 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u062a\u0636\u062e\u064a\u0645 \u062a\u0648\u0627\u062c\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0648\u062f\u0641\u0639 \u0627\u0644\u0646\u0645\u0648 01 \ud83d\udcf1 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0639\u0628\u0631 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1892","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/comments?post=1892"}],"version-history":[{"count":5,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1892\/revisions"}],"predecessor-version":[{"id":21123,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/1892\/revisions\/21123"}],"wp:attachment":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/media?parent=1892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}