{"id":91,"date":"2026-01-31T00:11:54","date_gmt":"2026-01-31T00:11:54","guid":{"rendered":"https:\/\/techvantagenow.com\/clients\/postcity\/?page_id=91"},"modified":"2026-03-19T23:59:28","modified_gmt":"2026-03-19T23:59:28","slug":"social","status":"publish","type":"page","link":"https:\/\/techvantagenow.com\/clients\/postcity\/social\/","title":{"rendered":"Social"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nSocial Media \u2013 Post City Magazines<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --ink: #0d0d0d;\n --cream: #f5f0e8;\n --gold: #b8963e;\n --gold-light: #d4af6a;\n --warm-white: #faf7f2;\n --mid: #5c5449;\n --rule: rgba(184,150,62,0.35);\n }\n html { scroll-behavior: smooth; }\n body { font-family: 'DM Sans', sans-serif; background: var(--warm-white); color: var(--ink); overflow-x: hidden; }\n\n \/* \u2500\u2500 HELPERS \u2500\u2500 *\/\n .section-label {\n display: flex; align-items: center; gap: 14px;\n font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500;\n letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px;\n }\n .section-label::after { content: ''; flex: 1; height: 1px; background: var(--rule); }\n .gold-rule { height: 1px; background: linear-gradient(to right, transparent, var(--gold), transparent); }\n .btn-primary {\n display: inline-flex; align-items: center; gap: 10px; background: var(--gold); color: #fff;\n font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;\n letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none;\n padding: 15px 32px; transition: all 0.25s; border: none; cursor: pointer;\n }\n .btn-primary:hover { background: #fff; color: var(--ink); }\n .btn-outline {\n display: inline-flex; align-items: center; gap: 10px;\n border: 1px solid rgba(184,150,62,0.5); color: var(--gold-light);\n font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;\n letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none;\n padding: 15px 32px; transition: all 0.25s;\n }\n .btn-outline:hover { border-color: var(--gold); background: rgba(184,150,62,0.1); }\n @keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }\n .anim { opacity: 0; animation: fadeUp 0.75s ease forwards; }\n .d1 { animation-delay: 0.1s; } .d2 { animation-delay: 0.25s; }\n .d3 { animation-delay: 0.4s; } .d4 { animation-delay: 0.55s; }\n\n \/* \u2500\u2500 PAGE HERO \u2500\u2500 *\/\n .page-hero {\n background: var(--ink); position: relative; overflow: hidden; min-height: 88vh;\n display: grid; grid-template-columns: 1fr 1fr; align-items: center;\n }\n .page-hero::before {\n content: '1.2M'; font-family: 'Playfair Display', serif; font-size: 26vw; font-weight: 900;\n color: rgba(184,150,62,0.04); position: absolute; top: 50%; left: 50%;\n transform: translate(-50%, -50%); white-space: nowrap;\n pointer-events: none; user-select: none; letter-spacing: -0.03em; line-height: 1;\n }\n .hero-left {\n padding: clamp(60px, 8vw, 120px) clamp(24px, 5vw, 80px);\n position: relative; z-index: 2;\n }\n .hero-overline {\n font-family: 'DM Sans', sans-serif; font-size: 10.5px; font-weight: 500;\n letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold);\n margin-bottom: 24px; display: flex; align-items: center; gap: 12px;\n }\n .hero-overline::before { content: ''; width: 32px; height: 1px; background: var(--gold); }\n .hero-left h1 {\n font-family: 'Playfair Display', serif; font-size: clamp(42px, 5vw, 72px);\n font-weight: 900; line-height: 1.03; color: var(--cream); margin-bottom: 24px;\n letter-spacing: -0.01em;\n }\n .hero-left h1 em { font-style: italic; color: var(--gold-light); }\n .hero-left p {\n font-family: 'Cormorant Garamond', serif; font-size: clamp(17px, 1.6vw, 21px);\n font-weight: 300; color: rgba(245,240,232,0.65); line-height: 1.72;\n max-width: 460px; margin-bottom: 44px;\n }\n .hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }\n\n \/* Platform follower pills *\/\n .platform-pills {\n display: flex; flex-direction: column; gap: 12px; margin-bottom: 44px;\n }\n .platform-pill {\n display: flex; align-items: center; gap: 18px;\n background: rgba(255,255,255,0.04); border: 1px solid rgba(184,150,62,0.15);\n padding: 14px 22px; text-decoration: none;\n transition: border-color 0.3s, background 0.3s, transform 0.3s;\n }\n .platform-pill:hover {\n border-color: rgba(184,150,62,0.5); background: rgba(184,150,62,0.08);\n transform: translateX(4px);\n }\n .pp-icon { font-size: 22px; flex-shrink: 0; width: 28px; text-align: center; }\n .pp-name {\n font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500;\n letter-spacing: 0.12em; text-transform: uppercase; color: rgba(245,240,232,0.6);\n flex: 1;\n }\n .pp-handle {\n font-family: 'DM Sans', sans-serif; font-size: 11px;\n color: var(--gold); letter-spacing: 0.06em;\n }\n .pp-count {\n font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700;\n color: var(--gold-light); line-height: 1;\n }\n\n \/* Hero right \u2014 phone visual *\/\n .hero-right {\n position: relative; height: 100%;\n display: flex; align-items: center; justify-content: center;\n overflow: hidden;\n background: linear-gradient(160deg, rgba(184,150,62,0.07) 0%, transparent 60%);\n }\n .phones-scene {\n position: relative; width: 100%; max-width: 500px;\n padding: clamp(40px, 5vw, 80px) 0;\n display: flex; justify-content: center;\n }\n .phone-main {\n width: 100%; position: relative; z-index: 3;\n filter: drop-shadow(-24px 32px 56px rgba(0,0,0,0.7));\n }\n .phone-main img { width: 100%; display: block; border-radius: 32px; }\n .phone-side {\n width: 48%; position: absolute; z-index: 2;\n filter: drop-shadow(-10px 20px 40px rgba(0,0,0,0.45));\n }\n .phone-side img { width: 100%; display: block; border-radius: 28px; opacity: 0.7; }\n .ps-left { left: 0; top: 12%; transform: rotate(-8deg); }\n .ps-right { right: 0; top: 18%; transform: rotate(7deg); }\n \/* floating engagement badge *\/\n .eng-badge {\n position: absolute; bottom: 18%; right: 6%;\n background: var(--gold); color: #fff; padding: 14px 20px;\n box-shadow: 0 12px 36px rgba(184,150,62,0.5); z-index: 4;\n }\n .eng-badge-num {\n font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 700;\n line-height: 1; display: block; margin-bottom: 2px;\n }\n .eng-badge-label {\n font-family: 'DM Sans', sans-serif; font-size: 9.5px; font-weight: 500;\n letter-spacing: 0.18em; text-transform: uppercase; opacity: 0.85;\n }\n\n \/* \u2500\u2500 PLATFORM BREAKDOWN \u2500\u2500 *\/\n .platforms {\n padding: clamp(70px, 8vw, 110px) clamp(24px, 6vw, 100px);\n max-width: 1400px; margin: 0 auto;\n }\n .platforms-header { margin-bottom: 52px; }\n .platforms-header h2 {\n font-family: 'Playfair Display', serif; font-size: clamp(32px, 3.5vw, 50px);\n font-weight: 700; color: var(--ink); line-height: 1.1;\n }\n .platforms-header h2 em { font-style: italic; color: var(--gold); }\n .platforms-header p {\n font-family: 'Cormorant Garamond', serif; font-size: clamp(16px, 1.4vw, 19px);\n color: var(--mid); max-width: 580px; line-height: 1.7; margin-top: 14px;\n }\n\n .platform-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }\n .plat-card {\n background: var(--cream); padding: 36px 28px; text-decoration: none; display: block;\n border-top: 4px solid transparent; position: relative; overflow: hidden;\n transition: border-color 0.3s;\n }\n .plat-card::after {\n content: ''; position: absolute; bottom: 0; left: 0; right: 0;\n height: 0; background: var(--ink); transition: height 0.45s ease; z-index: 0;\n }\n .plat-card:hover::after { height: 100%; }\n .plat-card:hover { border-color: var(--gold); }\n .plat-card > * { position: relative; z-index: 1; }\n .plat-icon { font-size: 32px; margin-bottom: 20px; display: block; }\n .plat-count {\n font-family: 'Playfair Display', serif; font-size: clamp(30px, 3vw, 44px);\n font-weight: 700; color: var(--gold); line-height: 1; margin-bottom: 8px; display: block;\n transition: color 0.3s;\n }\n .plat-card:hover .plat-count { color: var(--gold-light); }\n .plat-name {\n font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 500;\n letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink);\n margin-bottom: 6px; transition: color 0.3s;\n }\n .plat-card:hover .plat-name { color: var(--cream); }\n .plat-handle {\n font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--mid); margin-bottom: 20px;\n transition: color 0.3s;\n }\n .plat-card:hover .plat-handle { color: rgba(245,240,232,0.45); }\n .plat-desc {\n font-family: 'DM Sans', sans-serif; font-size: 12.5px; color: var(--mid); line-height: 1.65;\n transition: color 0.3s;\n }\n .plat-card:hover .plat-desc { color: rgba(245,240,232,0.55); }\n\n \/* \u2500\u2500 WHAT WE DO FOR YOU \u2500\u2500 *\/\n .services {\n background: var(--ink);\n padding: clamp(70px, 8vw, 110px) clamp(24px, 6vw, 100px);\n position: relative; overflow: hidden;\n }\n .services::before {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at 10% 60%, rgba(184,150,62,0.1) 0%, transparent 55%);\n pointer-events: none;\n }\n .services-inner { max-width: 1400px; margin: 0 auto; position: relative; }\n .services-header {\n display: grid; grid-template-columns: 1fr 1fr; gap: 60px;\n align-items: end; margin-bottom: 60px;\n }\n .services-header h2 {\n font-family: 'Playfair Display', serif; font-size: clamp(32px, 3.5vw, 50px);\n font-weight: 700; color: var(--cream); line-height: 1.1;\n }\n .services-header h2 em { font-style: italic; color: var(--gold-light); }\n .services-header p {\n font-family: 'Cormorant Garamond', serif; font-size: clamp(16px, 1.4vw, 19px);\n color: rgba(245,240,232,0.55); line-height: 1.75;\n }\n\n .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; }\n .service-card {\n background: rgba(255,255,255,0.03); border: 1px solid rgba(184,150,62,0.1);\n padding: 44px 38px; position: relative; overflow: hidden;\n transition: border-color 0.3s, background 0.3s;\n }\n .service-card:hover { border-color: rgba(184,150,62,0.4); background: rgba(184,150,62,0.06); }\n .service-num {\n font-family: 'Playfair Display', serif; font-size: 56px; font-weight: 700;\n color: rgba(184,150,62,0.15); line-height: 1; margin-bottom: 20px;\n transition: color 0.3s; display: block;\n }\n .service-card:hover .service-num { color: rgba(184,150,62,0.3); }\n .service-card h3 {\n font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 700;\n color: var(--cream); margin-bottom: 16px; line-height: 1.2;\n }\n .service-card p {\n font-family: 'DM Sans', sans-serif; font-size: 13.5px;\n color: rgba(245,240,232,0.55); line-height: 1.75; margin-bottom: 24px;\n }\n .service-tags { display: flex; flex-wrap: wrap; gap: 8px; }\n .service-tag {\n font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500;\n letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold);\n border: 1px solid rgba(184,150,62,0.3); padding: 5px 14px; border-radius: 100px;\n transition: border-color 0.2s;\n }\n .service-card:hover .service-tag { border-color: rgba(184,150,62,0.6); }\n \/* Video preview inside contests card *\/\n .video-preview {\n background: rgba(0,0,0,0.4); border: 1px solid rgba(184,150,62,0.2);\n margin-top: 24px; padding: 20px; display: flex; align-items: center; gap: 16px;\n text-decoration: none; transition: border-color 0.2s, background 0.2s;\n }\n .video-preview:hover { border-color: var(--gold); background: rgba(184,150,62,0.08); }\n .video-play {\n width: 44px; height: 44px; background: var(--gold); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 16px; flex-shrink: 0; transition: background 0.2s; padding-left: 3px;\n }\n .video-preview:hover .video-play { background: var(--gold-light); }\n .video-info strong {\n font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500;\n color: var(--cream); display: block; margin-bottom: 3px;\n }\n .video-info span {\n font-family: 'DM Sans', sans-serif; font-size: 11px;\n color: rgba(245,240,232,0.4);\n }\n\n \/* \u2500\u2500 PACKAGE BUILDER \u2500\u2500 *\/\n .package-band {\n background: var(--cream);\n padding: clamp(70px, 8vw, 110px) clamp(24px, 6vw, 100px);\n }\n .package-inner { max-width: 1200px; margin: 0 auto; }\n .package-inner h2 {\n font-family: 'Playfair Display', serif; font-size: clamp(32px, 3.5vw, 50px);\n font-weight: 700; color: var(--ink); line-height: 1.1; margin-bottom: 14px;\n }\n .package-inner h2 em { font-style: italic; color: var(--gold); }\n .package-inner > p {\n font-family: 'Cormorant Garamond', serif; font-size: clamp(17px, 1.5vw, 20px);\n color: var(--mid); max-width: 580px; line-height: 1.75; margin-bottom: 52px;\n }\n\n .package-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-bottom: 40px; }\n .pkg-card {\n background: var(--warm-white); border-top: 3px solid var(--rule); padding: 36px 30px;\n transition: border-color 0.3s, background 0.3s;\n }\n .pkg-card:hover { border-color: var(--gold); background: #fff; }\n .pkg-card-header { margin-bottom: 28px; }\n .pkg-label {\n font-family: 'DM Sans', sans-serif; font-size: 9.5px; font-weight: 500;\n letter-spacing: 0.24em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; display: block;\n }\n .pkg-card h3 {\n font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: var(--ink);\n }\n .pkg-items { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n .pkg-items li {\n font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--mid); line-height: 1.5;\n display: flex; align-items: flex-start; gap: 10px;\n }\n .pkg-items li::before {\n content: ''; width: 6px; height: 6px; background: var(--gold); border-radius: 50%;\n flex-shrink: 0; margin-top: 6px;\n }\n\n .package-note {\n background: var(--ink); padding: 28px 36px; display: flex; align-items: center; gap: 24px;\n }\n .package-note p {\n font-family: 'Cormorant Garamond', serif; font-size: clamp(17px, 1.5vw, 20px);\n color: rgba(245,240,232,0.7); line-height: 1.65; flex: 1;\n }\n .package-note p strong { color: var(--gold-light); }\n\n \/* \u2500\u2500 INSTAGRAM WALL \u2500\u2500 *\/\n .ig-wall {\n padding: clamp(70px, 8vw, 110px) clamp(24px, 6vw, 100px);\n max-width: 1400px; margin: 0 auto;\n }\n .ig-wall-header {\n display: flex; align-items: end; justify-content: space-between; margin-bottom: 40px; gap: 20px;\n }\n .ig-wall-header h2 {\n font-family: 'Playfair Display', serif; font-size: clamp(30px, 3vw, 44px);\n font-weight: 700; color: var(--ink); line-height: 1.1;\n }\n .ig-wall-header h2 em { font-style: italic; color: var(--gold); }\n .ig-follow-btn {\n display: inline-flex; align-items: center; gap: 8px;\n color: var(--gold); font-family: 'DM Sans', sans-serif; font-size: 11px;\n font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase;\n text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 3px;\n white-space: nowrap; flex-shrink: 0; transition: color 0.2s, border-color 0.2s;\n }\n .ig-follow-btn:hover { color: var(--ink); border-color: var(--ink); }\n\n \/* Faux IG grid *\/\n .ig-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 3px; }\n .ig-cell {\n aspect-ratio: 1\/1; overflow: hidden; position: relative; cursor: pointer;\n background: var(--cream);\n }\n .ig-cell-inner {\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;\n font-size: clamp(28px, 3vw, 44px); transition: transform 0.4s ease;\n }\n .ig-cell:hover .ig-cell-inner { transform: scale(1.12); }\n .ig-cell-overlay {\n position: absolute; inset: 0;\n background: rgba(13,13,13,0); transition: background 0.3s;\n display: flex; align-items: center; justify-content: center;\n }\n .ig-cell:hover .ig-cell-overlay { background: rgba(13,13,13,0.45); }\n .ig-cell-overlay span {\n font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500;\n letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-light);\n opacity: 0; transition: opacity 0.3s; text-align: center; padding: 0 8px;\n }\n .ig-cell:hover .ig-cell-overlay span { opacity: 1; }\n\n \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n .contact-band {\n background: var(--cream);\n padding: clamp(70px, 8vw, 110px) clamp(24px, 6vw, 100px);\n }\n .contact-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: start;\n }\n .contact-info h2 {\n font-family: 'Playfair Display', serif; font-size: clamp(30px, 3vw, 44px);\n font-weight: 700; color: var(--ink); line-height: 1.15; margin-bottom: 20px;\n }\n .contact-info h2 em { font-style: italic; color: var(--gold); }\n .contact-info p {\n font-family: 'Cormorant Garamond', serif; font-size: clamp(16px, 1.4vw, 19px);\n color: var(--mid); line-height: 1.75; margin-bottom: 36px;\n }\n .contact-detail { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; }\n .contact-detail-icon {\n width: 36px; height: 36px; border: 1px solid var(--rule); border-radius: 50%;\n display: flex; align-items: center; justify-content: center; font-size: 14px;\n flex-shrink: 0; margin-top: 2px;\n }\n .contact-detail-text { font-family: 'DM Sans', sans-serif; font-size: 13px; color: var(--mid); line-height: 1.6; }\n .contact-detail-text a { color: var(--gold); text-decoration: none; }\n .contact-detail-text a:hover { text-decoration: underline; }\n .contact-form { display: flex; flex-direction: column; gap: 16px; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .form-group { display: flex; flex-direction: column; gap: 6px; }\n .form-group label {\n font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500;\n letter-spacing: 0.2em; text-transform: uppercase; color: var(--mid);\n }\n .form-group input, .form-group select, .form-group textarea {\n background: var(--warm-white); border: 1px solid rgba(92,84,73,0.25);\n padding: 13px 16px; font-family: 'DM Sans', sans-serif; font-size: 14px;\n color: var(--ink); outline: none; transition: border-color 0.2s;\n border-radius: 0; appearance: none;\n }\n .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--gold); }\n .form-group textarea { resize: vertical; min-height: 120px; }\n .form-note { font-family: 'DM Sans', sans-serif; font-size: 11.5px; color: var(--mid); line-height: 1.6; }\n .form-submit {\n background: var(--gold); color: #fff; border: none; cursor: pointer;\n font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;\n letter-spacing: 0.2em; text-transform: uppercase; padding: 16px 40px;\n display: inline-flex; align-items: center; gap: 10px; align-self: flex-start;\n transition: background 0.25s;\n }\n .form-submit:hover { background: var(--ink); }\n\n \/* \u2500\u2500 CTA BAND \u2500\u2500 *\/\n .cta-band {\n background: var(--gold); padding: clamp(50px, 6vw, 80px) clamp(24px, 6vw, 100px);\n text-align: center; position: relative; overflow: hidden;\n }\n .cta-band::before {\n content: ''; position: absolute; inset: 0;\n background: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.04) 20px, rgba(255,255,255,0.04) 21px);\n }\n .cta-band-inner { position: relative; max-width: 680px; margin: 0 auto; }\n .cta-band h2 {\n font-family: 'Playfair Display', serif; font-size: clamp(28px, 3vw, 44px);\n font-weight: 700; color: #fff; margin-bottom: 14px; line-height: 1.15;\n }\n .cta-band p {\n font-family: 'Cormorant Garamond', serif; font-size: clamp(17px, 1.6vw, 21px);\n color: rgba(255,255,255,0.85); line-height: 1.65; margin-bottom: 36px;\n }\n .cta-band-btn {\n display: inline-flex; align-items: center; gap: 12px;\n background: var(--ink); color: var(--gold-light);\n font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;\n letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none;\n padding: 18px 44px; transition: all 0.25s;\n }\n .cta-band-btn:hover { background: #fff; color: var(--ink); }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 1100px) {\n .page-hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-right { display: none; }\n .platform-cards { grid-template-columns: repeat(2, 1fr); }\n .services-header { grid-template-columns: 1fr; gap: 20px; }\n .services-grid { grid-template-columns: 1fr; }\n .package-grid { grid-template-columns: 1fr 1fr; }\n .ig-grid { grid-template-columns: repeat(4, 1fr); }\n .contact-inner { grid-template-columns: 1fr; gap: 50px; }\n }\n @media (max-width: 680px) {\n .platform-cards { grid-template-columns: 1fr 1fr; }\n .package-grid { grid-template-columns: 1fr; }\n .ig-grid { grid-template-columns: repeat(3, 1fr); }\n .form-row { grid-template-columns: 1fr; }\n .package-note { flex-direction: column; gap: 16px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<section class=\"page-hero\">\n <div class=\"hero-left\">\n <div class=\"hero-overline anim d1\">@StreetsOfToronto<\/div>\n <h1 class=\"anim d2\">Toronto's most<br><em>followed<\/em> city<br>voice<\/h1>\n <p class=\"anim d3\">With over 1.2 million followers across our social platforms, Streets of Toronto reaches a coveted demographic across Toronto and the GTA \u2014 and your brand can be part of it.<\/p>\n\n <!--<div class=\"platform-pills anim d3\">-->\n <!-- <a href=\"https:\/\/www.instagram.com\/streetsoftoronto\/\" target=\"_blank\" class=\"platform-pill\">-->\n <!-- <span class=\"pp-icon\">\ud83d\udcf8<\/span>-->\n <!-- <span class=\"pp-name\">Instagram & Threads<\/span>-->\n <!-- <span class=\"pp-handle\">@streetsoftoronto<\/span>-->\n <!-- <span class=\"pp-count\">850K<\/span>-->\n <!-- <\/a>-->\n <!-- <a href=\"https:\/\/www.facebook.com\/StreetsOfToronto\" target=\"_blank\" class=\"platform-pill\">-->\n <!-- <span class=\"pp-icon\">\ud83d\udc65<\/span>-->\n <!-- <span class=\"pp-name\">Facebook<\/span>-->\n <!-- <span class=\"pp-handle\">@StreetsOfToronto<\/span>-->\n <!-- <span class=\"pp-count\">207K<\/span>-->\n <!-- <\/a>-->\n <!-- <a href=\"https:\/\/twitter.com\/streetsoftrnto\" target=\"_blank\" class=\"platform-pill\">-->\n <!-- <span class=\"pp-icon\">\ud835\udd4f<\/span>-->\n <!-- <span class=\"pp-name\">X (Twitter)<\/span>-->\n <!-- <span class=\"pp-handle\">@streetsoftrnto<\/span>-->\n <!-- <span class=\"pp-count\">96K<\/span>-->\n <!-- <\/a>-->\n <!-- <a href=\"https:\/\/tiktok.com\/@streetsoftoronto\" target=\"_blank\" class=\"platform-pill\">-->\n <!-- <span class=\"pp-icon\">\ud83c\udfb5<\/span>-->\n <!-- <span class=\"pp-name\">TikTok<\/span>-->\n <!-- <span class=\"pp-handle\">@streetsoftoronto<\/span>-->\n <!-- <span class=\"pp-count\">80K<\/span>-->\n <!-- <\/a>-->\n <!--<\/div>-->\n\n <div class=\"hero-actions anim d4\">\n <a href=\"#services\" class=\"btn-primary\">\n See What We Offer\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <a href=\"#contact\" class=\"btn-outline\">Request Media Kit<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"phones-scene\">\n \n <div class=\"phone-main\">\n <img decoding=\"async\" src=\"https:\/\/www.postcitymagazines.com\/wp-content\/uploads\/2023\/05\/white-iphones-mockup-IG-April-23_shadow.png\"\n alt=\"Streets of Toronto Instagram\" onerror=\"this.style.display='none'\"\/>\n <\/div>\n \n <div class=\"eng-badge\">\n <span class=\"eng-badge-num\">1.2M<\/span>\n <span class=\"eng-badge-label\">Total Followers<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"gold-rule\"><\/div>\n\n<!-- PLATFORM BREAKDOWN -->\n<section class=\"platforms\">\n <div class=\"platforms-header\">\n <div class=\"section-label\">Our Platforms<\/div>\n <h2>Four platforms. <em>One powerful<\/em> community.<\/h2>\n <p>Streets of Toronto is a fast-growing social media presence that celebrates the city, its people, and its businesses \u2014 across every major platform where Toronto lives.<\/p>\n <\/div>\n <div class=\"platform-cards\">\n\n <a href=\"https:\/\/www.instagram.com\/streetsoftoronto\/\" target=\"_blank\" class=\"plat-card\">\n <span class=\"plat-icon\">\ud83d\udcf8<\/span>\n <span class=\"plat-count\">850K<\/span>\n <div class=\"plat-name\">Instagram & Threads<\/div>\n <div class=\"plat-handle\">@streetsoftoronto<\/div>\n <div class=\"plat-desc\">Our largest and most engaged platform. Gorgeous photography, curated content, and daily Stories that put your brand in front of Toronto's most influential feed.<\/div>\n <\/a>\n\n <a href=\"https:\/\/www.facebook.com\/StreetsOfToronto\" target=\"_blank\" class=\"plat-card\">\n <span class=\"plat-icon\">\ud83d\udc65<\/span>\n <span class=\"plat-count\">207K<\/span>\n <div class=\"plat-name\">Facebook<\/div>\n <div class=\"plat-handle\">@StreetsOfToronto<\/div>\n <div class=\"plat-desc\">A highly active community of Toronto locals sharing, commenting, and engaging with everything the city has to offer \u2014 perfect for driving conversation around your brand.<\/div>\n <\/a>\n\n <a href=\"https:\/\/twitter.com\/streetsoftrnto\" target=\"_blank\" class=\"plat-card\">\n <span class=\"plat-icon\">\ud835\udd4f<\/span>\n <span class=\"plat-count\">96K<\/span>\n <div class=\"plat-name\">X (Twitter)<\/div>\n <div class=\"plat-handle\">@streetsoftrnto<\/div>\n <div class=\"plat-desc\">Irreverent, timely, and in the conversation. Our X presence keeps followers up to date with breaking city news, events, and the moments that define Toronto culture.<\/div>\n <\/a>\n\n <a href=\"https:\/\/tiktok.com\/@streetsoftoronto\" target=\"_blank\" class=\"plat-card\">\n <span class=\"plat-icon\">\ud83c\udfb5<\/span>\n <span class=\"plat-count\">80K<\/span>\n <div class=\"plat-name\">TikTok<\/div>\n <div class=\"plat-handle\">@streetsoftoronto<\/div>\n <div class=\"plat-desc\">Short-form video that showcases the best of Toronto \u2014 food, fashion, streetscapes, and events. A rapidly growing platform reaching a younger, highly engaged Toronto audience.<\/div>\n <\/a>\n\n <\/div>\n<\/section>\n\n<div class=\"gold-rule\"><\/div>\n\n<!-- SERVICES -->\n<section class=\"services\" id=\"services\">\n <div class=\"services-inner\">\n <div class=\"services-header\">\n <div>\n <div class=\"section-label\">What We Can Do For You<\/div>\n <h2>Customized strategies.<br><em>Measurable<\/em> results.<\/h2>\n <\/div>\n <p>Using personalized packages built around your specific brand needs and goals, we create impactful messaging that generates genuine brand interest and drives real engagement \u2014 not just impressions.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n\n <div class=\"service-card\">\n <span class=\"service-num\">01<\/span>\n <h3>Contests & Giveaways<\/h3>\n <p>Create exciting giveaways on our platforms to increase brand recognition, attract new customers, and promote follower growth on your own social channels. Our audience loves to engage \u2014 give them a reason to discover you.<\/p>\n <div class=\"service-tags\">\n <span class=\"service-tag\">Instagram<\/span>\n <span class=\"service-tag\">Facebook<\/span>\n <span class=\"service-tag\">Brand Awareness<\/span>\n <span class=\"service-tag\">Follower Growth<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card\">\n <span class=\"service-num\">02<\/span>\n <h3>Videos \u2014 Reels & IGTV<\/h3>\n <p>Our skilled team creates dynamic video storytelling that conveys your narrative or introduces your products to audiences in a distinct new way. We also offer hosted videos with well-known Toronto media personalities to tell your story with authority and authenticity.<\/p>\n <div class=\"service-tags\">\n <span class=\"service-tag\">Reels<\/span>\n <span class=\"service-tag\">TikTok<\/span>\n <span class=\"service-tag\">Hosted Video<\/span>\n <span class=\"service-tag\">Brand Story<\/span>\n <\/div>\n <a href=\"https:\/\/www.postcitymagazines.com\/wp-content\/uploads\/2021\/01\/EgWay-BIA-video.mp4\"\n target=\"_blank\" class=\"video-preview\">\n <div class=\"video-play\">\u25b6<\/div>\n <div class=\"video-info\">\n <strong>Sample: Eglinton Way BIA<\/strong>\n <span>Hosted sponsored video<\/span>\n <\/div>\n <\/a>\n <\/div>\n\n <div class=\"service-card\">\n <span class=\"service-num\">03<\/span>\n <h3>Sponsored Instagram Posts<\/h3>\n <p>Whether a single photo, carousel, or video \u2014 sponsored posts on Streets of Toronto massively boost the reach of your messaging and generate genuine interest in your brand from Toronto's most desirable audience.<\/p>\n <div class=\"service-tags\">\n <span class=\"service-tag\">Single Photo<\/span>\n <span class=\"service-tag\">Carousel<\/span>\n <span class=\"service-tag\">Video Post<\/span>\n <span class=\"service-tag\">Organic Reach<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card\">\n <span class=\"service-num\">04<\/span>\n <h3>Instagram Stories<\/h3>\n <p>From highlighting an event to providing insight into your brand, our Stories position your company as top of mind. They link directly to sponsored articles on StreetsOfToronto.com or your own website \u2014 creating a seamless path from discovery to action.<\/p>\n <div class=\"service-tags\">\n <span class=\"service-tag\">Link in Story<\/span>\n <span class=\"service-tag\">Event Highlights<\/span>\n <span class=\"service-tag\">Brand Spotlight<\/span>\n <span class=\"service-tag\">Drive Traffic<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<!-- CONTACT -->\n<section class=\"contact-band\" id=\"contact\">\n <div class=\"contact-inner\">\n <div class=\"contact-info\">\n <div class=\"section-label\">Get In Touch<\/div>\n <h2>Ask us <em>anything<\/em><\/h2>\n <p>Interested in reaching Toronto's most engaged social audience? Tell us about your brand and goals and we'll put together a custom package that works for you.<\/p>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\">\ud83d\udccd<\/div>\n <div class=\"contact-detail-text\">1256 Yonge St., Main Floor<br>Toronto, Ontario M4T 1W5<\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\">\ud83d\udcde<\/div>\n <div class=\"contact-detail-text\"><a href=\"tel:4162507979\">416-250-7979<\/a><\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\">\u2709\ufe0f<\/div>\n <div class=\"contact-detail-text\"><a href=\"mailto:info@postcitymagazines.com\">info@postcitymagazines.com<\/a><\/div>\n <\/div>\n <\/div>\n <form class=\"contact-form\" onsubmit=\"handleSubmit(event)\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"fname\">Your Name<\/label>\n <input type=\"text\" id=\"fname\" placeholder=\"Jane Smith\"\/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"femail\">Email Address *<\/label>\n <input type=\"email\" id=\"femail\" placeholder=\"jane@company.com\" required\/>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"fphone\">Phone Number<\/label>\n <input type=\"tel\" id=\"fphone\" placeholder=\"416-000-0000\"\/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"fsubject\">I'm enquiring about<\/label>\n <select id=\"fsubject\">\n <option value=\"\">\u2014 Select a topic \u2014<\/option>\n <option>Social media videos (Reels \/ TikTok)<\/option>\n <option>Sponsored Instagram post<\/option>\n <option>Instagram Stories<\/option>\n <option>Contest or giveaway<\/option>\n <option>Multi-platform campaign<\/option>\n <option>Hosted video with personality<\/option>\n <option>Media kit request<\/option>\n <option>Other<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"fmsg\">Your Message<\/label>\n <textarea id=\"fmsg\" placeholder=\"Tell us about your brand and social media goals\u2026\"><\/textarea>\n <\/div>\n <div class=\"form-note\">We typically respond within one business day.<\/div>\n <button type=\"submit\" class=\"form-submit\">\n Send Message\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/button>\n <\/form>\n <\/div>\n<\/section>\n\n<!-- CTA BAND -->\n<section class=\"cta-band\">\n <div class=\"cta-band-inner\">\n <h2>Ready to reach 1.2 million Toronto followers?<\/h2>\n <p>Contests, Reels, sponsored posts, Stories \u2014 let's build the right social campaign for your brand.<\/p>\n <a href=\"https:\/\/techvantagenow.com\/clients\/postcity\/advertise-with-us\/\" class=\"cta-band-btn\">\n Advertise With Us\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n<script>\n function handleSubmit(e) {\n e.preventDefault();\n const btn = e.target.querySelector('.form-submit');\n btn.textContent = '\u2713 Message Sent';\n btn.style.background = '#2a5c3a';\n setTimeout(() => {\n btn.innerHTML = 'Send Message <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>';\n btn.style.background = '';\n }, 3000);\n }\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const t = document.querySelector(a.getAttribute('href'));\n if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\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>Social Media \u2013 Post City Magazines @StreetsOfToronto Toronto’s mostfollowed cityvoice With over 1.2 million followers across our social platforms, Streets of Toronto reaches a coveted demographic across Toronto and the GTA \u2014 and your brand can be part of it. See What We Offer Request Media Kit 1.2M Total Followers Our Platforms Four platforms. One […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techvantagenow.com\/clients\/postcity\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techvantagenow.com\/clients\/postcity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techvantagenow.com\/clients\/postcity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techvantagenow.com\/clients\/postcity\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techvantagenow.com\/clients\/postcity\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":142,"href":"https:\/\/techvantagenow.com\/clients\/postcity\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":2165,"href":"https:\/\/techvantagenow.com\/clients\/postcity\/wp-json\/wp\/v2\/pages\/91\/revisions\/2165"}],"wp:attachment":[{"href":"https:\/\/techvantagenow.com\/clients\/postcity\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}