{"id":1690,"date":"2020-06-11T11:43:43","date_gmt":"2020-06-11T11:43:43","guid":{"rendered":"https:\/\/webbingstone.com\/service\/website-translation\/"},"modified":"2026-01-18T19:04:55","modified_gmt":"2026-01-18T17:04:55","slug":"website-translation-agency-in-egypt","status":"publish","type":"portfolio","link":"https:\/\/webbingstone.com\/ar\/service\/website-translation-agency-in-egypt\/","title":{"rendered":"\u0645\u062a\u0631\u062c\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629"},"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 \u062e\u062f\u0645\u0627\u062a \u062a\u0631\u062c\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0645\u0635\u0631 | \u0634\u0631\u0643\u0629 \u062a\u0631\u062c\u0645\u0629 \u0645\u0648\u0627\u0642\u0639 | \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <meta name=\"description\" content=\"\u0634\u0631\u0643\u0629 \u062a\u0631\u062c\u0645\u0629 \u0645\u0648\u0627\u0642\u0639 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0645\u0635\u0631 \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0631\u062c\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 100 \u0644\u063a\u0629. \u062a\u0631\u062c\u0645\u0629 \u0645\u0648\u0627\u0642\u0639\u060c \u0648\u062b\u0627\u0626\u0642\u060c \u0641\u064a\u062f\u064a\u0648\u060c \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0648\u0628\u0627\u064a\u0644 \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629.\" \/>\r\n\r\n <style>\r\n .translation-page * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .translation-page {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #0a0118 0%, #1a0a2e 50%, #16213e 100%);\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .translation-page .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 20px;\r\n }\r\n\r\n .translation-page .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at center, rgba(68, 39, 100, 0.3) 0%, transparent 70%);\r\n animation: rotate 20s linear infinite;\r\n }\r\n\r\n @keyframes rotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .translation-page .hero-content {\r\n max-width: 1200px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .translation-page .hero h1 {\r\n font-size: clamp(2.5rem, 6vw, 5rem);\r\n font-weight: 800;\r\n margin-bottom: 30px;\r\n background: linear-gradient(135deg, #ffffff 0%, #EE5946 50%, #442764 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n line-height: 1.2;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .hero-subtitle {\r\n font-size: clamp(1.2rem, 2.5vw, 1.8rem);\r\n color: rgba(255, 255, 255, 0.8);\r\n margin-bottom: 30px;\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .ai-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 30px;\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.2), rgba(68, 39, 100, 0.2));\r\n border: 1px solid rgba(238, 89, 70, 0.4);\r\n border-radius: 50px;\r\n margin-bottom: 40px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n color: #EE5946;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .hero-cta {\r\n display: inline-flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .btn {\r\n padding: 18px 45px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n border: none;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n text-decoration: none;\r\n display: inline-block;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .translation-page .btn-primary {\r\n background: linear-gradient(135deg, #EE5946 0%, #442764 100%);\r\n color: white;\r\n box-shadow: 0 10px 30px rgba(238, 89, 70, 0.3);\r\n }\r\n\r\n .translation-page .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(238, 89, 70, 0.5);\r\n }\r\n\r\n .translation-page .btn-secondary {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: white;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .translation-page .btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Floating Elements *\/\r\n .translation-page .floating-element {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(238, 89, 70, 0.3), rgba(68, 39, 100, 0.3));\r\n filter: blur(40px);\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .translation-page .floating-element:nth-child(1) {\r\n width: 300px;\r\n height: 300px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .translation-page .floating-element:nth-child(2) {\r\n width: 250px;\r\n height: 250px;\r\n bottom: 15%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-30px); }\r\n }\r\n\r\n \/* CSS Fallback Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n \/* Apply fallback if GSAP doesn't load *\/\r\n .no-gsap .translation-page .hero h1 {\r\n animation: fadeInUp 1s ease-out 0.3s forwards;\r\n }\r\n\r\n .no-gsap .translation-page .hero-subtitle {\r\n animation: fadeInUp 1s ease-out 0.5s forwards;\r\n }\r\n\r\n .no-gsap .translation-page .ai-badge {\r\n animation: fadeInUp 1s ease-out 0.7s forwards;\r\n }\r\n\r\n .no-gsap .translation-page .hero-cta {\r\n animation: fadeInUp 1s ease-out 0.9s forwards;\r\n }\r\n\r\n .no-gsap .translation-page .section-label {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n opacity: 0;\r\n }\r\n\r\n .no-gsap .translation-page .section-title {\r\n animation: fadeInUp 0.8s ease-out 0.2s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .no-gsap .translation-page .section-description {\r\n animation: fadeInUp 0.8s ease-out 0.4s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .no-gsap .translation-page .ai-card,\r\n .no-gsap .translation-page .service-card,\r\n .no-gsap .translation-page .process-card {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n opacity: 0;\r\n }\r\n\r\n .no-gsap .translation-page .language-item {\r\n animation: fadeInScale 0.6s ease-out forwards;\r\n opacity: 0;\r\n }\r\n\r\n .no-gsap .translation-page .stat-item {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .no-gsap .translation-page .cta-content {\r\n animation: fadeInUp 1s ease-out forwards;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n \/* AI Features Section *\/\r\n .translation-page .ai-features-section {\r\n padding: 120px 20px;\r\n position: relative;\r\n }\r\n\r\n .translation-page .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .translation-page .section-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .translation-page .section-label {\r\n display: inline-block;\r\n padding: 10px 25px;\r\n background: rgba(238, 89, 70, 0.1);\r\n border: 1px solid rgba(238, 89, 70, 0.3);\r\n border-radius: 50px;\r\n color: #EE5946;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n opacity: 0;\r\n }\r\n\r\n .translation-page .section-title {\r\n font-size: clamp(2rem, 4vw, 3.5rem);\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n background: linear-gradient(135deg, #ffffff 0%, #EE5946 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n opacity: 0;\r\n }\r\n\r\n .translation-page .section-description {\r\n font-size: 1.2rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.8;\r\n opacity: 0;\r\n }\r\n\r\n \/* AI Cards Grid *\/\r\n .translation-page .ai-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .translation-page .ai-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 24px;\r\n padding: 40px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .ai-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #EE5946 0%, #442764 100%);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .translation-page .ai-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .translation-page .ai-card:hover {\r\n transform: translateY(-10px);\r\n border-color: rgba(238, 89, 70, 0.3);\r\n background: rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 20px 60px rgba(238, 89, 70, 0.2);\r\n }\r\n\r\n .translation-page .ai-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.2), rgba(68, 39, 100, 0.2));\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: 25px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .translation-page .ai-card:hover .ai-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.3), rgba(68, 39, 100, 0.3));\r\n }\r\n\r\n .translation-page .ai-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n color: #ffffff;\r\n }\r\n\r\n .translation-page .ai-card p {\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .translation-page .ai-badge-small {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 15px;\r\n background: rgba(238, 89, 70, 0.15);\r\n border-radius: 20px;\r\n font-size: 0.85rem;\r\n color: #EE5946;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Services Grid *\/\r\n .translation-page .services-section {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, transparent 0%, rgba(68, 39, 100, 0.1) 100%);\r\n }\r\n\r\n .translation-page .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .translation-page .service-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 24px;\r\n padding: 40px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #EE5946 0%, #442764 100%);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .translation-page .service-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .translation-page .service-card:hover {\r\n transform: translateY(-10px);\r\n border-color: rgba(238, 89, 70, 0.3);\r\n background: rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 20px 60px rgba(238, 89, 70, 0.2);\r\n }\r\n\r\n .translation-page .service-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.2), rgba(68, 39, 100, 0.2));\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: 25px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .translation-page .service-card:hover .service-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.3), rgba(68, 39, 100, 0.3));\r\n }\r\n\r\n .translation-page .service-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n color: #ffffff;\r\n }\r\n\r\n .translation-page .service-card p {\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n }\r\n\r\n \/* Languages Section *\/\r\n .translation-page .languages-section {\r\n padding: 120px 20px;\r\n }\r\n\r\n .translation-page .languages-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n margin-top: 60px;\r\n }\r\n\r\n .translation-page .language-item {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n padding: 25px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n transform: scale(0.9);\r\n }\r\n\r\n .translation-page .language-item:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-color: rgba(238, 89, 70, 0.3);\r\n transform: scale(1.05);\r\n }\r\n\r\n .translation-page .language-item span {\r\n font-size: 2.5rem;\r\n display: block;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .translation-page .language-item p {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* Stats Section *\/\r\n .translation-page .stats-section {\r\n padding: 80px 20px;\r\n background: rgba(68, 39, 100, 0.1);\r\n }\r\n\r\n .translation-page .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 40px;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .translation-page .stat-item {\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .translation-page .stat-number {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n background: linear-gradient(135deg, #EE5946 0%, #442764 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n line-height: 1.3;\r\n padding: 5px 0;\r\n }\r\n\r\n .translation-page .stat-label {\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 1.1rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* Process Section *\/\r\n .translation-page .process-section {\r\n padding: 120px 20px;\r\n }\r\n\r\n .translation-page .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .translation-page .process-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 20px;\r\n padding: 35px;\r\n position: relative;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .process-number {\r\n position: absolute;\r\n top: -20px;\r\n left: 35px;\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #EE5946 0%, #442764 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n box-shadow: 0 5px 20px rgba(238, 89, 70, 0.3);\r\n }\r\n\r\n .translation-page .process-card h3 {\r\n font-size: 1.4rem;\r\n margin-top: 20px;\r\n margin-bottom: 12px;\r\n color: #EE5946;\r\n }\r\n\r\n .translation-page .process-card p {\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .translation-page .cta-section {\r\n padding: 120px 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .translation-page .cta-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 30px;\r\n padding: 80px 40px;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .cta-content h2 {\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n margin-bottom: 20px;\r\n background: linear-gradient(135deg, #ffffff 0%, #EE5946 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .translation-page .cta-content p {\r\n font-size: 1.2rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 40px;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .translation-page .hero {\r\n padding: 60px 20px;\r\n }\r\n\r\n .translation-page .ai-features-section,\r\n .translation-page .services-section,\r\n .translation-page .languages-section,\r\n .translation-page .process-section,\r\n .translation-page .cta-section {\r\n padding: 80px 20px;\r\n }\r\n\r\n .translation-page .ai-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .translation-page .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .translation-page .languages-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .translation-page .cta-content {\r\n padding: 50px 30px;\r\n }\r\n\r\n .translation-page .hero-cta {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .translation-page .btn {\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .translation-page .languages-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .translation-page .stats-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Translation Services Page - Arabic with GSAP Fallback -->\r\n<div class=\"translation-page\">\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <h1>\u062e\u062f\u0645\u0627\u062a \u062a\u0631\u062c\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0645\u0635\u0631<\/h1>\r\n <p class=\"hero-subtitle\">\r\n \u0634\u0631\u0643\u0629 \u062a\u0631\u062c\u0645\u0629 \u0645\u0648\u0627\u0642\u0639 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0642\u062f\u0645 \u062a\u0631\u062c\u0645\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0648\u062d\u0633\u0627\u0633\u0629 \u062b\u0642\u0627\u0641\u064a\u0627\u064b \u0628\u0623\u0643\u062b\u0631 \u0645\u0646 100 \u0644\u063a\u0629 \u0628\u062f\u0639\u0645 \u0645\u0646 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629\r\n <\/p>\r\n <div class=\"ai-badge\">\r\n \ud83e\udd16 \u062a\u0642\u0646\u064a\u0629 \u062a\u0631\u062c\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\r\n <\/div>\r\n <div class=\"hero-cta\">\r\n <a href=\"#contact\" class=\"btn btn-primary\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a<\/a>\r\n <a href=\"#services\" class=\"btn btn-secondary\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- AI Features Section -->\r\n <section class=\"ai-features-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\r\n <h2 class=\"section-title\">\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h2>\r\n <p class=\"section-description\">\r\n \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0631\u062c\u0645\u064a\u0646 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0644\u062a\u062d\u0642\u064a\u0642 \u062f\u0642\u0629 \u0648\u0633\u0631\u0639\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0645\u0627\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ai-grid\">\r\n <div class=\"ai-card\">\r\n <div class=\"ai-icon\">\ud83e\udde0<\/div>\r\n <h3>\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0622\u0644\u064a\u0629 \u0627\u0644\u0639\u0635\u0628\u064a\u0629<\/h3>\r\n <p>\r\n \u0646\u0645\u0627\u0630\u062c \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u062a\u0642\u062f\u0645\u0629 \u0645\u062f\u0631\u0628\u0629 \u0639\u0644\u0649 \u0645\u0644\u0627\u064a\u064a\u0646 \u0627\u0644\u062a\u0631\u062c\u0645\u0627\u062a \u062a\u0648\u0641\u0631 \u062a\u0631\u062c\u0645\u0627\u062a \u0641\u0648\u0631\u064a\u0629 \u0645\u062f\u0631\u0643\u0629 \u0644\u0644\u0633\u064a\u0627\u0642 \u0648\u062a\u0641\u0647\u0645 \u0627\u0644\u0641\u0631\u0648\u0642 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u0644\u0633\u064a\u0627\u0642 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\r\n <\/p>\r\n <span class=\"ai-badge-small\">\u26a1 \u0623\u0633\u0631\u0639 10 \u0645\u0631\u0627\u062a<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-card\">\r\n <div class=\"ai-icon\">\ud83c\udfaf<\/div>\r\n <h3>\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0630\u0643\u064a<\/h3>\r\n <p>\r\n \u0641\u062d\u0648\u0635\u0627\u062a \u062c\u0648\u062f\u0629 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u0643\u062a\u0634\u0641 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u0627\u0644\u062a\u0646\u0627\u0642\u0636\u0627\u062a \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0648\u062a\u0636\u0645\u0646 \u0627\u062a\u0633\u0627\u0642 \u0627\u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0631\u062c\u0645\u0627\u062a\r\n <\/p>\r\n <span class=\"ai-badge-small\">\u2713 \u062f\u0642\u0629 99.9%<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-card\">\r\n <div class=\"ai-icon\">\ud83d\udca1<\/div>\r\n <h3>\u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0633\u064a\u0627\u0642\u064a<\/h3>\r\n <p>\r\n \u064a\u062a\u0639\u0644\u0645 \u0630\u0643\u0627\u0624\u0646\u0627 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u0646 \u0623\u0633\u0644\u0648\u0628 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0645\u062c\u0627\u0644\u0643\u060c \u0648\u0627\u0644\u062a\u0631\u062c\u0645\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u0646\u062a\u0627\u0626\u062c \u0623\u0643\u062b\u0631 \u062f\u0642\u0629 \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a\r\n <\/p>\r\n <span class=\"ai-badge-small\">\ud83d\udcc8 \u062a\u062d\u0633\u064a\u0646 \u0645\u0633\u062a\u0645\u0631<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Stats Section -->\r\n <section class=\"stats-section\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"100\">0<\/span>\r\n <span class=\"stat-label\">+ \u0644\u063a\u0629<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"500\">0<\/span>\r\n <span class=\"stat-label\">+ \u0645\u0634\u0631\u0648\u0639<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"10\">0<\/span>\r\n <span class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"98\">0<\/span>\r\n <span class=\"stat-label\">% \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section -->\r\n <section class=\"services-section\" id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n <h2 class=\"section-title\">\u062d\u0644\u0648\u0644 \u062a\u0631\u062c\u0645\u0629 \u0634\u0627\u0645\u0644\u0629<\/h2>\r\n <p class=\"section-description\">\r\n \u0645\u0646 \u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0649 \u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629\u060c \u0646\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u063a\u0627\u062a\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n <h3>\u062a\u0631\u062c\u0645\u0629 \u0648\u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/h3>\r\n <p>\r\n \u062e\u062f\u0645\u0627\u062a \u062a\u0631\u062c\u0645\u0629 \u0645\u0648\u0627\u0642\u0639 \u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u062a\u0643\u0627\u0645\u0644 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u062f\u0639\u0645 RTL \u0644\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0643\u064a\u0641 \u0627\u0644\u062b\u0642\u0627\u0641\u064a \u0644\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u0635\u0631\u064a\u0629 \u0648\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcc4<\/div>\r\n <h3>\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0648\u062b\u0627\u0626\u0642<\/h3>\r\n <p>\r\n \u062a\u0631\u062c\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u0627\u0644\u0623\u062f\u0644\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629\u060c \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u062f\u0642\u0629 \u0645\u0639\u062a\u0645\u062f\u0629\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfac<\/div>\r\n <h3>\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u0635\u0648\u062a<\/h3>\r\n <p>\r\n \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u062a\u0631\u062c\u0645\u0629\u060c \u062f\u0628\u0644\u062c\u0629 \u0627\u0644\u0635\u0648\u062a\u060c \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0633\u062e\u060c \u0648\u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\u060c \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udecd\ufe0f<\/div>\r\n <h3>\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h3>\r\n <p>\r\n \u0623\u0648\u0635\u0627\u0641 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0641\u0626\u0627\u062a\u060c \u062a\u062f\u0641\u0642\u0627\u062a \u0627\u0644\u062f\u0641\u0639\u060c \u0648\u0645\u062d\u062a\u0648\u0649 \u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u0633\u0651\u0646 \u0644\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcf1<\/div>\r\n <h3>\u062a\u0648\u0637\u064a\u0646 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644<\/h3>\r\n <p>\r\n \u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u060c \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u060c \u062a\u062d\u0633\u064a\u0646 \u0645\u062a\u062c\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0643\u064a\u0641 \u0627\u0644\u062b\u0642\u0627\u0641\u064a \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a iOS \u0648 Android\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\u2696\ufe0f<\/div>\r\n <h3>\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0637\u0628\u064a\u0629<\/h3>\r\n <p>\r\n \u062a\u0631\u062c\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0645\u0646 \u062e\u0628\u0631\u0627\u0621 \u0645\u0639\u062a\u0645\u062f\u064a\u0646 \u0641\u064a \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0627\u0644\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0635\u064a\u062f\u0644\u0627\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Languages Section -->\r\n <section class=\"languages-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\">\u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u063a\u0637\u064a\u0647\u0627<\/span>\r\n <h2 class=\"section-title\">\u0623\u0643\u062b\u0631 \u0645\u0646 100 \u0644\u063a\u0629 \u0641\u064a \u062e\u062f\u0645\u062a\u0643<\/h2>\r\n <p class=\"section-description\">\r\n \u0645\u0646 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0622\u0633\u064a\u0648\u064a\u0629 \u0648\u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629\u060c \u0646\u0642\u062f\u0645 \u062a\u0631\u062c\u0645\u0629 \u062e\u0628\u064a\u0631\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"languages-grid\">\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddea\ud83c\uddec<\/span>\r\n <p>\u0627\u0644\u0639\u0631\u0628\u064a\u0629 (\u062c\u0645\u064a\u0639 \u0627\u0644\u0644\u0647\u062c\u0627\u062a)<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddec\ud83c\udde7<\/span>\r\n <p>\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 (\u0623\u0645\u0631\u064a\u0643\u064a\/\u0628\u0631\u064a\u0637\u0627\u0646\u064a)<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddeb\ud83c\uddf7<\/span>\r\n <p>\u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddea\ud83c\uddf8<\/span>\r\n <p>\u0627\u0644\u0625\u0633\u0628\u0627\u0646\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\udde9\ud83c\uddea<\/span>\r\n <p>\u0627\u0644\u0623\u0644\u0645\u0627\u0646\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\udde8\ud83c\uddf3<\/span>\r\n <p>\u0627\u0644\u0635\u064a\u0646\u064a\u0629 (\u0627\u0644\u0645\u0627\u0646\u062f\u0631\u064a\u0646)<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddef\ud83c\uddf5<\/span>\r\n <p>\u0627\u0644\u064a\u0627\u0628\u0627\u0646\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddf7\ud83c\uddfa<\/span>\r\n <p>\u0627\u0644\u0631\u0648\u0633\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddee\ud83c\uddf7<\/span>\r\n <p>\u0627\u0644\u0641\u0627\u0631\u0633\u064a\u0629 (RTL)<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddf5\ud83c\uddf0<\/span>\r\n <p>\u0627\u0644\u0623\u0648\u0631\u062f\u0648 (RTL)<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddf9\ud83c\uddf7<\/span>\r\n <p>\u0627\u0644\u062a\u0631\u0643\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\udf0d<\/span>\r\n <p>+100 \u0644\u063a\u0629 \u0623\u062e\u0631\u0649<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Process Section -->\r\n <section class=\"process-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\">\u0645\u0646\u0647\u062c\u064a\u062a\u0646\u0627<\/span>\r\n <h2 class=\"section-title\">\u0645\u0646\u0647\u062c\u064a\u0629 TEP \u0644\u0644\u062a\u0631\u062c\u0645\u0629<\/h2>\r\n <p class=\"section-description\">\r\n \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u062a\u062d\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0645\u062b\u0628\u062a\u0629 \u0644\u062f\u064a\u0646\u0627 \u062a\u0636\u0645\u0646 \u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0644\u0644\u0646\u062a\u0627\u0626\u062c\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-grid\">\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">01<\/div>\r\n <h3>\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0633\u0639\u064a\u0631<\/h3>\r\n <p>\r\n \u0646\u0642\u0648\u0645 \u0628\u062a\u062d\u0644\u064a\u0644 \u0645\u062d\u062a\u0648\u0627\u0643\u060c \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0646\u0637\u0627\u0642\u060c \u0623\u0632\u0648\u0627\u062c \u0627\u0644\u0644\u063a\u0627\u062a\u060c \u0648\u0646\u0642\u062f\u0645 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u0641\u0635\u0644 \u0645\u0639 \u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">02<\/div>\r\n <h3>\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/h3>\r\n <p>\r\n \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u0648\u0641\u0631 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u062b\u0645 \u0627\u0644\u0645\u062a\u0631\u062c\u0645\u0648\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0623\u0635\u0644\u064a\u0648\u0646 \u064a\u062d\u0633\u0646\u0648\u0646 \u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0633\u064a\u0627\u0642\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">03<\/div>\r\n <h3>\u0627\u0644\u062a\u062d\u0631\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3>\r\n <p>\r\n \u0627\u0644\u0645\u062d\u0631\u0631\u0648\u0646 \u0627\u0644\u0643\u0628\u0627\u0631 \u064a\u0631\u0627\u062c\u0639\u0648\u0646 \u0627\u0644\u062a\u0631\u062c\u0645\u0627\u062a \u0644\u0644\u062f\u0642\u0629\u060c \u0627\u0644\u0627\u062a\u0633\u0627\u0642\u060c \u0627\u0644\u0646\u0628\u0631\u0629\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">04<\/div>\r\n <h3>\u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0644\u063a\u0648\u064a<\/h3>\r\n <p>\r\n \u0627\u0644\u0645\u062f\u0642\u0642\u0648\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u064a\u062c\u0631\u0648\u0646 \u0641\u062d\u0648\u0635\u0627\u062a \u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0644\u0646\u062d\u0648\u060c \u0627\u0644\u062a\u0631\u0642\u064a\u0645\u060c \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u060c \u0648\u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">05<\/div>\r\n <h3>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0639\u0645\u064a\u0644<\/h3>\r\n <p>\r\n \u062a\u0642\u0648\u0645 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a. \u0646\u062c\u0631\u064a \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u0629 \u062d\u062a\u0649 \u062a\u0643\u0648\u0646 \u0631\u0627\u0636\u064a\u0627\u064b \u062a\u0645\u0627\u0645\u0627\u064b\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">06<\/div>\r\n <h3>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u062f\u0639\u0645<\/h3>\r\n <p>\r\n \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0641\u0636\u0644 \u0644\u062f\u064a\u0643 \u0645\u0639 \u0642\u0627\u0645\u0648\u0633 \u0627\u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a\u060c \u062f\u0644\u064a\u0644 \u0627\u0644\u0623\u0633\u0644\u0648\u0628\u060c \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section class=\"cta-section\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <h2>\u0645\u0633\u062a\u0639\u062f \u0644\u0644\u0627\u0646\u0637\u0644\u0627\u0642 \u0639\u0627\u0644\u0645\u064a\u0627\u064b\u061f<\/h2>\r\n <p>\r\n \u062f\u0639 \u0648\u064a\u0628\u0646\u062c \u0633\u062a\u0648\u0646 \u062a\u0643\u0633\u0631 \u062d\u0648\u0627\u062c\u0632 \u0627\u0644\u0644\u063a\u0629 \u0644\u0639\u0645\u0644\u0643. \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u062a\u0631\u062c\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u062d\u0642\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\r\n <\/p>\r\n <a href=\"https:\/\/webbingstone.com\/contact-us\/\" class=\"btn btn-primary\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0645\u062c\u0627\u0646\u064a \u0627\u0644\u0622\u0646<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n 'use strict';\r\n \r\n let gsapLoaded = false;\r\n let scrollTriggerLoaded = false;\r\n \r\n \/\/ Function to load script with fallback\r\n function loadScript(src, callback) {\r\n const script = document.createElement('script');\r\n script.src = src;\r\n script.onload = callback;\r\n script.onerror = function() {\r\n console.warn('Failed to load:', src);\r\n callback(false);\r\n };\r\n document.head.appendChild(script);\r\n }\r\n \r\n \/\/ Try multiple CDNs for GSAP\r\n function tryLoadGSAP() {\r\n const cdns = [\r\n 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js',\r\n 'https:\/\/unpkg.com\/gsap@3.12.5\/dist\/gsap.min.js',\r\n 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js'\r\n ];\r\n \r\n function tryNext(index) {\r\n if (index >= cdns.length) {\r\n console.log('GSAP failed to load from all CDNs - using CSS fallback');\r\n document.documentElement.classList.add('no-gsap');\r\n return;\r\n }\r\n \r\n loadScript(cdns[index], function(success) {\r\n if (success && typeof gsap !== 'undefined') {\r\n console.log('\u2713 GSAP loaded from:', cdns[index]);\r\n gsapLoaded = true;\r\n tryLoadScrollTrigger();\r\n } else {\r\n tryNext(index + 1);\r\n }\r\n });\r\n }\r\n \r\n tryNext(0);\r\n }\r\n \r\n \/\/ Try multiple CDNs for ScrollTrigger\r\n function tryLoadScrollTrigger() {\r\n const cdns = [\r\n 'https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js',\r\n 'https:\/\/unpkg.com\/gsap@3.12.5\/dist\/ScrollTrigger.min.js',\r\n 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js'\r\n ];\r\n \r\n function tryNext(index) {\r\n if (index >= cdns.length) {\r\n console.log('ScrollTrigger failed to load - using basic GSAP animations');\r\n initBasicGSAP();\r\n return;\r\n }\r\n \r\n loadScript(cdns[index], function(success) {\r\n if (success && typeof ScrollTrigger !== 'undefined') {\r\n console.log('\u2713 ScrollTrigger loaded from:', cdns[index]);\r\n scrollTriggerLoaded = true;\r\n initFullGSAP();\r\n } else {\r\n tryNext(index + 1);\r\n }\r\n });\r\n }\r\n \r\n tryNext(0);\r\n }\r\n \r\n \/\/ Initialize GSAP without ScrollTrigger\r\n function initBasicGSAP() {\r\n if (!gsapLoaded) return;\r\n \r\n console.log('Initializing basic GSAP animations');\r\n \r\n \/\/ Hero animations\r\n gsap.to('.translation-page .hero h1', { opacity: 1, y: 0, duration: 1, delay: 0.3 });\r\n gsap.to('.translation-page .hero-subtitle', { opacity: 1, y: 0, duration: 1, delay: 0.5 });\r\n gsap.to('.translation-page .ai-badge', { opacity: 1, y: 0, duration: 1, delay: 0.7 });\r\n gsap.to('.translation-page .hero-cta', { opacity: 1, y: 0, duration: 1, delay: 0.9 });\r\n \r\n \/\/ Simple fade-in for other elements\r\n setTimeout(() => {\r\n gsap.to('.translation-page .section-label, .translation-page .section-title, .translation-page .section-description', \r\n { opacity: 1, duration: 0.8, stagger: 0.2 });\r\n gsap.to('.translation-page .ai-card, .translation-page .service-card, .translation-page .process-card', \r\n { opacity: 1, y: 0, duration: 0.8, stagger: 0.1 });\r\n gsap.to('.translation-page .language-item', \r\n { opacity: 1, scale: 1, duration: 0.5, stagger: 0.05 });\r\n gsap.to('.translation-page .stat-item', \r\n { opacity: 1, y: 0, duration: 0.8, stagger: 0.1 });\r\n gsap.to('.translation-page .cta-content', \r\n { opacity: 1, y: 0, duration: 1 });\r\n }, 1000);\r\n \r\n \/\/ Animate counters\r\n animateCounters();\r\n }\r\n \r\n \/\/ Initialize full GSAP with ScrollTrigger\r\n function initFullGSAP() {\r\n if (!gsapLoaded || !scrollTriggerLoaded) return;\r\n \r\n console.log('\u2713 Initializing full GSAP with ScrollTrigger');\r\n \r\n gsap.registerPlugin(ScrollTrigger);\r\n \r\n \/\/ Hero animations\r\n gsap.to('.translation-page .hero h1', { opacity: 1, y: 0, duration: 1, delay: 0.3, ease: 'power3.out' });\r\n gsap.to('.translation-page .hero-subtitle', { opacity: 1, y: 0, duration: 1, delay: 0.5, ease: 'power3.out' });\r\n gsap.to('.translation-page .ai-badge', { opacity: 1, y: 0, duration: 1, delay: 0.7, ease: 'power3.out' });\r\n gsap.to('.translation-page .hero-cta', { opacity: 1, y: 0, duration: 1, delay: 0.9, ease: 'power3.out' });\r\n \r\n \/\/ Scroll-triggered animations\r\n gsap.utils.toArray('.translation-page .section-label').forEach(el => {\r\n gsap.to(el, {\r\n opacity: 1, duration: 0.8,\r\n scrollTrigger: { trigger: el, start: 'top 80%' }\r\n });\r\n });\r\n \r\n gsap.utils.toArray('.translation-page .section-title').forEach(el => {\r\n gsap.to(el, {\r\n opacity: 1, duration: 0.8, delay: 0.2,\r\n scrollTrigger: { trigger: el, start: 'top 80%' }\r\n });\r\n });\r\n \r\n gsap.utils.toArray('.translation-page .section-description').forEach(el => {\r\n gsap.to(el, {\r\n opacity: 1, duration: 0.8, delay: 0.4,\r\n scrollTrigger: { trigger: el, start: 'top 80%' }\r\n });\r\n });\r\n \r\n gsap.utils.toArray('.translation-page .ai-card, .translation-page .service-card, .translation-page .process-card').forEach((el, i) => {\r\n gsap.to(el, {\r\n opacity: 1, y: 0, duration: 0.8, delay: i * 0.1,\r\n scrollTrigger: { trigger: el, start: 'top 85%' }\r\n });\r\n });\r\n \r\n gsap.utils.toArray('.translation-page .language-item').forEach((el, i) => {\r\n gsap.to(el, {\r\n opacity: 1, scale: 1, duration: 0.5, delay: i * 0.05,\r\n scrollTrigger: { trigger: el, start: 'top 85%' }\r\n });\r\n });\r\n \r\n gsap.utils.toArray('.translation-page .stat-item').forEach((el, i) => {\r\n gsap.to(el, {\r\n opacity: 1, y: 0, duration: 0.8, delay: i * 0.1,\r\n scrollTrigger: {\r\n trigger: el,\r\n start: 'top 85%',\r\n onEnter: () => {\r\n const num = el.querySelector('.stat-number');\r\n if (num && !num._animated) {\r\n num._animated = true;\r\n animateCounter(num);\r\n }\r\n }\r\n }\r\n });\r\n });\r\n \r\n gsap.to('.translation-page .cta-content', {\r\n opacity: 1, y: 0, duration: 1,\r\n scrollTrigger: { trigger: '.translation-page .cta-content', start: 'top 80%' }\r\n });\r\n }\r\n \r\n \/\/ Counter animation\r\n function animateCounter(element) {\r\n const target = parseInt(element.getAttribute('data-target'));\r\n const duration = 2000;\r\n const increment = target \/ (duration \/ 16);\r\n let current = 0;\r\n \r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= target) {\r\n element.textContent = target;\r\n clearInterval(timer);\r\n } else {\r\n element.textContent = Math.floor(current);\r\n }\r\n }, 16);\r\n }\r\n \r\n \/\/ Animate all counters (for fallback mode)\r\n function animateCounters() {\r\n document.querySelectorAll('.translation-page .stat-number').forEach(animateCounter);\r\n }\r\n \r\n \/\/ Smooth scroll\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n });\r\n \r\n \/\/ Start loading GSAP when DOM is ready\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', tryLoadGSAP);\r\n } else {\r\n tryLoadGSAP();\r\n }\r\n \r\n \/\/ Fallback timeout - if GSAP doesn't load in 5 seconds, use CSS animations\r\n setTimeout(function() {\r\n if (!gsapLoaded) {\r\n console.log('GSAP timeout - activating CSS fallback');\r\n document.documentElement.classList.add('no-gsap');\r\n animateCounters();\r\n }\r\n }, 5000);\r\n})();\r\n<\/script>\r\n\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>\u0645\u062e\u0627\u0637\u0628\u0629 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0639\u0628\u0631 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0628\u0646\u0641\u0633 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u062a\u064a \u064a\u0641\u0636\u0644\u0647\u0627 \u0648\u0643\u0630\u0644\u0643 \u0628\u0646\u0641\u0633 \u0627\u0644\u0644\u0647\u062c\u0629 \u0627\u0644\u062a\u064a \u064a\u062a\u062d\u062f\u062b \u0628\u0647\u0627 \u0641\u0630\u0644\u0643 \u0645\u0646 \u0634\u0623\u0646\u0647 \u0631\u0641\u0639 \u0646\u0633\u0628\u0629 \u062a\u062d\u0648\u064a\u0644 \u0632\u0648\u0627\u0631 \u0645\u0648\u0642\u0639\u0643 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u0641\u0639\u0644\u064a\u064a\u0646. \u0625\u0630\u0627 \u0643\u0646\u062a \u0645\u0647\u062a\u0645\u064b\u0627 \u0628\u0628\u062f\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0644\u0643\u0646\u0643 \u0644\u0633\u062a \u0645\u062a\u0623\u0643\u062f\u064b\u0627 \u0645\u0646 \u0623\u064a\u0646 \u062a\u0628\u062f\u0623 . \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627.<\/p>\n","protected":false},"featured_media":1194,"template":"","meta":{"footnotes":""},"portfolio_cat":[5,162],"portfolio_skills":[],"class_list":["post-1690","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_cat-featured","portfolio_cat-featured-ar"],"_links":{"self":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/portfolio\/1690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":5,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/portfolio\/1690\/revisions"}],"predecessor-version":[{"id":21180,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/portfolio\/1690\/revisions\/21180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/media\/1194"}],"wp:attachment":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/media?parent=1690"}],"wp:term":[{"taxonomy":"portfolio_cat","embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/portfolio_cat?post=1690"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/portfolio_skills?post=1690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}