{"id":1025,"date":"2026-08-04T07:59:46","date_gmt":"2026-08-04T07:59:46","guid":{"rendered":"https:\/\/socials.ink\/?page_id=1025"},"modified":"2026-08-04T08:38:17","modified_gmt":"2026-08-04T08:38:17","slug":"team","status":"publish","type":"page","link":"https:\/\/socials.ink\/?page_id=1025","title":{"rendered":"Team"},"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\nPreview<\/title>\r\n<\/head>\r\n<body style=\"margin:0;\">\r\n\r\n<!-- ============================================================\r\n TEAM PAGE - Socials.ink - Dark Purple Theme\r\n Hero heading + one highlighted Leader card + 4-member grid.\r\n Avatars are placeholder initials circles (no real photos yet).\r\n Paste into an Elementor \"HTML\" widget\r\n\r\n NOTE: Replace all names, roles, and bios below with your real\r\n team details when ready. Swap the placeholder avatar divs for\r\n <img> tags once you have photos.\r\n ============================================================ -->\r\n\r\n<style>\r\n .tm-wrapper {\r\n --tm-bg: #120a1f;\r\n --tm-text: #f1eefc;\r\n --tm-text-muted: rgba(230, 224, 250, 0.75);\r\n --tm-accent: #c084fc;\r\n\r\n background: var(--tm-bg);\r\n padding: 90px 24px 100px;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n box-sizing: border-box;\r\n }\r\n .tm-wrapper * { box-sizing: border-box; }\r\n\r\n .tm-inner { max-width: 1080px; margin: 0 auto; }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .tm-hero {\r\n text-align: center;\r\n margin-bottom: 64px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: tmFadeUp 0.7s ease forwards;\r\n }\r\n .tm-hero-heading {\r\n color: var(--tm-text);\r\n font-size: clamp(32px, 4.4vw, 50px);\r\n font-weight: 800;\r\n line-height: 1.15;\r\n margin: 0 0 20px;\r\n }\r\n .tm-hero-text {\r\n color: var(--tm-text-muted);\r\n font-size: 17px;\r\n line-height: 1.65;\r\n max-width: 620px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ---------- Leader card ---------- *\/\r\n .tm-leader {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n background: linear-gradient(150deg, #2c1653 0%, #150c28 100%);\r\n border: 1px solid rgba(192, 132, 252, 0.28);\r\n border-radius: 24px;\r\n padding: 40px;\r\n margin-bottom: 56px;\r\n box-shadow: 0 0 0 1px rgba(192,132,252,0.08), 0 30px 60px rgba(0,0,0,0.45), 0 0 70px rgba(124,58,237,0.18);\r\n opacity: 0;\r\n transform: translateY(24px);\r\n animation: tmFadeUp 0.7s ease 0.1s forwards;\r\n }\r\n\r\n .tm-leader-avatar {\r\n flex-shrink: 0;\r\n width: 140px;\r\n height: 140px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #a855f7, #6d28d9);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 44px;\r\n font-weight: 800;\r\n border: 3px solid rgba(192, 132, 252, 0.4);\r\n box-shadow: 0 0 40px rgba(168,85,247,0.35);\r\n overflow: hidden;\r\n }\r\n .tm-leader-avatar-photo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .tm-leader-badge {\r\n display: inline-block;\r\n color: #6ee7b7;\r\n font-size: 12.5px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n margin: 0 0 10px;\r\n }\r\n .tm-leader-name {\r\n color: var(--tm-text);\r\n font-size: 26px;\r\n font-weight: 800;\r\n margin: 0 0 4px;\r\n }\r\n .tm-leader-role {\r\n color: var(--tm-accent);\r\n font-size: 15px;\r\n font-weight: 600;\r\n margin: 0 0 14px;\r\n }\r\n .tm-leader-bio {\r\n color: var(--tm-text-muted);\r\n font-size: 15px;\r\n line-height: 1.65;\r\n margin: 0;\r\n max-width: 520px;\r\n }\r\n\r\n \/* ---------- Team grid ---------- *\/\r\n .tm-grid-heading {\r\n color: var(--tm-text);\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin: 0 0 24px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: tmFadeUp 0.7s ease 0.2s forwards;\r\n }\r\n\r\n .tm-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .tm-card {\r\n text-align: center;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n border-radius: 18px;\r\n padding: 32px 20px 28px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: tmFadeUp 0.7s ease forwards;\r\n transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\r\n }\r\n .tm-card:nth-child(1) { animation-delay: 0.28s; }\r\n .tm-card:nth-child(2) { animation-delay: 0.36s; }\r\n .tm-card:nth-child(3) { animation-delay: 0.44s; }\r\n .tm-card:nth-child(4) { animation-delay: 0.52s; }\r\n\r\n .tm-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(192, 132, 252, 0.4);\r\n box-shadow: 0 18px 36px rgba(0,0,0,0.4), 0 0 30px rgba(124,58,237,0.18);\r\n }\r\n\r\n .tm-card-avatar {\r\n width: 84px;\r\n height: 84px;\r\n border-radius: 50%;\r\n background: rgba(168, 85, 247, 0.14);\r\n border: 1px solid rgba(192, 132, 252, 0.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #d8b4fe;\r\n font-size: 24px;\r\n font-weight: 700;\r\n margin: 0 auto 18px;\r\n }\r\n\r\n .tm-card-name {\r\n color: var(--tm-text);\r\n font-size: 16.5px;\r\n font-weight: 700;\r\n margin: 0 0 4px;\r\n }\r\n .tm-card-role {\r\n color: var(--tm-text-muted);\r\n font-size: 13.5px;\r\n margin: 0;\r\n }\r\n\r\n @keyframes tmFadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 800px) {\r\n .tm-leader { flex-direction: column; text-align: center; gap: 20px; padding: 32px 24px; }\r\n .tm-leader-bio { max-width: 100%; }\r\n .tm-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 480px) {\r\n .tm-grid { grid-template-columns: 1fr; }\r\n .tm-wrapper { padding: 60px 20px 70px; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"tm-wrapper\">\r\n <div class=\"tm-inner\">\r\n\r\n <div class=\"tm-hero\">\r\n <h1 class=\"tm-hero-heading\">We run agencies. That's why we built this.<\/h1>\r\n <p class=\"tm-hero-text\">Not another feature checklist written by people who've never juggled ten clients at once. Every screen in socials.ink exists because someone on this team needed it first.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tm-leader\">\r\n <div class=\"tm-leader-avatar tm-leader-avatar-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/socials.ink\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_fqjopafqjopafqjo-removebg-preview.png\" alt=\"Dr. Murad Khan\">\r\n <\/div>\r\n <div>\r\n <p class=\"tm-leader-badge\">Founder & CEO<\/p>\r\n <p class=\"tm-leader-name\">Dr. Murad Khan<\/p>\r\n <p class=\"tm-leader-role\">Founder, socials.ink<\/p>\r\n <p class=\"tm-leader-bio\">Dr. Murad Khan founded socials.ink after running social media for agency clients himself and getting tired of stitching together five different tools just to keep one client's content on-brand. Today he's focused on building the platform he wished he'd had from day one.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <h2 class=\"tm-grid-heading\">The team<\/h2>\r\n <div class=\"tm-grid\">\r\n\r\n <div class=\"tm-card\">\r\n <div class=\"tm-card-avatar\">MB<\/div>\r\n <p class=\"tm-card-name\">Miraal Batool<\/p>\r\n <p class=\"tm-card-role\">Keeps every client's content on-brand and on time<\/p>\r\n <\/div>\r\n\r\n <div class=\"tm-card\">\r\n <div class=\"tm-card-avatar\">KN<\/div>\r\n <p class=\"tm-card-name\">Khansa Noor<\/p>\r\n <p class=\"tm-card-role\">Turns feedback into finished, publish-ready posts<\/p>\r\n <\/div>\r\n\r\n <div class=\"tm-card\">\r\n <div class=\"tm-card-avatar\">UT<\/div>\r\n <p class=\"tm-card-name\">Urwa Tahir<\/p>\r\n <p class=\"tm-card-role\">Makes sure nothing slips through the cracks<\/p>\r\n <\/div>\r\n\r\n <div class=\"tm-card\">\r\n <div class=\"tm-card-avatar\">WW<\/div>\r\n <p class=\"tm-card-name\">Waqas Warsi<\/p>\r\n <p class=\"tm-card-role\">Builds the tools that make it all run smoothly<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6394173 e-con e-atomic-element e-flexbox-base e-bebc52a \" data-id=\"6394173\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6394173\">\n \t\t<div class=\"elementor-element elementor-element-2a57d49 elementor-widget elementor-widget-html\" data-id=\"2a57d49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Preview<\/title>\r\n<\/head>\r\n<body style=\"margin:0;\">\r\n\r\n<!-- ============================================================\r\n TEAM PAGE \u2014 VALUES SECTION + FINAL CTA\r\n Socials.ink - Dark Purple Theme\r\n 4-card values grid with icons + hover animation, followed by\r\n a closing CTA section.\r\n Paste into an Elementor \"HTML\" widget\r\n ============================================================ -->\r\n\r\n<style>\r\n .vl-wrapper {\r\n --vl-bg: #120a1f;\r\n --vl-text: #f1eefc;\r\n --vl-text-muted: rgba(230, 224, 250, 0.72);\r\n --vl-accent: #c084fc;\r\n\r\n background: var(--vl-bg);\r\n padding: 90px 24px;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n box-sizing: border-box;\r\n }\r\n .vl-wrapper * { box-sizing: border-box; }\r\n\r\n .vl-inner { max-width: 1180px; margin: 0 auto; }\r\n\r\n .vl-eyebrow {\r\n display: block;\r\n text-align: center;\r\n color: var(--vl-accent);\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n margin: 0 0 14px;\r\n }\r\n .vl-heading {\r\n text-align: center;\r\n color: var(--vl-text);\r\n font-size: clamp(28px, 3.6vw, 40px);\r\n font-weight: 700;\r\n margin: 0 0 50px;\r\n }\r\n\r\n .vl-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .vl-card {\r\n padding: 30px 24px;\r\n border-radius: 18px;\r\n border: 1px solid rgba(255,255,255,0.07);\r\n background: linear-gradient(160deg, rgba(124,58,237,0.05) 0%, rgba(18,10,31,0) 60%);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: vlFadeUp 0.7s ease forwards;\r\n transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease;\r\n }\r\n .vl-card:nth-child(1) { animation-delay: 0.05s; }\r\n .vl-card:nth-child(2) { animation-delay: 0.15s; }\r\n .vl-card:nth-child(3) { animation-delay: 0.25s; }\r\n .vl-card:nth-child(4) { animation-delay: 0.35s; }\r\n\r\n .vl-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(192, 132, 252, 0.4);\r\n background: linear-gradient(160deg, rgba(124,58,237,0.12) 0%, rgba(18,10,31,0) 70%);\r\n }\r\n\r\n .vl-icon-wrap {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 14px;\r\n background: rgba(168, 85, 247, 0.1);\r\n border: 1px solid rgba(192, 132, 252, 0.25);\r\n margin-bottom: 20px;\r\n transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n .vl-card:hover .vl-icon-wrap {\r\n transform: scale(1.08) rotate(-4deg);\r\n background: rgba(168, 85, 247, 0.2);\r\n box-shadow: 0 0 26px rgba(168, 85, 247, 0.3);\r\n }\r\n .vl-icon-wrap svg {\r\n width: 26px;\r\n height: 26px;\r\n color: #c4b5fd;\r\n }\r\n\r\n .vl-card-title {\r\n color: var(--vl-text);\r\n font-size: 17px;\r\n font-weight: 700;\r\n margin: 0 0 10px;\r\n }\r\n .vl-card-text {\r\n color: var(--vl-text-muted);\r\n font-size: 14px;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n @keyframes vlFadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .vl-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 480px) {\r\n .vl-grid { grid-template-columns: 1fr; }\r\n .vl-wrapper { padding: 60px 20px; }\r\n }\r\n\r\n \/* ---------- Final CTA ---------- *\/\r\n .fc-wrapper {\r\n --fc-bg: #120a1f;\r\n --fc-text: #f1eefc;\r\n --fc-text-muted: rgba(230, 224, 250, 0.72);\r\n\r\n background: var(--fc-bg);\r\n padding: 100px 24px;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n box-sizing: border-box;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .fc-wrapper * { box-sizing: border-box; }\r\n .fc-wrapper::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 700px;\r\n height: 700px;\r\n background: radial-gradient(circle, rgba(124,58,237,0.25) 0%, rgba(124,58,237,0) 70%);\r\n transform: translate(-50%, -50%);\r\n pointer-events: none;\r\n }\r\n .fc-inner {\r\n position: relative;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fcFadeUp 0.8s ease forwards;\r\n }\r\n .fc-heading {\r\n color: var(--fc-text);\r\n font-size: clamp(28px, 4vw, 44px);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin: 0 0 32px;\r\n }\r\n .fc-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, #a855f7, #7c3aed);\r\n color: #fff;\r\n font-size: 16px;\r\n font-weight: 600;\r\n text-decoration: none !important;\r\n padding: 16px 32px;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.45);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .fc-cta:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 14px 36px rgba(124, 58, 237, 0.6);\r\n }\r\n .fc-cta svg { width: 20px; height: 20px; transition: transform 0.3s ease; }\r\n .fc-cta:hover svg { transform: translateX(4px); }\r\n .fc-note { color: var(--fc-text-muted); font-size: 14px; margin: 20px 0 0; }\r\n\r\n @keyframes fcFadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n<\/style>\r\n\r\n<section class=\"vl-wrapper\">\r\n <div class=\"vl-inner\">\r\n\r\n <span class=\"vl-eyebrow\">How we work<\/span>\r\n <h2 class=\"vl-heading\">What we actually believe<\/h2>\r\n\r\n <div class=\"vl-grid\">\r\n\r\n <div class=\"vl-card\">\r\n <span class=\"vl-icon-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21a8 8 0 1 0-16 0\"><\/path><circle cx=\"12\" cy=\"8\" r=\"5\"><\/circle><\/svg>\r\n <\/span>\r\n <h3 class=\"vl-card-title\">Built for agencies<\/h3>\r\n <p class=\"vl-card-text\">Not creators, not solo influencers \u2014 every decision starts from what a team juggling ten clients actually needs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vl-card\">\r\n <span class=\"vl-icon-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8Z\"><\/path><\/svg>\r\n <\/span>\r\n <h3 class=\"vl-card-title\">Ship fast, fix faster<\/h3>\r\n <p class=\"vl-card-text\">We'd rather put something useful in your hands this week and improve it, than sit on it for six months chasing perfect.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vl-card\">\r\n <span class=\"vl-icon-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg>\r\n <\/span>\r\n <h3 class=\"vl-card-title\">No fluff, no filler<\/h3>\r\n <p class=\"vl-card-text\">If a feature doesn't save you time or make your clients happier, it doesn't ship. Simple as that.<\/p>\r\n <\/div>\r\n\r\n <div class=\"vl-card\">\r\n <span class=\"vl-icon-wrap\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.35-9.5-8.5C.5 8.5 3 5 6.5 5 9 5 11 7 12 8.5 13 7 15 5 17.5 5 21 5 23.5 8.5 21.5 12.5 19 16.85 12 21 12 21Z\"><\/path><\/svg>\r\n <\/span>\r\n <h3 class=\"vl-card-title\">Client-first, always<\/h3>\r\n <p class=\"vl-card-text\">Every screen we build has to make sense to the person reviewing it, not just the person who scheduled it.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"fc-wrapper\">\r\n <div class=\"fc-inner\">\r\n <h2 class=\"fc-heading\">Want to see what we built?<\/h2>\r\n <a class=\"fc-cta\" href=\"#\">\r\n <span>Get started for free<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0\"><path fill=\"currentColor\" d=\"M11.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06l5.72-5.72H5a.75.75 0 0 1 0-1.5h12.19l-5.72-5.72a.75.75 0 0 1 0-1.06Z\"\/><\/svg>\r\n <\/a>\r\n <p class=\"fc-note\">No credit card needed. Free forever.<\/p>\r\n <\/div>\r\n<\/section>\r\n\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>Preview We run agencies. That’s why we built this. Not another feature checklist written by people who’ve never juggled ten clients at once. Every screen in socials.ink exists because someone on this team needed it first. Founder & CEO Dr. Murad Khan Founder, socials.ink Dr. Murad Khan founded socials.ink after running social media for agency […]<\/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-1025","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages\/1025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/socials.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1025"}],"version-history":[{"count":0,"href":"https:\/\/socials.ink\/index.php?rest_route=\/wp\/v2\/pages\/1025\/revisions"}],"wp:attachment":[{"href":"https:\/\/socials.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}