{"id":6,"date":"2026-09-01T00:11:21","date_gmt":"2026-09-01T00:11:21","guid":{"rendered":"https:\/\/cmpmarketinginc.com\/?page_id=6"},"modified":"2026-09-02T23:37:48","modified_gmt":"2026-09-02T23:37:48","slug":"home","status":"publish","type":"page","link":"https:\/\/cmpmarketinginc.com\/","title":{"rendered":"Landing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5c6bcf e-con-full e-flex e-con e-parent\" data-id=\"c5c6bcf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22aa9ee elementor-widget elementor-widget-html\" data-id=\"22aa9ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>CMP Marketing | Strategic Marketing & Brand Development Agency<\/title>\r\n  <meta name=\"description\"\r\n    content=\"CMP Marketing  helps businesses, entrepreneurs, influencers, and personal brands strengthen their presence, reach the right audience, and achieve measurable growth.\">\r\n\r\n  <!-- Stylesheets -->\r\n  <style>\r\n    \/* ==========================================================================\r\n   CMP MARKETING INC. - DESIGN SYSTEM & STYLESHEET (LUXURY LIGHT MODE)\r\n   High-End Modern Agency Aesthetic - Clean, Crisp, & Executive\r\n   ========================================================================== *\/\r\n\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@600;700;800&display=swap');\r\n\r\n    :root {\r\n      \/* Luxury Light Color Palette *\/\r\n      --bg-primary: #fafafc;\r\n      --bg-secondary: #f1f5f9;\r\n      --bg-card: #ffffff;\r\n      --bg-card-hover: #ffffff;\r\n      --bg-glass: rgba(255, 255, 255, 0.85);\r\n\r\n      --accent-gold: #d97706;\r\n      --accent-gold-dark: #b45309;\r\n      --accent-gold-glow: rgba(217, 119, 6, 0.15);\r\n      --accent-indigo: #4f46e5;\r\n      --accent-indigo-glow: rgba(79, 70, 229, 0.12);\r\n\r\n      --accent-gradient: linear-gradient(135deg, #d97706 0%, #ea580c 50%, #b45309 100%);\r\n      --accent-gradient-indigo: linear-gradient(135deg, #4f46e5 0%, #2563eb 100%);\r\n      --text-gradient: linear-gradient(135deg, #0f172a 0%, #334155 100%);\r\n      --gold-text-gradient: linear-gradient(135deg, #b45309 0%, #d97706 70%, #ea580c 100%);\r\n\r\n      --text-main: #0f172a;\r\n      --text-muted: #475569;\r\n      --text-dim: #64748b;\r\n      --border-light: rgba(226, 232, 240, 0.9);\r\n      --border-gold: rgba(217, 119, 6, 0.3);\r\n\r\n      \/* Typography *\/\r\n      --font-heading: 'Syne', sans-serif;\r\n      --font-body: 'Plus Jakarta Sans', sans-serif;\r\n\r\n      \/* Shadows & Radius *\/\r\n      --radius-sm: 8px;\r\n      --radius-md: 16px;\r\n      --radius-lg: 24px;\r\n      --radius-full: 9999px;\r\n\r\n      --shadow-sm: 0 4px 16px rgba(15, 23, 42, 0.05);\r\n      --shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);\r\n      --shadow-glow: 0 12px 32px rgba(217, 119, 6, 0.2);\r\n      --shadow-indigo-glow: 0 12px 32px rgba(79, 70, 229, 0.18);\r\n\r\n      --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n      --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    \/* Reset & Base *\/\r\n    *,\r\n    *::before,\r\n    *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n      font-size: 16px;\r\n    }\r\n\r\n    body {\r\n      background-color: var(--bg-primary);\r\n      color: var(--text-main);\r\n      font-family: var(--font-body);\r\n      line-height: 1.6;\r\n      overflow-x: hidden;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n    }\r\n\r\n    \/* Typography Utilities *\/\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6 {\r\n      font-family: var(--font-heading);\r\n      font-weight: 700;\r\n      line-height: 1.15;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .gradient-text {\r\n      background: var(--text-gradient);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .gold-gradient-text {\r\n      background: var(--gold-text-gradient);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .section-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 6px 16px;\r\n      background: rgba(217, 119, 6, 0.08);\r\n      border: 1px solid var(--border-gold);\r\n      border-radius: var(--radius-full);\r\n      color: var(--accent-gold-dark);\r\n      font-size: 0.825rem;\r\n      font-weight: 700;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .section-tag::before {\r\n      content: '';\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 50%;\r\n      background-color: var(--accent-gold);\r\n      box-shadow: 0 0 8px var(--accent-gold);\r\n    }\r\n\r\n    .container {\r\n      width: 100%;\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n      padding: 0 1.5rem;\r\n    }\r\n\r\n    \/* Header & Navigation *\/\r\n    .navbar {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      z-index: 1000;\r\n      padding: 0.85rem 0;\r\n      background: rgba(255, 255, 255, 0.96);\r\n      backdrop-filter: blur(20px);\r\n      -webkit-backdrop-filter: blur(20px);\r\n      border-bottom: 1px solid var(--border-light);\r\n      box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);\r\n      transition: var(--transition-smooth);\r\n    }\r\n\r\n    .navbar.scrolled {\r\n      padding: 0.55rem 0;\r\n      background: rgba(255, 255, 255, 0.98);\r\n      box-shadow: 0 8px 30px rgba(15, 23, 42, 0.08);\r\n    }\r\n\r\n    .nav-container {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .logo {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      text-decoration: none;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .brand-logo-img {\r\n      height: 62px;\r\n      max-height: 62px;\r\n      width: auto;\r\n      max-width: 250px;\r\n      object-fit: contain;\r\n      display: block;\r\n      transition: var(--transition-fast);\r\n    }\r\n\r\n    .navbar.scrolled .brand-logo-img {\r\n      height: 50px;\r\n      max-height: 50px;\r\n    }\r\n\r\n    .logo:hover .brand-logo-img {\r\n      transform: scale(1.02);\r\n    }\r\n\r\n    .footer-brand .brand-logo-img {\r\n      height: 64px;\r\n      max-width: 260px;\r\n    }\r\n\r\n    .nav-links {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1.25rem;\r\n      list-style: none;\r\n      flex-wrap: nowrap;\r\n    }\r\n\r\n    .nav-link {\r\n      color: var(--text-muted);\r\n      text-decoration: none;\r\n      font-size: 0.875rem;\r\n      font-weight: 600;\r\n      white-space: nowrap;\r\n      transition: var(--transition-fast);\r\n      position: relative;\r\n      padding: 4px 0;\r\n    }\r\n\r\n    .nav-link:hover,\r\n    .nav-link.active {\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .nav-link::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 0%;\r\n      height: 2px;\r\n      background: var(--accent-gold);\r\n      transition: var(--transition-fast);\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .nav-link:hover::after,\r\n    .nav-link.active::after {\r\n      width: 100%;\r\n    }\r\n\r\n    .nav-actions {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .nav-actions .btn {\r\n      padding: 0.7rem 1.35rem;\r\n      font-size: 0.875rem;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .mobile-menu-btn {\r\n      display: none;\r\n      background: transparent;\r\n      border: none;\r\n      color: var(--text-main);\r\n      font-size: 1.5rem;\r\n      cursor: pointer;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 0.85rem 1.75rem;\r\n      border-radius: var(--radius-full);\r\n      font-family: var(--font-body);\r\n      font-weight: 700;\r\n      font-size: 0.95rem;\r\n      text-decoration: none;\r\n      cursor: pointer;\r\n      transition: var(--transition-smooth);\r\n      border: 1px solid transparent;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .btn-primary {\r\n      background: var(--accent-gradient);\r\n      color: #ffffff;\r\n      box-shadow: var(--shadow-glow);\r\n    }\r\n\r\n    .btn-primary:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 14px 35px rgba(217, 119, 6, 0.35);\r\n    }\r\n\r\n    .btn-secondary {\r\n      background: #ffffff;\r\n      color: var(--text-main);\r\n      border: 1px solid var(--border-light);\r\n      box-shadow: var(--shadow-sm);\r\n    }\r\n\r\n    .btn-secondary:hover {\r\n      background: var(--bg-secondary);\r\n      border-color: rgba(15, 23, 42, 0.2);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .btn-icon {\r\n      width: 18px;\r\n      height: 18px;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .btn:hover .btn-icon {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    \/* Hero Section *\/\r\n    .hero {\r\n      position: relative;\r\n      padding: 11rem 0 6rem 0;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      background: linear-gradient(180deg, #ffffff 0%, #fafafc 100%);\r\n    }\r\n\r\n    .hero-bg-glow {\r\n      position: absolute;\r\n      top: -10%;\r\n      right: -5%;\r\n      width: 650px;\r\n      height: 650px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(217, 119, 6, 0.08) 0%, rgba(79, 70, 229, 0.04) 50%, rgba(255, 255, 255, 0) 70%);\r\n      filter: blur(70px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-bg-glow-2 {\r\n      position: absolute;\r\n      bottom: 5%;\r\n      left: -10%;\r\n      width: 500px;\r\n      height: 500px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(79, 70, 229, 0.06) 0%, rgba(217, 119, 6, 0.03) 50%, rgba(255, 255, 255, 0) 70%);\r\n      filter: blur(80px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.15fr 0.85fr;\r\n      gap: 3.5rem;\r\n      align-items: center;\r\n    }\r\n\r\n    .hero-content {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hero-title {\r\n      font-size: clamp(2.5rem, 5vw, 4rem);\r\n      letter-spacing: -1.5px;\r\n      margin-bottom: 1.5rem;\r\n      line-height: 1.08;\r\n    }\r\n\r\n    .hero-description {\r\n      font-size: 1.15rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 2.25rem;\r\n      max-width: 600px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .hero-cta-group {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1.25rem;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 3rem;\r\n    }\r\n\r\n    .hero-stats {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 2.5rem;\r\n      padding-top: 2rem;\r\n      border-top: 1px solid var(--border-light);\r\n    }\r\n\r\n    .stat-item h4 {\r\n      font-size: 1.75rem;\r\n      font-weight: 800;\r\n      color: var(--accent-gold-dark);\r\n    }\r\n\r\n    .stat-item p {\r\n      font-size: 0.85rem;\r\n      color: var(--text-muted);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .hero-visual {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hero-image-wrapper {\r\n      position: relative;\r\n      border-radius: var(--radius-lg);\r\n      padding: 10px;\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      box-shadow: 0 25px 60px rgba(15, 23, 42, 0.1);\r\n    }\r\n\r\n    .hero-image {\r\n      width: 100%;\r\n      height: auto;\r\n      border-radius: calc(var(--radius-lg) - 6px);\r\n      display: block;\r\n      object-fit: cover;\r\n    }\r\n\r\n    .glass-badge {\r\n      position: absolute;\r\n      background: rgba(255, 255, 255, 0.95);\r\n      backdrop-filter: blur(16px);\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-md);\r\n      padding: 1rem 1.25rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n\r\n    .glass-badge-1 {\r\n      bottom: -20px;\r\n      left: -20px;\r\n    }\r\n\r\n    .badge-icon {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 12px;\r\n      background: rgba(217, 119, 6, 0.1);\r\n      color: var(--accent-gold-dark);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .badge-icon svg {\r\n      width: 22px;\r\n      height: 22px;\r\n    }\r\n\r\n    .badge-text h5 {\r\n      font-size: 0.95rem;\r\n      font-weight: 700;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .badge-text p {\r\n      font-size: 0.75rem;\r\n      color: var(--text-muted);\r\n    }\r\n\r\n    \/* Intro Section *\/\r\n    .section {\r\n      padding: 6rem 0;\r\n      position: relative;\r\n    }\r\n\r\n    .section-header {\r\n      text-align: center;\r\n      max-width: 750px;\r\n      margin: 0 auto 4rem auto;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n      margin-bottom: 1.25rem;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .section-description {\r\n      font-size: 1.05rem;\r\n      color: var(--text-muted);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* Intro Box *\/\r\n    .intro-card {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-lg);\r\n      padding: 3.5rem;\r\n      box-shadow: var(--shadow-md);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .intro-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 4px;\r\n      height: 100%;\r\n      background: var(--accent-gradient);\r\n    }\r\n\r\n    .intro-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 3rem;\r\n      align-items: center;\r\n    }\r\n\r\n    .intro-text p {\r\n      font-size: 1.05rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 1.25rem;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .intro-highlight {\r\n      font-size: 1.25rem !important;\r\n      color: var(--text-main) !important;\r\n      font-weight: 600;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Who We Work With Grid *\/\r\n    .audience-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n      gap: 1.5rem;\r\n      margin-top: 3rem;\r\n    }\r\n\r\n    .audience-card {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-md);\r\n      padding: 1.75rem;\r\n      transition: var(--transition-smooth);\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 1.25rem;\r\n      box-shadow: var(--shadow-sm);\r\n    }\r\n\r\n    .audience-card:hover {\r\n      background: #ffffff;\r\n      border-color: var(--accent-gold);\r\n      transform: translateY(-4px);\r\n      box-shadow: var(--shadow-glow);\r\n    }\r\n\r\n    .audience-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 12px;\r\n      background: rgba(217, 119, 6, 0.08);\r\n      border: 1px solid var(--border-gold);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--accent-gold-dark);\r\n      flex-shrink: 0;\r\n      transition: var(--transition-fast);\r\n    }\r\n\r\n    .audience-icon svg {\r\n      width: 24px;\r\n      height: 24px;\r\n      stroke: currentColor;\r\n    }\r\n\r\n    .audience-card:hover .audience-icon {\r\n      background: var(--accent-gradient);\r\n      color: #ffffff;\r\n      border-color: transparent;\r\n    }\r\n\r\n    .audience-info h4 {\r\n      font-size: 1.05rem;\r\n      margin-bottom: 0.35rem;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .audience-info p {\r\n      font-size: 0.85rem;\r\n      color: var(--text-muted);\r\n    }\r\n\r\n    \/* About Us Section *\/\r\n    .about-grid {\r\n      display: grid;\r\n      grid-template-columns: 0.9fr 1.1fr;\r\n      gap: 4rem;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .about-founder-box {\r\n      position: sticky;\r\n      top: 110px;\r\n      align-self: flex-start;\r\n    }\r\n\r\n    .founder-img-wrapper {\r\n      position: relative;\r\n      border-radius: var(--radius-lg);\r\n      overflow: hidden;\r\n      border: 1px solid var(--border-light);\r\n      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);\r\n    }\r\n\r\n    .founder-img {\r\n      width: 100%;\r\n      height: 480px;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .founder-overlay-card {\r\n      bottom: 20px;\r\n      left: 20px;\r\n      right: 20px;\r\n      background: rgba(255, 255, 255, 0.95);\r\n      backdrop-filter: blur(16px);\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-md);\r\n      padding: 1.25rem 1.5rem;\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n\r\n    .founder-name {\r\n      font-size: 1.15rem;\r\n      font-weight: 700;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .founder-title {\r\n      font-size: 0.85rem;\r\n      color: var(--accent-gold-dark);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .about-content-text p {\r\n      font-size: 1.05rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 1.5rem;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .mission-box {\r\n      background: rgba(217, 119, 6, 0.05);\r\n      border: 1px solid var(--border-gold);\r\n      border-radius: var(--radius-md);\r\n      padding: 2rem;\r\n      margin-top: 2rem;\r\n      position: relative;\r\n    }\r\n\r\n    .mission-title {\r\n      font-size: 1.1rem;\r\n      color: var(--accent-gold-dark);\r\n      margin-bottom: 0.75rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .mission-title svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      stroke: var(--accent-gold-dark);\r\n    }\r\n\r\n    .mission-text {\r\n      font-size: 1rem;\r\n      color: var(--text-main);\r\n      font-style: italic;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Services Section *\/\r\n    .services-section {\r\n      background: var(--bg-secondary);\r\n      border-top: 1px solid var(--border-light);\r\n      border-bottom: 1px solid var(--border-light);\r\n    }\r\n\r\n    .services-filter {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 0.75rem;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 3.5rem;\r\n    }\r\n\r\n    .filter-btn {\r\n      padding: 0.65rem 1.35rem;\r\n      border-radius: var(--radius-full);\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      color: var(--text-muted);\r\n      font-size: 0.9rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: var(--transition-fast);\r\n      box-shadow: var(--shadow-sm);\r\n    }\r\n\r\n    .filter-btn:hover,\r\n    .filter-btn.active {\r\n      background: var(--accent-gradient);\r\n      color: #ffffff;\r\n      border-color: transparent;\r\n      box-shadow: var(--shadow-glow);\r\n    }\r\n\r\n    .services-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\r\n      gap: 2rem;\r\n    }\r\n\r\n    .service-card {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-lg);\r\n      padding: 2.25rem;\r\n      transition: var(--transition-smooth);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      position: relative;\r\n      overflow: hidden;\r\n      box-shadow: var(--shadow-sm);\r\n    }\r\n\r\n    .service-card:hover {\r\n      border-color: var(--border-gold);\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\r\n    }\r\n\r\n    .service-icon-box {\r\n      width: 52px;\r\n      height: 52px;\r\n      border-radius: 14px;\r\n      background: rgba(217, 119, 6, 0.08);\r\n      border: 1px solid var(--border-gold);\r\n      color: var(--accent-gold-dark);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .service-icon-box svg {\r\n      width: 26px;\r\n      height: 26px;\r\n      stroke: currentColor;\r\n    }\r\n\r\n    .service-title {\r\n      font-size: 1.35rem;\r\n      margin-bottom: 0.85rem;\r\n    }\r\n\r\n    .service-desc {\r\n      font-size: 0.95rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 1.5rem;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .service-details-list {\r\n      list-style: none;\r\n      margin-bottom: 1.75rem;\r\n    }\r\n\r\n    .service-details-list li {\r\n      font-size: 0.875rem;\r\n      color: var(--text-main);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .service-details-list li::before {\r\n      content: '\u2713';\r\n      color: var(--accent-gold);\r\n      font-weight: bold;\r\n    }\r\n\r\n    .service-link {\r\n      color: var(--accent-gold-dark);\r\n      text-decoration: none;\r\n      font-weight: 700;\r\n      font-size: 0.9rem;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      cursor: pointer;\r\n      transition: var(--transition-fast);\r\n    }\r\n\r\n    .service-link:hover {\r\n      gap: 10px;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    \/* Tailored Audience Showcase (Influencers & Businesses) *\/\r\n    .dual-section {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 2.5rem;\r\n      margin-top: 2rem;\r\n    }\r\n\r\n    .dual-card {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-lg);\r\n      padding: 3rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n\r\n    .dual-card-img {\r\n      width: 100%;\r\n      height: 220px;\r\n      object-fit: cover;\r\n      border-radius: var(--radius-md);\r\n      margin-bottom: 2rem;\r\n      border: 1px solid var(--border-light);\r\n    }\r\n\r\n    .dual-card-title {\r\n      font-size: 1.75rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .dual-card-desc {\r\n      font-size: 1rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 1.75rem;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* Our Approach 5-Step Process *\/\r\n    .process-timeline {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, 1fr);\r\n      gap: 1.5rem;\r\n      margin-top: 3.5rem;\r\n      position: relative;\r\n    }\r\n\r\n    .process-timeline::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 35px;\r\n      left: 10%;\r\n      right: 10%;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--accent-gold) 0%, var(--accent-indigo) 100%);\r\n      z-index: 1;\r\n    }\r\n\r\n    .process-step {\r\n      position: relative;\r\n      z-index: 2;\r\n      text-align: center;\r\n    }\r\n\r\n    .step-number {\r\n      width: 70px;\r\n      height: 70px;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      border: 2px solid var(--accent-gold);\r\n      color: var(--accent-gold-dark);\r\n      font-family: var(--font-heading);\r\n      font-weight: 800;\r\n      font-size: 1.35rem;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 1.5rem auto;\r\n      box-shadow: var(--shadow-glow);\r\n      transition: var(--transition-smooth);\r\n    }\r\n\r\n    .process-step:hover .step-number {\r\n      background: var(--accent-gradient);\r\n      color: #ffffff;\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    .step-title {\r\n      font-size: 1.15rem;\r\n      margin-bottom: 0.65rem;\r\n    }\r\n\r\n    .step-desc {\r\n      font-size: 0.85rem;\r\n      color: var(--text-muted);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Why CMP Marketing Grid *\/\r\n    .why-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n      gap: 2rem;\r\n      margin-top: 3rem;\r\n    }\r\n\r\n    .why-card {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-lg);\r\n      padding: 2.25rem;\r\n      transition: var(--transition-smooth);\r\n      box-shadow: var(--shadow-sm);\r\n    }\r\n\r\n    .why-card:hover {\r\n      border-color: var(--border-gold);\r\n      transform: translateY(-5px);\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n\r\n    .why-icon {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 12px;\r\n      background: rgba(79, 70, 229, 0.08);\r\n      color: var(--accent-indigo);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .why-icon svg {\r\n      width: 24px;\r\n      height: 24px;\r\n      stroke: currentColor;\r\n    }\r\n\r\n    .why-title {\r\n      font-size: 1.25rem;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .why-desc {\r\n      font-size: 0.925rem;\r\n      color: var(--text-muted);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Contact Section & Form *\/\r\n    .contact-section {\r\n      background: var(--bg-secondary);\r\n      border-top: 1px solid var(--border-light);\r\n    }\r\n\r\n    .contact-grid {\r\n      display: grid;\r\n      grid-template-columns: 0.85fr 1.15fr;\r\n      gap: 4rem;\r\n    }\r\n\r\n    .contact-info {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1.75rem;\r\n      position: sticky;\r\n      top: 110px;\r\n      align-self: flex-start;\r\n    }\r\n\r\n    .contact-info-title {\r\n      font-size: 2.5rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .contact-info-desc {\r\n      font-size: 1.05rem;\r\n      color: var(--text-muted);\r\n      margin-bottom: 0;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .contact-highlights {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .contact-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1.25rem;\r\n    }\r\n\r\n    .contact-item-icon {\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 12px;\r\n      background: rgba(217, 119, 6, 0.08);\r\n      color: var(--accent-gold-dark);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .contact-item-icon svg {\r\n      width: 22px;\r\n      height: 22px;\r\n      stroke: currentColor;\r\n    }\r\n\r\n    .contact-item-text h5 {\r\n      font-size: 0.95rem;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .contact-item-text p {\r\n      font-size: 0.85rem;\r\n      color: var(--text-muted);\r\n    }\r\n\r\n    .contact-form-card {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-lg);\r\n      padding: 3rem;\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n\r\n    .form-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .form-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .form-group.full-width {\r\n      grid-column: span 2;\r\n    }\r\n\r\n    .form-label {\r\n      font-size: 0.875rem;\r\n      font-weight: 600;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .form-input,\r\n    .form-select,\r\n    .form-textarea {\r\n      width: 100%;\r\n      padding: 0.85rem 1.15rem;\r\n      background: var(--bg-primary);\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-sm);\r\n      color: var(--text-main);\r\n      font-family: var(--font-body);\r\n      font-size: 0.925rem;\r\n      transition: var(--transition-fast);\r\n      outline: none;\r\n    }\r\n\r\n    .form-input:focus,\r\n    .form-select:focus,\r\n    .form-textarea:focus {\r\n      border-color: var(--accent-gold);\r\n      background: #ffffff;\r\n      box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15);\r\n    }\r\n\r\n    .form-select option {\r\n      background: #ffffff;\r\n      color: var(--text-main);\r\n    }\r\n\r\n    .form-textarea {\r\n      min-height: 120px;\r\n      resize: vertical;\r\n    }\r\n\r\n    \/* CTA Banner Section *\/\r\n    .cta-banner {\r\n      background: linear-gradient(135deg, rgba(217, 119, 6, 0.08) 0%, rgba(79, 70, 229, 0.05) 100%);\r\n      border: 1px solid var(--border-gold);\r\n      border-radius: var(--radius-lg);\r\n      padding: 4rem 3rem;\r\n      text-align: center;\r\n      position: relative;\r\n      overflow: hidden;\r\n      margin: 4rem auto;\r\n      box-shadow: var(--shadow-sm);\r\n    }\r\n\r\n    .cta-banner-title {\r\n      font-size: clamp(2rem, 3.5vw, 3rem);\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cta-banner-desc {\r\n      font-size: 1.1rem;\r\n      color: var(--text-muted);\r\n      max-width: 650px;\r\n      margin: 0 auto 2.25rem auto;\r\n    }\r\n\r\n    \/* Modal Styling *\/\r\n    .modal-backdrop {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(15, 23, 42, 0.5);\r\n      backdrop-filter: blur(8px);\r\n      z-index: 2000;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: var(--transition-smooth);\r\n      padding: 1.5rem;\r\n    }\r\n\r\n    .modal-backdrop.active {\r\n      opacity: 1;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .modal-card {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-light);\r\n      border-radius: var(--radius-lg);\r\n      width: 100%;\r\n      max-width: 640px;\r\n      padding: 2.5rem;\r\n      position: relative;\r\n      box-shadow: 0 25px 60px rgba(15, 23, 42, 0.2);\r\n      transform: translateY(20px);\r\n      transition: var(--transition-smooth);\r\n      max-height: 90vh;\r\n      overflow-y: auto;\r\n    }\r\n\r\n    .modal-backdrop.active .modal-card {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .modal-close {\r\n      position: absolute;\r\n      top: 1.5rem;\r\n      right: 1.5rem;\r\n      background: var(--bg-secondary);\r\n      border: 1px solid var(--border-light);\r\n      color: var(--text-main);\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      transition: var(--transition-fast);\r\n      font-size: 1.25rem;\r\n    }\r\n\r\n    .modal-close:hover {\r\n      background: rgba(15, 23, 42, 0.1);\r\n    }\r\n\r\n    \/* Toast Notifications *\/\r\n    .toast-container {\r\n      position: fixed;\r\n      bottom: 2rem;\r\n      right: 2rem;\r\n      z-index: 3000;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.75rem;\r\n    }\r\n\r\n    .toast {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border-gold);\r\n      border-radius: var(--radius-md);\r\n      padding: 1rem 1.5rem;\r\n      color: var(--text-main);\r\n      font-size: 0.9rem;\r\n      font-weight: 600;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      box-shadow: var(--shadow-md);\r\n      animation: slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    @keyframes slideInRight {\r\n      from {\r\n        transform: translateX(100%);\r\n        opacity: 0;\r\n      }\r\n\r\n      to {\r\n        transform: translateX(0);\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    \/* Footer *\/\r\n    .footer {\r\n      background: #ffffff;\r\n      border-top: 1px solid var(--border-light);\r\n      padding: 5rem 0 2.5rem 0;\r\n      color: var(--text-muted);\r\n    }\r\n\r\n    .footer-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.5fr repeat(3, 1fr);\r\n      gap: 3rem;\r\n      margin-bottom: 4rem;\r\n    }\r\n\r\n    .footer-brand p {\r\n      margin-top: 1.25rem;\r\n      font-size: 0.9rem;\r\n      line-height: 1.6;\r\n      max-width: 320px;\r\n    }\r\n\r\n    .footer-col h5 {\r\n      font-size: 1.05rem;\r\n      color: var(--text-main);\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .footer-links {\r\n      list-style: none;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.75rem;\r\n    }\r\n\r\n    .footer-links a {\r\n      color: var(--text-muted);\r\n      text-decoration: none;\r\n      font-size: 0.9rem;\r\n      transition: var(--transition-fast);\r\n    }\r\n\r\n    .footer-links a:hover {\r\n      color: var(--accent-gold-dark);\r\n    }\r\n\r\n    .footer-bottom {\r\n      padding-top: 2rem;\r\n      border-top: 1px solid var(--border-light);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      font-size: 0.85rem;\r\n    }\r\n\r\n    \/* Responsive Media Queries *\/\r\n    @media (min-width: 1025px) and (max-width: 1240px) {\r\n      .nav-links {\r\n        gap: 0.85rem;\r\n      }\r\n      .nav-link {\r\n        font-size: 0.825rem;\r\n      }\r\n      .nav-actions .btn {\r\n        padding: 0.65rem 1.1rem;\r\n        font-size: 0.825rem;\r\n      }\r\n      .brand-logo-img {\r\n        height: 42px;\r\n        max-width: 180px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n\r\n      \/* Disable stickiness on tablet & mobile devices *\/\r\n      .contact-info,\r\n      .about-founder-box {\r\n        position: static !important;\r\n        top: auto !important;\r\n        align-self: stretch !important;\r\n      }\r\n\r\n      .hero-grid,\r\n      .intro-grid,\r\n      .about-grid,\r\n      .contact-grid,\r\n      .dual-section {\r\n        grid-template-columns: 1fr;\r\n        gap: 2.5rem;\r\n      }\r\n\r\n      .process-timeline {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n      }\r\n\r\n      .process-timeline::before {\r\n        display: none;\r\n      }\r\n\r\n      .services-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        gap: 1.5rem;\r\n      }\r\n\r\n      .footer-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .brand-logo-img {\r\n        height: 52px;\r\n        max-width: 220px;\r\n      }\r\n\r\n      .nav-links,\r\n      .nav-actions .btn {\r\n        display: none;\r\n      }\r\n\r\n      .mobile-menu-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n      }\r\n\r\n      .nav-links.mobile-active {\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 0;\r\n        width: 100%;\r\n        background: #ffffff;\r\n        border-bottom: 1px solid var(--border-light);\r\n        padding: 1.5rem;\r\n        gap: 1.25rem;\r\n        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1);\r\n      }\r\n\r\n      .hero {\r\n        padding: 7rem 0 3.5rem 0;\r\n        min-height: auto;\r\n      }\r\n\r\n      .hero-title {\r\n        font-size: 2.25rem;\r\n      }\r\n\r\n      .hero-description {\r\n        font-size: 1rem;\r\n      }\r\n\r\n      .hero-cta-group {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        width: 100%;\r\n      }\r\n\r\n      .hero-cta-group .btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .hero-stats {\r\n        flex-direction: row;\r\n        justify-content: space-around;\r\n        gap: 1rem;\r\n      }\r\n\r\n      .stat-item h4 {\r\n        font-size: 1.35rem;\r\n      }\r\n\r\n      .stat-item p {\r\n        font-size: 0.75rem;\r\n      }\r\n\r\n      .audience-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .services-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .why-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .form-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .form-group.full-width {\r\n        grid-column: span 1;\r\n      }\r\n\r\n      .intro-card,\r\n      .contact-form-card,\r\n      .dual-card {\r\n        padding: 1.75rem 1.25rem;\r\n      }\r\n\r\n      .founder-img {\r\n        height: 380px;\r\n      }\r\n\r\n      .glass-badge-1 {\r\n        bottom: -15px;\r\n        left: 10px;\r\n        right: 10px;\r\n      }\r\n\r\n      .cta-banner {\r\n        padding: 2.5rem 1.5rem;\r\n      }\r\n\r\n      .cta-banner-title {\r\n        font-size: 1.75rem;\r\n      }\r\n\r\n      .modal-card {\r\n        padding: 1.75rem 1.25rem;\r\n        width: 95vw;\r\n      }\r\n\r\n      .footer-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n      }\r\n\r\n      .footer-bottom {\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .hero-title {\r\n        font-size: 1.85rem;\r\n      }\r\n\r\n      .section-title {\r\n        font-size: 1.65rem;\r\n      }\r\n\r\n      .founder-img {\r\n        height: 320px;\r\n      }\r\n\r\n      .badge-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <!-- Navigation Bar -->\r\n  <header class=\"navbar\">\r\n    <div class=\"container nav-container\">\r\n      <a href=\"#home\" class=\"logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/cmpmarketinginc.com\/wp-content\/uploads\/2026\/09\/logocmpa.webp\"\r\n          alt=\"CMP Marketing Strategy Brand Growth\" class=\"brand-logo-img\">\r\n      <\/a>\r\n\r\n      <ul class=\"nav-links\">\r\n        <li><a href=\"#home\" class=\"nav-link active\">Home<\/a><\/li>\r\n        <li><a href=\"#about\" class=\"nav-link\">About<\/a><\/li>\r\n        <li><a href=\"#services\" class=\"nav-link\">Services<\/a><\/li>\r\n        <li><a href=\"#businesses\" class=\"nav-link\">Businesses<\/a><\/li>\r\n        <li><a href=\"#influencers\" class=\"nav-link\">Influencers & Creators<\/a><\/li>\r\n        <li><a href=\"#approach\" class=\"nav-link\">Our Approach<\/a><\/li>\r\n        <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"nav-actions\">\r\n        <a href=\"#contact\" class=\"btn btn-primary open-consultation-modal\">\r\n          Schedule a Consultation\r\n        <\/a>\r\n        <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\" aria-label=\"Toggle Navigation Menu\">\r\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M4 6h16M4 12h16M4 18h16\" \/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- Hero Section -->\r\n  <section id=\"home\" class=\"hero\">\r\n    <div class=\"hero-bg-glow\"><\/div>\r\n    <div class=\"hero-bg-glow-2\"><\/div>\r\n\r\n    <div class=\"container hero-grid\">\r\n      <div class=\"hero-content\">\r\n        <div class=\"section-tag\">Central Marketing Resource<\/div>\r\n        <h1 class=\"hero-title\">\r\n          Marketing Built Around Your Brand. <span class=\"gold-gradient-text\">Growth Built Around Your Goals.<\/span>\r\n        <\/h1>\r\n        <p class=\"hero-description\">\r\n          CMP Marketing helps businesses, entrepreneurs, and influencers build stronger brands, connect with their\r\n          audiences, and turn marketing into measurable growth.\r\n        <\/p>\r\n\r\n        <div class=\"hero-cta-group\">\r\n          <a href=\"#contact\" class=\"btn btn-primary open-consultation-modal\">\r\n            Schedule a Consultation\r\n            <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"#services\" class=\"btn btn-secondary\">\r\n            Explore Our Services\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-stats\">\r\n          <div class=\"stat-item\">\r\n            <h4>100%<\/h4>\r\n            <p>Custom Strategy<\/p>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <h4>11+<\/h4>\r\n            <p>Specialized Services<\/p>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <h4>360\u00b0<\/h4>\r\n            <p>Growth Solutions<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-visual\">\r\n        <div class=\"hero-image-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/cmpmarketinginc.com\/wp-content\/uploads\/2026\/09\/hero.jpg\"\r\n            alt=\"CMP Marketing Strategy & Analytics\" class=\"hero-image\">\r\n\r\n          <div class=\"glass-badge glass-badge-1\">\r\n            <div class=\"badge-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M23 6l-9.5 9.5-5-5L1 18\" \/>\r\n                <path d=\"M17 6h6v6\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"badge-text\">\r\n              <h5>Measurable Results<\/h5>\r\n              <p>Data-Driven Brand Elevation<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Intro Section -->\r\n  <section class=\"section\">\r\n    <div class=\"container\">\r\n      <div class=\"intro-card\">\r\n        <div class=\"intro-grid\">\r\n          <div class=\"intro-text\">\r\n            <div class=\"section-tag\">Philosophy<\/div>\r\n            <h2 class=\"section-title\">More Than Marketing<\/h2>\r\n            <p class=\"intro-highlight\">\r\n              Successful marketing is about more than simply getting attention. It is about reaching the right people,\r\n              creating a recognizable brand, building trust, and turning that visibility into opportunities.\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"intro-text\">\r\n            <p>\r\n              CMP Marketing works closely with each client to develop marketing strategies that make sense for\r\n              their specific business or brand.\r\n            <\/p>\r\n            <p>\r\n              Whether a client is just getting started, looking to increase visibility, entering a new market, or ready\r\n              to scale an established operation, we help develop and execute the strategy behind that growth.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Who We Work With -->\r\n      <div style=\"margin-top: 5rem;\">\r\n        <div class=\"section-header\">\r\n          <div class=\"section-tag\">Diverse Client Partnerships<\/div>\r\n          <h2 class=\"section-title\">Who We Work With<\/h2>\r\n          <p class=\"section-description\">\r\n            We partner with ambitious individuals and organizations across every stage of development.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"audience-grid\">\r\n          <!-- 1. Businesses -->\r\n          <div class=\"audience-card\">\r\n            <div class=\"audience-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M3 21h18M3 7v14M21 7v14M6 11h4M6 15h4M14 11h4M14 15h4M9 3h6v4H9z\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"audience-info\">\r\n              <h4>Businesses & Companies<\/h4>\r\n              <p>Established operations ready to expand market share and digital presence.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 2. Startups -->\r\n          <div class=\"audience-card\">\r\n            <div class=\"audience-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\" \/>\r\n                <path\r\n                  d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-3.05 11a22.35 22.35 0 0 1-3.95 2z\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"audience-info\">\r\n              <h4>Startups & Entrepreneurs<\/h4>\r\n              <p>Building strong foundations, brand messaging, and initial customer acquisition.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 3. Influencers -->\r\n          <div class=\"audience-card\">\r\n            <div class=\"audience-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\" \/>\r\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"audience-info\">\r\n              <h4>Influencers & Content Creators<\/h4>\r\n              <p>Turning audience engagement into lasting commercial value and partnerships.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 4. Personal Brands -->\r\n          <div class=\"audience-card\">\r\n            <div class=\"audience-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path\r\n                  d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"audience-info\">\r\n              <h4>Personal Brands<\/h4>\r\n              <p>Public-facing professionals positioning authority and recognizable identity.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 5. Ecommerce -->\r\n          <div class=\"audience-card\">\r\n            <div class=\"audience-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zM3 6h18M16 10a4 4 0 0 1-8 0\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"audience-info\">\r\n              <h4>Ecommerce Businesses<\/h4>\r\n              <p>Driving customer acquisition, funnel conversion, and brand loyalty.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 6. Professional Services -->\r\n          <div class=\"audience-card\">\r\n            <div class=\"audience-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"audience-info\">\r\n              <h4>Professional Services<\/h4>\r\n              <p>Building trust, qualified lead pipelines, and authority messaging.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 7. Local Brands -->\r\n          <div class=\"audience-card\">\r\n            <div class=\"audience-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n                <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"audience-info\">\r\n              <h4>Local & Regional Brands<\/h4>\r\n              <p>Strengthening market reach and connecting directly with target communities.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 8. Emerging Brands -->\r\n          <div class=\"audience-card\">\r\n            <div class=\"audience-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M12 2a10 10 0 0 1 10 10c0 5.523-4.477 10-10 10S2 17.523 2 12a10 10 0 0 1 10-10z\" \/>\r\n                <path d=\"M12 6v6l4 2\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"audience-info\">\r\n              <h4>Emerging Brands<\/h4>\r\n              <p>Scaling unique positioning to compete and succeed in competitive markets.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- About Us Section -->\r\n<!-- About Us Section -->\r\n<section id=\"about\" class=\"section\">\r\n  <div class=\"container\">\r\n    <div class=\"about-grid\">\r\n\r\n      <div class=\"about-founder-box\">\r\n        <div class=\"founder-overlay-card\">\r\n          <div class=\"founder-name\">Dorothy Wallace<\/div>\r\n          <div class=\"founder-title\">Founder & Owner, CMP Marketing<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"about-content-text\">\r\n        <div class=\"section-tag\">About Us<\/div>\r\n        <h2 class=\"section-title\">Marketing With Purpose<\/h2>\r\n        <p>\r\n          CMP Marketing was created to provide clients with a more personalized approach to marketing and brand\r\n          development.\r\n        <\/p>\r\n        <p>\r\n          We recognize that there is no universal marketing strategy that works for every company or individual. A\r\n          growing local business has different needs than an established company entering a new market, just as an\r\n          influencer building a personal brand requires a different strategy than an ecommerce company focused on\r\n          customer acquisition.\r\n        <\/p>\r\n        <p>\r\n          That is why we take the time to understand each client's goals before developing a strategy. Our role is to\r\n          help clients determine where they want to go, identify the best opportunities to reach their audience, and\r\n          create a clear marketing plan to help them get there.\r\n        <\/p>\r\n        <p>\r\n          Under the leadership of founder and owner <strong>Dorothy Wallace<\/strong>, CMP Marketing is committed\r\n          to building long term client relationships and providing practical marketing solutions designed around real\r\n          business objectives.\r\n        <\/p>\r\n\r\n        <div class=\"mission-box\">\r\n          <div class=\"mission-title\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n            <\/svg>\r\n            Our Mission\r\n          <\/div>\r\n          <p class=\"mission-text\">\r\n            \"Our mission is to help businesses and individuals turn their ideas, brands, and existing platforms into\r\n            stronger and more recognizable market presences through creative, strategic, and results focused\r\n            marketing.\"\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n  <!-- Services Section -->\r\n  <section id=\"services\" class=\"section services-section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-tag\">Comprehensive Solutions<\/div>\r\n        <h2 class=\"section-title\">Our Service Capabilities<\/h2>\r\n        <p class=\"section-description\">\r\n          A central resource for all your marketing, brand development, and growth strategy needs.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Services Category Filter -->\r\n      <div class=\"services-filter\">\r\n        <button class=\"filter-btn active\" data-filter=\"all\">All Services<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"strategy\">Strategy & Consulting<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"brand\">Brand & Content<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"digital\">Digital & Social<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"acquisition\">Acquisition & Paid<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"services-grid\">\r\n        <!-- 1. Digital Marketing Strategy -->\r\n        <div class=\"service-card\" data-category=\"strategy\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n                <circle cx=\"12\" cy=\"12\" r=\"6\" \/>\r\n                <circle cx=\"12\" cy=\"12\" r=\"2\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Digital Marketing Strategy<\/h3>\r\n            <p class=\"service-desc\">\r\n              We develop customized digital marketing strategies based on the client's goals, target audience, industry,\r\n              competition, and current market position.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Campaign planning & channel selection<\/li>\r\n              <li>Audience development & profiling<\/li>\r\n              <li>Customer acquisition roadmap<\/li>\r\n              <li>Ongoing marketing guidance & reviews<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Strategy &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 2. Social Media Marketing & Management -->\r\n        <div class=\"service-card\" data-category=\"digital\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\" \/>\r\n                <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Social Media Marketing & Management<\/h3>\r\n            <p class=\"service-desc\">\r\n              We help clients develop a stronger and more consistent presence across relevant social media platforms.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Platform strategy & content planning<\/li>\r\n              <li>Account management & publishing<\/li>\r\n              <li>Audience engagement tactics<\/li>\r\n              <li>Performance analysis & reporting<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Social Media &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 3. Brand Development & Strategy -->\r\n        <div class=\"service-card\" data-category=\"brand\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <polygon\r\n                  points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Brand Development & Strategy<\/h3>\r\n            <p class=\"service-desc\">\r\n              A strong brand should communicate who you are before a customer ever speaks with you.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Visual identity & brand messaging<\/li>\r\n              <li>Market positioning & differentiation<\/li>\r\n              <li>Target audience alignment<\/li>\r\n              <li>Brand guidelines & voice direction<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Brand Strategy &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 4. Influencer & Creator Marketing -->\r\n        <div class=\"service-card\" data-category=\"digital\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <circle cx=\"12\" cy=\"8\" r=\"7\" \/>\r\n                <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Influencer & Creator Marketing<\/h3>\r\n            <p class=\"service-desc\">\r\n              We work with influencers and content creators to help strengthen their personal brands, increase\r\n              visibility, and identify partnership opportunities.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Creator personal brand growth<\/li>\r\n              <li>Partnership & sponsorship strategy<\/li>\r\n              <li>Business influencer campaign management<\/li>\r\n              <li>Long-term platform expansion<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Influencer Services &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 5. Paid Advertising -->\r\n        <div class=\"service-card\" data-category=\"acquisition\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Paid Advertising<\/h3>\r\n            <p class=\"service-desc\">\r\n              Targeted advertising campaigns designed to increase awareness, generate leads, drive website traffic, and\r\n              support customer acquisition.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Social media paid ads (Meta, LinkedIn, TikTok)<\/li>\r\n              <li>Search engine advertising (Google Search)<\/li>\r\n              <li>Retargeting & custom audiences<\/li>\r\n              <li>Ad creative & performance testing<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Paid Ads &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 6. Lead Generation & Customer Acquisition -->\r\n        <div class=\"service-card\" data-category=\"acquisition\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" \/>\r\n                <polyline points=\"17 6 23 6 23 12\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Lead Generation & Acquisition<\/h3>\r\n            <p class=\"service-desc\">\r\n              Visibility only matters when it creates opportunities. We convert marketing activity into qualified leads,\r\n              inquiries, and sales.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Lead funnel optimization<\/li>\r\n              <li>Conversion rate enhancement<\/li>\r\n              <li>Appointment & inquiry generation<\/li>\r\n              <li>Sales opportunity pipelines<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Lead Gen &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 7. Content Strategy & Development -->\r\n        <div class=\"service-card\" data-category=\"brand\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M12 19l7-7 3 3-7 7-3-3z\" \/>\r\n                <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\" \/>\r\n                <path d=\"M2 2l7.586 7.586\" \/>\r\n                <circle cx=\"11\" cy=\"11\" r=\"2\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Content Strategy & Development<\/h3>\r\n            <p class=\"service-desc\">\r\n              We help clients determine what they should communicate, who they should communicate it to, and how content\r\n              supports business objectives.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Social media & website messaging<\/li>\r\n              <li>Promotional campaigns & email copy<\/li>\r\n              <li>Advertising copy concepts<\/li>\r\n              <li>Brand storytelling frameworks<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Content Services &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 8. Website & Online Presence Strategy -->\r\n        <div class=\"service-card\" data-category=\"strategy\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n                <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\r\n                <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Website & Online Presence Strategy<\/h3>\r\n            <p class=\"service-desc\">\r\n              A company's website is often the first meaningful interaction a potential customer has with its brand.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Website messaging & structure<\/li>\r\n              <li>Customer journey mapping<\/li>\r\n              <li>Online presence integration<\/li>\r\n              <li>UX & conversion path design<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Website Strategy &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 9. Email Marketing -->\r\n        <div class=\"service-card\" data-category=\"digital\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" \/>\r\n                <polyline points=\"22,6 12,13 2,6\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Email Marketing<\/h3>\r\n            <p class=\"service-desc\">\r\n              Use email as a tool to maintain customer relationships, promote products and services, nurture leads, and\r\n              reconnect with existing audiences.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Automated email sequences<\/li>\r\n              <li>Newsletter & promotional campaigns<\/li>\r\n              <li>Lead nurturing workflows<\/li>\r\n              <li>Audience segmentation & retention<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Email Marketing &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 10. Marketing Analytics & Performance -->\r\n        <div class=\"service-card\" data-category=\"strategy\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\" \/>\r\n                <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\" \/>\r\n                <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Marketing Analytics & Performance<\/h3>\r\n            <p class=\"service-desc\">\r\n              Marketing decisions should be supported by information. We review campaign and audience performance to\r\n              guide smarter investments.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Comprehensive campaign audits<\/li>\r\n              <li>Performance tracking & metrics<\/li>\r\n              <li>ROI & attribution reporting<\/li>\r\n              <li>Continuous optimization insights<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Analytics &rarr;<\/a>\r\n        <\/div>\r\n\r\n        <!-- 11. Business Growth & Marketing Consulting -->\r\n        <div class=\"service-card\" data-category=\"strategy\">\r\n          <div>\r\n            <div class=\"service-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n                <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"service-title\">Business Growth Consulting<\/h3>\r\n            <p class=\"service-desc\">\r\n              Ongoing marketing and strategic guidance beyond individual campaigns for clients pursuing sustained market\r\n              expansion.\r\n            <\/p>\r\n            <ul class=\"service-details-list\">\r\n              <li>Market expansion strategies<\/li>\r\n              <li>New product\/service launches<\/li>\r\n              <li>Competitive positioning & budgets<\/li>\r\n              <li>Strategic partnership guidance<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a class=\"service-link open-consultation-modal\">Inquire Growth Consulting &rarr;<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Tailored Sections: Businesses & Influencers -->\r\n  <section id=\"businesses\" class=\"section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-tag\">Tailored Expertise<\/div>\r\n        <h2 class=\"section-title\">Specialized Growth Paths<\/h2>\r\n        <p class=\"section-description\">\r\n          Customized strategy engineered around the distinct needs of businesses and personal creators.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dual-section\">\r\n        <!-- Business Marketing -->\r\n        <div class=\"dual-card\">\r\n          <div>\r\n            <img decoding=\"async\" src=\"https:\/\/cmpmarketinginc.com\/wp-content\/uploads\/2026\/09\/business.jpg\"\r\n              alt=\"Business Growth Marketing Strategy\" class=\"dual-card-img\">\r\n            <div class=\"section-tag\" style=\"margin-bottom: 0.75rem;\">Business Marketing<\/div>\r\n            <h3 class=\"dual-card-title\">Helping Businesses Reach Their Next Stage<\/h3>\r\n            <p class=\"dual-card-desc\">\r\n              CMP Marketing works with businesses at different stages of development.\r\n            <\/p>\r\n\r\n            <div style=\"margin-bottom: 1.5rem;\">\r\n              <h4 style=\"font-size: 1rem; color: var(--accent-gold-dark); margin-bottom: 0.5rem;\">For Newer Businesses:\r\n              <\/h4>\r\n              <p style=\"font-size: 0.9rem; color: var(--text-muted); margin-bottom: 1rem;\">\r\n                We help establish the brand, identify the target customer, create a marketing foundation, and develop an\r\n                initial customer acquisition strategy.\r\n              <\/p>\r\n\r\n              <h4 style=\"font-size: 1rem; color: var(--accent-gold-dark); margin-bottom: 0.5rem;\">For Established\r\n                Businesses:<\/h4>\r\n              <p style=\"font-size: 0.9rem; color: var(--text-muted);\">\r\n                Our focus shifts toward increasing market share, improving digital visibility, generating additional\r\n                leads, launching new services, reaching new audiences, or expanding into additional geographic markets.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"#contact\" class=\"btn btn-secondary open-consultation-modal\" style=\"width: 100%;\">\r\n            Discuss Business Strategy\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Influencers & Personal Brands -->\r\n        <div id=\"influencers\" class=\"dual-card\">\r\n          <div>\r\n            <img decoding=\"async\" src=\"https:\/\/cmpmarketinginc.com\/wp-content\/uploads\/2026\/09\/creator.jpg\"\r\n              alt=\"Influencer & Creator Personal Brand Strategy\" class=\"dual-card-img\">\r\n            <div class=\"section-tag\" style=\"margin-bottom: 0.75rem;\">Creators & Personal Brands<\/div>\r\n            <h3 class=\"dual-card-title\">Turn Your Audience Into a Brand<\/h3>\r\n            <p class=\"dual-card-desc\">\r\n              Building an audience is only the beginning. We help creators develop platforms into recognizable and\r\n              marketable brands.\r\n            <\/p>\r\n\r\n            <ul class=\"service-details-list\" style=\"margin-bottom: 1.5rem;\">\r\n              <li>Brand positioning & core identity<\/li>\r\n              <li>Audience growth & engagement strategies<\/li>\r\n              <li>Strategic content direction<\/li>\r\n              <li>Partnership & sponsorship strategy<\/li>\r\n              <li>Promotional campaign execution<\/li>\r\n              <li>Expansion opportunities beyond social media<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <a href=\"#contact\" class=\"btn btn-primary open-consultation-modal\" style=\"width: 100%;\">\r\n            Elevate Your Creator Brand\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Our Approach 5-Step Process -->\r\n  <section id=\"approach\" class=\"section\"\r\n    style=\"background: var(--bg-secondary); border-top: 1px solid var(--border-light);\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-tag\">Proven Methodology<\/div>\r\n        <h2 class=\"section-title\">Our 5-Step Approach<\/h2>\r\n        <p class=\"section-description\">\r\n          A flexible, objective-first framework that eliminates guesswork and delivers tangible progress.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"process-timeline\">\r\n        <!-- Step 1 -->\r\n        <div class=\"process-step\">\r\n          <div class=\"step-number\">01<\/div>\r\n          <h3 class=\"step-title\">Understand<\/h3>\r\n          <p class=\"step-desc\">\r\n            We start by learning about the client, their audience, competition, current challenges, and ultimate goals.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Step 2 -->\r\n        <div class=\"process-step\">\r\n          <div class=\"step-number\">02<\/div>\r\n          <h3 class=\"step-title\">Strategize<\/h3>\r\n          <p class=\"step-desc\">\r\n            We develop a customized marketing strategy based on those objectives rather than relying on a standard\r\n            package.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Step 3 -->\r\n        <div class=\"process-step\">\r\n          <div class=\"step-number\">03<\/div>\r\n          <h3 class=\"step-title\">Execute<\/h3>\r\n          <p class=\"step-desc\">\r\n            Once direction is established, we put the strategy into action across appropriate marketing channels.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Step 4 -->\r\n        <div class=\"process-step\">\r\n          <div class=\"step-number\">04<\/div>\r\n          <h3 class=\"step-title\">Measure<\/h3>\r\n          <p class=\"step-desc\">\r\n            We review performance metrics and identify what is generating the strongest market response.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Step 5 -->\r\n        <div class=\"process-step\">\r\n          <div class=\"step-number\">05<\/div>\r\n          <h3 class=\"step-title\">Optimize & Grow<\/h3>\r\n          <p class=\"step-desc\">\r\n            Marketing evolves. We continue refining the strategy as your business, audience, and opportunities change.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Why CMP Marketing Inc. -->\r\n  <section class=\"section\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-tag\">Why Choose Us<\/div>\r\n        <h2 class=\"section-title\">Strategy That Fits the Client<\/h2>\r\n        <p class=\"section-description\">\r\n          We do not believe every client needs the same marketing package. CMP Marketing takes a flexible approach\r\n          built around your individual goals.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-grid\">\r\n        <!-- 1. Personalized Strategy -->\r\n        <div class=\"why-card\">\r\n          <div class=\"why-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n              <path d=\"M12 8v8M8 12h8\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"why-title\">Personalized Strategy<\/h3>\r\n          <p class=\"why-desc\">\r\n            Every engagement begins with understanding the client's individual goals and tailoring a road map around\r\n            them.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- 2. Multiple Marketing Solutions -->\r\n        <div class=\"why-card\">\r\n          <div class=\"why-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <polygon points=\"12 2 2 7 12 12 22 7 12 2\" \/>\r\n              <polyline points=\"2 17 12 22 22 17\" \/>\r\n              <polyline points=\"2 12 12 17 22 12\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"why-title\">Multiple Marketing Solutions<\/h3>\r\n          <p class=\"why-desc\">\r\n            Access a comprehensive spectrum of marketing capabilities through one trusted partner rather than managing\r\n            disconnected vendors.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- 3. Business Mindset -->\r\n        <div class=\"why-card\">\r\n          <div class=\"why-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path\r\n                d=\"M9 18h6M10 22h4M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1.55.59 2.96 1.5 4 .76.76 1.23 1.52 1.41 2.5h6.18z\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"why-title\">Business Mindset<\/h3>\r\n          <p class=\"why-desc\">\r\n            We look beyond vanity impressions and followers to ensure marketing directly supports larger business\r\n            objectives.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- 4. Creative Thinking -->\r\n        <div class=\"why-card\">\r\n          <div class=\"why-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"13.5\" cy=\"6.5\" r=\".5\" \/>\r\n              <circle cx=\"17.5\" cy=\"10.5\" r=\".5\" \/>\r\n              <circle cx=\"8.5\" cy=\"7.5\" r=\".5\" \/>\r\n              <circle cx=\"6.5\" cy=\"12.5\" r=\".5\" \/>\r\n              <path\r\n                d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.92 0 1.7-.71 1.7-1.63 0-.44-.18-.85-.46-1.16-.27-.31-.44-.73-.44-1.21 0-.92.78-1.7 1.7-1.7h2.5c3.04 0 5.5-2.46 5.5-5.5C22 6.5 17.5 2 12 2z\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"why-title\">Creative Thinking<\/h3>\r\n          <p class=\"why-desc\">\r\n            We continuously explore fresh, distinctive ideas to help clients stand out and connect meaningfully with\r\n            their target audiences.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- 5. Long Term Relationships -->\r\n        <div class=\"why-card\">\r\n          <div class=\"why-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path\r\n                d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"why-title\">Long Term Relationships<\/h3>\r\n          <p class=\"why-desc\">\r\n            Our goal is to become a trusted, ongoing marketing partner that adapts with you as your business and brand\r\n            evolve.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Final Call to Action Banner -->\r\n      <div class=\"cta-banner\">\r\n        <h2 class=\"cta-banner-title\">Ready to Grow Your Brand?<\/h2>\r\n        <p class=\"cta-banner-desc\">\r\n          Whether you are building a business, growing an established company, developing a personal brand, or expanding\r\n          your influence, CMP Marketing can help you develop a marketing strategy designed around where you want to\r\n          go.\r\n        <\/p>\r\n        <a href=\"#contact\" class=\"btn btn-primary open-consultation-modal\">\r\n          Schedule a Consultation\r\n          <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Contact Page \/ Section -->\r\n  <section id=\"contact\" class=\"section contact-section\">\r\n    <div class=\"container\">\r\n      <div class=\"contact-grid\">\r\n        <div class=\"contact-info\">\r\n          <div>\r\n            <div class=\"section-tag\">Get Started<\/div>\r\n            <h2 class=\"contact-info-title\">Let's Talk<\/h2>\r\n            <p class=\"contact-info-desc\">\r\n              Tell us a little about your business, brand, or platform and what you are looking to accomplish. A member\r\n              of CMP Marketing will reach out to discuss your goals and determine how we may be able to help.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"contact-highlights\">\r\n            <div class=\"contact-item\">\r\n              <div class=\"contact-item-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" \/>\r\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"contact-item-text\">\r\n                <h5>CMP Marketing\r\n                <\/h5>\r\n                <p>Central Resource for Brand & Growth Strategy<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"contact-item\">\r\n              <div class=\"contact-item-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" \/>\r\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"contact-item-text\">\r\n                <h5>Executive Leadership<\/h5>\r\n                <p>Dorothy Wallace, Founder & Owner<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"contact-item\">\r\n              <div class=\"contact-item-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"contact-item-text\">\r\n                <h5>Direct Consultation<\/h5>\r\n                <p>Custom strategic reviews tailored to your goals<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-form-card\">\r\n          <form id=\"mainContactForm\">\r\n            <div class=\"form-grid\">\r\n              <div class=\"form-group\">\r\n                <label class=\"form-label\" for=\"fullName\">Full Name *<\/label>\r\n                <input type=\"text\" id=\"fullName\" class=\"form-input\" placeholder=\"e.g. Sarah Jenkins\" required>\r\n              <\/div>\r\n\r\n              <div class=\"form-group\">\r\n                <label class=\"form-label\" for=\"companyName\">Company or Brand Name *<\/label>\r\n                <input type=\"text\" id=\"companyName\" class=\"form-input\" placeholder=\"e.g. Apex Innovations\" required>\r\n              <\/div>\r\n\r\n              <div class=\"form-group\">\r\n                <label class=\"form-label\" for=\"emailAddress\">Email Address *<\/label>\r\n                <input type=\"email\" id=\"emailAddress\" class=\"form-input\" placeholder=\"name@company.com\" required>\r\n              <\/div>\r\n\r\n              <div class=\"form-group\">\r\n                <label class=\"form-label\" for=\"phoneNumber\">Phone Number<\/label>\r\n                <input type=\"tel\" id=\"phoneNumber\" class=\"form-input\" placeholder=\"(555) 000-0000\">\r\n              <\/div>\r\n\r\n              <div class=\"form-group full-width\">\r\n                <label class=\"form-label\" for=\"webSocial\">Website or Social Media Handles<\/label>\r\n                <input type=\"text\" id=\"webSocial\" class=\"form-input\" placeholder=\"e.g. www.brand.com or @handle\">\r\n              <\/div>\r\n\r\n              <div class=\"form-group full-width\">\r\n                <label class=\"form-label\" for=\"servicesInterested\">What services are you interested in?<\/label>\r\n                <select id=\"servicesInterested\" class=\"form-select\">\r\n                  <option value=\"\">Select a service category...<\/option>\r\n                  <option value=\"digital-strategy\">Digital Marketing Strategy<\/option>\r\n                  <option value=\"social-media\">Social Media Marketing & Management<\/option>\r\n                  <option value=\"brand-development\">Brand Development & Strategy<\/option>\r\n                  <option value=\"influencer-marketing\">Influencer & Creator Marketing<\/option>\r\n                  <option value=\"paid-advertising\">Paid Advertising<\/option>\r\n                  <option value=\"lead-generation\">Lead Generation & Customer Acquisition<\/option>\r\n                  <option value=\"content-strategy\">Content Strategy & Development<\/option>\r\n                  <option value=\"website-strategy\">Website & Online Presence Strategy<\/option>\r\n                  <option value=\"email-marketing\">Email Marketing<\/option>\r\n                  <option value=\"marketing-analytics\">Marketing Analytics & Performance<\/option>\r\n                  <option value=\"growth-consulting\">Business Growth & Marketing Consulting<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"form-group full-width\">\r\n                <label class=\"form-label\" for=\"businessDetails\">Tell us about your business or brand<\/label>\r\n                <textarea id=\"businessDetails\" class=\"form-textarea\"\r\n                  placeholder=\"Briefly describe your current position, market, or creative platform...\"><\/textarea>\r\n              <\/div>\r\n\r\n              <div class=\"form-group full-width\">\r\n                <label class=\"form-label\" for=\"marketingGoals\">What are your current marketing goals?<\/label>\r\n                <textarea id=\"marketingGoals\" class=\"form-textarea\"\r\n                  placeholder=\"What specific milestones or objectives do you want to achieve?\"><\/textarea>\r\n              <\/div>\r\n\r\n              <div class=\"form-group full-width\">\r\n                <label class=\"form-label\" for=\"referralSource\">How did you hear about us?<\/label>\r\n                <select id=\"referralSource\" class=\"form-select\">\r\n                  <option value=\"\">Select source...<\/option>\r\n                  <option value=\"referral\">Client Referral<\/option>\r\n                  <option value=\"social\">Social Media<\/option>\r\n                  <option value=\"search\">Search Engine (Google)<\/option>\r\n                  <option value=\"article\">Article \/ Media<\/option>\r\n                  <option value=\"other\">Other<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"form-group full-width\" style=\"margin-top: 1rem;\">\r\n                <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">\r\n                  Start the Conversation\r\n                  <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n                  <\/svg>\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Consultation Modal -->\r\n  <div class=\"modal-backdrop\" id=\"consultationModal\">\r\n    <div class=\"modal-card\">\r\n      <button class=\"modal-close\" id=\"closeModalBtn\" aria-label=\"Close modal\">&times;<\/button>\r\n      <div class=\"section-tag\" style=\"margin-bottom: 0.75rem;\">Direct Consultation<\/div>\r\n      <h3 style=\"font-size: 1.75rem; margin-bottom: 0.5rem;\">Schedule Your Strategy Call<\/h3>\r\n      <p style=\"color: var(--text-muted); font-size: 0.95rem; margin-bottom: 1.5rem;\">\r\n        Let's discuss your goals and determine how CMP Marketing can help you build a stronger presence.\r\n      <\/p>\r\n\r\n      <form id=\"modalConsultationForm\">\r\n        <div class=\"form-group\" style=\"margin-bottom: 1rem;\">\r\n          <label class=\"form-label\" for=\"mName\">Full Name *<\/label>\r\n          <input type=\"text\" id=\"mName\" class=\"form-input\" required placeholder=\"Your full name\">\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" style=\"margin-bottom: 1rem;\">\r\n          <label class=\"form-label\" for=\"mEmail\">Email Address *<\/label>\r\n          <input type=\"email\" id=\"mEmail\" class=\"form-input\" required placeholder=\"name@domain.com\">\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" style=\"margin-bottom: 1rem;\">\r\n          <label class=\"form-label\" for=\"mPhone\">Phone Number<\/label>\r\n          <input type=\"tel\" id=\"mPhone\" class=\"form-input\" placeholder=\"(555) 000-0000\">\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" style=\"margin-bottom: 1.5rem;\">\r\n          <label class=\"form-label\" for=\"mFocus\">Primary Focus Area<\/label>\r\n          <select id=\"mFocus\" class=\"form-select\">\r\n            <option value=\"business\">Business Growth & Lead Acquisition<\/option>\r\n            <option value=\"creator\">Influencer & Creator Branding<\/option>\r\n            <option value=\"brand\">Brand Strategy & Development<\/option>\r\n            <option value=\"digital\">Digital & Social Media Marketing<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">\r\n          Confirm Consultation Request\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Footer -->\r\n  <footer class=\"footer\">\r\n    <div class=\"container\">\r\n      <div class=\"footer-grid\">\r\n        <div class=\"footer-brand\">\r\n          <a href=\"#home\" class=\"logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/cmpmarketinginc.com\/wp-content\/uploads\/2026\/09\/logocmp.png\"\r\n              alt=\"CMP Marketing Strategy Brand Growth\" class=\"brand-logo-img\">\r\n          <\/a>\r\n          <p>\r\n            CMP Marketing is a full service marketing and brand development company helping businesses,\r\n            entrepreneurs, influencers, and personal brands achieve meaningful growth.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n          <h5>Navigation<\/h5>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"#home\">Home<\/a><\/li>\r\n            <li><a href=\"#about\">About Us<\/a><\/li>\r\n            <li><a href=\"#services\">Services<\/a><\/li>\r\n            <li><a href=\"#businesses\">Businesses<\/a><\/li>\r\n            <li><a href=\"#influencers\">Influencers & Creators<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n          <h5>Core Services<\/h5>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"#services\">Digital Marketing Strategy<\/a><\/li>\r\n            <li><a href=\"#services\">Social Media Management<\/a><\/li>\r\n            <li><a href=\"#services\">Brand Development<\/a><\/li>\r\n            <li><a href=\"#services\">Paid Advertising<\/a><\/li>\r\n            <li><a href=\"#services\">Lead Generation<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-col\">\r\n          <h5>Company Leadership<\/h5>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"#about\">Dorothy Wallace, Owner<\/a><\/li>\r\n            <li><a href=\"#approach\">Our 5-Step Approach<\/a><\/li>\r\n            <li><a href=\"#contact\">Schedule Consultation<\/a><\/li>\r\n            <li><a href=\"#contact\">Contact Support<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"footer-bottom\">\r\n        <div>\u00a9 CMP Marketing All rights reserved. Under the leadership of founder Dorothy Wallace.<\/div>\r\n        <div>Privacy Policy | Terms of Service<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- Interactivity -->\r\n  <script>\r\n    \/* ==========================================================================\r\n       CMP MARKETING INC. - INTERACTIVE SCRIPT\r\n       Handles modals, tab filtering, navigation, and client interactivity\r\n       ========================================================================== *\/\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      \/\/ 1. Sticky Header & Active Link Highlight\r\n      const navbar = document.querySelector('.navbar');\r\n      const navLinks = document.querySelectorAll('.nav-link');\r\n      const sections = document.querySelectorAll('section[id]');\r\n\r\n      window.addEventListener('scroll', () => {\r\n        if (window.scrollY > 50) {\r\n          navbar.classList.add('scrolled');\r\n        } else {\r\n          navbar.classList.remove('scrolled');\r\n        }\r\n\r\n        let current = '';\r\n        sections.forEach(section => {\r\n          const sectionTop = section.offsetTop - 120;\r\n          const sectionHeight = section.offsetHeight;\r\n          if (window.scrollY >= sectionTop && window.scrollY < sectionTop + sectionHeight) {\r\n            current = section.getAttribute('id');\r\n          }\r\n        });\r\n\r\n        navLinks.forEach(link => {\r\n          link.classList.remove('active');\r\n          if (link.getAttribute('href') === `#${current}`) {\r\n            link.classList.add('active');\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ Mobile Menu Toggle & Auto Close on Click\r\n      const mobileMenuBtn = document.getElementById('mobileMenuBtn');\r\n      const navLinksContainer = document.querySelector('.nav-links');\r\n\r\n      if (mobileMenuBtn) {\r\n        mobileMenuBtn.addEventListener('click', () => {\r\n          navLinksContainer.classList.toggle('mobile-active');\r\n        });\r\n\r\n        navLinks.forEach(link => {\r\n          link.addEventListener('click', () => {\r\n            navLinksContainer.classList.remove('mobile-active');\r\n          });\r\n        });\r\n      }\r\n\r\n      \/\/ 2. Services Filter Handling\r\n      const filterBtns = document.querySelectorAll('.filter-btn');\r\n      const serviceCards = document.querySelectorAll('.service-card');\r\n\r\n      filterBtns.forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n          filterBtns.forEach(b => b.classList.remove('active'));\r\n          btn.classList.add('active');\r\n\r\n          const filterValue = btn.getAttribute('data-filter');\r\n\r\n          serviceCards.forEach(card => {\r\n            if (filterValue === 'all' || card.getAttribute('data-category') === filterValue) {\r\n              card.style.display = 'flex';\r\n            } else {\r\n              card.style.display = 'none';\r\n            }\r\n          });\r\n        });\r\n      });\r\n\r\n      \/\/ 3. Modal Scheduling Triggering\r\n      const modalBackdrop = document.getElementById('consultationModal');\r\n      const openModalBtns = document.querySelectorAll('.open-consultation-modal');\r\n      const closeModalBtn = document.getElementById('closeModalBtn');\r\n\r\n      const openModal = () => {\r\n        modalBackdrop.classList.add('active');\r\n        document.body.style.overflow = 'hidden';\r\n      };\r\n\r\n      const closeModal = () => {\r\n        modalBackdrop.classList.remove('active');\r\n        document.body.style.overflow = 'auto';\r\n      };\r\n\r\n      openModalBtns.forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n          e.preventDefault();\r\n          openModal();\r\n        });\r\n      });\r\n\r\n      if (closeModalBtn) {\r\n        closeModalBtn.addEventListener('click', closeModal);\r\n      }\r\n\r\n      if (modalBackdrop) {\r\n        modalBackdrop.addEventListener('click', (e) => {\r\n          if (e.target === modalBackdrop) {\r\n            closeModal();\r\n          }\r\n        });\r\n      }\r\n\r\n      \/\/ 4. Form Submissions (Main Contact Form & Modal Form)\r\n      const contactForm = document.getElementById('mainContactForm');\r\n      const modalForm = document.getElementById('modalConsultationForm');\r\n\r\n      const handleFormSubmit = (form, isModal = false) => {\r\n        if (!form) return;\r\n        form.addEventListener('submit', (e) => {\r\n          e.preventDefault();\r\n          showToast('Thank you! Your request has been sent to CMP Marketing We will reach out shortly.');\r\n          form.reset();\r\n          if (isModal) {\r\n            closeModal();\r\n          }\r\n        });\r\n      };\r\n\r\n      handleFormSubmit(contactForm, false);\r\n      handleFormSubmit(modalForm, true);\r\n\r\n      \/\/ 5. Toast Notification System\r\n      function showToast(message) {\r\n        let toastContainer = document.querySelector('.toast-container');\r\n        if (!toastContainer) {\r\n          toastContainer = document.createElement('div');\r\n          toastContainer.className = 'toast-container';\r\n          document.body.appendChild(toastContainer);\r\n        }\r\n\r\n        const toast = document.createElement('div');\r\n        toast.className = 'toast';\r\n        toast.innerHTML = `\r\n      <span style=\"color: var(--accent-gold); font-weight: bold; font-size: 1.1rem;\">\u2713<\/span>\r\n      <span>${message}<\/span>\r\n    `;\r\n\r\n        toastContainer.appendChild(toast);\r\n\r\n        setTimeout(() => {\r\n          toast.style.opacity = '0';\r\n          toast.style.transform = 'translateY(10px)';\r\n          toast.style.transition = 'all 0.3s ease';\r\n          setTimeout(() => toast.remove(), 300);\r\n        }, 4500);\r\n      }\r\n    });\r\n\r\n  <\/script>\r\n<\/body>\r\n\r\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>CMP Marketing | Strategic Marketing &#038; Brand Development Agency Home About Services Businesses Influencers &#038; Creators Our Approach Contact Schedule a Consultation Central Marketing Resource Marketing Built Around Your Brand. Growth Built Around Your Goals. CMP Marketing helps businesses, entrepreneurs, and influencers build stronger brands, connect with their audiences, and turn marketing into measurable growth. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cmpmarketinginc.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmpmarketinginc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cmpmarketinginc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cmpmarketinginc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cmpmarketinginc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":21,"href":"https:\/\/cmpmarketinginc.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/cmpmarketinginc.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/cmpmarketinginc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}