{"id":4587,"date":"2025-04-24T11:35:21","date_gmt":"2025-04-24T10:35:21","guid":{"rendered":"https:\/\/aiingo.com\/?page_id=4587"},"modified":"2025-05-22T12:58:45","modified_gmt":"2025-05-22T11:58:45","slug":"ai-seo-services-in-dubai","status":"publish","type":"page","link":"https:\/\/aiingo.com\/index.php\/ai-seo-services-in-dubai\/","title":{"rendered":"Top AI SEO services in Dubai – 100% affordable"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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 AI Automation Menu Bar<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .menu-bar {\r\n background-color: white;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px 20px;\r\n border-radius: 10px;\r\n margin: 2px;\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .logo {\r\n height: 50px; \/* Match logo height *\/\r\n }\r\n\r\n .logo a {\r\n display: inline-block;\r\n height: 100%;\r\n }\r\n\r\n .logo img {\r\n height: 100%;\r\n width: auto;\r\n }\r\n\r\n .menu-items {\r\n display: flex;\r\n gap: 20px; \/* Space between menu items *\/\r\n }\r\n\r\n .menu-items a {\r\n color: #004F9E; \/* Dark blue *\/\r\n text-decoration: none;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n transition: color 0.3s;\r\n }\r\n\r\n .menu-items a:hover {\r\n color: #FFD700; \/* Optional hover effect *\/\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .menu-items {\r\n display: none; \/* Hide menu items on mobile *\/\r\n }\r\n\r\n .menu-bar {\r\n justify-content: center; \/* Center logo on mobile *\/\r\n padding: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"menu-bar\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/aiingo.com\" target=\"_blank\">\r\n <img decoding=\"async\" src=\"http:\/\/aiautomationsuae.com\/wp-content\/uploads\/2025\/03\/Aiingo-1.png\" alt=\"Aiingo Logo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"menu-items\">\r\n <a href=\"https:\/\/aiingo.com\/index.php\/ai-chatbot-development-company\/\">AI Chatbots<\/a>\r\n <a href=\"https:\/\/aiingo.com\/index.php\/social-media-automation-for-uae-india\/\">Social Media Automation Tools<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cbfd5f elementor-widget elementor-widget-html\" data-id=\"4cbfd5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>AI SEO Services UAE | Fast & Affordable SEO Solutions Dubai<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --dark-blue: #0a1f44;\r\n --light-blue: #3a86ff;\r\n --turquoise: #2ec4b6;\r\n --purple: #6a4c93;\r\n --pink: #ff4d8d;\r\n --white: #ffffff;\r\n --gradient-blue: linear-gradient(135deg, var(--dark-blue), var(--purple));\r\n --gradient-teal: linear-gradient(135deg, var(--light-blue), var(--turquoise));\r\n --gradient-purple: linear-gradient(135deg, var(--purple), var(--pink));\r\n --glass-bg: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f8fafc;\r\n color: var(--dark-blue);\r\n overflow-x: hidden;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n \r\n \/* App-like Mobile Hero Section *\/\r\n #hero-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n isolation: isolate;\r\n }\r\n \r\n #hero-section::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n background: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgxMCwzMSw2OCwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNwYXR0ZXJuKSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg==');\r\n opacity: 0.2;\r\n z-index: -1;\r\n }\r\n \r\n .hero-content {\r\n width: 100%;\r\n max-width: 100%;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n \/* Compact Rotating Text *\/\r\n #hero-main-text {\r\n font-size: clamp(1.8rem, 7vw, 2.5rem);\r\n font-weight: 800;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n letter-spacing: -0.02em;\r\n text-wrap: balance;\r\n }\r\n \r\n #rotating-text-container {\r\n display: block;\r\n position: relative;\r\n height: 2.8rem;\r\n margin: 0.8rem 0;\r\n overflow: hidden;\r\n }\r\n \r\n .rotating-text-line {\r\n position: absolute;\r\n width: 100%;\r\n text-align: center;\r\n opacity: 0;\r\n transform: none;\r\n animation: rotateHeroTextMobile 24s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;\r\n font-size: clamp(1.8rem, 7vw, 2.5rem);\r\n line-height: 1.2;\r\n }\r\n \r\n .rotating-text-line:nth-child(1) { \r\n animation-delay: 0s;\r\n background: var(--gradient-purple);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n .rotating-text-line:nth-child(2) { \r\n animation-delay: 4s;\r\n background: var(--gradient-teal);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n .rotating-text-line:nth-child(3) { \r\n animation-delay: 8s;\r\n background: var(--gradient-blue);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n .rotating-text-line:nth-child(4) { \r\n animation-delay: 12s;\r\n background: var(--gradient-purple);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n .rotating-text-line:nth-child(5) { \r\n animation-delay: 16s;\r\n background: var(--gradient-teal);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n .rotating-text-line:nth-child(6) { \r\n animation-delay: 20s;\r\n background: var(--gradient-blue);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n }\r\n \r\n @keyframes rotateHeroTextMobile {\r\n 0% { opacity: 0; transform: translateY(10px); }\r\n 8% { opacity: 1; transform: translateY(0); }\r\n 17% { opacity: 1; transform: translateY(0); }\r\n 25% { opacity: 0; transform: translateY(-10px); }\r\n 100% { opacity: 0; transform: translateY(-10px); }\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: clamp(0.9rem, 3.5vw, 1.1rem);\r\n margin-bottom: 1.5rem;\r\n color: var(--dark-blue);\r\n line-height: 1.5;\r\n padding: 0 0.5rem;\r\n }\r\n \r\n .underline-animation {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .underline-animation::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 2px;\r\n bottom: -3px;\r\n left: 0;\r\n background: var(--gradient-teal);\r\n transform: scaleX(0);\r\n transform-origin: bottom right;\r\n transition: transform 0.5s ease-out;\r\n animation: underlineGrow 3s infinite alternate;\r\n }\r\n \r\n @keyframes underlineGrow {\r\n from { transform: scaleX(0); }\r\n to { transform: scaleX(1); }\r\n }\r\n \r\n \/* Scrolling Stats Section for Mobile *\/\r\n #hero-stats {\r\n display: flex;\r\n gap: 0.8rem;\r\n margin: 1.5rem auto;\r\n width: 100%;\r\n max-width: 100%;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scrollbar-width: none;\r\n -webkit-overflow-scrolling: touch;\r\n padding-bottom: 0.5rem;\r\n }\r\n \r\n #hero-stats::-webkit-scrollbar {\r\n display: none;\r\n }\r\n \r\n .stats-row {\r\n display: flex;\r\n gap: 0.8rem;\r\n scroll-snap-align: start;\r\n flex-shrink: 0;\r\n width: calc(100% - 3rem);\r\n padding: 0 0.5rem;\r\n }\r\n \r\n .stat-card {\r\n background: var(--glass-bg);\r\n backdrop-filter: blur(5px);\r\n border-radius: 12px;\r\n padding: 0.8rem;\r\n min-width: 0;\r\n flex: 1;\r\n text-align: center;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0 4px 12px rgba(10, 31, 68, 0.1);\r\n }\r\n \r\n .stat-number {\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n margin-bottom: 0.2rem;\r\n background: var(--gradient-blue);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .stat-label {\r\n font-size: 0.65rem;\r\n color: var(--dark-blue);\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n \r\n \/* Compact CTA Button *\/\r\n .hero-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 1rem;\r\n padding: 0.9rem 1.5rem;\r\n background: var(--gradient-teal);\r\n color: white;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n box-shadow: 0 4px 12px rgba(58, 134, 255, 0.3);\r\n transition: all 0.2s ease;\r\n border: none;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n width: 100%;\r\n max-width: 240px;\r\n }\r\n \r\n .hero-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--gradient-purple);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n }\r\n \r\n .hero-cta:active {\r\n transform: translateY(-2px) scale(1.02);\r\n box-shadow: 0 6px 16px rgba(58, 134, 255, 0.4);\r\n }\r\n \r\n .hero-cta:active::before {\r\n opacity: 1;\r\n }\r\n \r\n .whatsapp-icon {\r\n margin-right: 0.5rem;\r\n font-size: 1rem;\r\n }\r\n \r\n \/* Performance optimizations *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- App-like Mobile Hero Section -->\r\n <section id=\"hero-section\">\r\n <div class=\"hero-content\">\r\n <h1 id=\"hero-main-text\">\r\n #1 AI-Powered <span class=\"underline-animation\">SEO in Dubai<\/span>\r\n <div id=\"rotating-text-container\">\r\n <div class=\"rotating-text-line\">Fast Results<\/div>\r\n <div class=\"rotating-text-line\">Affordable SEO<\/div>\r\n <div class=\"rotating-text-line\">AI Content<\/div>\r\n <div class=\"rotating-text-line\">Ranking Boost<\/div>\r\n <div class=\"rotating-text-line\">Keyword Research<\/div>\r\n <div class=\"rotating-text-line\">Traffic Growth<\/div>\r\n <\/div>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Ultra-fast AI SEO services in Dubai at unbeatable prices for UAE businesses. See results in weeks, not months!\r\n <\/p>\r\n \r\n <!-- Scrolling Stats Section -->\r\n <div id=\"hero-stats\">\r\n <!-- Row 1 -->\r\n <div class=\"stats-row\">\r\n <div class=\"stat-card\" data-target=\"87\">\r\n <div class=\"stat-number\">0%<\/div>\r\n <div class=\"stat-label\">Faster Results<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-target=\"60\">\r\n <div class=\"stat-number\">0%<\/div>\r\n <div class=\"stat-label\">Cost Savings<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-target=\"300\">\r\n <div class=\"stat-number\">0+<\/div>\r\n <div class=\"stat-label\">Keywords<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Row 2 -->\r\n <div class=\"stats-row\">\r\n <div class=\"stat-card\" data-target=\"4\">\r\n <div class=\"stat-number\">0X<\/div>\r\n <div class=\"stat-label\">More Traffic<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-target=\"95\">\r\n <div class=\"stat-number\">0%<\/div>\r\n <div class=\"stat-label\">Satisfaction<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-target=\"30\">\r\n <div class=\"stat-number\">0<\/div>\r\n <div class=\"stat-label\">Day Guarantee<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/wa.me\/971582512126\" class=\"hero-cta\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i> Get Free SEO Audit\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Animated Counter for Stats\r\n function animateCounters() {\r\n const statCards = document.querySelectorAll('.stat-card[data-target]');\r\n \r\n statCards.forEach(card => {\r\n const target = parseInt(card.getAttribute('data-target'));\r\n const statNumber = card.querySelector('.stat-number');\r\n const duration = 1500;\r\n const startTime = performance.now();\r\n \r\n const animate = (currentTime) => {\r\n const elapsedTime = currentTime - startTime;\r\n const progress = Math.min(elapsedTime \/ duration, 1);\r\n const currentValue = Math.floor(progress * target);\r\n \r\n if (card.getAttribute('data-target') === '4') {\r\n statNumber.textContent = currentValue + 'X';\r\n } else if (card.getAttribute('data-target') === '300') {\r\n statNumber.textContent = currentValue + '+';\r\n } else if (card.getAttribute('data-target') === '30') {\r\n statNumber.textContent = currentValue;\r\n } else {\r\n statNumber.textContent = currentValue + '%';\r\n }\r\n \r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n }\r\n };\r\n \r\n \/\/ Start animation when card is visible\r\n const observer = new IntersectionObserver((entries) => {\r\n if (entries[0].isIntersecting) {\r\n requestAnimationFrame(animate);\r\n observer.unobserve(card);\r\n }\r\n });\r\n \r\n observer.observe(card);\r\n });\r\n }\r\n \r\n \/\/ Initialize when page loads\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Start counter animations\r\n animateCounters();\r\n \r\n \/\/ Add touch feedback for stat cards\r\n document.querySelectorAll('.stat-card').forEach(card => {\r\n card.addEventListener('touchstart', () => {\r\n card.style.transform = 'scale(0.98)';\r\n });\r\n \r\n card.addEventListener('touchend', () => {\r\n card.style.transform = 'scale(1)';\r\n });\r\n });\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 class=\"elementor-element elementor-element-00f8785 elementor-widget elementor-widget-html\" data-id=\"00f8785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>AI SEO Services | AI-Powered Search Optimization<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --dark-blue: #0a1f44;\r\n --light-blue: #3a86ff;\r\n --turquoise: #2ec4b6;\r\n --purple: #6a4c93;\r\n --pink: #ff4d8d;\r\n --white: #ffffff;\r\n --gradient-blue: linear-gradient(135deg, var(--dark-blue), var(--purple));\r\n --gradient-teal: linear-gradient(135deg, var(--light-blue), var(--turquoise));\r\n --gradient-purple: linear-gradient(135deg, var(--purple), var(--pink));\r\n --glass-bg: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f8fafc;\r\n color: var(--dark-blue);\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Modern AI Services Section *\/\r\n #ai-services-section {\r\n width: 100%;\r\n padding: 3rem 1rem;\r\n position: relative;\r\n background: linear-gradient(to bottom, #ffffff 0%, #f5f9ff 100%);\r\n }\r\n \r\n .services-container {\r\n max-width: 100%;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n \r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n padding: 0 0.5rem;\r\n }\r\n \r\n .section-pre-title {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: var(--light-blue);\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 0.8rem;\r\n display: inline-block;\r\n background: var(--gradient-teal);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .section-title {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n background: var(--gradient-purple);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: var(--dark-blue);\r\n opacity: 0.8;\r\n line-height: 1.5;\r\n }\r\n \r\n \/* Services Grid *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n margin-top: 2rem;\r\n }\r\n \r\n \/* Compact Service Card *\/\r\n .service-card {\r\n background: white;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px rgba(10, 31, 68, 0.08);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n padding: 1.5rem;\r\n position: relative;\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(58, 134, 255, 0.15);\r\n }\r\n \r\n .service-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .service-icon {\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: var(--gradient-teal);\r\n color: white;\r\n font-size: 1.5rem;\r\n margin-right: 1rem;\r\n flex-shrink: 0;\r\n }\r\n \r\n .service-title-wrap {\r\n flex: 1;\r\n }\r\n \r\n .service-title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.2rem;\r\n color: var(--dark-blue);\r\n }\r\n \r\n .service-tagline {\r\n font-size: 0.85rem;\r\n color: var(--dark-blue);\r\n opacity: 0.8;\r\n }\r\n \r\n .service-benefits {\r\n margin-top: 1rem;\r\n }\r\n \r\n .service-benefit {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 0.8rem;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .service-benefit i {\r\n margin-right: 0.7rem;\r\n color: var(--turquoise);\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* CTA Button *\/\r\n .services-cta-container {\r\n text-align: center;\r\n margin-top: 3rem;\r\n }\r\n \r\n .services-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem 1.8rem;\r\n background: var(--gradient-purple);\r\n color: white;\r\n font-weight: 600;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n box-shadow: 0 10px 20px rgba(106, 76, 147, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .services-cta:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 25px rgba(106, 76, 147, 0.4);\r\n }\r\n \r\n .whatsapp-icon {\r\n margin-right: 0.5rem;\r\n font-size: 1.2rem;\r\n }\r\n \r\n \/* Badge *\/\r\n .service-badge {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n background: var(--gradient-purple);\r\n color: white;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n }\r\n \r\n \/* Responsive Adjustments *\/\r\n @media (min-width: 768px) {\r\n #ai-services-section {\r\n padding: 4rem 2rem;\r\n }\r\n \r\n .services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .section-title {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .services-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n \r\n #ai-services-section {\r\n padding: 5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Modern AI SEO Services Section -->\r\n <section id=\"ai-services-section\">\r\n <div class=\"services-container\">\r\n <div class=\"section-header\">\r\n <h3><\/h3><div class=\"section-pre-title\">Next-Gen AI seo services in dubai<\/div><\/h3>\r\n <h2 class=\"section-title\">AI-Powered Search Domination<\/h2>\r\n <p class=\"section-subtitle\">Harnessing the most advanced AI techniques to boost your search rankings and organic traffic<\/p>\r\n <\/div>\r\n \r\n <div class=\"services-grid\">\r\n <!-- RankRocket -->\r\n <div class=\"service-card\">\r\n <div class=\"service-badge\">Most Advanced<\/div>\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"service-title-wrap\">\r\n <h3 class=\"service-title\">RankRocket<\/h3>\r\n <p class=\"service-tagline\">AI-Powered Parasite SEO<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-benefits\">\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-brain\"><\/i> LLM-generated high-authority content\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-link\"><\/i> Automated contextual backlinks\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-trophy\"><\/i> Dominate 3rd-party platforms\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-chart-line\"><\/i> 300%+ ranking improvement\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- NeuroKeywords -->\r\n <div class=\"service-card\">\r\n <div class=\"service-badge\">Patent-Pending<\/div>\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-key\"><\/i>\r\n <\/div>\r\n <div class=\"service-title-wrap\">\r\n <h3 class=\"service-title\">NeuroKeywords<\/h3>\r\n <p class=\"service-tagline\">AI Semantic Keyword Clustering<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-benefits\">\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-project-diagram\"><\/i> Neural network keyword mapping\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-robot\"><\/i> Predictive search intent modeling\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-bullseye\"><\/i> Zero-volume opportunity detection\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-search-plus\"><\/i> 5X keyword coverage\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- ContentMatrix -->\r\n <div class=\"service-card\">\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-layer-group\"><\/i>\r\n <\/div>\r\n <div class=\"service-title-wrap\">\r\n <h3 class=\"service-title\">ContentMatrix<\/h3>\r\n <p class=\"service-tagline\">AI Content Optimization System<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-benefits\">\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-chess\"><\/i> GPT-4o strategic content planning\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-robot\"><\/i> Real-time SERP analysis\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-sync-alt\"><\/i> Continuous optimization cycles\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-tachometer-alt\"><\/i> 80% faster content ROI\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- LocalPulse -->\r\n <div class=\"service-card\">\r\n <div class=\"service-badge\">Google Guaranteed<\/div>\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"service-title-wrap\">\r\n <h3 class=\"service-title\">LocalPulse<\/h3>\r\n <p class=\"service-tagline\">AI Local SEO Dominance<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-benefits\">\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-satellite-dish\"><\/i> Real-time local ranking tracking\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-robot\"><\/i> AI-generated review responses\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-cogs\"><\/i> Automated citation building\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-map-pin\"><\/i> 90%+ map pack visibility\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- LinkGenius -->\r\n <div class=\"service-card\">\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-link\"><\/i>\r\n <\/div>\r\n <div class=\"service-title-wrap\">\r\n <h3 class=\"service-title\">LinkGenius<\/h3>\r\n <p class=\"service-tagline\">AI Backlink Architect<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-benefits\">\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-network-wired\"><\/i> Neural link graph analysis\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-robot\"><\/i> Predictive anchor text optimization\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-shield-alt\"><\/i> AI-powered link detox\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-arrow-up\"><\/i> 40%+ DA improvement\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- SERP Sentinel -->\r\n <div class=\"service-card\">\r\n <div class=\"service-badge\">Real-Time<\/div>\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-eye\"><\/i>\r\n <\/div>\r\n <div class=\"service-title-wrap\">\r\n <h3 class=\"service-title\">SERP Sentinel<\/h3>\r\n <p class=\"service-tagline\">AI Rank Tracking & Alerts<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-benefits\">\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-bolt\"><\/i> Instant ranking drop alerts\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-robot\"><\/i> AI-powered recovery plans\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-chart-pie\"><\/i> Competitor gap analysis\r\n <\/div>\r\n <div class=\"service-benefit\">\r\n <i class=\"fas fa-clock\"><\/i> 24\/7 SERP monitoring\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"services-cta-container\">\r\n <a href=\"https:\/\/wa.me\/971582512126\" class=\"services-cta\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp whatsapp-icon\"><\/i> Get Your SEO Advantage\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Simple hover effects\r\n document.querySelectorAll('.service-card').forEach(card => {\r\n card.addEventListener('mouseenter', () => {\r\n card.style.transform = 'translateY(-5px)';\r\n card.style.boxShadow = '0 15px 30px rgba(58, 134, 255, 0.15)';\r\n });\r\n \r\n card.addEventListener('mouseleave', () => {\r\n card.style.transform = '';\r\n card.style.boxShadow = '0 10px 25px rgba(10, 31, 68, 0.08)';\r\n });\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 class=\"elementor-element elementor-element-6365d7d elementor-widget elementor-widget-html\" data-id=\"6365d7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Aiingo - AI-Powered SEO Solutions<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollTrigger.min.js\"><\/script>\r\n <style>\r\n :root {\r\n --dark-blue: #0a1f44;\r\n --light-blue: #3a86ff;\r\n --turquoise: #2ec4b6;\r\n --purple: #6a4c93;\r\n --white: #ffffff;\r\n --gradient-blue: linear-gradient(135deg, var(--dark-blue), var(--purple));\r\n --gradient-teal: linear-gradient(135deg, var(--light-blue), var(--turquoise));\r\n --gradient-purple: linear-gradient(135deg, var(--purple), #C533FF);\r\n --glass-bg: rgba(255, 255, 255, 0.15);\r\n --seo-blue: #4285F4;\r\n --seo-green: #0F9D58;\r\n --seo-yellow: #F4B400;\r\n --seo-red: #DB4437;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f8fafc;\r\n color: var(--dark-blue);\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Modern 2025 Section Styles *\/\r\n .section {\r\n padding: 6rem 5%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .section-title {\r\n font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n font-weight: 800;\r\n margin-bottom: 1rem;\r\n text-align: center;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: clamp(1rem, 3vw, 1.2rem);\r\n color: #555;\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 3rem;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* Process Flow Container *\/\r\n .process-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n \r\n \/* Animated Process Flow - Modern 2025 Style *\/\r\n .process-flow {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3rem;\r\n position: relative;\r\n }\r\n \r\n .process-step {\r\n display: flex;\r\n gap: 2rem;\r\n align-items: center;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n \r\n .process-step.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n .step-number {\r\n width: 60px;\r\n height: 60px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n color: white;\r\n font-weight: 800;\r\n font-size: 1.5rem;\r\n border-radius: 50%;\r\n box-shadow: 0 10px 20px rgba(66, 133, 244, 0.3);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .step-content {\r\n background: var(--white);\r\n padding: 2rem;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n flex: 1;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .step-content::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 5px;\r\n height: 100%;\r\n background: linear-gradient(to bottom, var(--seo-blue), var(--seo-green));\r\n }\r\n \r\n .step-title {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n color: var(--dark-blue);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n }\r\n \r\n .step-icon {\r\n font-size: 1.5rem;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .step-description {\r\n color: #555;\r\n line-height: 1.6;\r\n font-size: 1rem;\r\n }\r\n \r\n .step-benefits {\r\n margin-top: 1.5rem;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.8rem;\r\n }\r\n \r\n .benefit-tag {\r\n background: rgba(66, 133, 244, 0.1);\r\n color: var(--seo-blue);\r\n padding: 0.5rem 1rem;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n \r\n .benefit-tag i {\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* Connector Line Animation *\/\r\n .process-flow::before {\r\n content: '';\r\n position: absolute;\r\n top: 60px;\r\n left: 30px;\r\n width: 2px;\r\n height: calc(100% - 120px);\r\n background: linear-gradient(to bottom, var(--seo-blue), var(--seo-green));\r\n z-index: 1;\r\n opacity: 0;\r\n transition: opacity 0.6s ease;\r\n }\r\n \r\n .process-flow.active::before {\r\n opacity: 1;\r\n }\r\n \r\n \/* SEO Specific Styles *\/\r\n .seo-analysis .step-icon { color: var(--seo-blue); }\r\n .seo-content .step-icon { color: var(--seo-green); }\r\n .seo-technical .step-icon { color: var(--seo-yellow); }\r\n .seo-monitoring .step-icon { color: var(--seo-red); }\r\n \r\n \/* Animated Background Elements *\/\r\n .floating-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n opacity: 0.1;\r\n z-index: -1;\r\n animation: floatShape 15s infinite ease-in-out;\r\n }\r\n \r\n .shape-1 {\r\n width: 300px;\r\n height: 300px;\r\n background: var(--seo-blue);\r\n top: 10%;\r\n left: 5%;\r\n }\r\n \r\n .shape-2 {\r\n width: 400px;\r\n height: 400px;\r\n background: var(--seo-green);\r\n bottom: 10%;\r\n right: 5%;\r\n animation-delay: 3s;\r\n animation-direction: reverse;\r\n }\r\n \r\n \/* SEO Services Grid *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .service-card {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 2rem;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .service-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(to right, var(--seo-blue), var(--seo-green));\r\n }\r\n \r\n .service-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1.5rem;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .service-title {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n color: var(--dark-blue);\r\n }\r\n \r\n .service-description {\r\n color: #555;\r\n line-height: 1.6;\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .service-features {\r\n list-style-type: none;\r\n }\r\n \r\n .service-features li {\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n color: #555;\r\n position: relative;\r\n padding-left: 1.5rem;\r\n }\r\n \r\n .service-features li::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n width: 8px;\r\n height: 8px;\r\n background: var(--seo-blue);\r\n border-radius: 50%;\r\n }\r\n \r\n \/* SEO Metrics Dashboard *\/\r\n .metrics-dashboard {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 2rem;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n margin: 3rem auto;\r\n max-width: 1000px;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .metrics-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n color: var(--dark-blue);\r\n text-align: center;\r\n }\r\n \r\n .metrics-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1.5rem;\r\n }\r\n \r\n .metric-card {\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n padding: 1.5rem;\r\n text-align: center;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .metric-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .metric-value {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin-bottom: 0.5rem;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .metric-label {\r\n color: #555;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n }\r\n \r\n \/* Testimonials Section *\/\r\n .testimonials-container {\r\n max-width: 1000px;\r\n margin: 3rem auto;\r\n }\r\n \r\n .testimonial-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 2rem;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n margin-bottom: 2rem;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n position: relative;\r\n }\r\n \r\n .testimonial-card::before {\r\n content: '\"';\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n font-size: 4rem;\r\n color: rgba(66, 133, 244, 0.1);\r\n font-family: serif;\r\n line-height: 1;\r\n }\r\n \r\n .testimonial-content {\r\n font-size: 1.1rem;\r\n color: #555;\r\n line-height: 1.6;\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n \r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n border: 2px solid var(--seo-blue);\r\n }\r\n \r\n .author-info h4 {\r\n font-size: 1.1rem;\r\n color: var(--dark-blue);\r\n margin-bottom: 0.2rem;\r\n }\r\n \r\n .author-info p {\r\n color: #777;\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* Comparison Table *\/\r\n .comparison-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin: 3rem auto;\r\n max-width: 1000px;\r\n background: white;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .comparison-table th, \r\n .comparison-table td {\r\n padding: 1.2rem 1.5rem;\r\n text-align: left;\r\n border-bottom: 1px solid #eee;\r\n }\r\n \r\n .comparison-table th {\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n color: white;\r\n font-weight: 600;\r\n }\r\n \r\n .comparison-table tr:last-child td {\r\n border-bottom: none;\r\n }\r\n \r\n .comparison-table tr:hover td {\r\n background-color: #f8fafc;\r\n }\r\n \r\n .check-mark {\r\n color: var(--seo-green);\r\n font-weight: bold;\r\n }\r\n \r\n .x-mark {\r\n color: var(--seo-red);\r\n font-weight: bold;\r\n }\r\n \r\n \/* Responsive Adjustments *\/\r\n @media (max-width: 768px) {\r\n .section {\r\n padding: 4rem 1.5rem;\r\n }\r\n \r\n .process-step {\r\n flex-direction: column;\r\n gap: 1rem;\r\n align-items: flex-start;\r\n }\r\n \r\n .step-number {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.3rem;\r\n }\r\n \r\n .process-flow::before {\r\n left: 25px;\r\n top: 50px;\r\n height: calc(100% - 100px);\r\n }\r\n \r\n .step-content {\r\n padding: 1.5rem;\r\n }\r\n \r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .metrics-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n \r\n .comparison-table {\r\n display: block;\r\n overflow-x: auto;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .metrics-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes floatShape {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n 50% { transform: translate(30px, 40px) rotate(10deg); }\r\n }\r\n \r\n @keyframes pulse {\r\n 0% {\r\n transform: scale(0.8);\r\n opacity: 0.7;\r\n }\r\n 70% {\r\n transform: scale(1.3);\r\n opacity: 0;\r\n }\r\n 100% {\r\n transform: scale(0.8);\r\n opacity: 0;\r\n }\r\n }\r\n \r\n \/* SEO Results Bar Animation *\/\r\n .results-bar {\r\n height: 8px;\r\n background: #eee;\r\n border-radius: 4px;\r\n margin: 2rem 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n \r\n .results-progress {\r\n height: 100%;\r\n width: 0;\r\n border-radius: 4px;\r\n background: linear-gradient(to right, var(--seo-blue), var(--seo-green));\r\n transition: width 1.5s ease-out;\r\n }\r\n \r\n \/* SEO Keyword Cloud *\/\r\n .keyword-cloud {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n justify-content: center;\r\n margin: 2rem 0;\r\n }\r\n \r\n .keyword {\r\n padding: 0.5rem 1rem;\r\n border-radius: 50px;\r\n background: rgba(66, 133, 244, 0.1);\r\n color: var(--seo-blue);\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .keyword:hover {\r\n background: var(--seo-blue);\r\n color: white;\r\n transform: scale(1.05);\r\n }\r\n \r\n .keyword-1 { font-size: 1rem; }\r\n .keyword-2 { font-size: 1.2rem; }\r\n .keyword-3 { font-size: 1.4rem; }\r\n .keyword-4 { font-size: 1.6rem; }\r\n .keyword-5 { font-size: 1.8rem; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- AI SEO Process Flow -->\r\n <section class=\"section\" style=\"background-color: #f0f7ff;\">\r\n <div class=\"floating-shape shape-1\"><\/div>\r\n <div class=\"floating-shape shape-2\"><\/div>\r\n \r\n <div class=\"process-container\">\r\n <h2 class=\"section-title\">AI-Powered SEO That Works Faster<\/h2>\r\n <p class=\"section-subtitle\">Traditional SEO takes 6-12 months. Our AI delivers results in weeks at 70% lower cost<\/p>\r\n \r\n <div class=\"process-flow\" id=\"seo-flow\">\r\n <div class=\"process-step seo-analysis\">\r\n <div class=\"step-number\">1<\/div>\r\n <div class=\"step-content\">\r\n <h3 class=\"step-title\"><i class=\"fas fa-search step-icon\"><\/i> Comprehensive SEO Audit<\/h3>\r\n <p class=\"step-description\">Our AI scans 1,200+ ranking factors in minutes, identifying technical issues, content gaps, and high-opportunity keywords with precision.<\/p>\r\n <div class=\"step-benefits\">\r\n <span class=\"benefit-tag\"><i class=\"fas fa-rocket\"><\/i> Crawl 10,000 pages in 5 min<\/span>\r\n <span class=\"benefit-tag\"><i class=\"fas fa-bullseye\"><\/i> Competitor gap analysis<\/span>\r\n <span class=\"benefit-tag\"><i class=\"fas fa-chart-bar\"><\/i> Priority action plan<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"process-step seo-technical\">\r\n <div class=\"step-number\">2<\/div>\r\n <div class=\"step-content\">\r\n <h3 class=\"step-title\"><i class=\"fas fa-server step-icon\"><\/i> Technical Optimization<\/h3>\r\n <p class=\"step-description\">AI automatically fixes technical SEO issues including broken links, duplicate content, slow pages, and improper redirects.<\/p>\r\n <div class=\"step-benefits\">\r\n <span class=\"benefit-tag\"><i class=\"fas fa-bolt\"><\/i> Auto-fix 85% of issues<\/span>\r\n <span class=\"benefit-tag\"><i class=\"fas fa-mobile-alt\"><\/i> Core Web Vitals boost<\/span>\r\n <span class=\"benefit-tag\"><i class=\"fas fa-sitemap\"><\/i> Site structure optimization<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"process-step seo-content\">\r\n <div class=\"step-number\">3<\/div>\r\n <div class=\"step-content\">\r\n <h3 class=\"step-title\"><i class=\"fas fa-robot step-icon\"><\/i> AI Content Generation<\/h3>\r\n <p class=\"step-description\">Our AI writes and optimizes content that ranks, analyzing top 20 competitors for each keyword to outperform them.<\/p>\r\n <div class=\"step-benefits\">\r\n <span class=\"benefit-tag\"><i class=\"fas fa-keyboard\"><\/i> SEO-optimized articles<\/span>\r\n <span class=\"benefit-tag\"><i class=\"fas fa-globe\"><\/i> 25+ languages<\/span>\r\n <span class=\"benefit-tag\"><i class=\"fas fa-chart-line\"><\/i> Data-driven content<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"process-step seo-monitoring\">\r\n <div class=\"step-number\">4<\/div>\r\n <div class=\"step-content\">\r\n <h3 class=\"step-title\"><i class=\"fas fa-trophy step-icon\"><\/i> Continuous Optimization<\/h3>\r\n <p class=\"step-description\">Our AI monitors rankings 24\/7, detects algorithm updates, and automatically adjusts strategy to maintain top positions.<\/p>\r\n <div class=\"step-benefits\">\r\n <span class=\"benefit-tag\"><i class=\"fas fa-sync-alt\"><\/i> Real-time adjustments<\/span>\r\n <span class=\"benefit-tag\"><i class=\"fas fa-shield-alt\"><\/i> Algorithm protection<\/span>\r\n <span class=\"benefit-tag\"><i class=\"fas fa-arrow-up\"><\/i> Ranking growth<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SEO Results Dashboard -->\r\n <section class=\"section\" style=\"background-color: #ffffff;\">\r\n <div class=\"process-container\">\r\n <h2 class=\"section-title\">Measurable SEO Results<\/h2>\r\n <p class=\"section-subtitle\">Our AI-driven approach delivers tangible improvements you can track in real-time<\/p>\r\n \r\n <div class=\"metrics-dashboard\">\r\n <h3 class=\"metrics-title\">Typical Results After 90 Days<\/h3>\r\n <div class=\"metrics-grid\">\r\n <div class=\"metric-card\">\r\n <div class=\"metric-value\">3-5x<\/div>\r\n <div class=\"metric-label\">More Organic Traffic<\/div>\r\n <\/div>\r\n <div class=\"metric-card\">\r\n <div class=\"metric-value\">40-70%<\/div>\r\n <div class=\"metric-label\">Lower Bounce Rate<\/div>\r\n <\/div>\r\n <div class=\"metric-card\">\r\n <div class=\"metric-value\">2-4x<\/div>\r\n <div class=\"metric-label\">More Conversions<\/div>\r\n <\/div>\r\n <div class=\"metric-card\">\r\n <div class=\"metric-value\">70%<\/div>\r\n <div class=\"metric-label\">Cost Reduction<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"results-bar\">\r\n <div class=\"results-progress\" style=\"width: 85%;\"><\/div>\r\n <\/div>\r\n <p style=\"text-align: center; color: #555; margin-top: -1rem;\">85% of clients achieve first-page rankings within 90 days<\/p>\r\n \r\n <div class=\"keyword-cloud\">\r\n <div class=\"keyword keyword-1\">AI SEO<\/div>\r\n <div class=\"keyword keyword-2\">Search Rankings<\/div>\r\n <div class=\"keyword keyword-3\">Organic Traffic<\/div>\r\n <div class=\"keyword keyword-4\">Content Optimization<\/div>\r\n <div class=\"keyword keyword-5\">Google Algorithm<\/div>\r\n <div class=\"keyword keyword-3\">Keyword Research<\/div>\r\n <div class=\"keyword keyword-2\">Technical SEO<\/div>\r\n <div class=\"keyword keyword-4\">Backlink Strategy<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SEO Services Section -->\r\n <section class=\"section\" style=\"background-color: #f8fafc;\">\r\n <div class=\"floating-shape shape-1\"><\/div>\r\n <div class=\"floating-shape shape-2\"><\/div>\r\n \r\n <div class=\"process-container\">\r\n <h2 class=\"section-title\">Comprehensive AI SEO Solutions<\/h2>\r\n <p class=\"section-subtitle\">Specialized AI tools for every aspect of search engine optimization<\/p>\r\n \r\n <div class=\"services-grid\">\r\n <!-- RankRocket AI -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">RankRocket AI<\/h3>\r\n <p class=\"service-description\">AI-powered keyword research and content optimization that outperforms competitors.<\/p>\r\n <ul class=\"service-features\">\r\n <li>Automated keyword clustering<\/li>\r\n <li>Competitor content analysis<\/li>\r\n <li>Search intent classification<\/li>\r\n <li>Content gap identification<\/li>\r\n <li>Automated content briefs<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- SiteSurgeon AI -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-procedures\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">SiteSurgeon AI<\/h3>\r\n <p class=\"service-description\">Automated technical SEO fixes and site structure optimization.<\/p>\r\n <ul class=\"service-features\">\r\n <li>Auto-fix broken links<\/li>\r\n <li>Schema markup generation<\/li>\r\n <li>Core Web Vitals optimization<\/li>\r\n <li>XML sitemap management<\/li>\r\n <li>Canonicalization fixes<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- LinkForge AI -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-link\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">LinkForge AI<\/h3>\r\n <p class=\"service-description\">Intelligent backlink building with natural anchor distribution.<\/p>\r\n <ul class=\"service-features\">\r\n <li>Competitor backlink analysis<\/li>\r\n <li>Authority site identification<\/li>\r\n <li>Automated outreach<\/li>\r\n <li>Link reclamation<\/li>\r\n <li>Toxic link detection<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- LocalPulse AI -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">LocalPulse AI<\/h3>\r\n <p class=\"service-description\">Dominate local search with AI-optimized local SEO.<\/p>\r\n <ul class=\"service-features\">\r\n <li>GBP optimization<\/li>\r\n <li>Review generation<\/li>\r\n <li>Local citation building<\/li>\r\n <li>NAP consistency<\/li>\r\n <li>Localized content<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- EcomBoost AI -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-shopping-cart\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">EcomBoost AI<\/h3>\r\n <p class=\"service-description\">Specialized AI SEO for e-commerce product pages.<\/p>\r\n <ul class=\"service-features\">\r\n <li>Product schema generation<\/li>\r\n <li>Category page optimization<\/li>\r\n <li>Image ALT text optimization<\/li>\r\n <li>Internal linking strategy<\/li>\r\n <li>Pagination handling<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- VoiceSEO AI -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-microphone-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">VoiceSEO AI<\/h3>\r\n <p class=\"service-description\">Optimize for voice search and featured snippets.<\/p>\r\n <ul class=\"service-features\">\r\n <li>Question-answer optimization<\/li>\r\n <li>Conversational keyword targeting<\/li>\r\n <li>Featured snippet analysis<\/li>\r\n <li>Position zero strategy<\/li>\r\n <li>FAQ schema implementation<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SEO Comparison Section -->\r\n <section class=\"section\" style=\"background-color: #ffffff;\">\r\n <div class=\"process-container\">\r\n <h2 class=\"section-title\">AI SEO vs Traditional SEO<\/h2>\r\n <p class=\"section-subtitle\">Why our AI-powered approach delivers better results faster<\/p>\r\n \r\n <table class=\"comparison-table\">\r\n <thead>\r\n <tr>\r\n <th>Feature<\/th>\r\n <th>AI SEO<\/th>\r\n <th>Traditional SEO<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Time to First Results<\/td>\r\n <td class=\"check-mark\">2-4 weeks<\/td>\r\n <td class=\"x-mark\">3-6 months<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Content Production Speed<\/td>\r\n <td class=\"check-mark\">50-100 pages\/day<\/td>\r\n <td class=\"x-mark\">5-10 pages\/week<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Technical Issue Detection<\/td>\r\n <td class=\"check-mark\">1,200+ factors<\/td>\r\n <td class=\"x-mark\">100-200 factors<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Algorithm Update Protection<\/td>\r\n <td class=\"check-mark\">Real-time adjustments<\/td>\r\n <td class=\"x-mark\">Manual reactions<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Cost Efficiency<\/td>\r\n <td class=\"check-mark\">70% lower cost<\/td>\r\n <td class=\"x-mark\">High agency fees<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Data Analysis Depth<\/td>\r\n <td class=\"check-mark\">10,000+ data points<\/td>\r\n <td class=\"x-mark\">100-500 data points<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Testimonials Section -->\r\n <section class=\"section\" style=\"background-color: #f0f7ff;\">\r\n <div class=\"process-container\">\r\n <h2 class=\"section-title\">Client Success Stories<\/h2>\r\n <p class=\"section-subtitle\">Businesses that transformed their organic traffic with our AI SEO<\/p>\r\n \r\n <div class=\"testimonials-container\">\r\n <div class=\"testimonial-card\">\r\n <p class=\"testimonial-content\">\"We went from 2,000 to 15,000 monthly organic visitors in just 60 days. The AI content outperformed our manually written pieces and ranked faster than we thought possible.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/45.jpg\" alt=\"Sarah Johnson\" class=\"author-avatar\">\r\n <div class=\"author-info\">\r\n <h4>Sahilath<\/h4>\r\n <p>Marketing Director, Clothco Co.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"testimonial-card\">\r\n <p class=\"testimonial-content\">\"Our e-commerce site saw a 300% increase in organic revenue after implementing Aiingo's AI SEO. The automated technical fixes alone were worth the investment.\"<\/p>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Michael Chen\" class=\"author-avatar\">\r\n <div class=\"author-info\">\r\n <h4>Anwer<\/h4>\r\n <p>CEO, Sahara Group<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n <script>\r\n \/\/ Initialize GSAP ScrollTrigger\r\n gsap.registerPlugin(ScrollTrigger);\r\n \r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Animate all process flows\r\n const processFlows = document.querySelectorAll('.process-flow');\r\n \r\n processFlows.forEach(flow => {\r\n \/\/ Activate connector line\r\n ScrollTrigger.create({\r\n trigger: flow,\r\n start: \"top 70%\",\r\n onEnter: () => flow.classList.add('active')\r\n });\r\n \r\n \/\/ Animate individual steps\r\n const steps = flow.querySelectorAll('.process-step');\r\n \r\n steps.forEach((step, index) => {\r\n ScrollTrigger.create({\r\n trigger: step,\r\n start: \"top 80%\",\r\n onEnter: () => step.classList.add('active'),\r\n });\r\n \r\n \/\/ Additional GSAP animations\r\n gsap.from(step.querySelector('.step-number'), {\r\n scrollTrigger: {\r\n trigger: step,\r\n start: \"top 80%\"\r\n },\r\n scale: 0,\r\n duration: 0.8,\r\n ease: \"elastic.out(1, 0.5)\"\r\n });\r\n \r\n gsap.from(step.querySelector('.step-content'), {\r\n scrollTrigger: {\r\n trigger: step,\r\n start: \"top 80%\"\r\n },\r\n x: index % 2 === 0 ? 50 : -50,\r\n duration: 0.8,\r\n ease: \"power3.out\"\r\n });\r\n });\r\n });\r\n \r\n \/\/ Floating shapes animation\r\n const shapes = document.querySelectorAll('.floating-shape');\r\n shapes.forEach(shape => {\r\n gsap.to(shape, {\r\n y: 30,\r\n duration: 15,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: \"sine.inOut\"\r\n });\r\n \r\n gsap.to(shape, {\r\n x: 40,\r\n duration: 20,\r\n repeat: -1,\r\n yoyo: true,\r\n ease: \"sine.inOut\",\r\n delay: Math.random() * 5\r\n });\r\n });\r\n \r\n \/\/ Animate service cards on scroll\r\n const serviceCards = document.querySelectorAll('.service-card');\r\n serviceCards.forEach((card, index) => {\r\n gsap.from(card, {\r\n scrollTrigger: {\r\n trigger: card,\r\n start: \"top 80%\"\r\n },\r\n opacity: 0,\r\n y: 50,\r\n duration: 0.6,\r\n delay: index * 0.1,\r\n ease: \"back.out(1)\"\r\n });\r\n });\r\n \r\n \/\/ Animate metrics dashboard\r\n gsap.from(\".metrics-grid\", {\r\n scrollTrigger: {\r\n trigger: \".metrics-dashboard\",\r\n start: \"top 80%\"\r\n },\r\n opacity: 0,\r\n y: 50,\r\n duration: 0.8\r\n });\r\n \r\n \/\/ Animate progress bar\r\n gsap.to(\".results-progress\", {\r\n scrollTrigger: {\r\n trigger: \".results-bar\",\r\n start: \"top 80%\"\r\n },\r\n width: \"85%\",\r\n duration: 1.5,\r\n ease: \"power2.out\"\r\n });\r\n \r\n \/\/ Animate keyword cloud\r\n const keywords = document.querySelectorAll('.keyword');\r\n keywords.forEach((keyword, index) => {\r\n gsap.from(keyword, {\r\n scrollTrigger: {\r\n trigger: \".keyword-cloud\",\r\n start: \"top 80%\"\r\n },\r\n opacity: 0,\r\n scale: 0.5,\r\n y: 20,\r\n duration: 0.5,\r\n delay: index * 0.1,\r\n ease: \"back.out(1.7)\"\r\n });\r\n });\r\n\r\n \/\/ Animate comparison table rows\r\n const tableRows = document.querySelectorAll('.comparison-table tr');\r\n tableRows.forEach((row, index) => {\r\n gsap.from(row, {\r\n scrollTrigger: {\r\n trigger: \".comparison-table\",\r\n start: \"top 80%\"\r\n },\r\n opacity: 0,\r\n x: index % 2 === 0 ? -50 : 50,\r\n duration: 0.6,\r\n delay: index * 0.1,\r\n ease: \"power2.out\"\r\n });\r\n });\r\n\r\n \/\/ Animate testimonials\r\n const testimonials = document.querySelectorAll('.testimonial-card');\r\n testimonials.forEach((testimonial, index) => {\r\n gsap.from(testimonial, {\r\n scrollTrigger: {\r\n trigger: testimonial,\r\n start: \"top 80%\"\r\n },\r\n opacity: 0,\r\n y: 50,\r\n duration: 0.8,\r\n delay: index * 0.2,\r\n ease: \"back.out(1.2)\"\r\n });\r\n });\r\n\r\n \/\/ WhatsApp CTA button animation\r\n const whatsappBtn = document.querySelector('.whatsapp-cta');\r\n if (whatsappBtn) {\r\n \/\/ Position and style the button (add these styles to your CSS)\r\n whatsappBtn.style.position = 'fixed';\r\n whatsappBtn.style.bottom = '30px';\r\n whatsappBtn.style.right = '30px';\r\n whatsappBtn.style.width = '60px';\r\n whatsappBtn.style.height = '60px';\r\n whatsappBtn.style.backgroundColor = '#25D366';\r\n whatsappBtn.style.borderRadius = '50%';\r\n whatsappBtn.style.display = 'flex';\r\n whatsappBtn.style.alignItems = 'center';\r\n whatsappBtn.style.justifyContent = 'center';\r\n whatsappBtn.style.color = 'white';\r\n whatsappBtn.style.fontSize = '30px';\r\n whatsappBtn.style.boxShadow = '0 5px 15px rgba(0,0,0,0.2)';\r\n whatsappBtn.style.zIndex = '1000';\r\n whatsappBtn.style.textDecoration = 'none';\r\n whatsappBtn.style.transition = 'all 0.3s ease';\r\n\r\n \/\/ Hover effect\r\n whatsappBtn.addEventListener('mouseenter', () => {\r\n gsap.to(whatsappBtn, {\r\n scale: 1.1,\r\n backgroundColor: '#128C7E',\r\n duration: 0.3\r\n });\r\n });\r\n whatsappBtn.addEventListener('mouseleave', () => {\r\n gsap.to(whatsappBtn, {\r\n scale: 1,\r\n backgroundColor: '#25D366',\r\n duration: 0.3\r\n });\r\n });\r\n\r\n \/\/ Initial animation\r\n gsap.from(whatsappBtn, {\r\n opacity: 0,\r\n y: 50,\r\n duration: 1,\r\n delay: 1,\r\n ease: \"elastic.out(1, 0.5)\"\r\n });\r\n\r\n \/\/ Pulsing animation\r\n setInterval(() => {\r\n gsap.to(whatsappBtn, {\r\n scale: 1.05,\r\n duration: 0.8,\r\n yoyo: true,\r\n repeat: 1,\r\n ease: \"sine.inOut\"\r\n });\r\n }, 4000);\r\n }\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 class=\"elementor-element elementor-element-c1b1223 elementor-widget elementor-widget-html\" data-id=\"c1b1223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>AI SEO Services in Dubai - Aiingo<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --dark-blue: #0a1f44;\r\n --light-blue: #3a86ff;\r\n --turquoise: #2ec4b6;\r\n --purple: #6a4c93;\r\n --pink: #ff4d8d;\r\n --white: #ffffff;\r\n --gradient-blue: linear-gradient(135deg, var(--dark-blue), var(--purple));\r\n --gradient-teal: linear-gradient(135deg, var(--light-blue), var(--turquoise));\r\n --gradient-purple: linear-gradient(135deg, var(--purple), var(--pink));\r\n --glass-bg: rgba(255, 255, 255, 0.15);\r\n --seo-blue: #4285F4;\r\n --seo-green: #0F9D58;\r\n --seo-yellow: #F4B400;\r\n --seo-red: #DB4437;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #f8fafc;\r\n color: var(--dark-blue);\r\n }\r\n\r\n \/* Modern CTA Section *\/\r\n .cta-section {\r\n padding: 5rem 5%;\r\n background: linear-gradient(to bottom, #ffffff 0%, #f5f9ff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .pre-title {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: var(--light-blue);\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 1rem;\r\n display: inline-block;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 800;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.2;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(to right, var(--seo-blue), var(--seo-green));\r\n border-radius: 2px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n color: #555;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Service Icon Styles *\/\r\n .service-icon-container {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n box-shadow: 0 10px 20px rgba(66, 133, 244, 0.2);\r\n }\r\n\r\n .service-icon {\r\n width: 50px;\r\n height: 50px;\r\n object-fit: contain;\r\n }\r\n\r\n \/* Modern Pricing Grid *\/\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 2rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n \/* Glassmorphism Pricing Card *\/\r\n .pricing-card {\r\n background: rgba(255, 255, 255, 0.9);\r\n border-radius: 20px;\r\n padding: 2.5rem;\r\n box-shadow: 0 15px 40px rgba(10, 31, 68, 0.1);\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n backdrop-filter: blur(10px);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .pricing-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 25px 50px rgba(66, 133, 244, 0.2);\r\n }\r\n\r\n .pricing-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n opacity: 0.03;\r\n z-index: -1;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .pricing-card:hover::before {\r\n opacity: 0.08;\r\n }\r\n\r\n .pricing-badge {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n color: white;\r\n padding: 0.3rem 1.2rem;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n box-shadow: 0 5px 15px rgba(66, 133, 244, 0.3);\r\n }\r\n\r\n .pricing-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n color: var(--dark-blue);\r\n transition: color 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n .pricing-card:hover .pricing-title {\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .pricing-price {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n margin-bottom: 1.5rem;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n text-align: center;\r\n }\r\n\r\n .pricing-features {\r\n list-style: none;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .pricing-features li {\r\n margin-bottom: 0.8rem;\r\n display: flex;\r\n align-items: flex-start;\r\n font-size: 0.95rem;\r\n color: var(--dark-blue);\r\n opacity: 0.9;\r\n line-height: 1.5;\r\n }\r\n\r\n .pricing-features li::before {\r\n content: '\u2713';\r\n color: var(--seo-green);\r\n font-weight: bold;\r\n margin-right: 0.8rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .pricing-features li span {\r\n font-weight: 600;\r\n color: var(--seo-blue);\r\n }\r\n\r\n .subscribe-btn {\r\n width: 100%;\r\n padding: 1rem;\r\n background: linear-gradient(135deg, var(--seo-blue), var(--seo-green));\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n .subscribe-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, var(--seo-green), var(--seo-blue));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n }\r\n\r\n .subscribe-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 30px rgba(66, 133, 244, 0.4);\r\n }\r\n\r\n .subscribe-btn:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n \/* Floating Elements *\/\r\n .floating-elements {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n pointer-events: none;\r\n z-index: 1;\r\n overflow: hidden;\r\n }\r\n\r\n .floating-element {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.1;\r\n filter: blur(40px);\r\n }\r\n\r\n \/* SEO Results Bar *\/\r\n .results-bar {\r\n height: 8px;\r\n background: #eee;\r\n border-radius: 4px;\r\n margin: 1.5rem 0;\r\n overflow: hidden;\r\n }\r\n\r\n .results-progress {\r\n height: 100%;\r\n width: 0;\r\n border-radius: 4px;\r\n background: linear-gradient(to right, var(--seo-blue), var(--seo-green));\r\n transition: width 1.5s ease-out;\r\n }\r\n\r\n \/* Responsive Adjustments *\/\r\n @media (max-width: 1200px) {\r\n .pricing-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .cta-section {\r\n padding: 4rem 1.5rem;\r\n }\r\n \r\n .pricing-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .pricing-card {\r\n padding: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .pricing-card {\r\n padding: 1.5rem;\r\n }\r\n \r\n .pricing-title {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .pricing-price {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .service-icon-container {\r\n width: 70px;\r\n height: 70px;\r\n }\r\n \r\n .service-icon {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Modern CTA Section -->\r\n <section class=\"cta-section\">\r\n <div class=\"floating-elements\">\r\n <div class=\"floating-element\" style=\"width: 300px; height: 300px; background: var(--seo-blue); top: 10%; left: 5%;\"><\/div>\r\n <div class=\"floating-element\" style=\"width: 400px; height: 400px; background: var(--seo-green); bottom: 15%; right: 8%;\"><\/div>\r\n <div class=\"floating-element\" style=\"width: 250px; height: 250px; background: var(--seo-yellow); top: 60%; left: 70%;\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-container\">\r\n <div class=\"section-header\">\r\n <span class=\"pre-title\">AI-Powered SEO Solutions in Dubai<\/span>\r\n <h2 class=\"section-title\">Dominate Dubai Search Rankings with AI<\/h2>\r\n <p class=\"section-subtitle\">Our AI-driven SEO packages deliver faster results for Dubai businesses at lower costs compared to traditional SEO services. See measurable improvements within weeks, not months.<\/p>\r\n \r\n <div class=\"results-bar\">\r\n <div class=\"results-progress\" style=\"width: 85%;\"><\/div>\r\n <\/div>\r\n <p style=\"text-align: center; color: #555; margin-top: -1rem;\">85% of Dubai clients achieve first-page rankings within 90 days<\/p>\r\n <\/div>\r\n\r\n <!-- Modern Pricing Grid -->\r\n <div class=\"pricing-grid\">\r\n <!-- Local & National SEO Package -->\r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-badge\">Most Popular<\/div>\r\n <div class=\"service-icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3058\/3058972.png\" alt=\"Local SEO services in Dubai\" class=\"service-icon\">\r\n <\/div>\r\n <h3 class=\"pricing-title\">Local & National SEO<\/h3>\r\n <div class=\"pricing-price\">AED 499\/month<\/div>\r\n <ul class=\"pricing-features\">\r\n <li><span>Google Business Profile<\/span> optimization for Dubai businesses<\/li>\r\n <li>Local citation building & cleanup across UAE directories<\/li>\r\n <li>National keyword targeting for UAE market<\/li>\r\n <li><span>50+<\/span> local directory submissions in Dubai<\/li>\r\n <li>Review generation strategy for Dubai customers<\/li>\r\n <li>Monthly ranking reports with Dubai competitors<\/li>\r\n <li><span>3-5X<\/span> more local traffic from Dubai searches<\/li>\r\n <\/ul>\r\n <button class=\"subscribe-btn\" onclick=\"subscribeToService('Local & National SEO - AED 499\/month')\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Boost Dubai Presence\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- International SEO Package -->\r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-badge\">Global Reach<\/div>\r\n <div class=\"service-icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3058\/3058981.png\" alt=\"International SEO services from Dubai\" class=\"service-icon\">\r\n <\/div>\r\n <h3 class=\"pricing-title\">International SEO<\/h3>\r\n <div class=\"pricing-price\">AED 799\/month<\/div>\r\n <ul class=\"pricing-features\">\r\n <li>Multilingual keyword research for global markets<\/li>\r\n <li>Hreflang implementation for Dubai-based businesses<\/li>\r\n <li>Country-specific content with Dubai as home base<\/li>\r\n <li><span>5+ languages<\/span> supported for UAE companies<\/li>\r\n <li>International backlink strategy from Dubai<\/li>\r\n <li>Geo-targeting configuration for GCC markets<\/li>\r\n <li><span>70%<\/span> faster global rankings from Dubai<\/li>\r\n <\/ul>\r\n <button class=\"subscribe-btn\" onclick=\"subscribeToService('International SEO - AED 799\/month')\">\r\n <i class=\"fas fa-globe\"><\/i> Go Global from Dubai\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Ecommerce SEO Package -->\r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-badge\">Ecommerce<\/div>\r\n <div class=\"service-icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3058\/3058993.png\" alt=\"Ecommerce SEO services in Dubai\" class=\"service-icon\">\r\n <\/div>\r\n <h3 class=\"pricing-title\">Ecommerce SEO<\/h3>\r\n <div class=\"pricing-price\">AED 999\/month<\/div>\r\n <ul class=\"pricing-features\">\r\n <li>Product schema markup for Dubai online stores<\/li>\r\n <li>Category page optimization for UAE ecommerce<\/li>\r\n <li>AI-generated product descriptions in Arabic\/English<\/li>\r\n <li><span>2-4X<\/span> more product visibility in Dubai searches<\/li>\r\n <li>Internal linking strategy for Dubai ecommerce sites<\/li>\r\n <li>Pagination & faceted search fixes for UAE markets<\/li>\r\n <li><span>30%<\/span> higher conversion rates for Dubai stores<\/li>\r\n <\/ul>\r\n <button class=\"subscribe-btn\" onclick=\"subscribeToService('Ecommerce SEO - AED 999\/month')\">\r\n <i class=\"fas fa-shopping-cart\"><\/i> Boost Dubai Sales\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Function to handle subscription\r\n function subscribeToService(serviceName) {\r\n const whatsappNumber = \"971582512126\";\r\n const text = `I'm interested in your ${serviceName} package for my Dubai business. Please contact me with more details.`;\r\n const encodedText = encodeURIComponent(text);\r\n window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodedText}`, '_blank');\r\n }\r\n\r\n \/\/ Simple floating animation\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const floatingElements = document.querySelectorAll('.floating-element');\r\n floatingElements.forEach(el => {\r\n const duration = Math.random() * 20 + 20;\r\n const movementX = Math.random() * 100 - 50;\r\n const movementY = Math.random() * 100 - 50;\r\n \r\n el.style.transition = `all ${duration}s ease-in-out infinite alternate`;\r\n el.style.transform = `translate(${movementX}px, ${movementY}px)`;\r\n });\r\n\r\n \/\/ Animate progress bar on load\r\n setTimeout(() => {\r\n document.querySelector('.results-progress').style.width = '85%';\r\n }, 500);\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI Automation Menu Bar AI Chatbots Social Media Automation Tools AI SEO Services UAE | Fast & Affordable SEO Solutions Dubai #1 AI-Powered SEO in Dubai Fast Results Affordable SEO AI Content Ranking Boost Keyword Research Traffic Growth Ultra-fast AI SEO services in Dubai at unbeatable prices for UAE businesses. See results in weeks, not […]<\/p>\n","protected":false},"author":63,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-4587","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/4587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/comments?post=4587"}],"version-history":[{"count":46,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/4587\/revisions"}],"predecessor-version":[{"id":4922,"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/pages\/4587\/revisions\/4922"}],"wp:attachment":[{"href":"https:\/\/aiingo.com\/index.php\/wp-json\/wp\/v2\/media?parent=4587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}