{"id":11911,"date":"2026-05-20T16:24:03","date_gmt":"2026-05-20T16:24:03","guid":{"rendered":"https:\/\/jxcdigital.com\/staging\/3370\/?page_id=11911"},"modified":"2026-05-20T16:50:45","modified_gmt":"2026-05-20T16:50:45","slug":"ad-asset-creation","status":"publish","type":"page","link":"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/","title":{"rendered":"Ad Asset Creation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11911\" class=\"elementor elementor-11911\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78f7204 e-con-full e-flex e-con e-parent\" data-id=\"78f7204\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35b098b e-con-full e-flex e-con e-parent\" data-id=\"35b098b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35df95d elementor-widget elementor-widget-html\" data-id=\"35df95d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Ad Asset Creation | JXC Digital<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --magenta:     #be185d;\n    --magenta-lt:  #ec4899;\n    --violet:      #7c3aed;\n    --violet-lt:   #a78bfa;\n    --gold:        #d97706;\n    --gold-lt:     #fbbf24;\n    --dark:        #0f0a1e;\n    --dark-mid:    #1a1033;\n    --dark-lt:     #2d1f4e;\n    --white:       #ffffff;\n    --gray-light:  #fdf4ff;\n    --gray-text:   #6b7280;\n    --text-dark:   #1e1e2e;\n    --grad:        linear-gradient(135deg, #be185d 0%, #7c3aed 50%, #d97706 100%);\n    --grad-2:      linear-gradient(135deg, #ec4899 0%, #7c3aed 100%);\n    --grad-gold:   linear-gradient(135deg, #d97706 0%, #fbbf24 100%);\n    --font:        'Poppins', sans-serif;\n  }\n\n  body { font-family: var(--font); color: var(--text-dark); background: var(--white); line-height: 1.7; }\n\n  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n  .anim-fade-up    { opacity: 0; transform: translateY(40px);  transition: opacity 0.7s ease, transform 0.7s ease; }\n  .anim-fade-left  { opacity: 0; transform: translateX(-60px); transition: opacity 0.7s ease, transform 0.7s ease; }\n  .anim-fade-right { opacity: 0; transform: translateX(60px);  transition: opacity 0.7s ease, transform 0.7s ease; }\n  .anim-visible    { opacity: 1 !important; transform: none !important; }\n  .anim-delay-1 { transition-delay: 0.1s; }\n  .anim-delay-2 { transition-delay: 0.2s; }\n  .anim-delay-3 { transition-delay: 0.3s; }\n  .anim-delay-4 { transition-delay: 0.4s; }\n  .anim-delay-5 { transition-delay: 0.5s; }\n  .anim-delay-6 { transition-delay: 0.6s; }\n\n  \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n  .btn-primary {\n    display: inline-block;\n    padding: 15px 36px;\n    background: var(--grad-2);\n    color: var(--white);\n    font-family: var(--font);\n    font-size: 15px;\n    font-weight: 700;\n    border-radius: 8px;\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    animation: btn-pulse 2.5s ease-in-out infinite;\n    transition: transform 0.15s, box-shadow 0.15s;\n  }\n  .btn-primary::after {\n    content: '';\n    position: absolute;\n    top: -50%; left: -60%;\n    width: 40%; height: 200%;\n    background: rgba(255,255,255,0.15);\n    transform: skewX(-20deg);\n    animation: btn-shine 3s ease-in-out infinite;\n  }\n  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(190,24,93,0.5); animation: none; }\n  @keyframes btn-pulse {\n    0%,100% { box-shadow: 0 0 0 0 rgba(190,24,93,0.5), 0 4px 15px rgba(124,58,237,0.3); }\n    50%      { box-shadow: 0 0 0 10px rgba(190,24,93,0), 0 4px 25px rgba(124,58,237,0.5); }\n  }\n  @keyframes btn-shine { 0% { left:-60%; } 100% { left:130%; } }\n\n  \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\n  .eyebrow {\n    display: inline-block;\n    color: var(--gold-lt);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 18px;\n  }\n\n  \/* \u2500\u2500 SHARED \u2500\u2500 *\/\n  .section-inner { max-width: 1100px; margin: 0 auto; }\n  .section-header { text-align: center; margin-bottom: 60px; }\n  .section-header h2 { font-size: clamp(28px,3vw,42px); font-weight: 900; color: var(--dark); margin-bottom: 14px; line-height: 1.2; }\n  .section-header h2 span { background: var(--grad-2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n  .section-header p { font-size: 16px; color: var(--gray-text); max-width: 580px; margin: 0 auto; }\n\n  \/* \u2500\u2500 PAGE HEADER \u2500\u2500 *\/\n  .page-header {\n    background: var(--dark);\n    padding: 180px 40px 80px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .page-header::before {\n    content: '';\n    position: absolute;\n    top: -100px; left: 30%;\n    width: 600px; height: 600px;\n    background: radial-gradient(ellipse, rgba(190,24,93,0.2) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .page-header::after {\n    content: '';\n    position: absolute;\n    bottom: -80px; right: 20%;\n    width: 500px; height: 500px;\n    background: radial-gradient(circle, rgba(124,58,237,0.2) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  \/* Animated color orbs *\/\n  .orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(60px);\n    animation: orb-float ease-in-out infinite;\n    pointer-events: none;\n  }\n  .orb-1 { width: 300px; height: 300px; background: rgba(190,24,93,0.15); top: 10%; left: 5%; animation-duration: 8s; }\n  .orb-2 { width: 250px; height: 250px; background: rgba(124,58,237,0.15); top: 20%; right: 8%; animation-duration: 10s; animation-delay: -3s; }\n  .orb-3 { width: 200px; height: 200px; background: rgba(217,119,6,0.12); bottom: 10%; left: 30%; animation-duration: 12s; animation-delay: -6s; }\n  @keyframes orb-float {\n    0%,100% { transform: translateY(0) scale(1); }\n    50%      { transform: translateY(-30px) scale(1.1); }\n  }\n\n  .page-header-inner { max-width: 860px; margin: 0 auto; position: relative; z-index: 1; }\n  .page-header h1 { font-size: clamp(38px,5vw,68px); font-weight: 900; color: var(--white); line-height: 1.1; margin-bottom: 22px; letter-spacing: -1px; }\n  .page-header h1 span {\n    background: var(--grad);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: grad-shift 4s linear infinite;\n  }\n  @keyframes grad-shift { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }\n  .page-header p { font-size: 17px; color: rgba(255,255,255,0.65); line-height: 1.8; max-width: 640px; margin: 0 auto 36px; }\n\n  \/* \u2500\u2500 BEFORE \/ AFTER SHOWCASE \u2500\u2500 *\/\n  .showcase { padding: 100px 40px; background: var(--dark); position: relative; overflow: hidden; }\n  .showcase::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 50% 50%, rgba(124,58,237,0.08) 0%, transparent 70%); pointer-events: none; }\n  .showcase-inner { position: relative; z-index: 1; }\n  .showcase-header { text-align: center; margin-bottom: 60px; }\n  .showcase-header h2 { font-size: clamp(26px,3vw,42px); font-weight: 900; color: var(--white); margin-bottom: 14px; }\n  .showcase-header h2 span { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n  .showcase-header p { font-size: 16px; color: rgba(255,255,255,0.55); max-width: 540px; margin: 0 auto; }\n\n  .before-after { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; margin-bottom: 40px; }\n  .ba-card { border-radius: 16px; overflow: hidden; position: relative; }\n  .ba-label-top {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 5px 14px;\n    border-radius: 20px;\n    margin-bottom: 10px;\n    background: rgba(255,255,255,0.1);\n    color: rgba(255,255,255,0.5);\n    border: 1px solid rgba(255,255,255,0.15);\n  }\n  .ba-label-top.after-lbl {\n    background: rgba(190,24,93,0.2);\n    color: var(--magenta-lt);\n    border-color: rgba(190,24,93,0.4);\n  }\n\n  .ba-card.before { border: 1.5px solid rgba(255,255,255,0.1); }\n  .ba-card.after  { border: 1.5px solid var(--magenta-lt); box-shadow: 0 0 40px rgba(190,24,93,0.2); }\n  .ba-label {\n    position: absolute;\n    top: 12px; left: 12px;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 4px 10px;\n    border-radius: 20px;\n    z-index: 2;\n  }\n  .ba-card.before .ba-label { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); }\n  .ba-card.after  .ba-label { background: var(--magenta); color: var(--white); }\n\n  \/* Static ad mockup \u2014 BEFORE *\/\n  .ad-before {\n    background: #2a2a2a;\n    padding: 20px 0 16px;\n    aspect-ratio: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n  }\n  .ad-before-img { width: 80%; height: 65%; background: #3a3a3a; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 100px; line-height: 1; }\n  .ad-before-text { font-size: 11px; color: rgba(255,255,255,0.3); text-align: center; padding: 0 16px; }\n  .ad-before-btn  { background: #444; color: rgba(255,255,255,0.4); font-size: 10px; padding: 5px 14px; border-radius: 4px; }\n\n  \/* Static ad mockup \u2014 AFTER *\/\n  .ad-after {\n    aspect-ratio: 1;\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg, #1a0533 0%, #0d0221 100%);\n  }\n  .ad-after-bg-glow {\n    position: absolute;\n    top: -30%; left: -30%;\n    width: 160%; height: 160%;\n    background: radial-gradient(ellipse, rgba(190,24,93,0.3) 0%, rgba(124,58,237,0.2) 40%, transparent 70%);\n    animation: glow-pulse 3s ease-in-out infinite;\n  }\n  @keyframes glow-pulse { 0%,100% { opacity: 0.8; transform: scale(1); } 50% { opacity: 1; transform: scale(1.05); } }\n  .ad-after-content { position: relative; z-index: 1; padding: 20px; height: 100%; display: flex; flex-direction: column; }\n  .ad-after-logo { font-size: 9px; font-weight: 800; letter-spacing: 2px; color: var(--gold-lt); text-transform: uppercase; margin-bottom: 8px; }\n  .ad-after-product { flex: 1; display: flex; align-items: center; justify-content: center; font-size: 86px; filter: drop-shadow(0 4px 20px rgba(190,24,93,0.6)); }\n  .ad-after-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%); padding: 16px; }\n  .ad-after-headline { font-size: 14px; font-weight: 800; color: var(--white); line-height: 1.2; margin-bottom: 4px; }\n  .ad-after-price { font-size: 18px; font-weight: 900; color: var(--gold-lt); }\n  .ad-after-cta { display: inline-block; background: var(--grad-2); color: white; font-size: 10px; font-weight: 700; padding: 5px 12px; border-radius: 4px; margin-top: 6px; letter-spacing: 0.5px; }\n  .ad-after-badge { position: absolute; top: 14px; right: 14px; background: var(--gold); color: var(--dark); font-size: 9px; font-weight: 800; padding: 4px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 1px; }\n\n  .ba-arrow { font-size: 32px; text-align: center; color: var(--magenta-lt); animation: arrow-pulse 1.5s ease-in-out infinite; }\n  @keyframes arrow-pulse { 0%,100% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 1; } }\n\n  \/* Video mockup row *\/\n  .video-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; }\n  .vid-before {\n    background: #2a2a2a;\n    border: 1.5px solid rgba(255,255,255,0.08);\n    border-radius: 16px;\n    aspect-ratio: 9\/16;\n    max-height: 260px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    overflow: hidden;\n  }\n  .vid-before-label { position: absolute; top: 10px; left: 10px; font-size: 9px; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.35); background: rgba(255,255,255,0.05); padding: 3px 8px; border-radius: 10px; text-transform: uppercase; }\n  .vid-play { font-size: 32px; opacity: 0.3; }\n  .vid-before p { font-size: 10px; color: rgba(255,255,255,0.25); text-align: center; padding: 0 16px; }\n\n  .vid-after {\n    border: 1.5px solid var(--violet-lt);\n    border-radius: 16px;\n    aspect-ratio: 9\/16;\n    max-height: 260px;\n    background: linear-gradient(180deg, #1a0533 0%, #0d0221 100%);\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 0 40px rgba(124,58,237,0.25);\n  }\n  .vid-after-label { position: absolute; top: 10px; left: 10px; font-size: 9px; font-weight: 700; letter-spacing: 2px; color: var(--white); background: var(--violet); padding: 3px 8px; border-radius: 10px; text-transform: uppercase; z-index: 3; }\n  .vid-glow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 50% 40%, rgba(190,24,93,0.25) 0%, transparent 70%); animation: glow-pulse 3s ease-in-out infinite; }\n  .vid-content { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; }\n  .vid-product { font-size: 52px; margin-bottom: 8px; filter: drop-shadow(0 4px 16px rgba(190,24,93,0.5)); animation: product-float 3s ease-in-out infinite; }\n  @keyframes product-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n  .vid-brand { font-size: 9px; font-weight: 800; letter-spacing: 3px; color: var(--gold-lt); text-transform: uppercase; margin-bottom: 6px; }\n  .vid-headline { font-size: 13px; font-weight: 800; color: var(--white); text-align: center; line-height: 1.3; margin-bottom: 8px; }\n  .vid-cta-btn { background: var(--grad-2); color: white; font-size: 10px; font-weight: 700; padding: 6px 16px; border-radius: 20px; letter-spacing: 0.5px; }\n  .vid-ticker { position: absolute; bottom: 0; left: 0; right: 0; background: var(--gold); padding: 4px 12px; font-size: 9px; font-weight: 700; color: var(--dark); white-space: nowrap; overflow: hidden; }\n  .vid-ticker span { display: inline-block; animation: ticker-scroll 6s linear infinite; }\n  @keyframes ticker-scroll { from { transform: translateX(100%); } to { transform: translateX(-100%); } }\n\n  \/* \u2500\u2500 WHAT WE DO \u2500\u2500 *\/\n  .what-we-do { padding: 100px 40px; background: var(--gray-light); }\n  .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n  .text-block h2 { font-size: clamp(26px,3vw,40px); font-weight: 900; color: var(--dark); line-height: 1.2; margin-bottom: 20px; }\n  .text-block h2 span { background: var(--grad-2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n  .text-block p { font-size: 15px; color: var(--gray-text); margin-bottom: 16px; line-height: 1.8; }\n  .check-list { list-style: none; margin-top: 8px; }\n  .check-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--text-dark); margin-bottom: 12px; line-height: 1.5; }\n  .check-list li::before { content: '\u2713'; color: var(--magenta); font-weight: 700; flex-shrink: 0; }\n\n  \/* Process visual *\/\n  .process-visual { display: flex; flex-direction: column; gap: 14px; }\n  .process-step {\n    background: var(--white);\n    border-radius: 14px;\n    padding: 18px 20px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    border: 1.5px solid #f0d0ff;\n    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n  }\n  .process-step:hover { border-color: var(--magenta); box-shadow: 0 8px 30px rgba(190,24,93,0.1); transform: translateX(6px); }\n  .process-step-num { width: 36px; height: 36px; border-radius: 50%; background: var(--grad-2); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; color: var(--white); flex-shrink: 0; }\n  .process-step-icon { font-size: 22px; flex-shrink: 0; }\n  .process-step-text h4 { font-size: 14px; font-weight: 700; color: var(--dark); margin-bottom: 2px; }\n  .process-step-text p  { font-size: 12px; color: var(--gray-text); line-height: 1.5; }\n  .process-arrow { text-align: center; font-size: 18px; color: var(--violet-lt); opacity: 0.5; margin: -4px 0; }\n\n  \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n  .services { padding: 100px 40px; background: var(--white); }\n  .services-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 28px; }\n  .service-card {\n    background: var(--white);\n    border-radius: 16px;\n    padding: 36px 32px;\n    border: 1.5px solid #f0d0ff;\n    position: relative;\n    overflow: hidden;\n    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n  }\n  .service-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--grad-2); border-radius: 4px 0 0 4px; }\n  .service-card:hover { border-color: var(--magenta); box-shadow: 0 12px 40px rgba(190,24,93,0.1); transform: translateY(-4px); }\n  .service-card:hover .service-icon { animation: icon-bounce 0.4s ease; }\n  @keyframes icon-bounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n  .service-icon { font-size: 36px; margin-bottom: 16px; display: block; }\n  .service-card h3 { font-size: 20px; font-weight: 800; color: var(--dark); margin-bottom: 10px; }\n  .service-card p { font-size: 14px; color: var(--gray-text); line-height: 1.8; margin-bottom: 18px; }\n  .service-features { list-style: none; }\n  .service-features li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--text-dark); margin-bottom: 8px; line-height: 1.5; }\n  .service-features li::before { content: '\u2713'; color: var(--magenta); font-weight: 700; flex-shrink: 0; }\n\n  \/* Format tags *\/\n  .format-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }\n  .ftag { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 20px; background: rgba(190,24,93,0.08); color: var(--magenta); border: 1px solid rgba(190,24,93,0.2); }\n\n  \/* \u2500\u2500 AD FORMATS \u2500\u2500 *\/\n  .formats { padding: 100px 40px; background: var(--dark); position: relative; overflow: hidden; }\n  .formats::before { content: ''; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(190,24,93,0.12) 0%, transparent 70%); }\n  .formats-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; position: relative; z-index: 1; }\n  .format-card {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 14px;\n    padding: 28px 24px;\n    transition: background 0.2s, border-color 0.2s, transform 0.2s;\n    text-align: center;\n  }\n  .format-card:hover { background: rgba(190,24,93,0.08); border-color: rgba(190,24,93,0.3); transform: translateY(-4px); }\n  .format-icon { font-size: 36px; margin-bottom: 14px; display: block; }\n  .format-card h4 { font-size: 16px; font-weight: 800; color: var(--white); margin-bottom: 8px; }\n  .format-card p { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.7; margin-bottom: 14px; }\n  .format-dims { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }\n  .dim-tag { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: rgba(217,119,6,0.15); color: var(--gold-lt); border: 1px solid rgba(217,119,6,0.2); font-family: monospace; }\n\n  \/* \u2500\u2500 WHY GOOD CREATIVE MATTERS \u2500\u2500 *\/\n  .why-creative { padding: 100px 40px; background: var(--gray-light); }\n  .why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }\n  .why-card {\n    background: var(--white);\n    border-radius: 16px;\n    padding: 32px 28px;\n    border: 1.5px solid #f0d0ff;\n    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n  }\n  .why-card:hover { border-color: var(--magenta); box-shadow: 0 12px 40px rgba(190,24,93,0.1); transform: translateY(-4px); }\n  .why-icon { font-size: 36px; margin-bottom: 16px; display: block; }\n  .why-card h4 { font-size: 17px; font-weight: 800; color: var(--dark); margin-bottom: 10px; }\n  .why-card p  { font-size: 13px; color: var(--gray-text); line-height: 1.7; }\n\n  \/* \u2500\u2500 EXPERIENCE STRIP \u2500\u2500 *\/\n  .experience { padding: 80px 40px; background: var(--grad); }\n  .experience-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; text-align: center; }\n  .exp-stat { transition: transform 0.2s; cursor: default; }\n  .exp-stat:hover { transform: scale(1.06); }\n  .exp-stat .num { font-size: 42px; font-weight: 900; color: var(--white); line-height: 1; margin-bottom: 8px; }\n  .exp-stat .label { font-size: 13px; color: rgba(255,255,255,0.8); font-weight: 600; line-height: 1.4; }\n\n  \/* \u2500\u2500 CTA \u2500\u2500 *\/\n  .cta-section { padding: 100px 40px; background: var(--dark); text-align: center; position: relative; overflow: hidden; }\n  .cta-section::before { content: ''; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); width: 700px; height: 500px; background: radial-gradient(ellipse, rgba(190,24,93,0.15) 0%, transparent 70%); }\n  .cta-section h2 { font-size: clamp(28px,3vw,46px); font-weight: 900; color: var(--white); margin-bottom: 16px; line-height: 1.2; position: relative; z-index: 1; }\n  .cta-section h2 span { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n  .cta-lead { font-size: 16px; color: rgba(255,255,255,0.6); max-width: 520px; margin: 0 auto 40px; line-height: 1.8; position: relative; z-index: 1; }\n  .contact-form-wrap { max-width: 560px; margin: 0 auto; background: var(--white); border-radius: 20px; padding: 48px 40px; box-shadow: 0 20px 60px rgba(0,0,0,0.4); text-align: left; position: relative; z-index: 1; }\n  .contact-form-wrap h3 { font-size: 22px; font-weight: 800; color: var(--dark); margin-bottom: 6px; }\n  .contact-form-wrap .form-sub { font-size: 14px; color: var(--gray-text); margin-bottom: 24px; }\n  .contact-form-wrap .wpcf7 input[type=\"text\"],\n  .contact-form-wrap .wpcf7 input[type=\"email\"],\n  .contact-form-wrap .wpcf7 textarea {\n    width: 100%; padding: 12px 16px; border: 1.5px solid #f0d0ff; border-radius: 8px;\n    font-size: 14px; font-family: var(--font); color: var(--text-dark); background: #fdf4ff;\n    outline: none; transition: border-color 0.2s, box-shadow 0.2s; margin-bottom: 14px;\n  }\n  .contact-form-wrap .wpcf7 input:focus,\n  .contact-form-wrap .wpcf7 textarea:focus { border-color: var(--magenta); box-shadow: 0 0 0 3px rgba(190,24,93,0.12); background: var(--white); }\n  .contact-form-wrap .wpcf7 textarea { min-height: 120px; resize: vertical; }\n  .contact-form-wrap .wpcf7 input[type=\"submit\"] {\n    width: 100%; padding: 15px; background: var(--grad-2); color: var(--white);\n    border: none; border-radius: 8px; font-size: 16px; font-weight: 700;\n    font-family: var(--font); cursor: pointer; transition: transform 0.15s, box-shadow 0.15s;\n  }\n  .contact-form-wrap .wpcf7 input[type=\"submit\"]:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(190,24,93,0.4); }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 960px) {\n    .two-col { grid-template-columns: 1fr; gap: 40px; }\n    .services-grid { grid-template-columns: 1fr; }\n    .formats-grid { grid-template-columns: 1fr 1fr; }\n    .why-grid { grid-template-columns: 1fr 1fr; }\n    .experience-inner { grid-template-columns: 1fr 1fr; gap: 28px; }\n    .before-after, .video-row { grid-template-columns: 1fr; }\n    .ba-arrow { transform: rotate(90deg); }\n  }\n  @media (max-width: 600px) {\n    .page-header { padding: 120px 20px 60px; }\n    .showcase, .what-we-do, .services, .formats, .why-creative, .cta-section { padding: 60px 20px; }\n    .experience { padding: 60px 20px; }\n    .formats-grid { grid-template-columns: 1fr; }\n    .why-grid { grid-template-columns: 1fr; }\n    .contact-form-wrap { padding: 32px 20px; }\n  }\n  \/* \u2500\u2500 SPARKLE PARTICLES \u2500\u2500 *\/\n  .sparkle {\n    position: fixed;\n    pointer-events: none;\n    z-index: 9999;\n    border-radius: 50%;\n    animation: sparkle-burst 0.8s ease forwards;\n  }\n  @keyframes sparkle-burst {\n    0%   { transform: scale(0) rotate(0deg); opacity: 1; }\n    50%  { transform: scale(1.5) rotate(180deg); opacity: 0.8; }\n    100% { transform: scale(0) rotate(360deg) translateY(-40px); opacity: 0; }\n  }\n\n  \/* \u2500\u2500 MAGNETIC BUTTON \u2500\u2500 *\/\n  .btn-primary { transition: transform 0.2s ease, box-shadow 0.2s ease; }\n\n  \/* \u2500\u2500 TYPEWRITER CURSOR \u2500\u2500 *\/\n  .typewriter-cursor {\n    display: inline-block;\n    width: 3px;\n    background: var(--gold-lt);\n    animation: cursor-blink 0.7s ease-in-out infinite;\n    margin-left: 2px;\n    vertical-align: middle;\n  }\n  @keyframes cursor-blink { 0%,100% { opacity: 1; } 50% { opacity: 0; } }\n\n  \/* \u2500\u2500 RIPPLE ON CARDS \u2500\u2500 *\/\n  .ripple {\n    position: absolute;\n    border-radius: 50%;\n    background: rgba(190,24,93,0.15);\n    transform: scale(0);\n    animation: ripple-expand 0.6s ease-out forwards;\n    pointer-events: none;\n  }\n  @keyframes ripple-expand {\n    to { transform: scale(4); opacity: 0; }\n  }\n\n  \/* \u2500\u2500 GLITCH TEXT \u2500\u2500 *\/\n  @keyframes glitch-1 {\n    0%,100% { clip-path: inset(0 0 100% 0); transform: translate(0); }\n    20% { clip-path: inset(20% 0 60% 0); transform: translate(-3px, 2px); }\n    40% { clip-path: inset(50% 0 30% 0); transform: translate(3px, -2px); }\n    60% { clip-path: inset(70% 0 10% 0); transform: translate(-2px, 1px); }\n    80% { clip-path: inset(10% 0 80% 0); transform: translate(2px, -1px); }\n  }\n  @keyframes glitch-2 {\n    0%,100% { clip-path: inset(0 0 100% 0); transform: translate(0); }\n    20% { clip-path: inset(60% 0 20% 0); transform: translate(3px, -2px); }\n    40% { clip-path: inset(10% 0 70% 0); transform: translate(-3px, 2px); }\n    60% { clip-path: inset(30% 0 50% 0); transform: translate(2px, -1px); }\n    80% { clip-path: inset(80% 0 5% 0);  transform: translate(-2px, 1px); }\n  }\n  .glitch-wrap { position: relative; display: inline-block; }\n  .glitch-wrap::before,\n  .glitch-wrap::after {\n    content: attr(data-text);\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    font-size: inherit;\n    font-weight: inherit;\n    background: var(--grad);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n  .glitch-wrap::before { animation: glitch-1 4s infinite; color: var(--magenta-lt); }\n  .glitch-wrap::after  { animation: glitch-2 4s infinite; color: var(--violet-lt); }\n\n  \/* \u2500\u2500 NEON BORDER ANIMATION \u2500\u2500 *\/\n  @keyframes neon-border {\n    0%,100% { box-shadow: 0 0 8px rgba(190,24,93,0.4), 0 0 20px rgba(190,24,93,0.2); border-color: var(--magenta); }\n    33%      { box-shadow: 0 0 8px rgba(124,58,237,0.4), 0 0 20px rgba(124,58,237,0.2); border-color: var(--violet-lt); }\n    66%      { box-shadow: 0 0 8px rgba(217,119,6,0.4), 0 0 20px rgba(217,119,6,0.2); border-color: var(--gold); }\n  }\n  .neon-pulse { animation: neon-border 3s ease-in-out infinite; }\n\n  \/* \u2500\u2500 FLOATING BADGES \u2500\u2500 *\/\n  .float-badge {\n    position: absolute;\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 6px 14px;\n    pointer-events: none;\n    animation: badge-float ease-in-out infinite;\n    z-index: 2;\n  }\n  @keyframes badge-float {\n    0%,100% { transform: translateY(0) rotate(-2deg); }\n    50%      { transform: translateY(-10px) rotate(2deg); }\n  }\n\n  \/* \u2500\u2500 SCROLL PROGRESS BAR \u2500\u2500 *\/\n  #scroll-progress {\n    position: fixed;\n    top: 0; left: 0;\n    height: 3px;\n    background: var(--grad);\n    z-index: 9999;\n    width: 0%;\n    transition: width 0.1s linear;\n  }\n\n  \/* \u2500\u2500 SPOTLIGHT EFFECT on before\/after \u2500\u2500 *\/\n  .ba-card.after::after {\n    content: '';\n    position: absolute;\n    top: -50%; left: -50%;\n    width: 200%; height: 200%;\n    background: radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,0.06) 0%, transparent 50%);\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  \/* \u2500\u2500 STAGGER WORD ANIMATION \u2500\u2500 *\/\n  .word-reveal .word {\n    display: inline-block;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.5s ease, transform 0.5s ease;\n  }\n  .word-reveal.revealed .word { opacity: 1; transform: translateY(0); }\n\n  \/* \u2500\u2500 SERVICE CARD TILT \u2500\u2500 *\/\n  .service-card { transform-style: preserve-3d; perspective: 1000px; }\n\n<\/style>\n<\/head>\n<body>\n<div id=\"scroll-progress\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PAGE HEADER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"page-header\">\n  <div class=\"orb orb-1\"><\/div>\n  <div class=\"orb orb-2\"><\/div>\n  <div class=\"orb orb-3\"><\/div>\n\n  <!-- Floating badges -->\n  <div class=\"float-badge\" style=\"top:22%;left:6%;background:rgba(190,24,93,0.2);border:1px solid rgba(190,24,93,0.4);color:#ec4899;animation-duration:5s;\">\ud83c\udfac Video Ads<\/div>\n  <div class=\"float-badge\" style=\"top:35%;right:5%;background:rgba(124,58,237,0.2);border:1px solid rgba(124,58,237,0.4);color:#a78bfa;animation-duration:6s;animation-delay:-2s;\">\ud83d\uddbc\ufe0f Static Ads<\/div>\n  <div class=\"float-badge\" style=\"bottom:25%;left:4%;background:rgba(217,119,6,0.2);border:1px solid rgba(217,119,6,0.4);color:#fbbf24;animation-duration:7s;animation-delay:-4s;\">\ud83d\uded2 Catalog<\/div>\n  <div class=\"float-badge\" style=\"bottom:30%;right:6%;background:rgba(190,24,93,0.15);border:1px solid rgba(190,24,93,0.3);color:#ec4899;animation-duration:5.5s;animation-delay:-1s;\">\u26a1 PMax<\/div>\n\n  <div class=\"page-header-inner\">\n    <span class=\"eyebrow\">JXC Digital \u00b7 Ad Creative<\/span>\n    <h1>Raw Assets In. <span class=\"glitch-wrap\" data-text=\"High-Converting Ads Out.\">High-Converting Ads Out.<\/span><\/h1>\n    <p>We take your existing product images and video clips and transform them into scroll-stopping static and video ads \u2014 ready to run on Meta, Google, and beyond.<\/p>\n    <a href=\"#get-started\" class=\"btn-primary\" id=\"heroBtn\">Let's Create Something \u2192<\/a>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BEFORE \/ AFTER SHOWCASE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"showcase\">\n  <div class=\"section-inner showcase-inner\">\n    <div class=\"showcase-header anim-fade-up\">\n      <span class=\"eyebrow\">The Transformation<\/span>\n      <h2>Good Assets Make <span>Great Ads<\/span><\/h2>\n      <p>The difference between an ad that gets scrolled past and one that stops the feed often comes down to the creative. Here's what the transformation looks like.<\/p>\n    <\/div>\n\n    <!-- Static ad before\/after -->\n    <div style=\"margin-bottom:16px;font-size:12px;font-weight:700;color:rgba(255,255,255,0.35);letter-spacing:2px;text-transform:uppercase;\">Static Ad<\/div>\n    <div class=\"before-after anim-fade-up\">\n      <div class=\"ba-card before\">\n        <div class=\"ba-label-top\">Before<\/div>\n        <div class=\"ad-before\">\n          <div class=\"ad-before-img\">\ud83d\udc5f<\/div>\n          <div class=\"ad-before-text\">Plain product image<br>no copy, no offer<\/div>\n          <div class=\"ad-before-btn\">Shop Now<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ba-arrow\">\u2192<\/div>\n      <div class=\"ba-card after\">\n        <div class=\"ba-label-top after-lbl\">After<\/div>\n        <div class=\"ad-after\">\n          <div class=\"ad-after-bg-glow\"><\/div>\n          <div class=\"ad-after-content\">\n            <div class=\"ad-after-logo\">Running Gear Co.<\/div>\n            <div class=\"ad-after-product\">\ud83d\udc5f<\/div>\n          <\/div>\n          <div class=\"ad-after-badge\">SALE<\/div>\n          <div class=\"ad-after-overlay\">\n            <div class=\"ad-after-headline\">Built for Speed.<br>Priced to Move.<\/div>\n            <div class=\"ad-after-price\">$129.99<\/div>\n            <div class=\"ad-after-cta\">SHOP NOW \u2192<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Video ad before\/after -->\n    <div style=\"margin-bottom:16px;margin-top:40px;font-size:12px;font-weight:700;color:rgba(255,255,255,0.35);letter-spacing:2px;text-transform:uppercase;\">Video Ad<\/div>\n    <div class=\"video-row anim-fade-up\">\n      <div>\n        <div class=\"ba-label-top\" style=\"margin-bottom:8px;\">Before<\/div>\n        <div class=\"vid-before\">\n          <div class=\"vid-play\">\u25b6<\/div>\n          <p>Raw product clip<br>no overlays, no branding<br>no call to action<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"ba-arrow\">\u2192<\/div>\n      <div>\n        <div class=\"ba-label-top after-lbl\" style=\"margin-bottom:8px;\">After<\/div>\n        <div class=\"vid-after\">\n          <div class=\"vid-glow\"><\/div>\n          <div class=\"vid-content\">\n            <div class=\"vid-brand\">Running Gear Co.<\/div>\n            <div class=\"vid-product\">\ud83d\udc5f<\/div>\n            <div class=\"vid-headline\">Your Next PR<br>Starts Here<\/div>\n            <div class=\"vid-cta-btn\">SHOP THE COLLECTION<\/div>\n          <\/div>\n          <div class=\"vid-ticker\"><span>FREE SHIPPING OVER $75 &nbsp;\u00b7&nbsp; NEW ARRIVALS &nbsp;\u00b7&nbsp; LIMITED STOCK &nbsp;\u00b7&nbsp; FREE SHIPPING OVER $75 &nbsp;\u00b7&nbsp; NEW ARRIVALS<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     WHAT WE DO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"what-we-do\">\n  <div class=\"section-inner\">\n    <div class=\"two-col\">\n      <div class=\"text-block anim-fade-left\">\n        <span class=\"eyebrow\">The Service<\/span>\n        <h2>You Send the Assets. <span>We Do the Rest.<\/span><\/h2>\n        <p>You don't need a production team, a designer on staff, or a big creative budget. You just need your existing product photos, video clips, and brand assets \u2014 we'll turn them into polished, platform-ready ads.<\/p>\n        <p>We add branded overlays, compelling copy, logos, price callouts, offers, motion elements, and music to transform raw visuals into polished ads that are built to perform.<\/p>\n        <p>Every asset we create is sized and formatted for the exact placement it's going into \u2014 so it looks intentional, not stretched or cropped.<\/p>\n        <ul class=\"check-list\">\n          <li>Static image ads for Meta Feed, Stories, and Reels<\/li>\n          <li>Short-form video ads with text overlays and motion<\/li>\n          <li>Google Display and Performance Max asset sets<\/li>\n          <li>Multiple size variants from a single source asset<\/li>\n          <li>On-brand design using your colors, logo, and fonts<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"process-visual anim-fade-right\">\n        <div class=\"process-step\">\n          <div class=\"process-step-num\">1<\/div>\n          <div class=\"process-step-icon\">\ud83d\udce6<\/div>\n          <div class=\"process-step-text\">\n            <h4>You Share Your Assets<\/h4>\n            <p>Product photos, video clips, logos, brand colors \u2014 whatever you have, we work with it.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"process-arrow\">\u2193<\/div>\n        <div class=\"process-step\">\n          <div class=\"process-step-num\">2<\/div>\n          <div class=\"process-step-icon\">\ud83c\udfa8<\/div>\n          <div class=\"process-step-text\">\n            <h4>We Build the Creative<\/h4>\n            <p>Overlays, copy, branding, motion, music \u2014 designed to stop the scroll and drive action.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"process-arrow\">\u2193<\/div>\n        <div class=\"process-step\">\n          <div class=\"process-step-num\">3<\/div>\n          <div class=\"process-step-icon\">\ud83d\udcd0<\/div>\n          <div class=\"process-step-text\">\n            <h4>Sized for Every Placement<\/h4>\n            <p>Feed, Stories, Reels, Display \u2014 every variant formatted for its exact platform and placement.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"process-arrow\">\u2193<\/div>\n        <div class=\"process-step\">\n          <div class=\"process-step-num\">4<\/div>\n          <div class=\"process-step-icon\">\ud83d\ude80<\/div>\n          <div class=\"process-step-text\">\n            <h4>Ready to Launch<\/h4>\n            <p>Assets delivered and ready to upload directly into your ad campaigns \u2014 no extra work needed.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SERVICES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"services\">\n  <div class=\"section-inner\">\n    <div class=\"section-header anim-fade-up\">\n      <span class=\"eyebrow\">What's Included<\/span>\n      <h2>Every Asset Type You <span>Need to Run Ads<\/span><\/h2>\n      <p>Static, video, catalog, display \u2014 we cover every format your campaigns need to perform.<\/p>\n    <\/div>\n    <div class=\"services-grid\">\n\n      <div class=\"service-card anim-fade-up anim-delay-1\">\n        <span class=\"service-icon\">\ud83d\uddbc\ufe0f<\/span>\n        <h3>Static Ad Creative<\/h3>\n        <p>Product-led static images designed for Meta Feed, Stories, and Google Display. We take your raw product shots and add branded overlays, offer copy, logo placement, and CTA elements.<\/p>\n        <ul class=\"service-features\">\n          <li>Branded product image ads with overlay text and logo<\/li>\n          <li>Offer and promotional ads (sale, discount, limited stock)<\/li>\n          <li>Multi-product collage ads for catalog campaigns<\/li>\n          <li>Clean, minimal product-only ads for retargeting<\/li>\n          <li>Carousel ad frames for Meta<\/li>\n        <\/ul>\n        <div class=\"format-tags\">\n          <span class=\"ftag\">1080\u00d71080<\/span>\n          <span class=\"ftag\">1080\u00d71350<\/span>\n          <span class=\"ftag\">1200\u00d7628<\/span>\n          <span class=\"ftag\">Stories<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card anim-fade-up anim-delay-2\">\n        <span class=\"service-icon\">\ud83c\udfac<\/span>\n        <h3>Short-Form Video Ads<\/h3>\n        <p>We take your existing product video clips \u2014 even basic phone footage \u2014 and edit them into short, attention-grabbing video ads with motion text, branding, music, and a clear call to action.<\/p>\n        <ul class=\"service-features\">\n          <li>Text overlay and animated headline adds<\/li>\n          <li>Logo and brand intro\/outro sequences<\/li>\n          <li>Background music licensed for ad use<\/li>\n          <li>Ticker banners and offer callouts<\/li>\n          <li>Vertical (9:16) and square (1:1) formats<\/li>\n        <\/ul>\n        <div class=\"format-tags\">\n          <span class=\"ftag\">Reels 9:16<\/span>\n          <span class=\"ftag\">Stories<\/span>\n          <span class=\"ftag\">Feed 1:1<\/span>\n          <span class=\"ftag\">15\u201330s<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card anim-fade-up anim-delay-3\">\n        <span class=\"service-icon\">\ud83d\uded2<\/span>\n        <h3>eCommerce Catalog Assets<\/h3>\n        <p>For brands running Dynamic Product Ads, we optimize and enhance your catalog images \u2014 improving background consistency, adding subtle branding, and ensuring images meet platform quality requirements.<\/p>\n        <ul class=\"service-features\">\n          <li>Catalog image cleanup and background standardization<\/li>\n          <li>Lifestyle overlay versions for catalog testing<\/li>\n          <li>Price badge and offer overlays for catalog ads<\/li>\n          <li>Image quality checks against Meta and Google specs<\/li>\n          <li>Supplemental image sets for A\/B testing<\/li>\n        <\/ul>\n        <div class=\"format-tags\">\n          <span class=\"ftag\">Catalog Ready<\/span>\n          <span class=\"ftag\">Meta DPA<\/span>\n          <span class=\"ftag\">Google Shopping<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-card anim-fade-up anim-delay-4\">\n        <span class=\"service-icon\">\ud83d\udcca<\/span>\n        <h3>Google Display & PMax Assets<\/h3>\n        <p>Performance Max and Display campaigns require multiple image sizes and ratios. We create complete asset sets optimized for Google's recommendations so your campaigns have full coverage across placements.<\/p>\n        <ul class=\"service-features\">\n          <li>Full Google-recommended image asset sets<\/li>\n          <li>Landscape, square, and portrait variants<\/li>\n          <li>Logo files formatted to Google spec<\/li>\n          <li>Headlines and descriptions written to character limits<\/li>\n          <li>Asset strength optimization guidance<\/li>\n        <\/ul>\n        <div class=\"format-tags\">\n          <span class=\"ftag\">1.91:1<\/span>\n          <span class=\"ftag\">1:1<\/span>\n          <span class=\"ftag\">4:5<\/span>\n          <span class=\"ftag\">PMax Ready<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AD FORMATS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"formats\">\n  <div class=\"section-inner\">\n    <div class=\"section-header anim-fade-up\">\n      <span class=\"eyebrow\" style=\"color:var(--gold-lt);\">Platforms & Placements<\/span>\n      <h2 style=\"color:var(--white);\">Every Format. <span>Every Placement.<\/span><\/h2>\n      <p style=\"color:rgba(255,255,255,0.5);\">We create assets sized and optimized for every major ad placement so your creative always looks intentional.<\/p>\n    <\/div>\n    <div class=\"formats-grid\">\n      <div class=\"format-card anim-fade-up anim-delay-1\">\n        <span class=\"format-icon\">\ud83d\udcf1<\/span>\n        <h4>Meta Feed<\/h4>\n        <p>Facebook and Instagram feed placements \u2014 the highest traffic, most competitive real estate on social.<\/p>\n        <div class=\"format-dims\">\n          <span class=\"dim-tag\">1080\u00d71080<\/span>\n          <span class=\"dim-tag\">1080\u00d71350<\/span>\n          <span class=\"dim-tag\">1200\u00d7628<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"format-card anim-fade-up anim-delay-2\">\n        <span class=\"format-icon\">\ud83d\udcf8<\/span>\n        <h4>Stories & Reels<\/h4>\n        <p>Full-screen vertical placements for immersive, high-engagement ad experiences on Instagram and Facebook.<\/p>\n        <div class=\"format-dims\">\n          <span class=\"dim-tag\">1080\u00d71920<\/span>\n          <span class=\"dim-tag\">9:16<\/span>\n          <span class=\"dim-tag\">15\u201330s<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"format-card anim-fade-up anim-delay-3\">\n        <span class=\"format-icon\">\ud83d\udecd\ufe0f<\/span>\n        <h4>Meta Catalog \/ DPA<\/h4>\n        <p>Dynamic product ad images pulled directly from your catalog \u2014 enhanced for click-through and conversion.<\/p>\n        <div class=\"format-dims\">\n          <span class=\"dim-tag\">1080\u00d71080<\/span>\n          <span class=\"dim-tag\">White BG<\/span>\n          <span class=\"dim-tag\">Lifestyle<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"format-card anim-fade-up anim-delay-4\">\n        <span class=\"format-icon\">\ud83d\udda5\ufe0f<\/span>\n        <h4>Google Display<\/h4>\n        <p>Responsive display ads across the Google Display Network \u2014 multiple sizes from one source asset set.<\/p>\n        <div class=\"format-dims\">\n          <span class=\"dim-tag\">300\u00d7250<\/span>\n          <span class=\"dim-tag\">728\u00d790<\/span>\n          <span class=\"dim-tag\">160\u00d7600<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"format-card anim-fade-up anim-delay-5\">\n        <span class=\"format-icon\">\u26a1<\/span>\n        <h4>Performance Max<\/h4>\n        <p>Complete asset sets for PMax campaigns \u2014 images, logos, and copy variants to maximize asset strength score.<\/p>\n        <div class=\"format-dims\">\n          <span class=\"dim-tag\">1.91:1<\/span>\n          <span class=\"dim-tag\">1:1<\/span>\n          <span class=\"dim-tag\">4:5<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"format-card anim-fade-up anim-delay-6\">\n        <span class=\"format-icon\">\ud83d\uded2<\/span>\n        <h4>Google Shopping<\/h4>\n        <p>Product feed images cleaned up and enhanced to improve click-through rates in Shopping placements.<\/p>\n        <div class=\"format-dims\">\n          <span class=\"dim-tag\">800\u00d7800<\/span>\n          <span class=\"dim-tag\">White BG<\/span>\n          <span class=\"dim-tag\">Feed Ready<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     WHY CREATIVE MATTERS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"why-creative\">\n  <div class=\"section-inner\">\n    <div class=\"section-header anim-fade-up\">\n      <span class=\"eyebrow\">Why It Matters<\/span>\n      <h2>Creative Is the <span>Most Underrated Lever<\/span> in Paid Ads<\/h2>\n      <p>Targeting and bidding matter. But the creative is what makes someone stop scrolling \u2014 and that decision happens in under a second.<\/p>\n    <\/div>\n    <div class=\"why-grid\">\n      <div class=\"why-card anim-fade-up anim-delay-1\">\n        <span class=\"why-icon\">\u26a1<\/span>\n        <h4>First Impressions Are Everything<\/h4>\n        <p>A user decides whether to engage with your ad in under a second. Strong visual design and clear messaging make that split-second decision go your way.<\/p>\n      <\/div>\n      <div class=\"why-card anim-fade-up anim-delay-2\">\n        <span class=\"why-icon\">\ud83d\udcc8<\/span>\n        <h4>Better Creative = Lower CPMs<\/h4>\n        <p>Meta and Google reward engaging creative with lower costs. Higher relevance scores and better CTRs mean your budget goes further with quality assets.<\/p>\n      <\/div>\n      <div class=\"why-card anim-fade-up anim-delay-3\">\n        <span class=\"why-icon\">\ud83c\udfaf<\/span>\n        <h4>The Offer Needs to Be Visible<\/h4>\n        <p>If your discount, free shipping, or key selling point isn't front and center in the creative, most users will miss it. Good design makes sure your offer lands.<\/p>\n      <\/div>\n      <div class=\"why-card anim-fade-up anim-delay-4\">\n        <span class=\"why-icon\">\ud83d\udd01<\/span>\n        <h4>Ad Fatigue Is Real<\/h4>\n        <p>The same creative shown too many times stops performing. Having a library of quality assets means you can rotate creatives and keep performance from dropping.<\/p>\n      <\/div>\n      <div class=\"why-card anim-fade-up anim-delay-5\">\n        <span class=\"why-icon\">\ud83d\udcf1<\/span>\n        <h4>Platform-Native Looks Better<\/h4>\n        <p>Ads that look like they belong on the platform perform better than repurposed graphics. We design for each placement specifically \u2014 not one size for everything.<\/p>\n      <\/div>\n      <div class=\"why-card anim-fade-up anim-delay-6\">\n        <span class=\"why-icon\">\ud83e\udd1d<\/span>\n        <h4>Works Alongside Your Campaigns<\/h4>\n        <p>If we're managing your paid social or shopping campaigns, fresh creative assets feed directly into your active campaigns \u2014 no handoff friction.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     EXPERIENCE STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"experience\">\n  <div class=\"experience-inner\">\n    <div class=\"exp-stat\">\n      <div class=\"num\">Static<\/div>\n      <div class=\"label\">& Video assets \u2014 both covered<\/div>\n    <\/div>\n    <div class=\"exp-stat\">\n      <div class=\"num\" data-count=\"2\" data-suffix=\" Platforms\">2<\/div>\n      <div class=\"label\">Meta & Google \u2014 every placement<\/div>\n    <\/div>\n    <div class=\"exp-stat\">\n      <div class=\"num\">Fast<\/div>\n      <div class=\"label\">Turnaround \u2014 ready to launch quickly<\/div>\n    <\/div>\n    <div class=\"exp-stat\">\n      <div class=\"num\">On-Brand<\/div>\n      <div class=\"label\">Every asset uses your logo, colors & fonts<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CTA + FORM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-section\" id=\"get-started\">\n  <div class=\"section-inner\" style=\"position:relative;z-index:1;\">\n    <span class=\"eyebrow\">Let's Create<\/span>\n    <h2>Ready to Turn Your Assets Into <span>Ads That Actually Work?<\/span><\/h2>\n    <p class=\"cta-lead\">Tell us what you're working with and what you need. We'll come back to you within 3 business days.<\/p>\n    <div class=\"contact-form-wrap anim-fade-up\">\n      <h3>Get in Touch<\/h3>\n      <p class=\"form-sub\">Tell us about your brand, the platforms you're running on, and the type of assets you need.<\/p>\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f11865-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"11865\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/staging\/3370\/wp-json\/wp\/v2\/pages\/11911#wpcf7-f11865-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"11865\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f11865-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Business Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-website\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Website URL\" value=\"\" type=\"text\" name=\"your-website\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your business and what you&#039;re looking to achieve...\" name=\"your-message\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message \u2192\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ \u2500\u2500 SCROLL PROGRESS BAR \u2500\u2500\n  var progressBar = document.getElementById('scroll-progress');\n  window.addEventListener('scroll', function() {\n    var scrollTop = window.scrollY;\n    var docHeight = document.documentElement.scrollHeight - window.innerHeight;\n    progressBar.style.width = (scrollTop \/ docHeight * 100) + '%';\n  });\n\n  \/\/ \u2500\u2500 SMOOTH SCROLL \u2500\u2500\n  document.querySelectorAll('a[href=\"#get-started\"]').forEach(function(btn) {\n    btn.addEventListener('click', function(e) {\n      e.preventDefault();\n      document.getElementById('get-started').scrollIntoView({ behavior: 'smooth' });\n    });\n  });\n\n  \/\/ \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('anim-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n  document.querySelectorAll('.anim-fade-up, .anim-fade-left, .anim-fade-right').forEach(function(el) {\n    observer.observe(el);\n  });\n\n  \/\/ \u2500\u2500 COUNTER ANIMATIONS \u2500\u2500\n  function animateCounter(el) {\n    var target = parseInt(el.getAttribute('data-count'));\n    var prefix = el.getAttribute('data-prefix') || '';\n    var suffix = el.getAttribute('data-suffix') || '';\n    var start  = performance.now();\n    var dur    = 2000;\n    function tick(now) {\n      var p = Math.min((now - start) \/ dur, 1);\n      var e = 1 - Math.pow(1 - p, 3);\n      el.textContent = prefix + Math.round(e * target) + suffix;\n      if (p < 1) requestAnimationFrame(tick);\n    }\n    requestAnimationFrame(tick);\n  }\n  var cObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) { animateCounter(entry.target); cObserver.unobserve(entry.target); }\n    });\n  }, { threshold: 0.5 });\n  document.querySelectorAll('[data-count]').forEach(function(el) { cObserver.observe(el); });\n\n  \/\/ \u2500\u2500 3D TILT ON SERVICE CARDS (subtle) \u2500\u2500\n  document.querySelectorAll('.service-card').forEach(function(card) {\n    card.addEventListener('mousemove', function(e) {\n      var rect = card.getBoundingClientRect();\n      var x = (e.clientX - rect.left) \/ rect.width  - 0.5;\n      var y = (e.clientY - rect.top)  \/ rect.height - 0.5;\n      card.style.transform = 'perspective(800px) rotateY('+x*5+'deg) rotateX('+(-y*5)+'deg) translateY(-4px)';\n    });\n    card.addEventListener('mouseleave', function() {\n      card.style.transform = '';\n    });\n  });\n\n  \/\/ \u2500\u2500 NEON PULSE ON AFTER CARDS ONLY \u2500\u2500\n  document.querySelectorAll('.ba-card.after, .vid-after').forEach(function(el) {\n    el.classList.add('neon-pulse');\n  });\n\n  \/\/ \u2500\u2500 WORD-BY-WORD REVEAL on section headers \u2500\u2500\n  document.querySelectorAll('.section-header h2').forEach(function(h) {\n    var text = h.innerHTML;\n    h.classList.add('word-reveal');\n    var words = text.split(\/(\\s+)\/);\n    h.innerHTML = words.map(function(w) {\n      return w.trim() ? '<span class=\"word\">'+w+'<\/span>' : w;\n    }).join('');\n    var wObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          var spans = entry.target.querySelectorAll('.word');\n          spans.forEach(function(span, i) {\n            span.style.transitionDelay = (i * 0.06) + 's';\n          });\n          entry.target.classList.add('revealed');\n          wObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.5 });\n    wObserver.observe(h);\n  });\n\n  \/\/ \u2500\u2500 PROCESS STEPS STAGGER \u2500\u2500\n  var steps = document.querySelectorAll('.process-step');\n  steps.forEach(function(step, i) {\n    step.style.opacity = '0';\n    step.style.transform = 'translateX(20px)';\n    step.style.transition = 'opacity 0.4s ease ' + (i * 0.15) + 's, transform 0.4s ease ' + (i * 0.15) + 's';\n  });\n  var sObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        steps.forEach(function(step) { step.style.opacity = '1'; step.style.transform = 'translateX(0)'; });\n        sObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  var processVis = document.querySelector('.process-visual');\n  if (processVis) sObserver.observe(processVis);\n\n  \/\/ \u2500\u2500 FORMAT CARDS SEQUENTIAL REVEAL \u2500\u2500\n  var fCards = document.querySelectorAll('.format-card');\n  var fObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        fCards.forEach(function(card, i) {\n          setTimeout(function() {\n            card.style.transition = 'background 0.3s, border-color 0.3s, transform 0.3s';\n            card.style.background = 'rgba(190,24,93,0.1)';\n            card.style.borderColor = 'rgba(190,24,93,0.3)';\n            card.style.transform = 'translateY(-4px)';\n            setTimeout(function() {\n              card.style.background = '';\n              card.style.borderColor = '';\n              card.style.transform = '';\n            }, 400);\n          }, i * 120);\n        });\n        fObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.4 });\n  var formatsGrid = document.querySelector('.formats-grid');\n  if (formatsGrid) fObserver.observe(formatsGrid);\n\n  \/\/ \u2500\u2500 WHY CARDS STAGGER \u2500\u2500\n  var wCards = document.querySelectorAll('.why-card');\n  wCards.forEach(function(card, i) {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(24px)';\n    card.style.transition = 'opacity 0.5s ease ' + (i * 0.1) + 's, transform 0.5s ease ' + (i * 0.1) + 's';\n  });\n  var whyObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        wCards.forEach(function(c) { c.style.opacity='1'; c.style.transform='translateY(0)'; });\n        whyObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  var whyGrid = document.querySelector('.why-grid');\n  if (whyGrid) whyObserver.observe(whyGrid);\n\n  \/\/ \u2500\u2500 EXPERIENCE STRIP SCALE IN \u2500\u2500\n  var expNums = document.querySelectorAll('.exp-stat .num:not([data-count])');\n  expNums.forEach(function(el) {\n    el.style.opacity = '0';\n    el.style.transform = 'scale(0.7)';\n    el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n  });\n  var expObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        expNums.forEach(function(el, i) {\n          setTimeout(function() {\n            el.style.opacity = '1';\n            el.style.transform = 'scale(1)';\n          }, i * 150);\n        });\n        expObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.4 });\n  var expStrip = document.querySelector('.experience-inner');\n  if (expStrip) expObserver.observe(expStrip);\n\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Ad Asset Creation | JXC Digital \ud83c\udfac Video Ads \ud83d\uddbc\ufe0f Static Ads \ud83d\uded2 Catalog \u26a1 PMax JXC Digital \u00b7 Ad Creative Raw Assets In. High-Converting Ads Out. We take your existing product images and video clips and transform them into scroll-stopping static and video ads \u2014 ready to run on Meta, Google, and beyond. Let&#8217;s&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","content-type":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-11911","page","type-page","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ad Asset Creation - JXC Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ad Asset Creation - JXC Digital\" \/>\n<meta property=\"og:description\" content=\"Ad Asset Creation | JXC Digital \ud83c\udfac Video Ads \ud83d\uddbc\ufe0f Static Ads \ud83d\uded2 Catalog \u26a1 PMax JXC Digital \u00b7 Ad Creative Raw Assets In. High-Converting Ads Out. We take your existing product images and video clips and transform them into scroll-stopping static and video ads \u2014 ready to run on Meta, Google, and beyond. Let&#8217;s...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/\" \/>\n<meta property=\"og:site_name\" content=\"JXC Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-20T16:50:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/ad-asset-creation\\\/\",\"url\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/ad-asset-creation\\\/\",\"name\":\"Ad Asset Creation - JXC Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/#website\"},\"datePublished\":\"2026-05-20T16:24:03+00:00\",\"dateModified\":\"2026-05-20T16:50:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/ad-asset-creation\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/ad-asset-creation\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/ad-asset-creation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ad Asset Creation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/#website\",\"url\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/\",\"name\":\"JXC Digital\",\"description\":\"Data-Driven Paid Advertising\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ad Asset Creation - JXC Digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/","og_locale":"en_US","og_type":"article","og_title":"Ad Asset Creation - JXC Digital","og_description":"Ad Asset Creation | JXC Digital \ud83c\udfac Video Ads \ud83d\uddbc\ufe0f Static Ads \ud83d\uded2 Catalog \u26a1 PMax JXC Digital \u00b7 Ad Creative Raw Assets In. High-Converting Ads Out. We take your existing product images and video clips and transform them into scroll-stopping static and video ads \u2014 ready to run on Meta, Google, and beyond. Let&#8217;s...","og_url":"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/","og_site_name":"JXC Digital","article_modified_time":"2026-05-20T16:50:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/","url":"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/","name":"Ad Asset Creation - JXC Digital","isPartOf":{"@id":"https:\/\/jxcdigital.com\/staging\/3370\/#website"},"datePublished":"2026-05-20T16:24:03+00:00","dateModified":"2026-05-20T16:50:45+00:00","breadcrumb":{"@id":"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jxcdigital.com\/staging\/3370\/ad-asset-creation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jxcdigital.com\/staging\/3370\/"},{"@type":"ListItem","position":2,"name":"Ad Asset Creation"}]},{"@type":"WebSite","@id":"https:\/\/jxcdigital.com\/staging\/3370\/#website","url":"https:\/\/jxcdigital.com\/staging\/3370\/","name":"JXC Digital","description":"Data-Driven Paid Advertising","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jxcdigital.com\/staging\/3370\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/comments?post=11911"}],"version-history":[{"count":7,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11911\/revisions"}],"predecessor-version":[{"id":11919,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11911\/revisions\/11919"}],"wp:attachment":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/media?parent=11911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}