{"id":6,"date":"2026-03-19T20:12:59","date_gmt":"2026-03-19T20:12:59","guid":{"rendered":"https:\/\/whoisjj.mohsinj.com\/?page_id=6"},"modified":"2026-03-20T15:13:43","modified_gmt":"2026-03-20T15:13:43","slug":"hello-theme-6","status":"publish","type":"page","link":"https:\/\/whoisjj.mohsinj.com\/","title":{"rendered":"Hello Theme #6"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nJaved Jafri | JJ \u2014 The Digital Intelligence Architect<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg-deep:#050810; --bg-mid:#080d1c; --bg-card:#0d1428;\n --cyan:#00d4ff; --cyan-dim:rgba(0,212,255,0.12); --cyan-glow:rgba(0,212,255,0.25);\n --gold:#c8973f; --gold-light:#e8b555;\n --white:#f0eeea; --muted:rgba(240,238,234,0.65);\n --border:rgba(0,212,255,0.15); --border-gold:rgba(200,151,63,0.25);\n }\n *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n html{scroll-behavior:smooth}\n body{font-family:'Outfit',sans-serif;background:var(--bg-deep);color:var(--white);overflow-x:hidden;cursor:none;font-size:16px}\n .cursor{width:10px;height:10px;border-radius:50%;background:var(--cyan);position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:transform .05s;box-shadow:0 0 15px var(--cyan)}\n .cursor-ring{width:36px;height:36px;border-radius:50%;border:1px solid var(--cyan);position:fixed;z-index:9998;pointer-events:none;transform:translate(-50%,-50%);transition:transform .18s ease,width .2s,height .2s;opacity:.5}\n body::before{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'\/%3E%3C\/svg%3E\");opacity:.6}\n body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.03) 1px,transparent 1px);background-size:80px 80px}\n ::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:2px}\n\n \/* NAV *\/\n nav{position:fixed;top:0;width:100%;z-index:100;padding:22px 64px;display:flex;align-items:center;justify-content:space-between;transition:background .4s,backdrop-filter .4s}\n nav.scrolled{background:rgba(5,8,16,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}\n .nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:700;letter-spacing:.1em;color:var(--white);text-decoration:none}\n .nav-logo span{color:var(--cyan)}\n .nav-links{display:flex;gap:32px;list-style:none}\n .nav-links a{color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:color .3s;position:relative}\n .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--cyan);transition:width .3s}\n .nav-links a:hover{color:var(--white)}.nav-links a:hover::after{width:100%}\n .nav-cta{padding:10px 22px;border:1px solid var(--cyan);color:var(--cyan)!important;font-size:.85rem!important;letter-spacing:.15em;transition:background .3s,color .3s!important;border-radius:2px}\n .nav-cta::after{display:none!important}.nav-cta:hover{background:var(--cyan)!important;color:var(--bg-deep)!important}\n\n \/* HERO *\/\n #hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;z-index:2;overflow:hidden}\n .hero-left{padding:120px 64px 80px;position:relative}\n .hero-eyebrow{display:flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:.88rem;color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin-bottom:32px;opacity:0;animation:fadeUp .8s .2s ease forwards}\n .hero-eyebrow::before{content:'';display:block;width:32px;height:1px;background:var(--cyan)}\n .hero-name{font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,7vw,7.5rem);font-weight:300;line-height:.92;letter-spacing:-.02em;opacity:0;animation:fadeUp .8s .4s ease forwards}\n .hero-name span{display:block;background:linear-gradient(135deg,var(--white),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n .hero-name .accent{color:var(--gold);-webkit-text-fill-color:var(--gold);background:none}\n .hero-title{margin-top:28px;font-size:1.12rem;font-weight:300;color:var(--muted);line-height:1.65;max-width:440px;opacity:0;animation:fadeUp .8s .6s ease forwards}\n .hero-title strong{color:var(--gold-light);font-weight:500}\n .hero-badges{margin-top:36px;display:flex;flex-wrap:wrap;gap:10px;opacity:0;animation:fadeUp .8s .8s ease forwards}\n .badge{padding:7px 18px;border:1px solid var(--border-gold);border-radius:100px;font-size:.88rem;font-weight:500;color:var(--gold-light);letter-spacing:.08em;background:rgba(200,151,63,.06)}\n .hero-ctas{margin-top:52px;display:flex;gap:20px;align-items:center;opacity:0;animation:fadeUp .8s 1s ease forwards}\n .btn-primary{padding:16px 36px;background:var(--cyan);color:var(--bg-deep);font-weight:600;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .3s,transform .2s,box-shadow .3s;box-shadow:0 0 30px rgba(0,212,255,.2)}\n .btn-primary:hover{background:var(--cyan-glow);color:var(--cyan);box-shadow:0 0 50px rgba(0,212,255,.4);transform:translateY(-2px)}\n .btn-secondary{padding:16px 36px;border:1px solid var(--border);color:var(--white);font-weight:400;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:border-color .3s,color .3s,transform .2s}\n .btn-secondary:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}\n .hero-scroll{position:absolute;bottom:40px;left:64px;display:flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--muted);letter-spacing:.15em;opacity:0;animation:fadeUp .8s 1.4s ease forwards}\n .scroll-line{width:40px;height:1px;background:linear-gradient(to right,var(--muted),transparent);position:relative;overflow:hidden}\n .scroll-line::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--cyan);animation:scrollSlide 2s 1.5s ease infinite}\n @keyframes scrollSlide{0%{left:-100%}100%{left:100%}}\n .hero-right{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}\n .hero-img-wrap{position:relative;width:480px;max-width:90%;opacity:0;animation:heroImgIn 1.2s .5s ease forwards}\n @keyframes heroImgIn{from{opacity:0;transform:scale(.96) translateX(30px)}to{opacity:1;transform:scale(1) translateX(0)}}\n .hero-img-frame{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:3\/4;border:1px solid var(--border)}\n .hero-img-frame::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 50%,rgba(5,8,16,.7) 100%)}\n .hero-img-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:contrast(1.05) saturate(.85);transition:transform 6s ease}\n .hero-img-wrap:hover .hero-img-frame img{transform:scale(1.04)}\n .hero-img-wrap::before,.hero-img-wrap::after{content:'';position:absolute;width:40px;height:40px;border-color:var(--cyan);border-style:solid;z-index:3}\n .hero-img-wrap::before{top:-10px;left:-10px;border-width:2px 0 0 2px}\n .hero-img-wrap::after{bottom:-10px;right:-10px;border-width:0 2px 2px 0}\n .corner-tl{position:absolute;top:-10px;right:-10px;width:40px;height:40px;border-top:2px solid var(--gold);border-right:2px solid var(--gold)}\n .corner-br{position:absolute;bottom:-10px;left:-10px;width:40px;height:40px;border-bottom:2px solid var(--gold);border-left:2px solid var(--gold)}\n .hero-stat-float{position:absolute;background:rgba(8,13,28,.9);border:1px solid var(--border);border-left:3px solid var(--cyan);backdrop-filter:blur(10px);padding:16px 20px;border-radius:4px;min-width:155px;animation:heroImgIn 1.2s ease forwards;opacity:0}\n .hero-stat-float:nth-child(3){top:20%;right:-40px;animation-delay:1.2s}\n .hero-stat-float:nth-child(4){bottom:22%;left:-50px;animation-delay:1.5s}\n .hero-stat-float .sn{font-family:'Cormorant Garamond',serif;font-size:2.4rem;color:var(--cyan);font-weight:600}\n .hero-stat-float .sl{font-size:.88rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}\n .hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,212,255,.08) 0%,transparent 70%);pointer-events:none}\n\n \/* MARQUEE *\/\n .marquee-strip{position:relative;z-index:2;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;overflow:hidden;background:var(--bg-mid)}\n .marquee-track{display:flex;gap:80px;white-space:nowrap;animation:marqueeScroll 30s linear infinite;width:max-content}\n .marquee-track:hover{animation-play-state:paused}\n @keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n .marquee-item{font-family:'Cormorant Garamond',serif;font-size:.98rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:24px}\n .marquee-item::after{content:'\u2726';color:var(--cyan);font-size:.5rem}\n .marquee-item.hl{color:var(--gold-light)}\n\n \/* SECTIONS *\/\n section{position:relative;z-index:2}\n .si{max-width:1280px;margin:0 auto;padding:120px 64px}\n .sl-label{font-family:'JetBrains Mono',monospace;font-size:.88rem;color:var(--cyan);letter-spacing:.25em;text-transform:uppercase;display:flex;align-items:center;gap:16px;margin-bottom:20px}\n .sl-label::before{content:'';display:block;width:24px;height:1px;background:var(--cyan)}\n .sl-label .num{opacity:.5}\n .sh{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4.5vw,4rem);font-weight:300;line-height:1.1;margin-bottom:24px}\n .sh em{font-style:italic;color:var(--gold)}\n\n \/* STATS *\/\n #stats{background:var(--bg-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}\n .stats-grid{display:grid;grid-template-columns:repeat(5,1fr);max-width:1280px;margin:0 auto}\n .stat-item{padding:60px 40px;border-right:1px solid var(--border);text-align:center}\n .stat-item:last-child{border-right:none}\n .stat-number{font-family:'Cormorant Garamond',serif;font-size:3.8rem;font-weight:600;background:linear-gradient(135deg,var(--cyan),var(--white));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}\n .stat-suffix{font-size:2rem;color:var(--cyan)}\n .stat-desc{font-size:.92rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:8px}\n\n \/* ABOUT *\/\n .ag{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}\n .apw{position:relative}\n .apm{width:100%;aspect-ratio:4\/5;border-radius:4px;overflow:hidden;border:1px solid var(--border);position:relative}\n .apm img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.75) contrast(1.1);transition:filter .5s,transform 5s ease}\n .apm:hover img{filter:saturate(.9) contrast(1.05);transform:scale(1.03)}\n .apm::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.08),transparent 50%);pointer-events:none}\n .apa{position:absolute;bottom:-28px;right:-28px;width:45%;aspect-ratio:1;border-radius:4px;overflow:hidden;border:3px solid var(--bg-deep);box-shadow:0 20px 60px rgba(0,0,0,.4)}\n .apa img{width:100%;height:100%;object-fit:cover;object-position:top}\n .ajj-badge{position:absolute;top:28px;left:-28px;padding:20px 24px;background:linear-gradient(135deg,var(--gold),var(--gold-light));border-radius:4px;font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:var(--bg-deep);line-height:1;box-shadow:0 20px 50px rgba(200,151,63,.3);z-index:5}\n .ajj-badge small{display:block;font-size:.88rem;font-family:'Outfit',sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-top:2px;opacity:.7}\n .at p{font-size:1.05rem;line-height:1.8;color:var(--muted);margin-bottom:20px}\n .at p strong{color:var(--white);font-weight:500}\n .at p.lead{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:300;line-height:1.5;color:var(--white);margin-bottom:32px}\n .at p.lead em{color:var(--cyan);font-style:italic}\n .pillars{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:16px}\n .pillar{padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;transition:border-color .3s,transform .2s}\n .pillar:hover{border-color:var(--cyan);transform:translateY(-3px)}\n .pi{font-size:1.4rem;margin-bottom:10px}\n .pt{font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px;font-weight:500}\n .pd{font-size:.95rem;color:var(--muted);line-height:1.5}\n\n \/* TIMELINE *\/\n #career{background:var(--bg-mid)}\n .timeline{position:relative;padding-left:40px;margin-top:60px}\n .timeline::before{content:'';position:absolute;left:0;top:8px;width:1px;height:calc(100% - 16px);background:linear-gradient(to bottom,var(--cyan),transparent)}\n .tli{position:relative;margin-bottom:60px;padding:32px 36px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;transition:border-color .3s,transform .3s;cursor:default}\n .tli:hover{border-color:var(--cyan-dim);transform:translateX(8px)}\n .tli::before{content:'';position:absolute;left:-47px;top:36px;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}\n .tli::after{content:'';position:absolute;left:-34px;top:42px;width:34px;height:1px;background:var(--cyan);opacity:.4}\n .tli-date{font-family:'JetBrains Mono',monospace;font-size:.88rem;color:var(--cyan);letter-spacing:.15em;margin-bottom:8px}\n .tli-role{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:400;color:var(--white);margin-bottom:6px}\n .tli-co{font-size:.95rem;font-weight:600;color:var(--gold-light);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}\n .co-flag{padding:2px 8px;border-radius:100px;border:1px solid var(--border-gold);font-size:.85rem;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:.05em}\n .tli-desc{font-size:.98rem;color:var(--muted);line-height:1.7}\n .tli-desc strong{color:var(--white)}\n .tli-tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}\n .tag{padding:5px 14px;background:var(--cyan-dim);border:1px solid var(--border);border-radius:100px;font-size:.88rem;color:var(--cyan);letter-spacing:.08em}\n .tli.current{border-color:var(--gold);border-left:3px solid var(--gold)}\n .tli.current::before{background:var(--gold);box-shadow:0 0 15px var(--gold)}\n .now-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--bg-deep);font-size:.88rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-radius:100px}\n\n \/* BRANDS *\/\n .brands-lead{font-size:1.05rem;color:var(--muted);max-width:640px;line-height:1.7;margin-bottom:60px}\n .brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--border);border-radius:4px;overflow:hidden}\n .brand-card{padding:36px 28px;background:var(--bg-card);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid transparent;transition:background .3s,border-color .3s;min-height:120px}\n .brand-card:hover{background:rgba(0,212,255,.04);border-color:var(--border)}\n .brand-name{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--white);transition:color .3s}\n .brand-card:hover .brand-name{color:var(--cyan)}\n .brand-role-tag{font-size:.88rem;letter-spacing:.12em;color:var(--muted);margin-top:4px;text-transform:uppercase}\n\n \/* GALLERY *\/\n #gallery{background:var(--bg-deep)}\n .photo-grid{margin-top:60px;display:grid;grid-template-columns:repeat(12,1fr);gap:16px}\n .photo-cell{overflow:hidden;border-radius:4px;border:1px solid var(--border);position:relative}\n .photo-cell img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 6s ease,filter .5s;filter:saturate(.7) contrast(1.1);display:block}\n .photo-cell:hover img{transform:scale(1.06);filter:saturate(1) contrast(1.05)}\n .photo-cell::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,8,16,.5) 100%);pointer-events:none}\n .pc-label{position:absolute;bottom:16px;left:16px;z-index:3;font-family:'JetBrains Mono',monospace;font-size:.88rem;color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;background:rgba(5,8,16,.7);padding:4px 10px;border-radius:100px}\n .pc1{grid-column:span 5;min-height:420px}.pc2{grid-column:span 4;min-height:420px}.pc3{grid-column:span 3;min-height:420px}\n .pc4{grid-column:span 3;min-height:260px}.pc5{grid-column:span 4;min-height:260px}.pc6{grid-column:span 5;min-height:260px}\n .pcg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}\n .g1{background:linear-gradient(135deg,#0d1428,#0a1f35)}.g2{background:linear-gradient(135deg,#0d1a28,#102840)}\n .g3{background:linear-gradient(135deg,#121428,#1a1a35)}.g4{background:linear-gradient(135deg,#101428,#0d2030)}\n .g5{background:linear-gradient(135deg,#0a1220,#1a1830)}.g6{background:linear-gradient(135deg,#0e1830,#0a1525)}\n .gjj{font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.15}\n\n \/* EXPERTISE *\/\n #expertise{background:var(--bg-mid)}\n .exp-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n .exp-card{padding:40px 36px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}\n .exp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--cyan),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}\n .exp-card:hover::before{transform:scaleX(1)}.exp-card:hover{transform:translateY(-6px)}\n .exp-num{font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:700;color:rgba(0,212,255,.07);line-height:1;position:absolute;top:16px;right:20px}\n .exp-icon{font-size:2rem;margin-bottom:20px}\n .exp-title{font-size:1.05rem;font-weight:600;color:var(--white);margin-bottom:12px}\n .exp-desc{font-size:.98rem;color:var(--muted);line-height:1.7}\n\n \/* SPEAKING *\/\n #speaking{background:var(--bg-mid)}\n .spk-grid{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:24px}\n .spk-card{padding:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;display:flex;gap:28px;transition:transform .3s,border-color .3s}\n .spk-card:hover{transform:translateY(-4px);border-color:var(--cyan)}\n .spk-card.feat{grid-column:span 2;border-color:var(--border-gold);border-left:3px solid var(--gold)}\n .spk-icon{flex-shrink:0;width:56px;height:56px;border-radius:4px;background:var(--cyan-dim);display:flex;align-items:center;justify-content:center;font-size:1.6rem;border:1px solid var(--border)}\n .spk-card.feat .spk-icon{background:rgba(200,151,63,.08);border-color:var(--border-gold)}\n .spk-year{font-family:'JetBrains Mono',monospace;font-size:.88rem;color:var(--cyan);letter-spacing:.2em;margin-bottom:8px}\n .spk-card.feat .spk-year{color:var(--gold)}\n .spk-event{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--white);margin-bottom:8px}\n .spk-topic{font-size:.98rem;color:var(--muted);line-height:1.6}\n\n \/* TESTIMONIALS *\/\n #testimonials{background:var(--bg-deep)}\n .t-intro{font-size:1.05rem;color:var(--muted);max-width:700px;line-height:1.7;margin-bottom:12px}\n .t-count{font-family:'JetBrains Mono',monospace;font-size:.88rem;color:var(--cyan);letter-spacing:.2em;margin-bottom:48px;display:flex;align-items:center;gap:10px}\n .t-count::before{content:'';display:block;width:20px;height:1px;background:var(--cyan)}\n .tfilter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}\n .tfbtn{padding:9px 22px;border:1px solid var(--border);border-radius:100px;font-size:.92rem;color:var(--muted);background:transparent;cursor:pointer;letter-spacing:.08em;transition:all .3s;font-family:'Outfit',sans-serif}\n .tfbtn:hover,.tfbtn.active{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}\n .t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\n .tcard{padding:36px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s;display:flex;flex-direction:column}\n .tcard:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.35)}\n .tcard.gold{border-color:var(--border-gold)}.tcard.gold:hover{border-color:rgba(200,151,63,.6)}\n .tqm{font-family:'Cormorant Garamond',serif;font-size:6rem;line-height:.6;color:var(--cyan);opacity:.15;margin-bottom:12px;display:block}\n .tcard.gold .tqm{color:var(--gold)}\n .ttext{font-size:.98rem;color:var(--muted);line-height:1.85;font-style:italic;margin-bottom:20px;flex:1}\n .trel{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--muted);opacity:.6;margin-bottom:16px;letter-spacing:.04em}\n .tperson{display:flex;align-items:center;gap:14px;margin-top:auto}\n .tavatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--cyan-dim),var(--bg-card));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:700;color:var(--cyan);flex-shrink:0;letter-spacing:.04em}\n .tcard.gold .tavatar{color:var(--gold);border-color:var(--border-gold)}\n .tname{font-weight:600;font-size:.98rem;color:var(--white)}\n .trole{font-size:.88rem;color:var(--muted);margin-top:3px;line-height:1.4}\n .tyear{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--cyan);margin-top:4px}\n .tcard.gold .tyear{color:var(--gold)}\n\n \/* CREDENTIALS *\/\n #credentials{background:var(--bg-mid)}\n .cred-grid{margin-top:60px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}\n .cred-card{padding:36px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px}\n .cred-card h4{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--white);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}\n .cred-list{list-style:none}\n .cred-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.98rem;color:var(--muted);line-height:1.5}\n .cred-list li:last-child{border-bottom:none}\n .cred-list li::before{content:'\u203a';color:var(--cyan);font-size:1rem;flex-shrink:0}\n\n \/* CONTACT *\/\n #contact{background:var(--bg-deep);border-top:1px solid var(--border)}\n .cg{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}\n .cl p{font-size:1.05rem;color:var(--muted);line-height:1.8;margin-bottom:32px}\n .c-links{display:flex;flex-direction:column;gap:16px}\n .c-link{display:flex;align-items:center;gap:20px;padding:22px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;text-decoration:none;color:var(--white);transition:border-color .3s,transform .2s}\n .c-link:hover{border-color:var(--cyan);transform:translateX(6px)}\n .c-link.wa{border-color:rgba(37,211,102,.3)}.c-link.wa:hover{border-color:rgba(37,211,102,.8);background:rgba(37,211,102,.04)}\n .c-link-icon{font-size:1.6rem;width:44px;text-align:center}\n .c-link-text{font-size:.98rem;font-weight:600;letter-spacing:.04em}\n .c-link-sub{font-size:.88rem;color:var(--muted);margin-top:2px}\n .cc{padding:60px 48px;background:linear-gradient(135deg,var(--bg-card),#0a1428);border:1px solid var(--border);border-radius:4px;text-align:center;position:relative;overflow:hidden}\n .cc::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--cyan),transparent)}\n .cc-jj{font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}\n .cc-title{font-size:.88rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:40px}\n .cc-text{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;color:var(--white);line-height:1.5;margin-bottom:40px}\n .cc-text em{color:var(--cyan);font-style:italic}\n .wa-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-weight:700;font-size:.98rem;letter-spacing:.08em;text-decoration:none;border-radius:4px;transition:transform .2s,box-shadow .3s;box-shadow:0 0 30px rgba(37,211,102,.2)}\n .wa-btn:hover{transform:translateY(-3px);box-shadow:0 0 50px rgba(37,211,102,.45)}\n\n \/* FOOTER *\/\n footer{position:relative;z-index:2;padding:40px 64px;border-top:1px solid var(--border);background:var(--bg-mid);display:flex;align-items:center;justify-content:space-between}\n .f-logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;color:var(--white);letter-spacing:.1em}\n .f-logo span{color:var(--cyan)}\n .f-copy{font-size:.88rem;color:var(--muted);letter-spacing:.1em}\n .f-links{display:flex;gap:28px}\n .f-links a{font-size:.88rem;color:var(--muted);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .3s}\n .f-links a:hover{color:var(--cyan)}\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\n .reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}\n .reveal.visible{opacity:1;transform:translateY(0)}\n .rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}.rd4{transition-delay:.4s}\n\n \/* RESPONSIVE *\/\n @media(max-width:1024px){\n .si{padding:80px 40px}.hero-left{padding:120px 40px 80px}\n #hero{grid-template-columns:1fr}.hero-right{height:60vh}.hero-img-wrap{width:320px}\n .ag,.cg{grid-template-columns:1fr;gap:60px}\n .stats-grid{grid-template-columns:repeat(3,1fr)}.brands-grid{grid-template-columns:repeat(3,1fr)}\n .exp-grid{grid-template-columns:1fr 1fr}.t-grid{grid-template-columns:1fr 1fr}\n .cred-grid{grid-template-columns:1fr}.spk-grid{grid-template-columns:1fr}\n .spk-card.feat{grid-column:span 1}\n .photo-grid{grid-template-columns:repeat(2,1fr)}\n .pc1,.pc2,.pc3,.pc4,.pc5,.pc6{grid-column:span 1;min-height:260px}\n nav{padding:20px 40px}.nav-links{display:none}\n }\n @media(max-width:640px){\n .si{padding:60px 24px}.hero-left{padding:100px 24px 60px}\n .stats-grid{grid-template-columns:1fr 1fr}.stat-item:nth-child(5){grid-column:span 2}\n .pillars{grid-template-columns:1fr}.brands-grid{grid-template-columns:1fr 1fr}\n .exp-grid{grid-template-columns:1fr}.t-grid{grid-template-columns:1fr}\n footer{flex-direction:column;gap:24px;text-align:center}nav{padding:16px 24px}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"cursor\" id=\"cursor\"><\/div>\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\n\n<!-- NAV -->\n<nav id=\"nav\">\n <a href=\"#\" class=\"nav-logo\">J<span>J<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#career\">Career<\/a><\/li>\n <li><a href=\"#expertise\">Expertise<\/a><\/li>\n <li><a href=\"#testimonials\">24 Recommendations<\/a><\/li>\n <li><a href=\"#contact\" class=\"nav-cta\">Connect<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section id=\"hero\">\n <div class=\"hero-left\">\n <div class=\"hero-eyebrow\">GM Digital \u00b7 Media \u00b7 Data \u00b7 Commerce<\/div>\n <h1 class=\"hero-name\">\n <span>Javed<\/span>\n <span>Jafri<span class=\"accent\">.<\/span><\/span>\n <\/h1>\n <p class=\"hero-title\"><strong>Architect of Data-Driven Growth<\/strong> \u2014 transforming media, digital intelligence, and consumer insight into measurable business impact across South Asia, Southeast Asia & beyond.<\/p>\n <div class=\"hero-badges\">\n <span class=\"badge\">HBL \u00b7 GM Digital & Commerce<\/span>\n <span class=\"badge\">Unilever \u00b7 15 Years<\/span>\n <span class=\"badge\">VP \u00b7 Malaysian Advertisers Assoc.<\/span>\n <span class=\"badge\">KSBL Faculty \u00b7 Speaker<\/span>\n <\/div>\n <div class=\"hero-ctas\">\n <a href=\"https:\/\/wa.me\/923455055649\" target=\"_blank\" class=\"btn-primary\">\ud83d\udcac WhatsApp JJ<\/a>\n <a href=\"#about\" class=\"btn-secondary\">My Journey<\/a>\n <\/div>\n <div class=\"hero-scroll\"><div class=\"scroll-line\"><\/div>Scroll to explore<\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-img-wrap\">\n <div class=\"hero-img-frame\">\n <img decoding=\"async\" src=\"https:\/\/madsemble.pas.org.pk\/wp-content\/uploads\/2023\/09\/Javed-Jafri-scaled.jpg\" alt=\"Javed Jafri\"\n onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(160deg,#0d1428,#0a1e35)';this.parentElement.innerHTML+='<div style=\\'display:flex;align-items:center;justify-content:center;height:100%;font-family:Cormorant Garamond,serif;font-size:8rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#c8973f);-webkit-background-clip:text;-webkit-text-fill-color:transparent\\'>JJ<\/div>'\">\n <\/div>\n <div class=\"corner-tl\"><\/div>\n <div class=\"corner-br\"><\/div>\n <div class=\"hero-stat-float\"><div class=\"sn\">20<span style=\"font-size:1.4rem\">+<\/span><\/div><div class=\"sl\">Years of Excellence<\/div><\/div>\n <div class=\"hero-stat-float\"><div class=\"sn\">24<\/div><div class=\"sl\">LinkedIn Recommendations<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- MARQUEE -->\n<div class=\"marquee-strip\">\n <div class=\"marquee-track\">\n <span class=\"marquee-item hl\">HBL \u00b7 General Manager<\/span><span class=\"marquee-item\">Unilever Pakistan<\/span><span class=\"marquee-item\">Data-Driven Marketing<\/span><span class=\"marquee-item hl\">Unilever SE Asia<\/span><span class=\"marquee-item\">Malaysian Advertisers Assoc. VP<\/span><span class=\"marquee-item\">Telenor \u00b7 6 Years<\/span><span class=\"marquee-item hl\">Digital Transformation<\/span><span class=\"marquee-item\">Tapal Tea<\/span><span class=\"marquee-item\">Pak Mediacom<\/span><span class=\"marquee-item hl\">KSBL Faculty<\/span><span class=\"marquee-item\">Commerce & Media Lead<\/span>\n <span class=\"marquee-item hl\">HBL \u00b7 General Manager<\/span><span class=\"marquee-item\">Unilever Pakistan<\/span><span class=\"marquee-item\">Data-Driven Marketing<\/span><span class=\"marquee-item hl\">Unilever SE Asia<\/span><span class=\"marquee-item\">Malaysian Advertisers Assoc. VP<\/span><span class=\"marquee-item\">Telenor \u00b7 6 Years<\/span><span class=\"marquee-item hl\">Digital Transformation<\/span><span class=\"marquee-item\">Tapal Tea<\/span><span class=\"marquee-item\">Pak Mediacom<\/span><span class=\"marquee-item hl\">KSBL Faculty<\/span><span class=\"marquee-item\">Commerce & Media Lead<\/span>\n <\/div>\n<\/div>\n\n<!-- STATS -->\n<section id=\"stats\">\n <div class=\"stats-grid\">\n <div class=\"stat-item reveal\"><div class=\"stat-number\"><span class=\"cu\" data-t=\"20\">0<\/span><span class=\"stat-suffix\">+<\/span><\/div><div class=\"stat-desc\">Years of Experience<\/div><\/div>\n <div class=\"stat-item reveal rd1\"><div class=\"stat-number\"><span class=\"cu\" data-t=\"24\">0<\/span><\/div><div class=\"stat-desc\">LinkedIn Recommendations<\/div><\/div>\n <div class=\"stat-item reveal rd2\"><div class=\"stat-number\"><span class=\"cu\" data-t=\"6\">0<\/span><\/div><div class=\"stat-desc\">Countries Operated In<\/div><\/div>\n <div class=\"stat-item reveal rd3\"><div class=\"stat-number\">\u20ac<span class=\"cu\" data-t=\"2\">0<\/span>.<span class=\"cu\" data-t=\"6\">0<\/span>M<\/div><div class=\"stat-desc\">Digital Savings at Unilever<\/div><\/div>\n <div class=\"stat-item reveal rd4\"><div class=\"stat-number\"><span class=\"cu\" data-t=\"3\">0<\/span><span class=\"stat-suffix\">\u00d7<\/span><\/div><div class=\"stat-desc\">Digital Investment Growth<\/div><\/div>\n <\/div>\n<\/section>\n\n<!-- ABOUT -->\n<section id=\"about\">\n <div class=\"si\">\n <div class=\"ag\">\n <div class=\"apw reveal\">\n <div class=\"apm\">\n <img decoding=\"async\" src=\"https:\/\/madsemble.pas.org.pk\/wp-content\/uploads\/2023\/09\/Javed-Jafri-scaled.jpg\" alt=\"Javed Jafri\"\n onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(160deg,#0d1428,#102840)'\">\n <\/div>\n <div class=\"ajj-badge\">JJ<small>Javed Jafri<\/small><\/div>\n <div class=\"apa\">\n <img decoding=\"async\" src=\"https:\/\/www.ksbl.edu.pk\/wp-content\/uploads\/2024\/10\/javed-jafri-ksbl.jpg\" alt=\"JJ at KSBL\"\n onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#0d1428,#0a1e35)'\">\n <\/div>\n <\/div>\n <div class=\"at\">\n <div class=\"sl-label reveal\"><span class=\"num\">01 \u2014<\/span> About JJ<\/div>\n <h2 class=\"sh reveal rd1\">Pioneering <em>Digital Intelligence<\/em><br>Across Borders<\/h2>\n <p class=\"lead reveal rd2\">I am a media, digital, and data strategist who has spent over two decades turning <em>consumer insight into competitive advantage<\/em> for the world's most iconic brands.<\/p>\n <p class=\"reveal rd2\">Currently serving as <strong>General Manager, Digital Marketing, Media & Commerce at HBL<\/strong> \u2014 Pakistan's largest private sector bank \u2014 my mission is to redefine how one of the nation's most trusted institutions connects with a digital-first generation.<\/p>\n <p class=\"reveal rd3\">Before joining HBL, I spent <strong>15 transformative years at Unilever<\/strong>, rising from Head of Media in Pakistan to leading digital, data, and commerce across Southeast Asia \u2014 managing teams of 20+ across 5 countries. I helped grow Unilever's digital investments <strong>threefold<\/strong> while delivering savings of over <strong>\u20ac2.6 million<\/strong>.<\/p>\n <div class=\"pillars\">\n <div class=\"pillar reveal\"><div class=\"pi\">\ud83c\udfaf<\/div><div class=\"pt\">Data-Led Strategy<\/div><div class=\"pd\">ROI-obsessed decision-making driven by analytics, not assumptions.<\/div><\/div>\n <div class=\"pillar reveal rd1\"><div class=\"pi\">\ud83c\udf0f<\/div><div class=\"pt\">Global Perspective<\/div><div class=\"pd\">6 markets. Hundreds of campaigns. One through-line: measurable impact.<\/div><\/div>\n <div class=\"pillar reveal rd2\"><div class=\"pi\">\ud83d\udd17<\/div><div class=\"pt\">Commerce & Media<\/div><div class=\"pd\">Bridging brand building with performance marketing at scale.<\/div><\/div>\n <div class=\"pillar reveal rd3\"><div class=\"pi\">\ud83e\udde0<\/div><div class=\"pt\">Thought Leadership<\/div><div class=\"pd\">Shaping industry conversations on AI, media, and Pakistan's digital future.<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CAREER -->\n<section id=\"career\">\n <div class=\"si\">\n <div class=\"sl-label reveal\"><span class=\"num\">02 \u2014<\/span> Career Timeline<\/div>\n <h2 class=\"sh reveal rd1\">Two Decades of <em>Defining Roles<\/em><\/h2>\n <div class=\"timeline\">\n <div class=\"tli current reveal\"><div class=\"now-badge\">Current<\/div><div class=\"tli-date\">2024 \u2014 Present<\/div><div class=\"tli-role\">General Manager, Digital Marketing, Media & Commerce<\/div><div class=\"tli-co\">HBL \u2014 Habib Bank Limited <span class=\"co-flag\">\ud83c\uddf5\ud83c\uddf0 Karachi<\/span><\/div><p class=\"tli-desc\">Leading digital marketing, media strategy, and commerce for Pakistan's <strong>largest private sector bank<\/strong>. Driving HBL's digital transformation to serve a new generation of banking customers.<\/p><div class=\"tli-tags\"><span class=\"tag\">Digital Banking<\/span><span class=\"tag\">Commerce Media<\/span><span class=\"tag\">Brand Strategy<\/span><span class=\"tag\">Fintech<\/span><\/div><\/div>\n <div class=\"tli reveal\"><div class=\"tli-date\">2023 \u2014 2024<\/div><div class=\"tli-role\">Media, Digital & Data Lead \u2014 Pakistan<\/div><div class=\"tli-co\">Unilever Pakistan <span class=\"co-flag\">\ud83c\uddf5\ud83c\uddf0 Karachi<\/span><\/div><p class=\"tli-desc\">Led Unilever's South Asia media, digital, and data agenda. Pioneered data-driven marketing techniques across <strong>40+ brands<\/strong>.<\/p><div class=\"tli-tags\"><span class=\"tag\">Data Strategy<\/span><span class=\"tag\">Audience Measurement<\/span><span class=\"tag\">40+ Brands<\/span><\/div><\/div>\n <div class=\"tli reveal\"><div class=\"tli-date\">2022 \u2014 2023<\/div><div class=\"tli-role\">SE Asia & Indonesia Ice Cream Digital, Data & Commerce Hub Lead<\/div><div class=\"tli-co\">Unilever SE Asia Hub <span class=\"co-flag\">\ud83c\uddf2\ud83c\uddfe Kuala Lumpur<\/span><\/div><p class=\"tli-desc\">Led digital, data, and commerce across Southeast Asia and Indonesia's ice cream vertical. Concurrent <strong>Malaysia & Singapore Media Lead<\/strong>.<\/p><div class=\"tli-tags\"><span class=\"tag\">Commerce Hub<\/span><span class=\"tag\">SE Asia<\/span><span class=\"tag\">OTT<\/span><span class=\"tag\">Indonesia<\/span><\/div><\/div>\n <div class=\"tli reveal\"><div class=\"tli-date\">2016 \u2014 2022<\/div><div class=\"tli-role\">Media & Digital Hub Lead \u2014 5 Markets<\/div><div class=\"tli-co\">Unilever Malaysia <span class=\"co-flag\">\ud83c\uddf2\ud83c\uddfe Kuala Lumpur<\/span><\/div><p class=\"tli-desc\">Led a <strong>team of 20+<\/strong> across Malaysia, Singapore, Myanmar, Cambodia & Laos. Tripled digital investments. Delivered savings of <strong>\u20ac2.6M<\/strong>. Data Governance Lead. Concurrent <strong>VP at Malaysian Advertisers Association<\/strong>.<\/p><div class=\"tli-tags\"><span class=\"tag\">5 Markets<\/span><span class=\"tag\">\u20ac2.6M Savings<\/span><span class=\"tag\">3\u00d7 Growth<\/span><span class=\"tag\">MAA VP<\/span><\/div><\/div>\n <div class=\"tli reveal\"><div class=\"tli-date\">2012 \u2014 2016<\/div><div class=\"tli-role\">Head of Media \u2014 Pakistan<\/div><div class=\"tli-co\">Unilever Pakistan <span class=\"co-flag\">\ud83c\uddf5\ud83c\uddf0 Karachi<\/span><\/div><p class=\"tli-desc\">Drove brand strategies for <strong>40+ brands<\/strong> through user mapping and performance measurement.<\/p><div class=\"tli-tags\"><span class=\"tag\">Media Planning<\/span><span class=\"tag\">Brand Strategy<\/span><span class=\"tag\">FMCG<\/span><\/div><\/div>\n <div class=\"tli reveal\"><div class=\"tli-date\">2005 \u2014 2012<\/div><div class=\"tli-role\">Strategic Media Manager<\/div><div class=\"tli-co\">Telenor Pakistan <span class=\"co-flag\">\ud83c\uddf5\ud83c\uddf0 6+ Years<\/span><\/div><p class=\"tli-desc\">Oversaw media strategy, market research, and analysis. Helped launch and establish the <strong>Telenor brand<\/strong> in Pakistan. Drove numerous innovations.<\/p><div class=\"tli-tags\"><span class=\"tag\">Telecom<\/span><span class=\"tag\">Media Strategy<\/span><span class=\"tag\">Brand Launch<\/span><\/div><\/div>\n <div class=\"tli reveal\"><div class=\"tli-date\">Early Career<\/div><div class=\"tli-role\">Media & Marketing Lead<\/div><div class=\"tli-co\">Tapal Tea \u00b7 Pak Mediacom <span class=\"co-flag\">\ud83c\uddf5\ud83c\uddf0 Pakistan<\/span><\/div><p class=\"tli-desc\">At <strong>Tapal Tea<\/strong>, achieved the most media exposure in company history with limited budgets. At <strong>Pak Mediacom<\/strong>, built the foundation in media planning.<\/p><div class=\"tli-tags\"><span class=\"tag\">Brand Launch<\/span><span class=\"tag\">FMCG<\/span><span class=\"tag\">Media Planning<\/span><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- BRANDS -->\n<section id=\"brands\">\n <div class=\"si\">\n <div class=\"sl-label reveal\"><span class=\"num\">03 \u2014<\/span> Companies & Brands<\/div>\n <h2 class=\"sh reveal rd1\">Institutions That Shaped <em>The Journey<\/em><\/h2>\n <p class=\"brands-lead reveal rd2\">From Pakistan's largest bank to the world's second-largest FMCG company \u2014 JJ has operated at the highest levels across multiple industries and geographies.<\/p>\n <div class=\"brands-grid reveal\">\n <div class=\"brand-card\"><div class=\"brand-name\">HBL<\/div><div class=\"brand-role-tag\">GM Digital \u00b7 Current<\/div><\/div>\n <div class=\"brand-card\"><div class=\"brand-name\">Unilever<\/div><div class=\"brand-role-tag\">15 Years \u00b7 Media & Data<\/div><\/div>\n <div class=\"brand-card\"><div class=\"brand-name\">Telenor<\/div><div class=\"brand-role-tag\">Strategic Media Manager<\/div><\/div>\n <div class=\"brand-card\"><div class=\"brand-name\">MAA<\/div><div class=\"brand-role-tag\">VP \u00b7 Malaysia<\/div><\/div>\n <div class=\"brand-card\"><div class=\"brand-name\">Tapal Tea<\/div><div class=\"brand-role-tag\">Brand Launch Lead<\/div><\/div>\n <div class=\"brand-card\"><div class=\"brand-name\">Pak Mediacom<\/div><div class=\"brand-role-tag\">Media Planning<\/div><\/div>\n <div class=\"brand-card\"><div class=\"brand-name\">KSBL<\/div><div class=\"brand-role-tag\">Faculty \u00b7 Digital Marketing<\/div><\/div>\n <div class=\"brand-card\"><div class=\"brand-name\">IoBM \/ GU<\/div><div class=\"brand-role-tag\">MBA \u00b7 BBA Alumnus<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- GALLERY -->\n<section id=\"gallery\">\n <div class=\"si\">\n <div class=\"sl-label reveal\"><span class=\"num\">04 \u2014<\/span> In the Field<\/div>\n <h2 class=\"sh reveal rd1\">Moments That <em>Define the Man<\/em><\/h2>\n <div class=\"photo-grid\">\n <div class=\"photo-cell pc1\"><img decoding=\"async\" src=\"https:\/\/madsemble.pas.org.pk\/wp-content\/uploads\/2023\/09\/Javed-Jafri-scaled.jpg\" alt=\"JJ \u2014 Speaker\" onerror=\"this.remove()\"><div class=\"pcg g1\"><span class=\"gjj\">JJ<\/span><\/div><div class=\"pc-label\">Madsemble 2023<\/div><\/div>\n <div class=\"photo-cell pc2\"><img decoding=\"async\" src=\"https:\/\/www.ksbl.edu.pk\/wp-content\/uploads\/2024\/10\/javed-jafri-ksbl.jpg\" alt=\"JJ \u2014 KSBL\" onerror=\"this.remove()\"><div class=\"pcg g2\"><span class=\"gjj\" style=\"font-size:4rem\">JJ<\/span><\/div><div class=\"pc-label\">KSBL Faculty<\/div><\/div>\n <div class=\"photo-cell pc3\"><img decoding=\"async\" src=\"https:\/\/madsemble.pas.org.pk\/wp-content\/uploads\/2023\/09\/Javed-Jafri-scaled.jpg\" alt=\"JJ \u2014 SE Asia\" onerror=\"this.remove()\" style=\"object-position:80% top\"><div class=\"pcg g3\"><span class=\"gjj\" style=\"font-size:3.5rem\">JJ<\/span><\/div><div class=\"pc-label\">Unilever SE Asia<\/div><\/div>\n <div class=\"photo-cell pc4\"><div class=\"pcg g4\" style=\"flex-direction:column;gap:8px;padding:28px;text-align:center;height:100%\"><div style=\"font-family:'Cormorant Garamond',serif;font-size:1.65rem;color:var(--cyan);font-weight:300;line-height:1.4\">\"The magician of it all \u2014 traditional media or latest digital trends.\"<\/div><div style=\"font-size:.88rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:8px\">\u2014 Syed Ali Moazzam<\/div><\/div><div class=\"pc-label\">Endorsement<\/div><\/div>\n <div class=\"photo-cell pc5\"><img decoding=\"async\" src=\"https:\/\/madsemble.pas.org.pk\/wp-content\/uploads\/2023\/09\/Javed-Jafri-scaled.jpg\" alt=\"JJ \u2014 HBL\" onerror=\"this.remove()\" style=\"object-position:20% top\"><div class=\"pcg g5\"><span class=\"gjj\" style=\"font-size:3rem\">JJ<\/span><\/div><div class=\"pc-label\">HBL Era<\/div><\/div>\n <div class=\"photo-cell pc6\"><div class=\"pcg g6\" style=\"flex-direction:column;gap:14px;padding:36px;text-align:center;height:100%\"><div style=\"font-family:'Cormorant Garamond',serif;font-size:3.8rem;font-weight:700;background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1\">20+<\/div><div style=\"font-size:.98rem;color:var(--muted);letter-spacing:.15em;text-transform:uppercase\">Years of Unmatched Digital Excellence<\/div><div style=\"display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px\"><span style=\"padding:5px 14px;border:1px solid var(--border);border-radius:100px;font-size:.88rem;color:var(--cyan)\">Pakistan<\/span><span style=\"padding:5px 14px;border:1px solid var(--border);border-radius:100px;font-size:.88rem;color:var(--cyan)\">Malaysia<\/span><span style=\"padding:5px 14px;border:1px solid var(--border);border-radius:100px;font-size:.88rem;color:var(--cyan)\">Singapore<\/span><span style=\"padding:5px 14px;border:1px solid var(--border);border-radius:100px;font-size:.88rem;color:var(--cyan)\">Indonesia<\/span><\/div><\/div><div class=\"pc-label\">Global Footprint<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- EXPERTISE -->\n<section id=\"expertise\">\n <div class=\"si\">\n <div class=\"sl-label reveal\"><span class=\"num\">05 \u2014<\/span> Areas of Mastery<\/div>\n <h2 class=\"sh reveal rd1\">The Capabilities Behind <em>Every Win<\/em><\/h2>\n <div class=\"exp-grid\">\n <div class=\"exp-card reveal\"><div class=\"exp-num\">01<\/div><div class=\"exp-icon\">\ud83d\udcca<\/div><div class=\"exp-title\">Data-Driven Media Strategy<\/div><div class=\"exp-desc\">Architecting media plans grounded in consumer data, audience intelligence, and performance analytics \u2014 turning every rupee of spend into measurable return.<\/div><\/div>\n <div class=\"exp-card reveal rd1\"><div class=\"exp-num\">02<\/div><div class=\"exp-icon\">\ud83c\udfea<\/div><div class=\"exp-title\">Commerce & Retail Media<\/div><div class=\"exp-desc\">Leading the intersection of brand advertising and commerce performance \u2014 from Q-commerce to digital storefronts \u2014 building full-funnel strategies for a digital-first Pakistan.<\/div><\/div>\n <div class=\"exp-card reveal rd2\"><div class=\"exp-num\">03<\/div><div class=\"exp-icon\">\ud83d\udd10<\/div><div class=\"exp-title\">Data Governance & Safety<\/div><div class=\"exp-desc\">As Unilever's Data Governance Lead for Malaysia, built frameworks protecting consumer data integrity while enabling performance marketing across six markets.<\/div><\/div>\n <div class=\"exp-card reveal rd1\"><div class=\"exp-num\">04<\/div><div class=\"exp-icon\">\ud83d\udcf1<\/div><div class=\"exp-title\">Digital & Social Media<\/div><div class=\"exp-desc\">Deep expertise across OTT, social platforms, and emerging digital channels. Speaker on conventional vs digital media evolution across Pakistan and SE Asia.<\/div><\/div>\n <div class=\"exp-card reveal rd2\"><div class=\"exp-num\">05<\/div><div class=\"exp-icon\">\ud83e\udd1d<\/div><div class=\"exp-title\">Strategic Partnerships<\/div><div class=\"exp-desc\">Building industry-shaping partnerships between brands, agencies, platforms, and media owners \u2014 creating scalable, lasting value for all stakeholders.<\/div><\/div>\n <div class=\"exp-card reveal rd3\"><div class=\"exp-num\">06<\/div><div class=\"exp-icon\">\ud83e\udd16<\/div><div class=\"exp-title\">AI in Marketing<\/div><div class=\"exp-desc\">Panelist at leading AI forums in Pakistan. Exploring how artificial intelligence reshapes advertising, audience measurement, and marketing workflows.<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- SPEAKING -->\n<section id=\"speaking\">\n <div class=\"si\">\n <div class=\"sl-label reveal\"><span class=\"num\">06 \u2014<\/span> Speaking & Thought Leadership<\/div>\n <h2 class=\"sh reveal rd1\">On Stages That <em>Shape Industries<\/em><\/h2>\n <div class=\"spk-grid\">\n <div class=\"spk-card feat reveal\"><div class=\"spk-icon\" style=\"font-size:2.2rem\">\ud83c\udfa4<\/div><div><div class=\"spk-year\">2024<\/div><div class=\"spk-event\">AI in Pakistan \u2014 Panel Discussion<\/div><p class=\"spk-topic\">Invited as a leading panelist at atomcamp's AI Forum at The Hive, Clifton. Unpacked opportunities, challenges, and innovations shaping the AI landscape in Pakistan's marketing ecosystem.<\/p><\/div><\/div>\n <div class=\"spk-card reveal\"><div class=\"spk-icon\">\ud83d\udcfa<\/div><div><div class=\"spk-year\">2023<\/div><div class=\"spk-event\">Digi Leaders Conference<\/div><p class=\"spk-topic\">Keynote panelist on \"Conventional Media vs. Digital Media\" \u2014 examining the accelerating shift of advertising spend and consumer attention to digital platforms.<\/p><\/div><\/div>\n <div class=\"spk-card reveal rd1\"><div class=\"spk-icon\">\ud83d\udce3<\/div><div><div class=\"spk-year\">2023<\/div><div class=\"spk-event\">MADsemble Conference<\/div><p class=\"spk-topic\">Featured speaker at Pakistan's leading marketing assembly \u2014 sharing insights from Unilever's data-driven transformation across South Asia and Southeast Asia.<\/p><\/div><\/div>\n <div class=\"spk-card reveal\"><div class=\"spk-icon\">\ud83c\udf93<\/div><div><div class=\"spk-year\">Ongoing<\/div><div class=\"spk-event\">KSBL Faculty \u2014 Digital Marketing & Data Strategy<\/div><p class=\"spk-topic\">Mentoring Pakistan's next generation of marketing leaders as faculty at KSBL, teaching Digital Marketing & Data Strategy.<\/p><\/div><\/div>\n <div class=\"spk-card reveal rd1\"><div class=\"spk-icon\">\ud83c\udf10<\/div><div><div class=\"spk-year\">2022 \u2014 2024<\/div><div class=\"spk-event\">VP, Malaysian Advertisers Association<\/div><p class=\"spk-topic\">Representing Pakistan's marketing community on the global stage, promoting marketing effectiveness, self-regulation, and collaboration across 102 member companies.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TESTIMONIALS \u2014 ALL 24 REAL LINKEDIN RECOMMENDATIONS -->\n<section id=\"testimonials\">\n <div class=\"si\">\n <div class=\"sl-label reveal\"><span class=\"num\">07 \u2014<\/span> LinkedIn Recommendations<\/div>\n <h2 class=\"sh reveal rd1\">24 Voices. One <em>Undeniable Verdict.<\/em><\/h2>\n <p class=\"t-intro reveal rd2\">Every recommendation below is authentic \u2014 written by colleagues, clients, managers and direct reports who worked alongside JJ across HBL, Unilever, Telenor, Tapal Tea and beyond. Spanning 13 years.<\/p>\n <div class=\"t-count reveal rd3\">24 real LinkedIn recommendations \u00b7 2008 \u2014 2024<\/div>\n <div class=\"tfilter reveal\">\n <button class=\"tfbtn active\" data-f=\"all\">All (24)<\/button>\n <button class=\"tfbtn\" data-f=\"unilever\">Unilever (9)<\/button>\n <button class=\"tfbtn\" data-f=\"telenor\">Telenor (12)<\/button>\n <button class=\"tfbtn\" data-f=\"tapal\">Tapal \/ Early Career (3)<\/button>\n <\/div>\n <div class=\"t-grid\" id=\"tgrid\">\n\n <div class=\"tcard gold reveal\" data-c=\"unilever\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed has an excellent understanding of media, communications and advertising.<\/p><p class=\"trel\">Was senior to Javed but didn't manage directly<\/p><div class=\"tperson\"><div class=\"tavatar\">SM<\/div><div><div class=\"tname\">Shakeel Masud<\/div><div class=\"trole\">CEO at DAWNNEWS (TV)<\/div><div class=\"tyear\">Oct 2024<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd1\" data-c=\"unilever\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">I know JJ during my days in Unilever. A passionate individual about media, content, partnerships and people! He thrives on energy and endeavours to bring energy into conversations relevant to all things media and marketing.<\/p><p class=\"trel\">Worked on the same team<\/p><div class=\"tperson\"><div class=\"tavatar\">JL<\/div><div><div class=\"tname\">Joel Lim<\/div><div class=\"trole\">General Management | Commercial | Retail<\/div><div class=\"tyear\">Oct 2023<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard gold reveal rd2\" data-c=\"unilever\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">JJ is the magician of it all \u2014 be it traditional electronic, out-door and print media or the latest trends in digital media. He has an amazing well grounded meticulous data driven approach in optimizing the spend through every media channel available. An asset to not only the organization he works for but the media industry in general.<\/p><p class=\"trel\">Known JJ since interning at Aftab Associates \u00b7 Feb 2022<\/p><div class=\"tperson\"><div class=\"tavatar\">SA<\/div><div><div class=\"tname\">Syed Ali Moazzam<\/div><div class=\"trole\">CEO @ Intelytics | Digital Transformation Expert<\/div><div class=\"tyear\">Feb 2022<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal\" data-c=\"unilever\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed is a media guru, traditional and digital both. He generally thinks a little ahead of his generation which helps as he is able to see the emerging trends ahead of time.<\/p><p class=\"trel\">Different teams at Unilever \u00b7 Oct 2021<\/p><div class=\"tperson\"><div class=\"tavatar\">AD<\/div><div><div class=\"tname\">Ammad Danish<\/div><div class=\"trole\">Business Director Home Care | Award Winning Brand Builder<\/div><div class=\"tyear\">Oct 2021<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd1\" data-c=\"unilever\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">JJ is a seasoned media professional having worked in multiple markets. Rather than being fixated on media metrics alone, he demonstrates an understanding of how different mediums come together to deliver effective campaigns and ultimately business results.<\/p><p class=\"trel\">Different companies \u00b7 Dec 2020<\/p><div class=\"tperson\"><div class=\"tavatar\">RG<\/div><div><div class=\"tname\">Rahul Gupta<\/div><div class=\"trole\">Head of Industry @ Google | Former Global CMO, Milvik<\/div><div class=\"tyear\">Dec 2020<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard gold reveal rd2\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">JJ is energetic, a passionate marketer, always eager to go an extra mile, forthcoming in mentoring his peers and subordinates, honest in his opinions, a domain expert in media and above all a quality human being. I can vouch for his professionalism and overall business acumen \u2014 he is an asset for any organisation.<\/p><p class=\"trel\">Worked together at Telenor \u00b7 Mar 2020<\/p><div class=\"tperson\"><div class=\"tavatar\">ST<\/div><div><div class=\"tname\">Sheikh Taimur Nawaz<\/div><div class=\"trole\">Senior Commercial & Marketing Leader | Telecom & Tech<\/div><div class=\"tyear\">Mar 2020<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal\" data-c=\"unilever\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">JJ is someone that is full of energy and has a positive can-do attitude. His approach to work is honest and straightforward. JJ's creative thinking and unwavering commitment as a professional made him an absolute pleasure to work with.<\/p><p class=\"trel\">Different companies \u00b7 Sep 2018<\/p><div class=\"tperson\"><div class=\"tavatar\">JC<\/div><div><div class=\"tname\">Jia Wen Chuah<\/div><div class=\"trole\">Head of Industry & Site Lead at Google<\/div><div class=\"tyear\">Sep 2018<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd1\" data-c=\"unilever\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">JJ is a sound thinker, holistic in his approach to marketing, advertising and communications planning. Highly inclusive with all his partner agencies \u2014 firm when required and absolutely fair. He is passionate about innovations and has a deep sense of knowledge across all media including digital and OOH. I would love to work with him again.<\/p><p class=\"trel\">JJ was client \u00b7 May 2017<\/p><div class=\"tperson\"><div class=\"tavatar\">MK<\/div><div><div class=\"tname\">Manjiri Kamat<\/div><div class=\"trole\">Communications Expert | Resolving Business Problems for Clients<\/div><div class=\"tyear\">May 2017<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard gold reveal rd2\" data-c=\"unilever\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed has a unique sense of connecting the dots going forward. He is a self motivated individual who hits the ground running with fresh new ideas and always seeks to achieve the extra-ordinary. Definitely the go-to guy for creating some marketing magic!<\/p><p class=\"trel\">Same team at Unilever \u00b7 Jan 2016<\/p><div class=\"tperson\"><div class=\"tavatar\">MT<\/div><div><div class=\"tname\">Munir Taufiq<\/div><div class=\"trole\">GM, Coca-Cola Canada Bottling | Ex P&G, Unilever, Mondelez, KC<\/div><div class=\"tyear\">Jan 2016<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed Jafri knows the art of winning friends and influencing people, and he had been the initial inspiration for me to join the domain of Media Investment Management. His worldview of Media goes a lot deeper than the surface level, and he continues to inspire.<\/p><p class=\"trel\">Same team at Telenor \u00b7 Jul 2013<\/p><div class=\"tperson\"><div class=\"tavatar\">TA<\/div><div><div class=\"tname\">Talha Abbasi<\/div><div class=\"trole\">Fractional CMO | Growth Builder | AI Innovator | Emerging Markets<\/div><div class=\"tyear\">Jul 2013<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd1\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">He has full grip on what he does, and with it, he is innovative, creative and never holds himself back from accepting a challenge. He is supportive and accommodating \u2014 without any doubts, he is definitely an asset for any organisation that he works for.<\/p><p class=\"trel\">Different companies \u00b7 Feb 2012<\/p><div class=\"tperson\"><div class=\"tavatar\">QA<\/div><div><div class=\"tname\">Qamar Abbas<\/div><div class=\"trole\">Executive Director<\/div><div class=\"tyear\">Feb 2012<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard gold reveal rd2\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">JJ is a prolific individual who at a very young age has earned quite a reputation in the professional circles of media and advertising world of Pakistan. He is focused, knows how it is done, has the ability to develop good interpersonal relations. Technically he's probably one of the best in the industry. It was quite a pleasure and an honor to have worked with him.<\/p><p class=\"trel\">Senior to Javed at Telenor \u00b7 Nov 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">NJ<\/div><div><div class=\"tname\">Naushad Javaid<\/div><div class=\"trole\">OD Consultant | Leadership Coach & Trainer | Psychometric Analyst<\/div><div class=\"tyear\">Nov 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">He has been an extraordinary professional and an amazing human being \u2014 a manager and team leader with both knowledge and intuition. Javed is a wonderful team player and cherished leader, loved by his team and peers. Blessed with a great sense of humor.<\/p><p class=\"trel\">Same team \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">QA<\/div><div><div class=\"tname\">Qasim Awan<\/div><div class=\"trole\">Telecom Commercial Executive | Digital Distribution & CX<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard gold reveal rd1\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">JJ never had a chip on his shoulder, was always available to find a solution, never shied away from trying out new things and was forever quick on his toes. He had a great run at Telenor Pakistan, introducing new ways of doing business and all the while making work fun! Kudos JJ!<\/p><p class=\"trel\">Different teams at Telenor \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">AK<\/div><div><div class=\"tname\">Areej Khan<\/div><div class=\"trole\">CXO | Board Director | People, HSE & Sustainability | Digital<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd2\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">One of very few individuals that I have truly envied for his great charismatic persona. No one knows the media more than him. He is absolutely on the top of his field. JJ has been an inspiration to many of his peers. An absolute gem to be conversant with both personally and professionally.<\/p><p class=\"trel\">Parallel working group at Telenor \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">MG<\/div><div><div class=\"tname\">Mustafa Gillani<\/div><div class=\"trole\">Chief Digital and Financial Inclusion Officer<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed Jafri is not only a true professional but a wonderful human being. He is very well known in the media industry with a reputation of being one of the most well connected professionals. He really knows his work \u2014 and this is precisely what everyone would say whoever happens to know Javed.<\/p><p class=\"trel\">Different teams at Telenor \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">ST<\/div><div><div class=\"tname\">Sheikh Taimur Nawaz<\/div><div class=\"trole\">Senior Commercial & Marketing Leader | Telecom & Tech<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd1\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed has vast knowledge and expertise in marketing communications and media management. He directly managed the company's ATL media execution and the handling of the external media agency. Javed will be an asset for any organisation he opts to work for.<\/p><p class=\"trel\">Worked together 5+ years at Telenor \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">MK<\/div><div><div class=\"tname\">Mir Z. Khan<\/div><div class=\"trole\">Finance Executive | Chief of Staff | Operational Excellence<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd2\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">It was always a pleasure to work with Javed Jafri because of his chronic energy and drive. His understanding of programming trends and media buying and his networking skills often added substantial value to our publicity campaigns.<\/p><p class=\"trel\">Senior to Javed at Telenor \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">SH<\/div><div><div class=\"tname\">Syed Hasnat Masood<\/div><div class=\"trole\">Creative & Communications Consultant | Brand, Content & Campaign Strategy<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard gold reveal\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed, commonly known as JJ, is one of the most prominent brand names in the media industry of Pakistan. He is someone you can blindly trust with your media investments. A lot of innovations go on JJ's credit during his tenure at Telenor Pakistan.<\/p><p class=\"trel\">Same team at Telenor \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">AS<\/div><div><div class=\"tname\">Ahsan Shamim<\/div><div class=\"trole\">Marketing Lead | Digital Strategy & Analytics | Telecom & Tech<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd1\" data-c=\"tapal\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed is an absolute stand-out media expert. He added tremendous value to our media plans \u2014 strong strategic clarity, totally comfortable with numbers and analytical skills, flawless execution and a great team player.<\/p><p class=\"trel\">Worked together at Tapal Tea \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">US<\/div><div><div class=\"tname\">Umer Saghir<\/div><div class=\"trole\">Professional Realtor, Greater Toronto Area | Ex-Tapal Tea<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd2\" data-c=\"tapal\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed has exceptional analytical skills. He has held key positions with Mediacom, Tapal Tea, Telenor and Unilever. In all of these assignments Javed has added tremendous value to his company's advertising and media policies.<\/p><p class=\"trel\">JJ was client \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">FA<\/div><div><div class=\"tname\">Faraz Ansari<\/div><div class=\"trole\">Founder & CEO \u2014 Urdu1 (Alliance Media)<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard gold reveal\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">JJ no doubt is the guru of Pakistani media. JJ has this electrifying IQ level which makes him unequivocally consummate for any of his peers. I bet all of my money that very few people in this industry could match half of JJ's performance and work.<\/p><p class=\"trel\">Reported directly to JJ \u00b7 Sep 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">YA<\/div><div><div class=\"tname\">Yasser Akhtar<\/div><div class=\"trole\">Head of Retail Marketing \u2013 Mashreq | Former CCO | Fintech Leader<\/div><div class=\"tyear\">Sep 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard gold reveal rd1\" data-c=\"telenor\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed is a very intelligent, hardworking, knowledgeable and a person with high moral standards. He is truly one of the best marketing operations and media experts I have ever came across in my 15-year marketing career in Pakistan. Telenor as a Brand in Pakistan owes a lot to Javed for its success.<\/p><p class=\"trel\">Managed JJ directly \u00b7 Feb 2011<\/p><div class=\"tperson\"><div class=\"tavatar\">AH<\/div><div><div class=\"tname\">Azim ul haq<\/div><div class=\"trole\">Global Head of Marketing<\/div><div class=\"tyear\">Feb 2011<\/div><\/div><\/div><\/div>\n\n <div class=\"tcard reveal rd2\" data-c=\"tapal\"><span class=\"tqm\">\"<\/span><p class=\"ttext\">Javed was a classic blend of knowledge, initiator and executor. He took responsibility and executed it with devotion and perfection. During his tenure he got the most media exposure to Tapal than ever in the history of the company with limited budgets.<\/p><p class=\"trel\">Senior to Javed at Tapal Tea \u00b7 Nov 2008<\/p><div class=\"tperson\"><div class=\"tavatar\">MN<\/div><div><div class=\"tname\">Mahmood Nanji<\/div><div class=\"trole\">Advisor to Retail Division, Faran Sugar Mills | Ex-Tapal Tea<\/div><div class=\"tyear\">Nov 2008<\/div><\/div><\/div><\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CREDENTIALS -->\n<section id=\"credentials\">\n <div class=\"si\">\n <div class=\"sl-label reveal\"><span class=\"num\">08 \u2014<\/span> Credentials & Education<\/div>\n <h2 class=\"sh reveal rd1\">The Foundation of a <em>Lifelong Learner<\/em><\/h2>\n <div class=\"cred-grid\">\n <div class=\"cred-card reveal\"><h4>\ud83c\udf93 Academic Qualifications<\/h4><ul class=\"cred-list\"><li>MBA \u2014 Institute of Business Management (IoBM), Karachi<\/li><li>BBA \u2014 Greenwich University, Karachi<\/li><li>\"Data Analytics in the Age of AI\" Programme \u2014 Kuala Lumpur<\/li><\/ul><\/div>\n <div class=\"cred-card reveal rd1\"><h4>\ud83c\udf0d Global Market Experience<\/h4><ul class=\"cred-list\"><li>Pakistan \u2014 Head of Media, Multiple Senior Roles<\/li><li>Malaysia \u2014 Media & Data Hub Lead (6+ years)<\/li><li>Singapore \u2014 Media Lead<\/li><li>Myanmar, Cambodia, Laos \u2014 Digital Strategy<\/li><li>Indonesia \u2014 Commerce Hub Lead<\/li><\/ul><\/div>\n <div class=\"cred-card reveal rd2\"><h4>\ud83c\udfc6 Industry Affiliations<\/h4><ul class=\"cred-list\"><li>VP, Malaysian Advertisers Association (MAA)<\/li><li>Faculty, KSBL \u2014 Digital Marketing & Data Strategy<\/li><li>Speaker \u2014 Digi Leaders Conference 2023<\/li><li>Panelist \u2014 atomcamp AI Forum Karachi 2024<\/li><li>Featured \u2014 Pakistan Advertisers' Society (Madsemble)<\/li><\/ul><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section id=\"contact\">\n <div class=\"si\">\n <div class=\"cg\">\n <div class=\"cl\">\n <div class=\"sl-label reveal\"><span class=\"num\">09 \u2014<\/span> Connect with JJ<\/div>\n <h2 class=\"sh reveal rd1\">Let's Build Something <em>Remarkable<\/em><\/h2>\n <p class=\"reveal rd2\">Whether you're looking for a speaker who understands both data and storytelling, a strategic partner in digital marketing, or simply want to exchange ideas on the future of media in Pakistan \u2014 JJ is always open to meaningful conversations.<\/p>\n <div class=\"c-links reveal rd3\">\n <a href=\"https:\/\/wa.me\/923455055649\" target=\"_blank\" class=\"c-link wa\">\n <div class=\"c-link-icon\">\ud83d\udcac<\/div>\n <div><div class=\"c-link-text\" style=\"color:#25D366\">WhatsApp JJ Directly<\/div><div class=\"c-link-sub\">+92 345 5055649 \u2014 Tap to open chat<\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/javedjafri\/\" target=\"_blank\" class=\"c-link\">\n <div class=\"c-link-icon\">\ud83d\udd17<\/div>\n <div><div class=\"c-link-text\">LinkedIn<\/div><div class=\"c-link-sub\">linkedin.com\/in\/javedjafri<\/div><\/div>\n <\/a>\n <a href=\"#\" class=\"c-link\">\n <div class=\"c-link-icon\">\ud83c\udfe6<\/div>\n <div><div class=\"c-link-text\">HBL \u2014 Habib Bank Limited<\/div><div class=\"c-link-sub\">Karachi, Pakistan<\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.ksbl.edu.pk\/faculty-profile\/javed-jafri\/\" target=\"_blank\" class=\"c-link\">\n <div class=\"c-link-icon\">\ud83c\udf93<\/div>\n <div><div class=\"c-link-text\">KSBL Faculty Profile<\/div><div class=\"c-link-sub\">Digital Marketing & Data Strategy<\/div><\/div>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"cc reveal rd2\">\n <div class=\"cc-jj\">JJ<\/div>\n <div class=\"cc-title\">Javed Jafri \u2014 The Digital Intelligence Architect<\/div>\n <div class=\"cc-text\">\"The future of media lies at the intersection of <em>commerce, content, and consumer need<\/em>. Let's build that future together.\"<\/div>\n <a href=\"https:\/\/wa.me\/923455055649\" target=\"_blank\" class=\"wa-btn\">\ud83d\udcac WhatsApp: +92 345 5055649<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"f-logo\">J<span>J<\/span> \u2014 Javed Jafri<\/div>\n <div class=\"f-copy\">\u00a9 2025 Javed Jafri. The Digital Intelligence Architect.<\/div>\n <div class=\"f-links\">\n <a href=\"#about\">About<\/a>\n <a href=\"#testimonials\">Recommendations<\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/javedjafri\/\" target=\"_blank\">LinkedIn<\/a>\n <a href=\"https:\/\/wa.me\/923455055649\" target=\"_blank\">WhatsApp<\/a>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Cursor\n const cursor=document.getElementById('cursor'),ring=document.getElementById('cursorRing');\n let mx=0,my=0,rx=0,ry=0;\n document.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;cursor.style.left=mx+'px';cursor.style.top=my+'px';});\n (function ar(){rx+=(mx-rx)*.12;ry+=(my-ry)*.12;ring.style.left=rx+'px';ring.style.top=ry+'px';requestAnimationFrame(ar);})();\n document.querySelectorAll('a,button,.brand-card,.tli,.exp-card,.tcard').forEach(el=>{\n el.addEventListener('mouseenter',()=>{ring.style.width='60px';ring.style.height='60px';cursor.style.transform='translate(-50%,-50%) scale(.4)';});\n el.addEventListener('mouseleave',()=>{ring.style.width='36px';ring.style.height='36px';cursor.style.transform='translate(-50%,-50%) scale(1)';});\n });\n\n \/\/ Nav\n window.addEventListener('scroll',()=>document.getElementById('nav').classList.toggle('scrolled',scrollY>60));\n\n \/\/ Reveal\n const io=new IntersectionObserver(en=>{en.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');io.unobserve(e.target);}});},{threshold:.1});\n document.querySelectorAll('.reveal').forEach(el=>io.observe(el));\n\n \/\/ Count-up\n function ac(el){const t=+el.dataset.t,d=1800,s=performance.now();(function u(n){const p=Math.min((n-s)\/d,1);el.textContent=Math.round((1-Math.pow(1-p,3))*t);if(p<1)requestAnimationFrame(u);})(s);}\n const cio=new IntersectionObserver(en=>{en.forEach(e=>{if(e.isIntersecting){ac(e.target);cio.unobserve(e.target);}});},{threshold:.5});\n document.querySelectorAll('.cu').forEach(el=>cio.observe(el));\n\n \/\/ Filter\n document.querySelectorAll('.tfbtn').forEach(btn=>{\n btn.addEventListener('click',()=>{\n document.querySelectorAll('.tfbtn').forEach(b=>b.classList.remove('active'));\n btn.classList.add('active');\n const f=btn.dataset.f;\n document.querySelectorAll('#tgrid .tcard').forEach(c=>{c.style.display=(f==='all'||c.dataset.c===f)?'flex':'none';});\n });\n });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Javed Jafri | JJ \u2014 The Digital Intelligence Architect JJ About Career Expertise 24 Recommendations Connect GM Digital \u00b7 Media \u00b7 Data \u00b7 Commerce Javed Jafri. Architect of Data-Driven Growth \u2014 transforming media, digital intelligence, and consumer insight into measurable business impact across South Asia, Southeast Asia & beyond. HBL \u00b7 GM Digital & Commerce […]<\/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:\/\/whoisjj.mohsinj.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whoisjj.mohsinj.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whoisjj.mohsinj.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whoisjj.mohsinj.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whoisjj.mohsinj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":7,"href":"https:\/\/whoisjj.mohsinj.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/whoisjj.mohsinj.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/whoisjj.mohsinj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}