{"id":40,"date":"2026-07-18T04:56:51","date_gmt":"2026-07-18T04:56:51","guid":{"rendered":"https:\/\/zeecommunications.com\/?page_id=40"},"modified":"2026-07-18T05:21:33","modified_gmt":"2026-07-18T05:21:33","slug":"services","status":"publish","type":"page","link":"https:\/\/zeecommunications.com\/?page_id=40","title":{"rendered":"Services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nServices \u2014 Future Web AI<\/title>\r\n<meta name=\"description\" content=\"AI website development, custom builds, and web development training from Future Web AI. Learn. Build. Launch.\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --primary:#2563EB;\r\n --secondary:#38BDF8;\r\n --accent:#06B6D4;\r\n --bg:#070B14;\r\n --surface:#111827;\r\n --card:#161B22;\r\n --text:#FFFFFF;\r\n --text-dim:#94A3B8;\r\n --border: rgba(148,163,184,0.14);\r\n --glow: 0 0 40px rgba(37,99,235,0.35);\r\n --radius-lg: 22px;\r\n --radius-md: 14px;\r\n --ease: cubic-bezier(.22,1,.36,1);\r\n }\r\n\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n background:var(--bg);\r\n color:var(--text);\r\n font-family:'Inter',sans-serif;\r\n overflow-x:hidden;\r\n line-height:1.6;\r\n }\r\n @media (prefers-reduced-motion: reduce){\r\n *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:0.001ms !important;}\r\n }\r\n\r\n h1,h2,h3,h4{font-family:'Poppins',sans-serif;font-weight:800;letter-spacing:-0.02em;}\r\n a{color:inherit;text-decoration:none;}\r\n ul{list-style:none;}\r\n img{max-width:100%;display:block;}\r\n button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}\r\n\r\n ::selection{background:var(--primary);color:#fff;}\r\n\r\n .container{\r\n width:100%;\r\n max-width:1280px;\r\n margin:0 auto;\r\n padding:0 24px;\r\n }\r\n\r\n .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:12.5px;\r\n letter-spacing:0.14em;\r\n text-transform:uppercase;\r\n color:var(--secondary);\r\n background:rgba(56,189,248,0.08);\r\n border:1px solid rgba(56,189,248,0.25);\r\n padding:6px 14px;\r\n border-radius:99px;\r\n margin-bottom:18px;\r\n }\r\n .eyebrow::before{\r\n content:'';\r\n width:6px;height:6px;border-radius:50%;\r\n background:var(--secondary);\r\n box-shadow:0 0 10px var(--secondary);\r\n }\r\n\r\n .section-head{\r\n max-width:640px;\r\n margin:0 auto 56px;\r\n text-align:center;\r\n }\r\n .section-head h2{\r\n font-size:clamp(28px,4vw,42px);\r\n margin-bottom:14px;\r\n }\r\n .section-head p{\r\n color:var(--text-dim);\r\n font-size:16.5px;\r\n }\r\n section{\r\n padding:110px 0;\r\n position:relative;\r\n }\r\n\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(28px);\r\n transition:opacity .8s var(--ease), transform .8s var(--ease);\r\n }\r\n .reveal.in{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n\r\n \/* ---------- BUTTONS ---------- *\/\r\n .btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:14px 28px;\r\n border-radius:12px;\r\n font-weight:600;\r\n font-size:15px;\r\n position:relative;\r\n overflow:hidden;\r\n transition:transform .35s var(--ease), box-shadow .35s var(--ease);\r\n white-space:nowrap;\r\n }\r\n .btn:active{transform:scale(0.97);}\r\n .btn-primary{\r\n background:linear-gradient(135deg,var(--primary),var(--accent));\r\n color:#fff;\r\n box-shadow:0 8px 30px rgba(37,99,235,0.35);\r\n }\r\n .btn-primary:hover{\r\n box-shadow:0 12px 40px rgba(37,99,235,0.55);\r\n transform:translateY(-3px);\r\n }\r\n .btn-ghost{\r\n background:rgba(255,255,255,0.04);\r\n border:1px solid var(--border);\r\n color:var(--text);\r\n backdrop-filter:blur(10px);\r\n }\r\n .btn-ghost:hover{\r\n border-color:rgba(56,189,248,0.5);\r\n background:rgba(56,189,248,0.06);\r\n transform:translateY(-3px);\r\n }\r\n .btn .ripple{\r\n position:absolute;\r\n border-radius:50%;\r\n background:rgba(255,255,255,0.5);\r\n transform:scale(0);\r\n animation:ripple .6s linear;\r\n pointer-events:none;\r\n }\r\n @keyframes ripple{to{transform:scale(3);opacity:0;}}\r\n\r\n \/* ---------- NAV ---------- *\/\r\n header{\r\n position:fixed;\r\n top:0;left:0;right:0;\r\n z-index:1000;\r\n padding:18px 0;\r\n transition:background .4s ease, border-color .4s ease, padding .4s ease;\r\n border-bottom:1px solid transparent;\r\n }\r\n header.scrolled{\r\n background:rgba(7,11,20,0.75);\r\n backdrop-filter:blur(16px) saturate(160%);\r\n border-bottom:1px solid var(--border);\r\n padding:12px 0;\r\n }\r\n nav{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n }\r\n .logo{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:800;\r\n font-size:19px;\r\n }\r\n .logo-mark{\r\n width:34px;height:34px;\r\n border-radius:9px;\r\n background:linear-gradient(135deg,var(--primary),var(--accent));\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:16px;\r\n box-shadow:0 0 22px rgba(37,99,235,0.55);\r\n }\r\n .logo span{color:var(--secondary);}\r\n\r\n .nav-links{\r\n display:flex;\r\n align-items:center;\r\n gap:36px;\r\n font-size:14.5px;\r\n font-weight:500;\r\n }\r\n .nav-links a{\r\n color:var(--text-dim);\r\n position:relative;\r\n padding:4px 0;\r\n transition:color .3s ease;\r\n }\r\n .nav-links a::after{\r\n content:'';\r\n position:absolute;\r\n left:0;bottom:-2px;\r\n width:0;height:2px;\r\n background:linear-gradient(90deg,var(--primary),var(--secondary));\r\n transition:width .3s var(--ease);\r\n }\r\n .nav-links a:hover{color:var(--text);}\r\n .nav-links a:hover::after{width:100%;}\r\n .nav-links a.active{color:var(--text);}\r\n .nav-links a.active::after{width:100%;}\r\n\r\n .nav-cta{display:flex;align-items:center;gap:14px;}\r\n .nav-cta .btn{padding:11px 22px;font-size:14px;}\r\n\r\n .hamburger{\r\n display:none;\r\n flex-direction:column;\r\n gap:5px;\r\n width:26px;\r\n z-index:1100;\r\n }\r\n .hamburger span{\r\n height:2px;width:100%;background:var(--text);\r\n border-radius:2px;\r\n transition:transform .35s var(--ease), opacity .35s var(--ease);\r\n }\r\n .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n .hamburger.open span:nth-child(2){opacity:0;}\r\n .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n\r\n .mobile-menu{\r\n position:fixed;\r\n inset:0;\r\n background:rgba(7,11,20,0.98);\r\n backdrop-filter:blur(20px);\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n gap:28px;\r\n font-size:22px;\r\n font-weight:600;\r\n font-family:'Poppins',sans-serif;\r\n z-index:1050;\r\n opacity:0;\r\n pointer-events:none;\r\n transition:opacity .4s ease;\r\n }\r\n .mobile-menu.open{opacity:1;pointer-events:auto;}\r\n .mobile-menu a{color:var(--text-dim);}\r\n .mobile-menu a:hover{color:var(--secondary);}\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero{\r\n padding:190px 0 130px;\r\n position:relative;\r\n overflow:hidden;\r\n min-height:92vh;\r\n display:flex;\r\n align-items:center;\r\n }\r\n #particles{\r\n position:absolute;\r\n inset:0;\r\n z-index:0;\r\n opacity:0.65;\r\n }\r\n .hero-glow{\r\n position:absolute;\r\n width:900px;height:900px;\r\n top:-380px;left:50%;\r\n transform:translateX(-50%);\r\n background:radial-gradient(circle,rgba(37,99,235,0.35) 0%,rgba(6,182,212,0.08) 45%,transparent 70%);\r\n filter:blur(10px);\r\n z-index:0;\r\n pointer-events:none;\r\n }\r\n .hero-content{\r\n position:relative;\r\n z-index:2;\r\n text-align:center;\r\n max-width:840px;\r\n margin:0 auto;\r\n }\r\n .hero h1{\r\n font-size:clamp(38px,6.4vw,72px);\r\n line-height:1.06;\r\n margin-bottom:22px;\r\n }\r\n .hero h1 .grad{\r\n background:linear-gradient(90deg,var(--secondary),var(--accent),var(--primary));\r\n -webkit-background-clip:text;\r\n background-clip:text;\r\n color:transparent;\r\n }\r\n .hero p.lead{\r\n color:var(--text-dim);\r\n font-size:clamp(16px,1.8vw,19px);\r\n max-width:600px;\r\n margin:0 auto 42px;\r\n }\r\n .hero-actions{\r\n display:flex;\r\n justify-content:center;\r\n gap:16px;\r\n flex-wrap:wrap;\r\n margin-bottom:64px;\r\n }\r\n .hero-stats{\r\n display:flex;\r\n justify-content:center;\r\n gap:56px;\r\n flex-wrap:wrap;\r\n position:relative;\r\n z-index:2;\r\n }\r\n .hero-stats .stat{text-align:center;}\r\n .hero-stats .stat .num{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:800;\r\n font-size:30px;\r\n background:linear-gradient(90deg,#fff,var(--secondary));\r\n -webkit-background-clip:text;background-clip:text;color:transparent;\r\n }\r\n .hero-stats .stat .label{\r\n font-size:13px;color:var(--text-dim);\r\n margin-top:4px;\r\n font-family:'JetBrains Mono',monospace;\r\n letter-spacing:0.04em;\r\n }\r\n\r\n .float-icon{\r\n position:absolute;\r\n font-size:26px;\r\n opacity:0.5;\r\n z-index:1;\r\n animation:floaty 7s ease-in-out infinite;\r\n filter:drop-shadow(0 0 14px rgba(56,189,248,0.45));\r\n }\r\n @keyframes floaty{\r\n 0%,100%{transform:translateY(0) rotate(0deg);}\r\n 50%{transform:translateY(-22px) rotate(8deg);}\r\n }\r\n\r\n \/* ---------- GLASS CARD BASE ---------- *\/\r\n .glass{\r\n background:linear-gradient(180deg, rgba(22,27,34,0.75), rgba(17,24,39,0.55));\r\n border:1px solid var(--border);\r\n backdrop-filter:blur(18px) saturate(140%);\r\n border-radius:var(--radius-lg);\r\n position:relative;\r\n }\r\n .glass::before{\r\n content:'';\r\n position:absolute;inset:0;\r\n border-radius:inherit;\r\n padding:1px;\r\n background:linear-gradient(135deg, rgba(56,189,248,0.35), transparent 40%, transparent 60%, rgba(37,99,235,0.3));\r\n -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n opacity:0;\r\n transition:opacity .4s ease;\r\n pointer-events:none;\r\n }\r\n .glass:hover::before{opacity:1;}\r\n\r\n \/* ---------- SERVICES ---------- *\/\r\n .services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:24px;\r\n }\r\n .service-card{\r\n padding:34px 26px;\r\n transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s ease;\r\n }\r\n .service-card:hover{\r\n transform:translateY(-8px);\r\n box-shadow:0 20px 60px -20px rgba(37,99,235,0.45);\r\n border-color:rgba(56,189,248,0.4);\r\n }\r\n .service-icon{\r\n width:56px;height:56px;\r\n border-radius:14px;\r\n background:linear-gradient(135deg, rgba(37,99,235,0.25), rgba(6,182,212,0.15));\r\n border:1px solid rgba(56,189,248,0.25);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:26px;\r\n margin-bottom:20px;\r\n transition:transform .4s var(--ease);\r\n }\r\n .service-card:hover .service-icon{transform:scale(1.1) rotate(-6deg);}\r\n .service-card h3{font-size:18.5px;margin-bottom:10px;}\r\n .service-card p{color:var(--text-dim);font-size:14.5px;margin-bottom:22px;}\r\n .card-link{\r\n display:inline-flex;align-items:center;gap:6px;\r\n font-size:13.5px;font-weight:600;color:var(--secondary);\r\n transition:gap .3s ease;\r\n }\r\n .card-link:hover{gap:10px;}\r\n\r\n \/* ---------- PROCESS ---------- *\/\r\n .process-wrap{\r\n position:relative;\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:24px;\r\n margin-top:40px;\r\n }\r\n .process-line{\r\n position:absolute;\r\n top:36px;left:60px;right:60px;\r\n height:2px;\r\n background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent),var(--primary));\r\n background-size:200% 100%;\r\n z-index:0;\r\n animation:lineflow 6s linear infinite;\r\n }\r\n @keyframes lineflow{to{background-position:-200% 0;}}\r\n .process-step{\r\n position:relative;\r\n z-index:1;\r\n text-align:center;\r\n }\r\n .process-num{\r\n width:72px;height:72px;\r\n margin:0 auto 22px;\r\n border-radius:50%;\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:800;\r\n font-size:24px;\r\n color:var(--secondary);\r\n transition:box-shadow .4s ease, border-color .4s ease, transform .4s ease;\r\n }\r\n .process-step:hover .process-num{\r\n box-shadow:0 0 0 8px rgba(37,99,235,0.12), 0 0 30px rgba(56,189,248,0.45);\r\n border-color:var(--secondary);\r\n transform:scale(1.06);\r\n }\r\n .process-step h4{font-size:17px;margin-bottom:8px;}\r\n .process-step p{color:var(--text-dim);font-size:13.8px;}\r\n\r\n \/* ---------- WHY CHOOSE US ---------- *\/\r\n .why-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:24px;\r\n }\r\n .why-card{\r\n padding:32px 24px;\r\n text-align:center;\r\n transition:transform .4s var(--ease), border-color .4s ease;\r\n }\r\n .why-card:hover{transform:translateY(-6px);border-color:rgba(56,189,248,0.35);}\r\n .why-icon{font-size:32px;margin-bottom:16px;}\r\n .why-card h4{font-size:16.5px;margin-bottom:8px;}\r\n .why-card p{color:var(--text-dim);font-size:13.8px;}\r\n\r\n \/* ---------- TECHNOLOGIES ---------- *\/\r\n .tech-grid{\r\n display:grid;\r\n grid-template-columns:repeat(7,1fr);\r\n gap:18px;\r\n }\r\n .tech-item{\r\n aspect-ratio:1;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n border-radius:16px;\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n transition:transform .4s var(--ease), box-shadow .4s ease, border-color .4s ease;\r\n animation:floaty2 6s ease-in-out infinite;\r\n }\r\n @keyframes floaty2{\r\n 0%,100%{transform:translateY(0);}\r\n 50%{transform:translateY(-6px);}\r\n }\r\n .tech-item:hover{\r\n box-shadow:0 0 30px rgba(56,189,248,0.35);\r\n border-color:rgba(56,189,248,0.5);\r\n transform:translateY(-10px);\r\n }\r\n .tech-item .glyph{\r\n font-family:'JetBrains Mono',monospace;\r\n font-weight:700;\r\n font-size:13px;\r\n color:var(--secondary);\r\n }\r\n .tech-item .name{font-size:10.5px;color:var(--text-dim);text-align:center;padding:0 4px;}\r\n\r\n \/* ---------- PRICING ---------- *\/\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:24px;\r\n align-items:start;\r\n }\r\n .price-card{\r\n padding:40px 32px;\r\n position:relative;\r\n }\r\n .price-card.featured{\r\n border-color:rgba(56,189,248,0.5);\r\n background:linear-gradient(180deg, rgba(37,99,235,0.12), rgba(17,24,39,0.6));\r\n transform:scale(1.04);\r\n box-shadow:0 25px 70px -25px rgba(37,99,235,0.55);\r\n }\r\n .price-badge{\r\n position:absolute;top:-14px;left:50%;transform:translateX(-50%);\r\n background:linear-gradient(135deg,var(--primary),var(--accent));\r\n padding:6px 18px;\r\n border-radius:99px;\r\n font-size:12px;font-weight:700;\r\n letter-spacing:0.04em;\r\n }\r\n .price-card h3{font-size:20px;margin-bottom:6px;}\r\n .price-card .sub{color:var(--text-dim);font-size:13.5px;margin-bottom:24px;}\r\n .price-card .amount{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:800;\r\n font-size:44px;\r\n margin-bottom:4px;\r\n }\r\n .price-card .amount span{font-size:15px;color:var(--text-dim);font-weight:500;font-family:'Inter',sans-serif;}\r\n .price-card .period{color:var(--text-dim);font-size:13px;margin-bottom:28px;}\r\n .price-card ul{margin-bottom:32px;display:flex;flex-direction:column;gap:13px;}\r\n .price-card ul li{\r\n font-size:14px;color:var(--text-dim);\r\n display:flex;align-items:center;gap:10px;\r\n }\r\n .price-card ul li::before{\r\n content:'\u2713';\r\n color:var(--secondary);\r\n font-weight:700;\r\n width:18px;height:18px;\r\n border-radius:50%;\r\n background:rgba(56,189,248,0.12);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:11px;flex-shrink:0;\r\n }\r\n .price-card .btn{width:100%;justify-content:center;}\r\n .price-card:hover{transform:translateY(-6px);}\r\n .price-card.featured:hover{transform:scale(1.04) translateY(-6px);}\r\n\r\n \/* ---------- TESTIMONIALS ---------- *\/\r\n .testi-wrap{\r\n max-width:760px;\r\n margin:0 auto;\r\n position:relative;\r\n }\r\n .testi-track{\r\n overflow:hidden;\r\n border-radius:var(--radius-lg);\r\n }\r\n .testi-slides{\r\n display:flex;\r\n transition:transform .6s var(--ease);\r\n }\r\n .testi-slide{\r\n min-width:100%;\r\n padding:48px 44px;\r\n text-align:center;\r\n }\r\n .testi-stars{color:var(--secondary);font-size:16px;margin-bottom:20px;letter-spacing:3px;}\r\n .testi-slide p{font-size:18px;color:var(--text);margin-bottom:28px;line-height:1.7;}\r\n .testi-person{display:flex;align-items:center;justify-content:center;gap:14px;}\r\n .testi-avatar{\r\n width:48px;height:48px;border-radius:50%;\r\n background:linear-gradient(135deg,var(--primary),var(--accent));\r\n display:flex;align-items:center;justify-content:center;\r\n font-weight:700;font-family:'Poppins',sans-serif;\r\n font-size:16px;\r\n }\r\n .testi-person .name{font-weight:600;font-size:14.5px;}\r\n .testi-person .company{color:var(--text-dim);font-size:13px;}\r\n .testi-dots{\r\n display:flex;justify-content:center;gap:10px;margin-top:28px;\r\n }\r\n .testi-dots button{\r\n width:9px;height:9px;border-radius:50%;\r\n background:rgba(148,163,184,0.3);\r\n transition:background .3s ease, transform .3s ease;\r\n }\r\n .testi-dots button.active{background:var(--secondary);transform:scale(1.3);}\r\n .testi-arrow{\r\n position:absolute;top:50%;transform:translateY(-50%);\r\n width:44px;height:44px;border-radius:50%;\r\n background:var(--card);border:1px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:16px;\r\n transition:background .3s ease, border-color .3s ease;\r\n }\r\n .testi-arrow:hover{border-color:var(--secondary);background:rgba(56,189,248,0.1);}\r\n .testi-arrow.prev{left:-58px;}\r\n .testi-arrow.next{right:-58px;}\r\n\r\n \/* ---------- FINAL CTA ---------- *\/\r\n .final-cta{\r\n padding:80px 40px;\r\n text-align:center;\r\n max-width:1100px;\r\n margin:0 auto;\r\n background:radial-gradient(circle at 30% 20%, rgba(37,99,235,0.22), transparent 60%), linear-gradient(180deg, rgba(22,27,34,0.8), rgba(17,24,39,0.6));\r\n overflow:hidden;\r\n position:relative;\r\n }\r\n .final-cta::after{\r\n content:'';\r\n position:absolute;\r\n width:500px;height:500px;\r\n background:radial-gradient(circle, rgba(6,182,212,0.25), transparent 70%);\r\n right:-150px;bottom:-200px;\r\n z-index:0;\r\n }\r\n .final-cta h2{\r\n font-size:clamp(28px,4.4vw,44px);\r\n margin-bottom:16px;\r\n position:relative;z-index:1;\r\n }\r\n .final-cta p{\r\n color:var(--text-dim);\r\n max-width:520px;\r\n margin:0 auto 36px;\r\n position:relative;z-index:1;\r\n }\r\n .final-cta .hero-actions{margin-bottom:0;position:relative;z-index:1;}\r\n\r\n \/* ---------- FOOTER ---------- *\/\r\n footer{\r\n border-top:1px solid var(--border);\r\n padding:70px 0 30px;\r\n }\r\n .footer-grid{\r\n display:grid;\r\n grid-template-columns:1.4fr repeat(3,1fr);\r\n gap:40px;\r\n margin-bottom:50px;\r\n }\r\n .footer-brand p{color:var(--text-dim);font-size:14px;margin-top:14px;max-width:280px;}\r\n .footer-col h5{\r\n font-family:'Poppins',sans-serif;\r\n font-size:14px;\r\n margin-bottom:18px;\r\n color:var(--text-dim);\r\n text-transform:uppercase;\r\n letter-spacing:0.06em;\r\n }\r\n .footer-col ul{display:flex;flex-direction:column;gap:11px;}\r\n .footer-col a{color:var(--text-dim);font-size:14.5px;transition:color .3s ease;}\r\n .footer-col a:hover{color:var(--secondary);}\r\n .socials{display:flex;gap:12px;margin-top:20px;}\r\n .socials a{\r\n width:38px;height:38px;border-radius:10px;\r\n background:var(--card);border:1px solid var(--border);\r\n display:flex;align-items:center;justify-content:center;\r\n transition:border-color .3s ease, transform .3s ease, background .3s ease;\r\n }\r\n .socials a:hover{border-color:var(--secondary);transform:translateY(-3px);background:rgba(56,189,248,0.08);}\r\n .footer-bottom{\r\n border-top:1px solid var(--border);\r\n padding-top:26px;\r\n display:flex;\r\n justify-content:space-between;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n font-size:13px;\r\n color:var(--text-dim);\r\n }\r\n\r\n \/* ---------- WHATSAPP ---------- *\/\r\n .whatsapp-fab{\r\n position:fixed;\r\n bottom:26px;right:26px;\r\n z-index:999;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n }\r\n .whatsapp-btn{\r\n width:60px;height:60px;\r\n border-radius:50%;\r\n background:linear-gradient(135deg,#25D366,#128C7E);\r\n display:flex;align-items:center;justify-content:center;\r\n box-shadow:0 8px 30px rgba(37,211,102,0.5);\r\n position:relative;\r\n animation:wa-pulse 2.6s ease-in-out infinite;\r\n }\r\n @keyframes wa-pulse{\r\n 0%,100%{box-shadow:0 8px 30px rgba(37,211,102,0.5);}\r\n 50%{box-shadow:0 8px 44px rgba(37,211,102,0.85);}\r\n }\r\n .wa-tooltip{\r\n position:absolute;\r\n right:72px;\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n padding:9px 16px;\r\n border-radius:10px;\r\n font-size:13px;\r\n white-space:nowrap;\r\n opacity:0;\r\n transform:translateX(10px);\r\n transition:opacity .3s ease, transform .3s ease;\r\n pointer-events:none;\r\n }\r\n .whatsapp-fab:hover .wa-tooltip{opacity:1;transform:translateX(0);}\r\n\r\n \/* ---------- SKELETON (illustrative loading state) ---------- *\/\r\n .skeleton{\r\n background:linear-gradient(90deg, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.07) 37%, rgba(255,255,255,0.03) 63%);\r\n background-size:400% 100%;\r\n animation:sk 1.4s ease infinite;\r\n border-radius:8px;\r\n }\r\n @keyframes sk{0%{background-position:100% 0;}100%{background-position:-100% 0;}}\r\n\r\n \/* ---------- RESPONSIVE ---------- *\/\r\n @media (max-width:1100px){\r\n .services-grid{grid-template-columns:repeat(2,1fr);}\r\n .why-grid{grid-template-columns:repeat(2,1fr);}\r\n .tech-grid{grid-template-columns:repeat(4,1fr);}\r\n .pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}\r\n .price-card.featured{transform:none;}\r\n .price-card.featured:hover{transform:translateY(-6px);}\r\n .process-wrap{grid-template-columns:repeat(2,1fr);row-gap:44px;}\r\n .process-line{display:none;}\r\n .footer-grid{grid-template-columns:1fr 1fr;}\r\n }\r\n @media (max-width:860px){\r\n .nav-links,.nav-cta .btn-ghost{display:none;}\r\n .hamburger{display:flex;}\r\n .hero{padding:150px 0 90px;}\r\n .hero-stats{gap:32px;}\r\n section{padding:80px 0;}\r\n .testi-arrow{display:none;}\r\n }\r\n @media (max-width:640px){\r\n .services-grid{grid-template-columns:1fr;}\r\n .why-grid{grid-template-columns:1fr;}\r\n .tech-grid{grid-template-columns:repeat(3,1fr);}\r\n .process-wrap{grid-template-columns:1fr;}\r\n .footer-grid{grid-template-columns:1fr;gap:34px;}\r\n .footer-bottom{flex-direction:column;text-align:center;}\r\n .testi-slide{padding:36px 22px;}\r\n .nav-cta .btn-primary{padding:10px 16px;font-size:13px;}\r\n .final-cta{padding:56px 24px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header id=\"siteHeader\">\r\n <div class=\"container\">\r\n <nav>\r\n <a href=\"#\" class=\"logo\"><span class=\"logo-mark\">\u26a1<\/span>Future<span>Web<\/span>AI<\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#process\">Process<\/a><\/li>\r\n <li><a href=\"#why\">Why Us<\/a><\/li>\r\n <li><a href=\"#pricing\">Pricing<\/a><\/li>\r\n <li><a href=\"#testimonials\">Reviews<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-cta\">\r\n <a href=\"#\" class=\"btn btn-ghost\">Sign In<\/a>\r\n <a href=\"#pricing\" class=\"btn btn-primary\">\ud83d\ude80 Start Learning<\/a>\r\n <\/div>\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Open menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n<\/header>\r\n\r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#process\">Process<\/a>\r\n <a href=\"#why\">Why Us<\/a>\r\n <a href=\"#pricing\">Pricing<\/a>\r\n <a href=\"#testimonials\">Reviews<\/a>\r\n <a href=\"#\" class=\"btn btn-primary\" style=\"margin-top:10px;\">\ud83d\ude80 Start Learning<\/a>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n <canvas id=\"particles\"><\/canvas>\r\n <div class=\"hero-glow\"><\/div>\r\n <span class=\"float-icon\" style=\"top:22%;left:9%;\">{ }<\/span>\r\n <span class=\"float-icon\" style=\"top:65%;left:6%;animation-delay:1.2s;\"><\/><\/span>\r\n <span class=\"float-icon\" style=\"top:18%;right:9%;animation-delay:2.1s;\">AI<\/span>\r\n <span class=\"float-icon\" style=\"top:68%;right:11%;animation-delay:3s;\">\u2699<\/span>\r\n <div class=\"container hero-content\">\r\n <div class=\"eyebrow\">Learn \u2022 Build \u2022 Launch<\/div>\r\n <h1>Our <span class=\"grad\">Services<\/span><\/h1>\r\n <p class=\"lead\">Professional AI, web development, and digital solutions designed to help businesses and learners succeed \u2014 built by engineers, taught step by step.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#pricing\" class=\"btn btn-primary\">\ud83d\ude80 Start Learning<\/a>\r\n <a href=\"#contact\" class=\"btn btn-ghost\">\ud83d\udce9 Contact Us<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"stat\"><div class=\"num\" data-count=\"240\">0<\/div><div class=\"label\">PROJECTS SHIPPED<\/div><\/div>\r\n <div class=\"stat\"><div class=\"num\" data-count=\"98\">0<\/div><div class=\"label\">% CLIENT RETENTION<\/div><\/div>\r\n <div class=\"stat\"><div class=\"num\" data-count=\"1200\">0<\/div><div class=\"label\">STUDENTS TRAINED<\/div><\/div>\r\n <div class=\"stat\"><div class=\"num\" data-count=\"24\">0<\/div><div class=\"label\">HR AVG. SUPPORT<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICES -->\r\n<section id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\" style=\"margin-bottom:14px;\">What We Do<\/div>\r\n <h2>Every service you need, under one roof<\/h2>\r\n <p>From AI-powered builds to hands-on training \u2014 pick a service or bundle a few into a complete launch package.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n\r\n <div class=\"service-card glass reveal\">\r\n <div class=\"service-icon\">\ud83e\udd16<\/div>\r\n <h3>AI Website Development<\/h3>\r\n <p>Sites built with AI-assisted workflows \u2014 smarter content, faster iteration, fewer revisions.<\/p>\r\n <a href=\"#\" class=\"card-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card glass reveal\">\r\n <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n <h3>WordPress Development<\/h3>\r\n <p>Custom themes, Elementor builds, and plugin work that stay fast and easy to manage.<\/p>\r\n <a href=\"#\" class=\"card-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card glass reveal\">\r\n <div class=\"service-icon\">\ud83d\udcbb<\/div>\r\n <h3>Custom Website Development<\/h3>\r\n <p>Hand-coded with React and Next.js when off-the-shelf tools can't keep up with the brief.<\/p>\r\n <a href=\"#\" class=\"card-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card glass reveal\">\r\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\r\n <h3>UI\/UX Design<\/h3>\r\n <p>Wireframes to polished interfaces \u2014 designed around how people actually use the product.<\/p>\r\n <a href=\"#\" class=\"card-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card glass reveal\">\r\n <div class=\"service-icon\">\u26a1<\/div>\r\n <h3>Website Speed Optimization<\/h3>\r\n <p>Core Web Vitals tuning, image and script audits, and caching that cuts load time in half.<\/p>\r\n <a href=\"#\" class=\"card-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card glass reveal\">\r\n <div class=\"service-icon\">\ud83d\udcc8<\/div>\r\n <h3>SEO Optimization<\/h3>\r\n <p>Technical SEO, on-page structure, and content strategy that moves you up the results page.<\/p>\r\n <a href=\"#\" class=\"card-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card glass reveal\">\r\n <div class=\"service-icon\">\ud83d\uded2<\/div>\r\n <h3>E-Commerce Development<\/h3>\r\n <p>WooCommerce and custom storefronts with checkout flows built to convert, not just look nice.<\/p>\r\n <a href=\"#\" class=\"card-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card glass reveal\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>Website Maintenance<\/h3>\r\n <p>Updates, backups, security monitoring, and fixes \u2014 so your site stays online while you focus elsewhere.<\/p>\r\n <a href=\"#\" class=\"card-link\">Learn more \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PROCESS -->\r\n<section id=\"process\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\" style=\"margin-bottom:14px;\">How We Work<\/div>\r\n <h2>Four steps from idea to live product<\/h2>\r\n <p>The same sequence for every project, whether it's a landing page or a full platform build.<\/p>\r\n <\/div>\r\n <div class=\"process-wrap reveal\">\r\n <div class=\"process-line\"><\/div>\r\n <div class=\"process-step\">\r\n <div class=\"process-num\">01<\/div>\r\n <h4>Consultation<\/h4>\r\n <p>We map your goals, audience, and constraints before writing a line of code.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <div class=\"process-num\">02<\/div>\r\n <h4>Planning<\/h4>\r\n <p>Sitemaps, wireframes, and a technical plan you approve before build starts.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <div class=\"process-num\">03<\/div>\r\n <h4>Development<\/h4>\r\n <p>Design and code move in parallel, with staged reviews at every milestone.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <div class=\"process-num\">04<\/div>\r\n <h4>Launch<\/h4>\r\n <p>QA, performance checks, and a monitored go-live \u2014 then support kicks in.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WHY CHOOSE US -->\r\n<section id=\"why\" style=\"background:var(--surface);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\" style=\"margin-bottom:14px;\">Why Future Web AI<\/div>\r\n <h2>Built different, on purpose<\/h2>\r\n <p>Four reasons teams and learners choose us over a freelancer or a generic agency.<\/p>\r\n <\/div>\r\n <div class=\"why-grid\">\r\n <div class=\"why-card glass reveal\">\r\n <div class=\"why-icon\">\ud83e\udde0<\/div>\r\n <h4>AI-Powered Solutions<\/h4>\r\n <p>AI tooling built into every workflow \u2014 from copy drafts to code review.<\/p>\r\n <\/div>\r\n <div class=\"why-card glass reveal\">\r\n <div class=\"why-icon\">\ud83d\udcc1<\/div>\r\n <h4>Real Client Projects<\/h4>\r\n <p>Every course is built from work we've actually shipped, not theory.<\/p>\r\n <\/div>\r\n <div class=\"why-card glass reveal\">\r\n <div class=\"why-icon\">\ud83d\ude80<\/div>\r\n <h4>Fast Delivery<\/h4>\r\n <p>Clear milestones and async updates keep timelines short and honest.<\/p>\r\n <\/div>\r\n <div class=\"why-card glass reveal\">\r\n <div class=\"why-icon\">\ud83d\udedf<\/div>\r\n <h4>Lifetime Support<\/h4>\r\n <p>Questions after launch don't go to a ticket queue \u2014 they come to us.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TECHNOLOGIES -->\r\n<section id=\"tech\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\" style=\"margin-bottom:14px;\">Our Stack<\/div>\r\n <h2>Technologies we build with<\/h2>\r\n <p>Modern, battle-tested tools \u2014 chosen for speed, stability, and how well they scale.<\/p>\r\n <\/div>\r\n <div class=\"tech-grid reveal\">\r\n <div class=\"tech-item\" style=\"animation-delay:0s;\"><span class=\"glyph\">HTML5<\/span><span class=\"name\">HTML5<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:.3s;\"><span class=\"glyph\">CSS3<\/span><span class=\"name\">CSS3<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:.6s;\"><span class=\"glyph\">JS<\/span><span class=\"name\">JavaScript<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:.9s;\"><span class=\"glyph\">\u269b<\/span><span class=\"name\">React<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:1.2s;\"><span class=\"glyph\">\u25b2<\/span><span class=\"name\">Next.js<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:1.5s;\"><span class=\"glyph\">\u2b22<\/span><span class=\"name\">Node.js<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:1.8s;\"><span class=\"glyph\">PHP<\/span><span class=\"name\">PHP<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:2.1s;\"><span class=\"glyph\">Lv<\/span><span class=\"name\">Laravel<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:2.4s;\"><span class=\"glyph\">WP<\/span><span class=\"name\">WordPress<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:2.7s;\"><span class=\"glyph\">Wc<\/span><span class=\"name\">WooCommerce<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:3s;\"><span class=\"glyph\">El<\/span><span class=\"name\">Elementor<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:3.3s;\"><span class=\"glyph\">Git<\/span><span class=\"name\">GitHub<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:3.6s;\"><span class=\"glyph\">GPT<\/span><span class=\"name\">ChatGPT<\/span><\/div>\r\n <div class=\"tech-item\" style=\"animation-delay:3.9s;\"><span class=\"glyph\">\u2726<\/span><span class=\"name\">Claude AI<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PRICING -->\r\n<section id=\"pricing\" style=\"background:var(--surface);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\" style=\"margin-bottom:14px;\">Pricing<\/div>\r\n <h2>Simple plans, no surprises<\/h2>\r\n <p>Start small or go all in \u2014 every plan includes source files and documentation.<\/p>\r\n <\/div>\r\n <div class=\"pricing-grid\">\r\n <div class=\"price-card glass reveal\">\r\n <h3>Starter<\/h3>\r\n <p class=\"sub\">For a single landing page or small brochure site<\/p>\r\n <div class=\"amount\">$499<span>\/project<\/span><\/div>\r\n <p class=\"period\">One-time payment<\/p>\r\n <ul>\r\n <li>Up to 5 pages<\/li>\r\n <li>Responsive design<\/li>\r\n <li>Basic SEO setup<\/li>\r\n <li>2 rounds of revisions<\/li>\r\n <li>14-day support<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-ghost\">Get Started<\/a>\r\n <\/div>\r\n\r\n <div class=\"price-card glass featured reveal\">\r\n <div class=\"price-badge\">Most Popular<\/div>\r\n <h3>Professional<\/h3>\r\n <p class=\"sub\">For growing businesses that need a full site<\/p>\r\n <div class=\"amount\">$1,499<span>\/project<\/span><\/div>\r\n <p class=\"period\">One-time payment<\/p>\r\n <ul>\r\n <li>Up to 15 pages<\/li>\r\n <li>AI-assisted development<\/li>\r\n <li>Advanced SEO + analytics<\/li>\r\n <li>E-commerce ready<\/li>\r\n <li>90-day support<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-primary\">Get Started<\/a>\r\n <\/div>\r\n\r\n <div class=\"price-card glass reveal\">\r\n <h3>Enterprise<\/h3>\r\n <p class=\"sub\">For platforms, custom apps, and large teams<\/p>\r\n <div class=\"amount\">Custom<\/div>\r\n <p class=\"period\">Scoped after consultation<\/p>\r\n <ul>\r\n <li>Unlimited pages<\/li>\r\n <li>Custom architecture<\/li>\r\n <li>Dedicated project lead<\/li>\r\n <li>API & third-party integrations<\/li>\r\n <li>Lifetime support<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-ghost\">Talk to Sales<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIALS -->\r\n<section id=\"testimonials\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"eyebrow\" style=\"margin-bottom:14px;\">Client Stories<\/div>\r\n <h2>What people say after launch<\/h2>\r\n <p>A few words from clients and students who've worked with us.<\/p>\r\n <\/div>\r\n <div class=\"testi-wrap reveal\">\r\n <button class=\"testi-arrow prev\" id=\"testiPrev\">\u2190<\/button>\r\n <div class=\"testi-track\">\r\n <div class=\"testi-slides\" id=\"testiSlides\">\r\n <div class=\"testi-slide\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"They rebuilt our site in three weeks and our load time dropped from six seconds to under one. Support after launch has been just as responsive.\"<\/p>\r\n <div class=\"testi-person\">\r\n <div class=\"testi-avatar\">SA<\/div>\r\n <div><div class=\"name\">Sara Ahmed<\/div><div class=\"company\">Founder, Northline Goods<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testi-slide\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"The AI development course actually matches how the team builds client projects. I shipped my first freelance site before finishing the last module.\"<\/p>\r\n <div class=\"testi-person\">\r\n <div class=\"testi-avatar\">DK<\/div>\r\n <div><div class=\"name\">Daniyal Khan<\/div><div class=\"company\">Student, Web Dev Track<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testi-slide\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p>\"Clear milestones, no scope surprises, and our WooCommerce migration went live with zero downtime. Exactly what we needed.\"<\/p>\r\n <div class=\"testi-person\">\r\n <div class=\"testi-avatar\">RM<\/div>\r\n <div><div class=\"name\">Rida Malik<\/div><div class=\"company\">Ops Lead, CraftBox<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"testi-arrow next\" id=\"testiNext\">\u2192<\/button>\r\n <div class=\"testi-dots\" id=\"testiDots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FINAL CTA -->\r\n<section id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"final-cta glass reveal\">\r\n <h2>Ready to build your next AI project?<\/h2>\r\n <p>Tell us what you're building \u2014 we'll reply within one business day with next steps.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#pricing\" class=\"btn btn-primary\">\ud83d\ude80 Start Learning<\/a>\r\n <a href=\"https:\/\/wa.me\/923018784472\" target=\"_blank\" class=\"btn btn-ghost\">\ud83d\udcde Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\"><span class=\"logo-mark\">\u26a1<\/span>Future<span>Web<\/span>AI<\/a>\r\n <p>AI education and web development, built by people who ship. Learn, build, and launch with a team that answers.<\/p>\r\n <div class=\"socials\">\r\n <a href=\"#\" aria-label=\"YouTube\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12Z\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"GitHub\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 .5a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2.2c-3.3.7-4-1.6-4-1.6-.6-1.3-1.3-1.7-1.3-1.7-1.1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.4-1.3-5.4-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.7 5.6-5.4 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .5Z\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"Facebook\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.4h-1.2c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12Z\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"Instagram\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.2c3.2 0 3.6 0 4.8.1 1.2 0 2 .2 2.4.4a5 5 0 0 1 1.8 1.2 5 5 0 0 1 1.2 1.8c.2.4.4 1.2.4 2.4.1 1.2.1 1.6.1 4.8s0 3.6-.1 4.8c0 1.2-.2 2-.4 2.4a5 5 0 0 1-1.2 1.8 5 5 0 0 1-1.8 1.2c-.4.2-1.2.4-2.4.4-1.2.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-1.2 0-2-.2-2.4-.4a5 5 0 0 1-1.8-1.2 5 5 0 0 1-1.2-1.8c-.2-.4-.4-1.2-.4-2.4-.1-1.2-.1-1.6-.1-4.8s0-3.6.1-4.8c0-1.2.2-2 .4-2.4a5 5 0 0 1 1.2-1.8 5 5 0 0 1 1.8-1.2c.4-.2 1.2-.4 2.4-.4C8.4 2.2 8.8 2.2 12 2.2Zm0 1.8c-3.1 0-3.5 0-4.7.1-1 0-1.5.2-1.9.3-.5.2-.8.4-1.1.7-.3.3-.5.6-.7 1.1-.1.4-.3.9-.3 1.9-.1 1.2-.1 1.6-.1 4.7s0 3.5.1 4.7c0 1 .2 1.5.3 1.9.2.5.4.8.7 1.1.3.3.6.5 1.1.7.4.1.9.3 1.9.3 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1 0 1.5-.2 1.9-.3.5-.2.8-.4 1.1-.7.3-.3.5-.6.7-1.1.1-.4.3-.9.3-1.9.1-1.2.1-1.6.1-4.7s0-3.5-.1-4.7c0-1-.2-1.5-.3-1.9a3 3 0 0 0-.7-1.1 3 3 0 0 0-1.1-.7c-.4-.1-.9-.3-1.9-.3-1.2-.1-1.6-.1-4.7-.1Zm0 3.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm0 1.8a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Zm5.7-2a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0Z\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"LinkedIn\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.4 20.4h-3.5v-5.5c0-1.3 0-3-1.8-3s-2.1 1.4-2.1 3v5.5H9.5V9h3.4v1.6h.1c.5-.9 1.6-1.8 3.4-1.8 3.6 0 4.3 2.4 4.3 5.5v6.1ZM5.3 7.4a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM7 20.4H3.6V9H7v11.4Z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Company<\/h5>\r\n <ul>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#\">Projects<\/a><\/li>\r\n <li><a href=\"#\">Courses<\/a><\/li>\r\n <li><a href=\"#\">About<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Resources<\/h5>\r\n <ul>\r\n <li><a href=\"#\">Blog<\/a><\/li>\r\n <li><a href=\"#\">Documentation<\/a><\/li>\r\n <li><a href=\"#\">Guides<\/a><\/li>\r\n <li><a href=\"#\">FAQs<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Contact<\/h5>\r\n <ul>\r\n <li><a href=\"#\">Get in Touch<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/923018784472\">+92 301 8784472<\/a><\/li>\r\n <li><a href=\"#\">hello@futurewebai.dev<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <div>\u00a9 2026 Future Web AI. All rights reserved.<\/div>\r\n <div>Learn \u2022 Build \u2022 Launch<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- WHATSAPP FAB -->\r\n<div class=\"whatsapp-fab\">\r\n <div class=\"wa-tooltip\">Chat with Us<\/div>\r\n <a href=\"https:\/\/wa.me\/923018784472\" target=\"_blank\" class=\"whatsapp-btn\" aria-label=\"Chat on WhatsApp\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M17.5 14.4c-.3-.1-1.7-.8-2-1-.3-.1-.5-.1-.6.1-.2.3-.7 1-.9 1.2-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.4-.5c.1-.1.2-.3.3-.4.1-.2 0-.4 0-.5C10 9 9.4 7.6 9.1 7c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.3.3-1 1-1 2.3 0 1.4 1 2.7 1.1 2.9.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.7.6.7.2 1.3.2 1.8.1.5-.1 1.7-.7 2-1.4.2-.6.2-1.2.2-1.3-.1-.1-.3-.2-.5-.3ZM12 2.2A9.8 9.8 0 0 0 3.4 17l-1.1 4.1 4.2-1.1A9.8 9.8 0 1 0 12 2.2Zm0 17.7c-1.6 0-3.2-.4-4.5-1.2l-.3-.2-3.2.8.9-3.1-.2-.3A8 8 0 1 1 12 19.9Z\"\/><\/svg>\r\n <\/a>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ ---------- Header scroll state ----------\r\n const header = document.getElementById('siteHeader');\r\n window.addEventListener('scroll', () => {\r\n header.classList.toggle('scrolled', window.scrollY > 20);\r\n });\r\n\r\n \/\/ ---------- Mobile menu ----------\r\n const hamburger = document.getElementById('hamburger');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('open');\r\n mobileMenu.classList.toggle('open');\r\n });\r\n mobileMenu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\r\n hamburger.classList.remove('open');\r\n mobileMenu.classList.remove('open');\r\n }));\r\n\r\n \/\/ ---------- Active nav link on scroll ----------\r\n const navLinks = document.querySelectorAll('.nav-links a');\r\n const sections = [...navLinks].map(l => document.querySelector(l.getAttribute('href'))).filter(Boolean);\r\n window.addEventListener('scroll', () => {\r\n let idx = sections.findIndex(s => s.getBoundingClientRect().top > 120);\r\n if (idx === -1) idx = sections.length;\r\n navLinks.forEach(l => l.classList.remove('active'));\r\n if (sections[idx - 1]) {\r\n const match = [...navLinks].find(l => l.getAttribute('href') === '#' + sections[idx - 1].id);\r\n if (match) match.classList.add('active');\r\n }\r\n });\r\n\r\n \/\/ ---------- Scroll reveal ----------\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n }, { threshold: 0.15 });\r\n document.querySelectorAll('.reveal').forEach(el => io.observe(el));\r\n\r\n \/\/ ---------- Animated counters ----------\r\n const counters = document.querySelectorAll('.hero-stats .num');\r\n const cIo = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting) return;\r\n const el = entry.target;\r\n const target = +el.dataset.count;\r\n let cur = 0;\r\n const step = Math.max(1, Math.round(target \/ 60));\r\n const tick = () => {\r\n cur += step;\r\n if (cur >= target) { el.textContent = target; return; }\r\n el.textContent = cur;\r\n requestAnimationFrame(tick);\r\n };\r\n tick();\r\n cIo.unobserve(el);\r\n });\r\n }, { threshold: 0.5 });\r\n counters.forEach(c => cIo.observe(c));\r\n\r\n \/\/ ---------- Button ripple ----------\r\n document.querySelectorAll('.btn').forEach(btn => {\r\n btn.addEventListener('click', function(e){\r\n const rect = this.getBoundingClientRect();\r\n const ripple = document.createElement('span');\r\n ripple.className = 'ripple';\r\n ripple.style.left = (e.clientX - rect.left) + 'px';\r\n ripple.style.top = (e.clientY - rect.top) + 'px';\r\n ripple.style.width = ripple.style.height = Math.max(rect.width, rect.height) + 'px';\r\n this.appendChild(ripple);\r\n setTimeout(() => ripple.remove(), 600);\r\n });\r\n });\r\n\r\n \/\/ ---------- Testimonial slider ----------\r\n const slidesWrap = document.getElementById('testiSlides');\r\n const slides = slidesWrap.children;\r\n const dotsWrap = document.getElementById('testiDots');\r\n let testiIdx = 0;\r\n for (let i = 0; i < slides.length; i++) {\r\n const dot = document.createElement('button');\r\n if (i === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => goTo(i));\r\n dotsWrap.appendChild(dot);\r\n }\r\n function goTo(i){\r\n testiIdx = (i + slides.length) % slides.length;\r\n slidesWrap.style.transform = `translateX(-${testiIdx * 100}%)`;\r\n [...dotsWrap.children].forEach((d, idx) => d.classList.toggle('active', idx === testiIdx));\r\n }\r\n document.getElementById('testiNext').addEventListener('click', () => goTo(testiIdx + 1));\r\n document.getElementById('testiPrev').addEventListener('click', () => goTo(testiIdx - 1));\r\n let testiTimer = setInterval(() => goTo(testiIdx + 1), 6000);\r\n document.querySelector('.testi-wrap').addEventListener('mouseenter', () => clearInterval(testiTimer));\r\n document.querySelector('.testi-wrap').addEventListener('mouseleave', () => testiTimer = setInterval(() => goTo(testiIdx + 1), 6000));\r\n\r\n \/\/ ---------- Particle network canvas (hero signature) ----------\r\n const canvas = document.getElementById('particles');\r\n const ctx = canvas.getContext('2d');\r\n let w, h, particles = [];\r\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n function resize(){\r\n const hero = document.querySelector('.hero');\r\n w = canvas.width = hero.offsetWidth;\r\n h = canvas.height = hero.offsetHeight;\r\n }\r\n function initParticles(){\r\n const count = Math.min(70, Math.floor(w \/ 22));\r\n particles = Array.from({length: count}, () => ({\r\n x: Math.random() * w,\r\n y: Math.random() * h,\r\n vx: (Math.random() - 0.5) * 0.35,\r\n vy: (Math.random() - 0.5) * 0.35,\r\n r: Math.random() * 1.6 + 0.8\r\n }));\r\n }\r\n function draw(){\r\n ctx.clearRect(0, 0, w, h);\r\n for (let i = 0; i < particles.length; i++){\r\n const p = particles[i];\r\n p.x += p.vx; p.y += p.vy;\r\n if (p.x < 0 || p.x > w) p.vx *= -1;\r\n if (p.y < 0 || p.y > h) p.vy *= -1;\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\r\n ctx.fillStyle = 'rgba(56,189,248,0.7)';\r\n ctx.fill();\r\n for (let j = i + 1; j < particles.length; j++){\r\n const q = particles[j];\r\n const dx = p.x - q.x, dy = p.y - q.y;\r\n const dist = Math.sqrt(dx*dx + dy*dy);\r\n if (dist < 130){\r\n ctx.beginPath();\r\n ctx.moveTo(p.x, p.y);\r\n ctx.lineTo(q.x, q.y);\r\n ctx.strokeStyle = `rgba(37,99,235,${0.18 * (1 - dist \/ 130)})`;\r\n ctx.lineWidth = 1;\r\n ctx.stroke();\r\n }\r\n }\r\n }\r\n if (!prefersReduced) requestAnimationFrame(draw);\r\n }\r\n resize();\r\n initParticles();\r\n draw();\r\n window.addEventListener('resize', () => { resize(); initParticles(); });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Services \u2014 Future Web AI \u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \ud83d\ude80 Start Learning Services Process Why […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-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":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Services \u2014 Future Web AI \u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \ud83d\ude80 Start Learning Services Process Why Us Pricing Reviews \ud83d\ude80 Start Learning { } AI \u2699 Learn \u2022 Build \u2022 Launch Our Services Professional AI, web development, and digital solutions designed to help businesses and learners succeed \u2014 built by\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/zeecommunications.com\/?page_id=40\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"-\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Services -\" \/>\n\t\t<meta property=\"og:description\" content=\"Services \u2014 Future Web AI \u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \ud83d\ude80 Start Learning Services Process Why Us Pricing Reviews \ud83d\ude80 Start Learning { } AI \u2699 Learn \u2022 Build \u2022 Launch Our Services Professional AI, web development, and digital solutions designed to help businesses and learners succeed \u2014 built by\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/zeecommunications.com\/?page_id=40\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-07-18T04:56:51+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-18T05:21:33+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Services -\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Services \u2014 Future Web AI \u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \ud83d\ude80 Start Learning Services Process Why Us Pricing Reviews \ud83d\ude80 Start Learning { } AI \u2699 Learn \u2022 Build \u2022 Launch Our Services Professional AI, web development, and digital solutions designed to help businesses and learners succeed \u2014 built by\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/?page_id=40#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/zeecommunications.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/zeecommunications.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/?page_id=40#listItem\",\"name\":\"Services\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/?page_id=40#listItem\",\"position\":2,\"name\":\"Services\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/zeecommunications.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/#organization\",\"url\":\"https:\\\/\\\/zeecommunications.com\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/?page_id=40#webpage\",\"url\":\"https:\\\/\\\/zeecommunications.com\\\/?page_id=40\",\"name\":\"Services -\",\"description\":\"Services \\u2014 Future Web AI \\u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \\ud83d\\ude80 Start Learning Services Process Why Us Pricing Reviews \\ud83d\\ude80 Start Learning { } AI \\u2699 Learn \\u2022 Build \\u2022 Launch Our Services Professional AI, web development, and digital solutions designed to help businesses and learners succeed \\u2014 built by\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/?page_id=40#breadcrumblist\"},\"datePublished\":\"2026-07-18T04:56:51+00:00\",\"dateModified\":\"2026-07-18T05:21:33+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/#website\",\"url\":\"https:\\\/\\\/zeecommunications.com\\\/\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/zeecommunications.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Services -","description":"Services \u2014 Future Web AI \u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \ud83d\ude80 Start Learning Services Process Why Us Pricing Reviews \ud83d\ude80 Start Learning { } AI \u2699 Learn \u2022 Build \u2022 Launch Our Services Professional AI, web development, and digital solutions designed to help businesses and learners succeed \u2014 built by","canonical_url":"https:\/\/zeecommunications.com\/?page_id=40","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/zeecommunications.com\/?page_id=40#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/zeecommunications.com#listItem","position":1,"name":"Home","item":"https:\/\/zeecommunications.com","nextItem":{"@type":"ListItem","@id":"https:\/\/zeecommunications.com\/?page_id=40#listItem","name":"Services"}},{"@type":"ListItem","@id":"https:\/\/zeecommunications.com\/?page_id=40#listItem","position":2,"name":"Services","previousItem":{"@type":"ListItem","@id":"https:\/\/zeecommunications.com#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/zeecommunications.com\/#organization","url":"https:\/\/zeecommunications.com\/"},{"@type":"WebPage","@id":"https:\/\/zeecommunications.com\/?page_id=40#webpage","url":"https:\/\/zeecommunications.com\/?page_id=40","name":"Services -","description":"Services \u2014 Future Web AI \u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \ud83d\ude80 Start Learning Services Process Why Us Pricing Reviews \ud83d\ude80 Start Learning { } AI \u2699 Learn \u2022 Build \u2022 Launch Our Services Professional AI, web development, and digital solutions designed to help businesses and learners succeed \u2014 built by","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/zeecommunications.com\/#website"},"breadcrumb":{"@id":"https:\/\/zeecommunications.com\/?page_id=40#breadcrumblist"},"datePublished":"2026-07-18T04:56:51+00:00","dateModified":"2026-07-18T05:21:33+00:00"},{"@type":"WebSite","@id":"https:\/\/zeecommunications.com\/#website","url":"https:\/\/zeecommunications.com\/","inLanguage":"en-US","publisher":{"@id":"https:\/\/zeecommunications.com\/#organization"}}]},"og:locale":"en_US","og:site_name":"-","og:type":"article","og:title":"Services -","og:description":"Services \u2014 Future Web AI \u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \ud83d\ude80 Start Learning Services Process Why Us Pricing Reviews \ud83d\ude80 Start Learning { } AI \u2699 Learn \u2022 Build \u2022 Launch Our Services Professional AI, web development, and digital solutions designed to help businesses and learners succeed \u2014 built by","og:url":"https:\/\/zeecommunications.com\/?page_id=40","article:published_time":"2026-07-18T04:56:51+00:00","article:modified_time":"2026-07-18T05:21:33+00:00","twitter:card":"summary_large_image","twitter:title":"Services -","twitter:description":"Services \u2014 Future Web AI \u26a1FutureWebAI Services Process Why Us Pricing Reviews Sign In \ud83d\ude80 Start Learning Services Process Why Us Pricing Reviews \ud83d\ude80 Start Learning { } AI \u2699 Learn \u2022 Build \u2022 Launch Our Services Professional AI, web development, and digital solutions designed to help businesses and learners succeed \u2014 built by"},"aioseo_meta_data":{"post_id":"40","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-07-18 04:56:51","updated":"2026-07-18 05:48:41"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/zeecommunications.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tServices\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/zeecommunications.com"},{"label":"Services","link":"https:\/\/zeecommunications.com\/?page_id=40"}],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/zeecommunications.com\/index.php?rest_route=\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeecommunications.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zeecommunications.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zeecommunications.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zeecommunications.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":4,"href":"https:\/\/zeecommunications.com\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/zeecommunications.com\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/zeecommunications.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}