Noam Yahav \u2014 AI Leadership & Innovation<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800&family=Inter:wght@500;600&display=swap\" rel=\"stylesheet\">\n <style>\n \/* CRITICAL: Override ALL WordPress theme containers *\/\n body, html {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: none !important;\n overflow-x: hidden !important;\n }\n\n \/* Force break out of WordPress containers *\/\n .hero,\n .full-section {\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: #0B1221;\n color: #F2F5FF;\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #0B1221 0%, #0F1B2D 50%, #0B1423 100%);\n padding: 6rem 0;\n position: relative;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: \n radial-gradient(circle at 30% 40%, rgba(91, 134, 255, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(95, 246, 213, 0.08) 0%, transparent 50%);\n }\n\n .hero::after {\n content: '';\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.02) 1px, transparent 0);\n background-size: 20px 20px;\n opacity: 0.3;\n }\n\n .hero-inner {\n width: 90%;\n max-width: 1600px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 8rem;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .hero-content {\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n .badge {\n display: inline-block;\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 50px;\n padding: 1rem 2rem;\n font-size: 0.95rem;\n font-weight: 600;\n color: #BBD1FF;\n backdrop-filter: blur(20px);\n width: fit-content;\n }\n\n h1 {\n font-family: 'Outfit', sans-serif;\n font-weight: 800;\n font-size: 5rem;\n line-height: 1.08;\n letter-spacing: -0.025em;\n color: #F2F5FF;\n }\n\n .gradient {\n background: linear-gradient(135deg, #5CF6D5 0%, #5A7CFF 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .subtitle {\n font-size: 1.3rem;\n color: #A8B3C7;\n line-height: 1.65;\n opacity: 0.85;\n }\n\n .buttons {\n display: flex;\n gap: 1.5rem;\n margin-top: 0.5rem;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.25rem 2.75rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1.1rem;\n text-decoration: none;\n transition: all 0.35s ease;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, #49E6C8 0%, #4DA8FF 100%);\n color: white;\n box-shadow: 0 4px 20px rgba(77, 168, 255, 0.4);\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 30px rgba(77, 168, 255, 0.6);\n }\n\n .btn-secondary {\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n color: white;\n backdrop-filter: blur(20px);\n }\n\n .btn-secondary:hover {\n background: rgba(255, 255, 255, 0.15);\n border-color: rgba(255, 255, 255, 0.25);\n }\n\n \/* Orb Animation *\/\n .hero-visual {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .orb-wrapper {\n width: 550px;\n height: 550px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .orb {\n width: 380px;\n height: 380px;\n border-radius: 50%;\n background: radial-gradient(circle at 35% 35%, rgba(121, 168, 255, 0.45) 0%, rgba(91, 134, 255, 0.22) 40%, transparent 70%);\n animation: pulse 5s ease-in-out infinite;\n position: relative;\n }\n\n .orb::before {\n content: '';\n position: absolute;\n inset: -100px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(91, 134, 255, 0.18) 0%, transparent 65%);\n filter: blur(50px);\n }\n\n .orb::after {\n content: '';\n position: absolute;\n inset: 40px;\n border-radius: 50%;\n border: 1.5px solid rgba(92, 246, 213, 0.35);\n animation: rotate 15s linear infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1);\n opacity: 0.82;\n }\n 50% { \n transform: scale(1.08);\n opacity: 1;\n }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* Full Width Sections *\/\n .full-section {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #08131E 0%, #0D1828 50%, #08131E 100%);\n padding: 7rem 0;\n position: relative;\n }\n\n .full-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: \n linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n background-size: 50px 50px;\n opacity: 0.35;\n }\n\n .section-inner {\n width: 90%;\n max-width: 1600px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .section-head {\n text-align: center;\n margin-bottom: 6rem;\n }\n\n h2 {\n font-family: 'Outfit', sans-serif;\n font-weight: 700;\n font-size: 4rem;\n line-height: 1.15;\n margin-bottom: 2rem;\n color: #F2F5FF;\n }\n\n .desc {\n font-size: 1.3rem;\n color: #C2CBD8;\n opacity: 0.88;\n line-height: 1.75;\n max-width: 850px;\n margin: 0 auto;\n }\n\n \/* Two Column *\/\n .cols-2 {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8rem;\n align-items: center;\n }\n\n .text-block {\n display: flex;\n flex-direction: column;\n gap: 1.75rem;\n }\n\n .text-block h3 {\n font-family: 'Outfit', sans-serif;\n font-size: 2.75rem;\n font-weight: 700;\n line-height: 1.2;\n color: #F2F5FF;\n }\n\n .text-block p {\n font-size: 1.2rem;\n color: #C2CBD8;\n line-height: 1.75;\n opacity: 0.9;\n }\n\n \/* Cards *\/\n .cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n\n .card {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 28px;\n padding: 3rem;\n backdrop-filter: blur(30px);\n transition: all 0.35s ease;\n display: flex;\n flex-direction: column;\n min-height: 450px;\n }\n\n .card:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.08);\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);\n }\n\n .icon {\n width: 75px;\n height: 75px;\n margin-bottom: 2rem;\n }\n\n .icon svg {\n width: 100%;\n height: 100%;\n stroke: #5CF6D5;\n fill: none;\n stroke-width: 2;\n filter: drop-shadow(0 0 12px rgba(92, 246, 213, 0.6));\n }\n\n .card h4 {\n font-family: 'Outfit', sans-serif;\n font-size: 1.9rem;\n font-weight: 700;\n color: #F2F5FF;\n margin-bottom: 0.5rem;\n }\n\n .label {\n font-size: 0.9rem;\n font-weight: 600;\n color: #5CF6D5;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 1.25rem;\n }\n\n .card p {\n font-size: 1.05rem;\n color: #C2CBD8;\n line-height: 1.7;\n opacity: 0.9;\n margin-bottom: 2rem;\n flex: 1;\n }\n\n .card a {\n color: #5CF6D5;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.05rem;\n transition: all 0.3s ease;\n }\n\n .card a:hover {\n color: #78FFD9;\n }\n\n \/* Contact *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1.3fr 1fr;\n gap: 5rem;\n }\n\n .form {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 28px;\n padding: 3.5rem;\n backdrop-filter: blur(30px);\n }\n\n .field {\n margin-bottom: 2rem;\n }\n\n label {\n display: block;\n font-weight: 600;\n font-size: 0.95rem;\n color: #5CF6D5;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 0.875rem;\n }\n\n input, textarea {\n width: 100%;\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 14px;\n padding: 1.25rem 1.75rem;\n font-family: 'Inter', sans-serif;\n font-size: 1.05rem;\n color: #F2F5FF;\n transition: all 0.3s ease;\n outline: none;\n }\n\n input:focus, textarea:focus {\n border-color: rgba(92, 246, 213, 0.5);\n background: rgba(255, 255, 255, 0.08);\n box-shadow: 0 0 0 4px rgba(92, 246, 213, 0.1);\n }\n\n textarea {\n resize: vertical;\n min-height: 160px;\n }\n\n button {\n width: 100%;\n background: linear-gradient(135deg, #4AF0C8 0%, #4D91FF 100%);\n border: none;\n border-radius: 50px;\n padding: 1.375rem 2.75rem;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 1.1rem;\n color: white;\n cursor: pointer;\n transition: all 0.35s ease;\n margin-top: 0.75rem;\n }\n\n button:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(74, 240, 200, 0.6);\n }\n\n .links {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n .link-card {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 24px;\n padding: 2.5rem;\n backdrop-filter: blur(30px);\n transition: all 0.35s ease;\n }\n\n .link-card:hover {\n background: rgba(255, 255, 255, 0.08);\n transform: translateY(-5px);\n }\n\n .link-card h4 {\n font-family: 'Outfit', sans-serif;\n font-size: 1.65rem;\n font-weight: 700;\n color: #F2F5FF;\n margin-bottom: 1rem;\n }\n\n .link-card p {\n font-size: 1.05rem;\n color: #C2CBD8;\n line-height: 1.7;\n margin-bottom: 1.25rem;\n }\n\n .link-card a {\n color: #5CF6D5;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.05rem;\n transition: all 0.3s ease;\n }\n\n .link-card a:hover {\n color: #78FFD9;\n }\n\n \/* Responsive *\/\n @media (max-width: 1400px) {\n .hero-inner {\n gap: 6rem;\n }\n \n h1 {\n font-size: 4rem;\n }\n \n .orb-wrapper {\n width: 450px;\n height: 450px;\n }\n \n .orb {\n width: 320px;\n height: 320px;\n }\n }\n\n @media (max-width: 1024px) {\n .hero-inner,\n .cols-2,\n .contact-grid {\n grid-template-columns: 1fr;\n gap: 4rem;\n }\n \n .cards {\n grid-template-columns: 1fr;\n max-width: 550px;\n margin: 0 auto;\n }\n \n h1 {\n font-size: 3.25rem;\n }\n \n h2 {\n font-size: 3rem;\n }\n \n .hero-visual {\n order: -1;\n }\n }\n\n @media (max-width: 768px) {\n .hero, .full-section {\n padding: 4rem 0;\n }\n \n .hero-inner, .section-inner {\n width: 92%;\n }\n \n h1 {\n font-size: 2.5rem;\n }\n \n h2 {\n font-size: 2.25rem;\n }\n \n .buttons {\n flex-direction: column;\n }\n \n .btn {\n width: 100%;\n justify-content: center;\n }\n \n .orb-wrapper {\n width: 320px;\n height: 320px;\n }\n \n .orb {\n width: 240px;\n height: 240px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"badge\">AI Leadership & Innovation<\/div>\n \n <h1>Building the Future Where <span class=\"gradient\">People<\/span> and <span class=\"gradient\">AI<\/span> Work as One<\/h1>\n \n <p class=\"subtitle\">Noam Yahav \u2014 Founder & CEO of Agile Pro Solutions | Creator of the UpSourcing Model\u2122<\/p>\n \n <div class=\"buttons\">\n <a href=\"#vision\" class=\"btn btn-primary\">Explore AI Vision \u2192<\/a>\n <a href=\"#contact\" class=\"btn btn-secondary\">Connect with Noam<\/a>\n <\/div>\n <\/div>\n \n <div class=\"hero-visual\">\n <div class=\"orb-wrapper\">\n <div class=\"orb\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"full-section\" id=\"vision\">\n <div class=\"section-inner\">\n <div class=\"cols-2\">\n <div class=\"text-block\">\n <h3>From Vision to <span class=\"gradient\">Intelligent Systems<\/span><\/h3>\n <p>Noam Yahav envisions a world where people and AI collaborate seamlessly to achieve extraordinary outcomes.<\/p>\n <p>Through Agile Pro Solutions, he pioneered the UpSourcing Model\u2122 \u2014 a hybrid approach blending European talent, AI-driven analytics, and business intelligence to help companies scale with precision and innovation.<\/p>\n <\/div>\n \n <div style=\"display: flex; justify-content: center;\">\n <div class=\"orb-wrapper\" style=\"width: 420px; height: 420px;\">\n <div class=\"orb\" style=\"width: 300px; height: 300px;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"full-section\">\n <div class=\"section-inner\">\n <div class=\"section-head\">\n <h2>AI Solutions That <span class=\"gradient\">Redefine Work<\/span><\/h2>\n <p class=\"desc\">At Agile Pro Solutions, Noam Yahav leads a new era of innovation \u2014 where artificial intelligence enhances human performance, not replaces it.<\/p>\n <\/div>\n \n <div class=\"cards\">\n <div class=\"card\">\n <div class=\"icon\">\n <svg viewBox=\"0 0 48 48\">\n <path d=\"M24 4C15.163 4 8 11.163 8 20V28C8 30.209 9.791 32 12 32H14V20C14 14.477 18.477 10 24 10C29.523 10 34 14.477 34 20V32H36C38.209 32 40 30.209 40 28V20C40 11.163 32.837 4 24 4Z\"\/>\n <\/svg>\n <\/div>\n <h4>AI Call Centers<\/h4>\n <p class=\"label\">Always On, Always Human<\/p>\n <p>AI Agents provide 24\/7 customer interaction that feels human \u2014 combining natural speech, emotion recognition, and real-time data access.<\/p>\n <a href=\"https:\/\/agileprosolutions.com\/ai-call-centers\/\" target=\"_blank\">Learn More \u2192<\/a>\n <\/div>\n \n <div class=\"card\">\n <div class=\"icon\">\n <svg viewBox=\"0 0 48 48\">\n <circle cx=\"24\" cy=\"12\" r=\"6\"\/>\n <path d=\"M24 22C18.477 22 14 26.477 14 32V36H34V32C34 26.477 29.523 22 24 22Z\"\/>\n <\/svg>\n <\/div>\n <h4>AI Recruitment<\/h4>\n <p class=\"label\">Smarter Hiring, Powered by Data<\/p>\n <p>The AI Recruitment system identifies top candidates by analyzing skills, performance signals, and personality match \u2014 reducing bias and accelerating hiring.<\/p>\n <a href=\"https:\/\/agileprosolutions.com\/ai-recruitment\/\" target=\"_blank\">Learn More \u2192<\/a>\n <\/div>\n \n <div class=\"card\">\n <div class=\"icon\">\n <svg viewBox=\"0 0 48 48\">\n <rect x=\"6\" y=\"12\" width=\"28\" height=\"20\" rx=\"2\"\/>\n <path d=\"M36 18C38.761 18 41 20.239 41 23V29C41 31.761 38.761 34 36 34H34\"\/>\n <\/svg>\n <\/div>\n <h4>AI Virtual Office<\/h4>\n <p class=\"label\">Intelligent Collaboration in the Cloud<\/p>\n <p>A digital workspace that connects people and AI in real time \u2014 empowering teams to collaborate seamlessly, transparently, and intelligently.<\/p>\n <a href=\"https:\/\/agileprosolutions.com\/ai-virtual-office\/\" target=\"_blank\">Learn More \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"full-section\" id=\"contact\">\n <div class=\"section-inner\">\n <div class=\"section-head\">\n <h2>Let’s Build the Future <span class=\"gradient\">Together<\/span><\/h2>\n <p class=\"desc\">Connect with Noam Yahav to discuss how AI can transform your organization. Together, we’ll shape the next generation of human-AI collaboration.<\/p>\n <\/div>\n \n <div class=\"contact-grid\">\n <form class=\"form\">\n <div class=\"field\">\n <label for=\"name\">Your Name<\/label>\n <input type=\"text\" id=\"name\" placeholder=\"John Doe\" required>\n <\/div>\n \n <div class=\"field\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"john@company.com\" required>\n <\/div>\n \n <div class=\"field\">\n <label for=\"message\">Your Message<\/label>\n <textarea id=\"message\" placeholder=\"Tell us about your project or how AI can help...\" required><\/textarea>\n <\/div>\n \n <button type=\"submit\">Send Message<\/button>\n <\/form>\n \n <div class=\"links\">\n <div class=\"link-card\">\n <h4>Connect on LinkedIn<\/h4>\n <p>Follow Noam’s insights on AI leadership and innovation.<\/p>\n <a href=\"https:\/\/linkedin.com\/in\/noamyahav\" target=\"_blank\">LinkedIn Profile \u2192<\/a>\n <\/div>\n \n <div class=\"link-card\">\n <h4>Visit Agile Pro Solutions<\/h4>\n <p>Explore our full range of AI-powered business solutions.<\/p>\n <a href=\"https:\/\/agileprosolutions.com\" target=\"_blank\">Company Website \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Noam Yahav \u2014 AI Leadership & Innovation AI Leadership & Innovation Building the Future Where People and AI Work as One Noam Yahav \u2014 Founder & CEO of Agile Pro Solutions | Creator of the UpSourcing Model\u2122 Explore AI Vision \u2192 Connect with Noam From Vision to Intelligent Systems Noam Yahav envisions a world where […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noamyahav.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":9,"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/noamyahav.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2025-11-12T22:42:23","date_gmt":"2025-11-12T22:42:23","guid":{"rendered":"https:\/\/noamyahav.net\/?page_id=6"},"modified":"2025-11-12T22:55:18","modified_gmt":"2025-11-12T22:55:18","slug":"6-2","status":"publish","type":"page","link":"https:\/\/noamyahav.net\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Noam Yahav \u2014 AI Leadership & Innovation<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800&family=Inter:wght@500;600&display=swap\" rel=\"stylesheet\">\n <style>\n \/* CRITICAL: Override ALL WordPress theme containers *\/\n body, html {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: none !important;\n overflow-x: hidden !important;\n }\n\n \/* Force break out of WordPress containers *\/\n .hero,\n .full-section {\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: #0B1221;\n color: #F2F5FF;\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #0B1221 0%, #0F1B2D 50%, #0B1423 100%);\n padding: 6rem 0;\n position: relative;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: \n radial-gradient(circle at 30% 40%, rgba(91, 134, 255, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(95, 246, 213, 0.08) 0%, transparent 50%);\n }\n\n .hero::after {\n content: '';\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.02) 1px, transparent 0);\n background-size: 20px 20px;\n opacity: 0.3;\n }\n\n .hero-inner {\n width: 90%;\n max-width: 1600px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 8rem;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .hero-content {\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n .badge {\n display: inline-block;\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 50px;\n padding: 1rem 2rem;\n font-size: 0.95rem;\n font-weight: 600;\n color: #BBD1FF;\n backdrop-filter: blur(20px);\n width: fit-content;\n }\n\n h1 {\n font-family: 'Outfit', sans-serif;\n font-weight: 800;\n font-size: 5rem;\n line-height: 1.08;\n letter-spacing: -0.025em;\n color: #F2F5FF;\n }\n\n .gradient {\n background: linear-gradient(135deg, #5CF6D5 0%, #5A7CFF 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .subtitle {\n font-size: 1.3rem;\n color: #A8B3C7;\n line-height: 1.65;\n opacity: 0.85;\n }\n\n .buttons {\n display: flex;\n gap: 1.5rem;\n margin-top: 0.5rem;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1.25rem 2.75rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1.1rem;\n text-decoration: none;\n transition: all 0.35s ease;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, #49E6C8 0%, #4DA8FF 100%);\n color: white;\n box-shadow: 0 4px 20px rgba(77, 168, 255, 0.4);\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 30px rgba(77, 168, 255, 0.6);\n }\n\n .btn-secondary {\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n color: white;\n backdrop-filter: blur(20px);\n }\n\n .btn-secondary:hover {\n background: rgba(255, 255, 255, 0.15);\n border-color: rgba(255, 255, 255, 0.25);\n }\n\n \/* Orb Animation *\/\n .hero-visual {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .orb-wrapper {\n width: 550px;\n height: 550px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .orb {\n width: 380px;\n height: 380px;\n border-radius: 50%;\n background: radial-gradient(circle at 35% 35%, rgba(121, 168, 255, 0.45) 0%, rgba(91, 134, 255, 0.22) 40%, transparent 70%);\n animation: pulse 5s ease-in-out infinite;\n position: relative;\n }\n\n .orb::before {\n content: '';\n position: absolute;\n inset: -100px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(91, 134, 255, 0.18) 0%, transparent 65%);\n filter: blur(50px);\n }\n\n .orb::after {\n content: '';\n position: absolute;\n inset: 40px;\n border-radius: 50%;\n border: 1.5px solid rgba(92, 246, 213, 0.35);\n animation: rotate 15s linear infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { \n transform: scale(1);\n opacity: 0.82;\n }\n 50% { \n transform: scale(1.08);\n opacity: 1;\n }\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* Full Width Sections *\/\n .full-section {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #08131E 0%, #0D1828 50%, #08131E 100%);\n padding: 7rem 0;\n position: relative;\n }\n\n .full-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: \n linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n background-size: 50px 50px;\n opacity: 0.35;\n }\n\n .section-inner {\n width: 90%;\n max-width: 1600px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .section-head {\n text-align: center;\n margin-bottom: 6rem;\n }\n\n h2 {\n font-family: 'Outfit', sans-serif;\n font-weight: 700;\n font-size: 4rem;\n line-height: 1.15;\n margin-bottom: 2rem;\n color: #F2F5FF;\n }\n\n .desc {\n font-size: 1.3rem;\n color: #C2CBD8;\n opacity: 0.88;\n line-height: 1.75;\n max-width: 850px;\n margin: 0 auto;\n }\n\n \/* Two Column *\/\n .cols-2 {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8rem;\n align-items: center;\n }\n\n .text-block {\n display: flex;\n flex-direction: column;\n gap: 1.75rem;\n }\n\n .text-block h3 {\n font-family: 'Outfit', sans-serif;\n font-size: 2.75rem;\n font-weight: 700;\n line-height: 1.2;\n color: #F2F5FF;\n }\n\n .text-block p {\n font-size: 1.2rem;\n color: #C2CBD8;\n line-height: 1.75;\n opacity: 0.9;\n }\n\n \/* Cards *\/\n .cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n\n .card {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 28px;\n padding: 3rem;\n backdrop-filter: blur(30px);\n transition: all 0.35s ease;\n display: flex;\n flex-direction: column;\n min-height: 450px;\n }\n\n .card:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.08);\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);\n }\n\n .icon {\n width: 75px;\n height: 75px;\n margin-bottom: 2rem;\n }\n\n .icon svg {\n width: 100%;\n height: 100%;\n stroke: #5CF6D5;\n fill: none;\n stroke-width: 2;\n filter: drop-shadow(0 0 12px rgba(92, 246, 213, 0.6));\n }\n\n .card h4 {\n font-family: 'Outfit', sans-serif;\n font-size: 1.9rem;\n font-weight: 700;\n color: #F2F5FF;\n margin-bottom: 0.5rem;\n }\n\n .label {\n font-size: 0.9rem;\n font-weight: 600;\n color: #5CF6D5;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 1.25rem;\n }\n\n .card p {\n font-size: 1.05rem;\n color: #C2CBD8;\n line-height: 1.7;\n opacity: 0.9;\n margin-bottom: 2rem;\n flex: 1;\n }\n\n .card a {\n color: #5CF6D5;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.05rem;\n transition: all 0.3s ease;\n }\n\n .card a:hover {\n color: #78FFD9;\n }\n\n \/* Contact *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1.3fr 1fr;\n gap: 5rem;\n }\n\n .form {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 28px;\n padding: 3.5rem;\n backdrop-filter: blur(30px);\n }\n\n .field {\n margin-bottom: 2rem;\n }\n\n label {\n display: block;\n font-weight: 600;\n font-size: 0.95rem;\n color: #5CF6D5;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 0.875rem;\n }\n\n input, textarea {\n width: 100%;\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 14px;\n padding: 1.25rem 1.75rem;\n font-family: 'Inter', sans-serif;\n font-size: 1.05rem;\n color: #F2F5FF;\n transition: all 0.3s ease;\n outline: none;\n }\n\n input:focus, textarea:focus {\n border-color: rgba(92, 246, 213, 0.5);\n background: rgba(255, 255, 255, 0.08);\n box-shadow: 0 0 0 4px rgba(92, 246, 213, 0.1);\n }\n\n textarea {\n resize: vertical;\n min-height: 160px;\n }\n\n button {\n width: 100%;\n background: linear-gradient(135deg, #4AF0C8 0%, #4D91FF 100%);\n border: none;\n border-radius: 50px;\n padding: 1.375rem 2.75rem;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 1.1rem;\n color: white;\n cursor: pointer;\n transition: all 0.35s ease;\n margin-top: 0.75rem;\n }\n\n button:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(74, 240, 200, 0.6);\n }\n\n .links {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n .link-card {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 24px;\n padding: 2.5rem;\n backdrop-filter: blur(30px);\n transition: all 0.35s ease;\n }\n\n .link-card:hover {\n background: rgba(255, 255, 255, 0.08);\n transform: translateY(-5px);\n }\n\n .link-card h4 {\n font-family: 'Outfit', sans-serif;\n font-size: 1.65rem;\n font-weight: 700;\n color: #F2F5FF;\n margin-bottom: 1rem;\n }\n\n .link-card p {\n font-size: 1.05rem;\n color: #C2CBD8;\n line-height: 1.7;\n margin-bottom: 1.25rem;\n }\n\n .link-card a {\n color: #5CF6D5;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.05rem;\n transition: all 0.3s ease;\n }\n\n .link-card a:hover {\n color: #78FFD9;\n }\n\n \/* Responsive *\/\n @media (max-width: 1400px) {\n .hero-inner {\n gap: 6rem;\n }\n \n h1 {\n font-size: 4rem;\n }\n \n .orb-wrapper {\n width: 450px;\n height: 450px;\n }\n \n .orb {\n width: 320px;\n height: 320px;\n }\n }\n\n @media (max-width: 1024px) {\n .hero-inner,\n .cols-2,\n .contact-grid {\n grid-template-columns: 1fr;\n gap: 4rem;\n }\n \n .cards {\n grid-template-columns: 1fr;\n max-width: 550px;\n margin: 0 auto;\n }\n \n h1 {\n font-size: 3.25rem;\n }\n \n h2 {\n font-size: 3rem;\n }\n \n .hero-visual {\n order: -1;\n }\n }\n\n @media (max-width: 768px) {\n .hero, .full-section {\n padding: 4rem 0;\n }\n \n .hero-inner, .section-inner {\n width: 92%;\n }\n \n h1 {\n font-size: 2.5rem;\n }\n \n h2 {\n font-size: 2.25rem;\n }\n \n .buttons {\n flex-direction: column;\n }\n \n .btn {\n width: 100%;\n justify-content: center;\n }\n \n .orb-wrapper {\n width: 320px;\n height: 320px;\n }\n \n .orb {\n width: 240px;\n height: 240px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"badge\">AI Leadership & Innovation<\/div>\n \n <h1>Building the Future Where <span class=\"gradient\">People<\/span> and <span class=\"gradient\">AI<\/span> Work as One<\/h1>\n \n <p class=\"subtitle\">Noam Yahav \u2014 Founder & CEO of Agile Pro Solutions | Creator of the UpSourcing Model\u2122<\/p>\n \n <div class=\"buttons\">\n <a href=\"#vision\" class=\"btn btn-primary\">Explore AI Vision \u2192<\/a>\n <a href=\"#contact\" class=\"btn btn-secondary\">Connect with Noam<\/a>\n <\/div>\n <\/div>\n \n <div class=\"hero-visual\">\n <div class=\"orb-wrapper\">\n <div class=\"orb\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"full-section\" id=\"vision\">\n <div class=\"section-inner\">\n <div class=\"cols-2\">\n <div class=\"text-block\">\n <h3>From Vision to <span class=\"gradient\">Intelligent Systems<\/span><\/h3>\n <p>Noam Yahav envisions a world where people and AI collaborate seamlessly to achieve extraordinary outcomes.<\/p>\n <p>Through Agile Pro Solutions, he pioneered the UpSourcing Model\u2122 \u2014 a hybrid approach blending European talent, AI-driven analytics, and business intelligence to help companies scale with precision and innovation.<\/p>\n <\/div>\n \n <div style=\"display: flex; justify-content: center;\">\n <div class=\"orb-wrapper\" style=\"width: 420px; height: 420px;\">\n <div class=\"orb\" style=\"width: 300px; height: 300px;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"full-section\">\n <div class=\"section-inner\">\n <div class=\"section-head\">\n <h2>AI Solutions That <span class=\"gradient\">Redefine Work<\/span><\/h2>\n <p class=\"desc\">At Agile Pro Solutions, Noam Yahav leads a new era of innovation \u2014 where artificial intelligence enhances human performance, not replaces it.<\/p>\n <\/div>\n \n <div class=\"cards\">\n <div class=\"card\">\n <div class=\"icon\">\n <svg viewBox=\"0 0 48 48\">\n <path d=\"M24 4C15.163 4 8 11.163 8 20V28C8 30.209 9.791 32 12 32H14V20C14 14.477 18.477 10 24 10C29.523 10 34 14.477 34 20V32H36C38.209 32 40 30.209 40 28V20C40 11.163 32.837 4 24 4Z\"\/>\n <\/svg>\n <\/div>\n <h4>AI Call Centers<\/h4>\n <p class=\"label\">Always On, Always Human<\/p>\n <p>AI Agents provide 24\/7 customer interaction that feels human \u2014 combining natural speech, emotion recognition, and real-time data access.<\/p>\n <a href=\"https:\/\/agileprosolutions.com\/ai-call-centers\/\" target=\"_blank\">Learn More \u2192<\/a>\n <\/div>\n \n <div class=\"card\">\n <div class=\"icon\">\n <svg viewBox=\"0 0 48 48\">\n <circle cx=\"24\" cy=\"12\" r=\"6\"\/>\n <path d=\"M24 22C18.477 22 14 26.477 14 32V36H34V32C34 26.477 29.523 22 24 22Z\"\/>\n <\/svg>\n <\/div>\n <h4>AI Recruitment<\/h4>\n <p class=\"label\">Smarter Hiring, Powered by Data<\/p>\n <p>The AI Recruitment system identifies top candidates by analyzing skills, performance signals, and personality match \u2014 reducing bias and accelerating hiring.<\/p>\n <a href=\"https:\/\/agileprosolutions.com\/ai-recruitment\/\" target=\"_blank\">Learn More \u2192<\/a>\n <\/div>\n \n <div class=\"card\">\n <div class=\"icon\">\n <svg viewBox=\"0 0 48 48\">\n <rect x=\"6\" y=\"12\" width=\"28\" height=\"20\" rx=\"2\"\/>\n <path d=\"M36 18C38.761 18 41 20.239 41 23V29C41 31.761 38.761 34 36 34H34\"\/>\n <\/svg>\n <\/div>\n <h4>AI Virtual Office<\/h4>\n <p class=\"label\">Intelligent Collaboration in the Cloud<\/p>\n <p>A digital workspace that connects people and AI in real time \u2014 empowering teams to collaborate seamlessly, transparently, and intelligently.<\/p>\n <a href=\"https:\/\/agileprosolutions.com\/ai-virtual-office\/\" target=\"_blank\">Learn More \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"full-section\" id=\"contact\">\n <div class=\"section-inner\">\n <div class=\"section-head\">\n <h2>Let’s Build the Future <span class=\"gradient\">Together<\/span><\/h2>\n <p class=\"desc\">Connect with Noam Yahav to discuss how AI can transform your organization. Together, we’ll shape the next generation of human-AI collaboration.<\/p>\n <\/div>\n \n <div class=\"contact-grid\">\n <form class=\"form\">\n <div class=\"field\">\n <label for=\"name\">Your Name<\/label>\n <input type=\"text\" id=\"name\" placeholder=\"John Doe\" required>\n <\/div>\n \n <div class=\"field\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"john@company.com\" required>\n <\/div>\n \n <div class=\"field\">\n <label for=\"message\">Your Message<\/label>\n <textarea id=\"message\" placeholder=\"Tell us about your project or how AI can help...\" required><\/textarea>\n <\/div>\n \n <button type=\"submit\">Send Message<\/button>\n <\/form>\n \n <div class=\"links\">\n <div class=\"link-card\">\n <h4>Connect on LinkedIn<\/h4>\n <p>Follow Noam’s insights on AI leadership and innovation.<\/p>\n <a href=\"https:\/\/linkedin.com\/in\/noamyahav\" target=\"_blank\">LinkedIn Profile \u2192<\/a>\n <\/div>\n \n <div class=\"link-card\">\n <h4>Visit Agile Pro Solutions<\/h4>\n <p>Explore our full range of AI-powered business solutions.<\/p>\n <a href=\"https:\/\/agileprosolutions.com\" target=\"_blank\">Company Website \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Noam Yahav \u2014 AI Leadership & Innovation AI Leadership & Innovation Building the Future Where People and AI Work as One Noam Yahav \u2014 Founder & CEO of Agile Pro Solutions | Creator of the UpSourcing Model\u2122 Explore AI Vision \u2192 Connect with Noam From Vision to Intelligent Systems Noam Yahav envisions a world where […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noamyahav.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":9,"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/noamyahav.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/noamyahav.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}