{"id":19,"date":"2026-02-28T03:53:36","date_gmt":"2026-02-28T03:53:36","guid":{"rendered":"https:\/\/paintbrushmarketing.net\/web\/"},"modified":"2026-04-04T02:43:30","modified_gmt":"2026-04-04T02:43:30","slug":"web-2","status":"publish","type":"page","link":"https:\/\/paintbrushmarketing.net\/?page_id=19","title":{"rendered":"Web"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Web Service | Paintbrush Marketing<\/title>\n  <meta name=\"description\" content=\"Web Presence &#038; Landing Pages services with conversion-focused monthly and annual plans and full delivery workflow.\" \/>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\n  <style>\n    :root {\n      --bg: #000;\n      --surface: #0c0c0c;\n      --surface-2: #111;\n      --line: #262626;\n      --text: #fff;\n      --muted: #a6a6a6;\n      --brand: #fff;\n      --radius: 12px;\n    }\n\n    * { box-sizing: border-box; }\n\n    html, body {\n      margin: 0;\n      background: var(--bg);\n      color: var(--text);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      line-height: 1.6;\n    }\n\n    .container {\n      width: 100%;\n      max-width: 100%;\n      margin-inline: 0;\n      padding-inline: 20px;\n    }\n\n    a { color: inherit; }\n\n    header {\n      position: sticky;\n      top: 0;\n      z-index: 100;\n      border-bottom: 1px solid var(--line);\n      background: rgba(0, 0, 0, 0.9);\n      -webkit-backdrop-filter: blur(8px);\n      backdrop-filter: blur(8px);\n    }\n\n    .header-inner {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 0;\n    }\n\n    .logo {\n      text-decoration: none;\n      font-size: 30px;\n      font-weight: 700;\n    }\n\n    .nav {\n      display: flex;\n      gap: 22px;\n      font-size: 14px;\n    }\n\n    .nav a {\n      text-decoration: none;\n      color: var(--muted);\n    }\n\n    .nav a:hover { color: var(--text); }\n\n    section { padding: 72px 0; }\n\n    .hero {\n      border-bottom: 1px solid var(--line);\n      background: radial-gradient(circle at 15% 0%, #171717 0%, #080808 48%, #000 100%);\n    }\n\n    .eyebrow {\n      display: inline-block;\n      border: 1px solid rgba(255,255,255,0.22);\n      border-radius: 999px;\n      padding: 8px 12px;\n      font-size: 12px;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      color: #ddd;\n      margin-bottom: 16px;\n    }\n\n    .hero h1 {\n      margin: 0 0 14px;\n      font-size: clamp(36px, 6vw, 62px);\n      line-height: 1.1;\n    }\n\n    .hero p {\n      margin: 0;\n      max-width: 760px;\n      color: var(--muted);\n      font-size: 18px;\n      line-height: 1.7;\n    }\n\n    .grid-two {\n      display: grid;\n      grid-template-columns: 1.15fr 1fr;\n      gap: 28px;\n    }\n\n    .card {\n      background: linear-gradient(180deg, #111 0%, #0a0a0a 100%);\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      padding: 22px;\n    }\n\n    .card h3 {\n      margin: 0 0 14px;\n      font-size: 26px;\n    }\n\n    .section-title-spacer {\n      margin-top: 20px;\n    }\n\n    .muted { color: var(--muted); }\n\n    .feature-list {\n      margin: 18px 0 0;\n      padding: 0;\n      display: grid;\n      gap: 10px;\n    }\n\n    .feature-item {\n      border: 1px solid rgba(255,255,255,0.14);\n      background: rgba(255,255,255,0.03);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .feature-item summary {\n      list-style: none;\n      cursor: pointer;\n      padding: 10px 12px;\n      color: #ddd;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      font-size: 14px;\n    }\n\n    .feature-item summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .feature-item summary::after {\n      content: '+';\n      color: #fff;\n      font-size: 16px;\n      line-height: 1;\n      margin-left: 10px;\n    }\n\n    .feature-item[open] summary::after {\n      content: '\u2212';\n    }\n\n    .feature-item p {\n      margin: 0;\n      padding: 0 12px 12px;\n      color: var(--muted);\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    .types-grid {\n      margin-top: 18px;\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0,1fr));\n      gap: 12px;\n    }\n\n    .type-item {\n      border: 1px solid rgba(255,255,255,0.14);\n      border-radius: 8px;\n      background: rgba(255,255,255,0.025);\n      overflow: hidden;\n    }\n\n    .type-item summary {\n      list-style: none;\n      cursor: pointer;\n      padding: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      font-size: 15px;\n      font-weight: 600;\n      color: #fff;\n    }\n\n    .type-item summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .type-item summary::after {\n      content: '+';\n      color: #fff;\n      font-size: 16px;\n      line-height: 1;\n      margin-left: 10px;\n    }\n\n    .type-item[open] summary::after {\n      content: '\u2212';\n    }\n\n    .type-item p {\n      margin: 0;\n      padding: 0 12px 12px;\n      font-size: 13px;\n      color: var(--muted);\n    }\n\n    .workflow-steps {\n      display: grid;\n      gap: 10px;\n      margin-top: 12px;\n    }\n\n    .step {\n      border: 1px solid rgba(255,255,255,0.12);\n      border-radius: 8px;\n      padding: 10px 12px;\n      background: rgba(255,255,255,0.025);\n    }\n\n    .step strong { font-size: 14px; }\n    .step p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }\n\n    .pricing {\n      border-top: 1px solid var(--line);\n      border-bottom: 1px solid var(--line);\n      background: #030303;\n    }\n\n    .saas-showcase {\n      border-bottom: 1px solid var(--line);\n      background: linear-gradient(180deg, #0a0a0a 0%, #040404 100%);\n    }\n\n    .saas-head {\n      margin-bottom: 22px;\n    }\n\n    .saas-head h2 {\n      margin: 0 0 8px;\n      font-size: clamp(28px, 4vw, 44px);\n      line-height: 1.15;\n    }\n\n    .saas-slider {\n      position: relative;\n      width: 100%;\n    }\n\n    .saas-viewport {\n      overflow: hidden;\n      border-radius: 16px;\n      border: 1px solid rgba(255,255,255,0.14);\n      background: linear-gradient(180deg, #101010 0%, #080808 100%);\n      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.35);\n      touch-action: pan-y;\n      cursor: grab;\n    }\n\n    .saas-viewport.dragging {\n      cursor: grabbing;\n    }\n\n    .saas-track {\n      display: flex;\n      will-change: transform;\n      transition: transform 0.5s cubic-bezier(.2, .8, .2, 1);\n    }\n\n    .saas-slide {\n      flex: 0 0 100%;\n      padding: 14px;\n      display: flex;\n    }\n\n    .saas-card {\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: linear-gradient(180deg, #111 0%, #090909 100%);\n      padding: 16px;\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    }\n\n    .saas-thumb {\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      border-radius: 10px;\n      border: 1px solid rgba(255,255,255,0.14);\n      overflow: hidden;\n      background: #0b0b0b;\n      margin-bottom: 12px;\n    }\n\n    .saas-thumb img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .saas-meta {\n      display: inline-block;\n      border: 1px solid rgba(255,255,255,0.2);\n      border-radius: 999px;\n      padding: 4px 9px;\n      font-size: 11px;\n      color: #d9d9d9;\n      margin-bottom: 10px;\n      letter-spacing: .04em;\n      text-transform: uppercase;\n    }\n\n    .saas-card h3 {\n      margin: 0 0 8px;\n      font-size: 20px;\n      line-height: 1.25;\n    }\n\n    .saas-card p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 14px;\n    }\n\n    .saas-card-actions {\n      margin-top: auto;\n      padding-top: 14px;\n      display: flex;\n      justify-content: flex-end;\n    }\n\n    .view-app-btn {\n      border: 1px solid rgba(255,255,255,0.35);\n      border-radius: 8px;\n      background: transparent;\n      color: #fff;\n      font-size: 13px;\n      font-weight: 600;\n      padding: 8px 12px;\n      line-height: 1;\n    }\n\n    .saas-controls {\n      margin-top: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n\n    .saas-nav {\n      width: 40px;\n      height: 40px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.35);\n      background: rgba(255,255,255,0.04);\n      color: #fff;\n      font-size: 13px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .saas-nav:hover {\n      background: rgba(255,255,255,0.12);\n      border-color: rgba(255,255,255,0.62);\n    }\n\n    .saas-nav:disabled {\n      opacity: .35;\n      cursor: not-allowed;\n    }\n\n    .saas-dots {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin: 0 6px;\n    }\n\n    .saas-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 999px;\n      border: 0;\n      padding: 0;\n      background: rgba(255,255,255,0.24);\n      cursor: pointer;\n      transition: transform 0.2s ease, background 0.2s ease;\n    }\n\n    .saas-dot.active {\n      background: #fff;\n      transform: scale(1.18);\n    }\n\n    .saas-progress {\n      color: #bcbcbc;\n      font-size: 12px;\n      min-width: 72px;\n      text-align: center;\n    }\n\n    .pricing-head {\n      margin-bottom: 24px;\n    }\n\n    .pricing-head h2 {\n      margin: 0 0 10px;\n      font-size: clamp(30px, 4.5vw, 48px);\n    }\n\n    .pricing-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0,1fr));\n      gap: 16px;\n    }\n\n    .pricing-toolbar {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px 18px;\n      border-top: 1px solid var(--line);\n      border-bottom: 1px solid var(--line);\n      padding: 12px 0;\n      margin: 0 0 24px;\n    }\n\n    .billing-toggle {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      text-transform: uppercase;\n      letter-spacing: .03em;\n      font-size: 13px;\n      font-weight: 600;\n    }\n\n    .billing-btn {\n      border: 1px solid rgba(255,255,255,0.22);\n      background: transparent;\n      color: #9b9b9b;\n      border-radius: 999px;\n      padding: 7px 12px;\n      text-transform: uppercase;\n      letter-spacing: .03em;\n      font-size: 12px;\n      font-weight: 700;\n      cursor: pointer;\n    }\n\n    .billing-btn.active {\n      border-color: #fff;\n      color: #fff;\n      background: rgba(255,255,255,0.08);\n    }\n\n    .pricing-notes {\n      display: inline-flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 14px;\n      color: #d9d9d9;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: .02em;\n    }\n\n    .pricing-notes .note-item {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      white-space: nowrap;\n    }\n\n    .pricing-notes .note-item::before {\n      content: \"\";\n      width: 8px;\n      height: 8px;\n      border-radius: 999px;\n      background: #ff8a00;\n      box-shadow: 0 0 0 2px rgba(255, 138, 0, 0.2);\n    }\n\n    .price-card {\n      position: relative;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: linear-gradient(180deg, #101010 0%, #080808 100%);\n      padding: 20px;\n      display: flex;\n      flex-direction: column;\n      min-height: 100%;\n    }\n\n    .price-card.featured {\n      border-color: #fff;\n      box-shadow: 0 14px 30px rgba(0,0,0,.35);\n    }\n\n    .tag {\n      position: absolute;\n      top: 14px;\n      right: 14px;\n      border: 1px solid rgba(255,255,255,0.3);\n      border-radius: 999px;\n      font-size: 11px;\n      padding: 4px 9px;\n      color: #f0f0f0;\n    }\n\n    .price-card h3 {\n      margin: 0 0 6px;\n      font-size: 24px;\n    }\n\n    .price-sub {\n      margin: 0 0 12px;\n      color: var(--muted);\n      font-size: 14px;\n    }\n\n    .price-amount {\n      display: flex;\n      align-items: baseline;\n      gap: 8px;\n      margin: 0 0 10px;\n      flex-wrap: wrap;\n    }\n\n    .price-main {\n      font-size: 30px;\n      font-weight: 700;\n      line-height: 1;\n    }\n\n    .price-period {\n      font-size: 13px;\n      color: var(--muted);\n      font-weight: 600;\n      text-transform: lowercase;\n    }\n\n    .price-compare {\n      font-size: 13px;\n      color: var(--muted);\n      font-weight: 500;\n      width: 100%;\n      display: none;\n      margin-top: 4px;\n    }\n\n    .price-compare strong {\n      color: #ff8a00;\n      font-weight: 700;\n    }\n\n    .price-features {\n      margin: 12px 0 18px;\n      padding: 0;\n      list-style: none;\n      display: grid;\n      gap: 7px;\n      color: #ddd;\n      font-size: 14px;\n      flex: 1;\n    }\n\n    .price-features li::before {\n      content: \"\u2022\";\n      margin-right: 8px;\n      color: #fff;\n      opacity: .7;\n    }\n\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      border-radius: 9px;\n      border: 1px solid #fff;\n      color: #000;\n      background: #fff;\n      font-weight: 600;\n      text-decoration: none;\n      padding: 11px 14px;\n      font-size: 14px;\n      min-width: 220px;\n    }\n\n    .btn.alt {\n      background: transparent;\n      color: #fff;\n      border-color: rgba(255,255,255,0.34);\n    }\n\n    .contact-note {\n      margin-top: 10px;\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.5;\n    }\n\n    .contact-note a {\n      color: #fff;\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n\n    .btn:hover { opacity: .92; }\n\n    footer {\n      border-top: 1px solid var(--line);\n      padding: 24px 0 40px;\n      color: var(--muted);\n      font-size: 13px;\n      text-align: center;\n    }\n\n    @media (max-width: 1024px) {\n      .grid-two,\n      .pricing-grid,\n      .types-grid { grid-template-columns: 1fr; }\n      .hero p { font-size: 16px; }\n\n      .pricing-toolbar {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n    }\n\n    @media (max-width: 760px) {\n      .nav { display: none; }\n      section { padding: 60px 0; }\n      .saas-slide { padding: 10px; }\n    }\n  <\/style>\n<\/head>\n<body>\n  <section class=\"hero\">\n    <div class=\"container\">\n      <span class=\"eyebrow\">Web Service<\/span>\n      <h1>Web Presence &amp; Landing Pages<\/h1>\n      <p>Conversion-focused landing pages and web presence systems built to improve trust, increase qualified leads, and support measurable growth.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"pricing\">\n    <div class=\"container\">\n      <div class=\"pricing-head\">\n        <span class=\"eyebrow\">SaaS Pricing<\/span>\n        <h2>Simple Black &amp; White Pricing for Web Presence Delivery<\/h2>\n        <p class=\"muted\">Choose the plan that matches your business stage. Upgrade any time as your website and campaigns scale.<\/p>\n      <\/div>\n\n      <div class=\"pricing-toolbar\" aria-label=\"Billing and plan notes\">\n        <div class=\"billing-toggle\" role=\"group\" aria-label=\"Billing cycle\">\n          <button type=\"button\" class=\"billing-btn active\" id=\"billingMonthly\" aria-pressed=\"true\">Monthly<\/button>\n          <button type=\"button\" class=\"billing-btn\" id=\"billingAnnually\" aria-pressed=\"false\">Annually<\/button>\n        <\/div>\n        <div class=\"pricing-notes\">\n          <span class=\"note-item\">Save 30% annually<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pricing-grid\">\n        <article class=\"price-card\" data-monthly=\"99.99\" data-plan=\"starter\" data-service=\"web\" data-service-id=\"web-starter-plan\" data-service-name=\"Web Starter Plan\">\n          <h3>Starter<\/h3>\n          <p class=\"price-sub\">MVP Launch<\/p>\n          <p class=\"price-amount\">\n            <span class=\"price-main\">$99.99<\/span>\n            <span class=\"price-period\">\/month<\/span>\n            <span class=\"price-compare\">Was $1,199.88\/year \u2022 <strong>30% OFF<\/strong><\/span>\n          <\/p>\n          <ul class=\"price-features\">\n            <li>Single-page landing site setup<\/li>\n            <li>Up to 6 key sections + CTA flow<\/li>\n            <li>Contact form + lead capture integration<\/li>\n            <li>Basic SEO setup + analytics install<\/li>\n            <li>Mobile-first responsive layout implementation<\/li>\n            <li>Headline and CTA copy structure assistance<\/li>\n            <li>Social proof and trust-section composition<\/li>\n            <li>Launch-ready handoff and update guide<\/li>\n          <\/ul>\n          <a href=\"https:\/\/paintbrushmarketing.net\/web-plan-detail\/?plan=web-starter-plan&#038;billing=monthly\" class=\"btn alt\">Start Starter Plan<\/a>\n          <p class=\"contact-note\">Prefer email first? <a href=\"https:\/\/paintbrushmarketing.net\/contact\/\">Send project details<\/a> \u2014 response within 1 business day.<\/p>\n        <\/article>\n\n        <article class=\"price-card featured\" data-monthly=\"479.99\" data-plan=\"growth\" data-service=\"web\" data-service-id=\"web-growth-plan\" data-service-name=\"Web Growth Plan\">\n          <span class=\"tag\">Most Popular<\/span>\n          <h3>Growth<\/h3>\n          <p class=\"price-sub\">Cross-Platform Product<\/p>\n          <p class=\"price-amount\">\n            <span class=\"price-main\">$479.99<\/span>\n            <span class=\"price-period\">\/month<\/span>\n            <span class=\"price-compare\">Was $5,759.88\/year \u2022 <strong>30% OFF<\/strong><\/span>\n          <\/p>\n          <ul class=\"price-features\">\n            <li>Multi-page website + dedicated landing pages<\/li>\n            <li>Conversion-focused messaging and page structure<\/li>\n            <li>A\/B-ready section layout and tracking events<\/li>\n            <li>Email capture + CRM connection support<\/li>\n            <li>Service-page architecture and internal linking setup<\/li>\n            <li>Campaign funnel page variations for offers<\/li>\n            <li>Enhanced speed and performance optimization pass<\/li>\n            <li>Reporting dashboard and conversion checkpoints<\/li>\n          <\/ul>\n          <a href=\"https:\/\/paintbrushmarketing.net\/web-plan-detail\/?plan=web-growth-plan&#038;billing=monthly\" class=\"btn\">Start Growth Plan<\/a>\n          <p class=\"contact-note\">Prefer email first? <a href=\"https:\/\/paintbrushmarketing.net\/contact\/\">Send project details<\/a> \u2014 response within 1 business day.<\/p>\n        <\/article>\n\n        <article class=\"price-card\" data-monthly=\"849.99\" data-plan=\"scale\" data-service=\"web\" data-service-id=\"web-scale-plan\" data-service-name=\"Web Scale Plan\">\n          <h3>Scale<\/h3>\n          <p class=\"price-sub\">SaaS + Enterprise Ready<\/p>\n          <p class=\"price-amount\">\n            <span class=\"price-main\">$849.99<\/span>\n            <span class=\"price-period\">\/month<\/span>\n            <span class=\"price-compare\">Was $10,199.88\/year \u2022 <strong>30% OFF<\/strong><\/span>\n          <\/p>\n          <ul class=\"price-features\">\n            <li>Full web ecosystem + campaign funnel pages<\/li>\n            <li>Technical SEO + performance optimization<\/li>\n            <li>Advanced forms, booking, and integrations<\/li>\n            <li>Ongoing monthly optimization support<\/li>\n            <li>Scalable content architecture for expansion<\/li>\n            <li>Advanced automation and lead-routing workflows<\/li>\n            <li>In-depth CRO testing and iteration cycles<\/li>\n            <li>Priority support and strategic growth planning<\/li>\n          <\/ul>\n          <a href=\"https:\/\/paintbrushmarketing.net\/web-plan-detail\/?plan=web-scale-plan&#038;billing=monthly\" class=\"btn alt\">Start Scale Plan<\/a>\n          <p class=\"contact-note\">Prefer email first? <a href=\"https:\/\/paintbrushmarketing.net\/contact\/\">Send project details<\/a> \u2014 response within 1 business day.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script src=\"slider-core.js\"><\/script>\n  <script>\n    (function () {\n      var annualDiscount = 0.30;\n      var monthlyButton = document.getElementById('billingMonthly');\n      var annuallyButton = document.getElementById('billingAnnually');\n      var priceCards = document.querySelectorAll('.pricing-grid .price-card[data-monthly]');\n\n      if (!monthlyButton || !annuallyButton || !priceCards.length) {\n        return;\n      }\n\n      function formatCurrency(value) {\n        return '$' + value.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n      }\n\n      function updatePricing(mode) {\n        var isAnnual = mode === 'annual';\n\n        monthlyButton.classList.toggle('active', !isAnnual);\n        annuallyButton.classList.toggle('active', isAnnual);\n        monthlyButton.setAttribute('aria-pressed', String(!isAnnual));\n        annuallyButton.setAttribute('aria-pressed', String(isAnnual));\n\n        priceCards.forEach(function (card) {\n          var monthly = parseFloat(card.getAttribute('data-monthly'));\n          var main = card.querySelector('.price-main');\n          var period = card.querySelector('.price-period');\n          var compare = card.querySelector('.price-compare');\n          var cta = card.querySelector('a.btn');\n          var service = card.getAttribute('data-service') || 'web';\n          var plan = card.getAttribute('data-plan') || 'starter';\n          var serviceId = card.getAttribute('data-service-id') || (service + '-' + plan + '-plan');\n          var serviceName = card.getAttribute('data-service-name') || 'Web Plan';\n\n          if (!main || !period || !compare || Number.isNaN(monthly)) {\n            return;\n          }\n\n          var selectedPrice = monthly;\n          var billing = 'monthly';\n\n          if (isAnnual) {\n            var regularYearly = monthly * 12;\n            var discountedYearly = regularYearly * (1 - annualDiscount);\n            selectedPrice = discountedYearly;\n            billing = 'annual';\n\n            main.textContent = formatCurrency(discountedYearly);\n            period.textContent = '\/year';\n            compare.style.display = 'block';\n            compare.innerHTML = 'Was ' + formatCurrency(regularYearly) + '\/year \u2022 <strong>30% OFF<\/strong>';\n          } else {\n            main.textContent = formatCurrency(monthly);\n            period.textContent = '\/month';\n            compare.style.display = 'none';\n          }\n\n          if (cta) {\n            cta.href = 'https:\/\/paintbrushmarketing.net\/web-plan-detail\/?plan=' + encodeURIComponent(serviceId) + '&billing=' + billing;\n          }\n        });\n      }\n\n      monthlyButton.addEventListener('click', function () { updatePricing('monthly'); });\n      annuallyButton.addEventListener('click', function () { updatePricing('annual'); });\n\n      updatePricing('monthly');\n    })();\n  <\/script>\n\n  <section class=\"saas-showcase\">\n    <div class=\"container\">\n      <div class=\"saas-head\">\n        <span class=\"eyebrow\">Recent Designs<\/span>\n        <h2>Featured Web Services Projects We&#8217;ve Designed<\/h2>\n        <p class=\"muted\">A few of our recent website and landing-page and concepts showcasing different conversion patterns, business models, and brand-first user experiences.<\/p>\n      <\/div>\n\n      <div class=\"saas-slider\" id=\"saasSlider\">\n        <div class=\"saas-viewport\">\n          <div class=\"saas-track\">\n            <div class=\"saas-slide\">\n              <article class=\"saas-card\">\n                <div class=\"saas-thumb\">\n                  <img decoding=\"async\" src=\"https:\/\/paintbrushmarketing.net\/wp-content\/uploads\/2026\/02\/HeroBannerGTA6-Clone.jpg\" alt=\"Grand Theft Auto VI GTA6 Clone website preview\">\n                <\/div>\n                <span class=\"saas-meta\">Gaming Website<\/span>\n                <h3>Grand Theft Auto VI (GTA6 Clone)<\/h3>\n                <p>Problem: Needed a high-impact gaming site concept that could hold attention immediately. Process: Built cinematic hero structure, contrast-led typography, and action-focused section flow. Outcome: Delivered an immersive concept with clear conversion pathways for fan-driven traffic.<\/p>\n                <div class=\"saas-card-actions\">\n                  <a href=\"https:\/\/paintbrushmarketing.net\/contact\/\" class=\"view-app-btn\">Build a Gaming Site<\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n\n            <div class=\"saas-slide\">\n              <article class=\"saas-card\">\n                <div class=\"saas-thumb\">\n                  <img decoding=\"async\" src=\"https:\/\/paintbrushmarketing.net\/wp-content\/uploads\/2026\/02\/Dojo-Glove-Banner0-scaled.jpg\" alt=\"Dojo Glove website design preview\">\n                <\/div>\n                <span class=\"saas-meta\">Ecommerce Product Site<\/span>\n                <h3>Dojo Glove Website<\/h3>\n                <p>Problem: Product messaging lacked focus for high-intent buyers. Process: Reframed hero hierarchy, clarified benefit-driven copy, and simplified purchase paths. Outcome: Produced a product-first ecommerce layout designed for faster decision-making.<\/p>\n                <div class=\"saas-card-actions\">\n                  <a href=\"https:\/\/www.behance.net\/gallery\/216005355\/DOJO-Gloves-Website\" class=\"view-app-btn\" target=\"_blank\" rel=\"noopener\">View Project<\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n\n            <div class=\"saas-slide\">\n              <article class=\"saas-card\">\n                <div class=\"saas-thumb\">\n                  <img decoding=\"async\" src=\"https:\/\/paintbrushmarketing.net\/wp-content\/uploads\/2026\/02\/Game-Over-Header.jpg\" alt=\"GAME OVER energy drink website design preview\">\n                <\/div>\n                <span class=\"saas-meta\">Energy Drink Website<\/span>\n                <h3>GAME OVER Website<\/h3>\n                <p>Problem: Brand needed a web experience that matched strong shelf personality. Process: Applied bold type systems, high-contrast color blocks, and product-story sequencing. Outcome: Created an energy-forward concept that reinforces brand recall and product interest.<\/p>\n                <div class=\"saas-card-actions\">\n                  <a href=\"https:\/\/www.behance.net\/gallery\/216009373\/GameOver-Energy-Wix-Website\" class=\"view-app-btn\" target=\"_blank\" rel=\"noopener\">View Project<\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n\n            <div class=\"saas-slide\">\n              <article class=\"saas-card\">\n                <div class=\"saas-thumb\">\n                  <img decoding=\"async\" src=\"https:\/\/paintbrushmarketing.net\/wp-content\/uploads\/2026\/02\/Behance-BlockCoinX-1-scaled.jpg\" alt=\"BlockChainX UI and UX HTML project preview\">\n                <\/div>\n                <span class=\"saas-meta\">Blockchain UI\/UX<\/span>\n                <h3>BlockChainX (UI and UX) HTML<\/h3>\n                <p>Problem: Complex blockchain workflows were difficult to scan and trust. Process: Structured dashboard modules, tightened visual hierarchy, and standardized UI interaction patterns. Outcome: Delivered a cleaner interface concept with improved readability for core actions.<\/p>\n                <div class=\"saas-card-actions\">\n                  <a href=\"https:\/\/www.behance.net\/gallery\/232638655\/BlockChainX-(UI-and-UX)-HTML\" class=\"view-app-btn\" target=\"_blank\" rel=\"noopener\">View Project<\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n\n            <div class=\"saas-slide\">\n              <article class=\"saas-card\">\n                <div class=\"saas-thumb\">\n                  <img decoding=\"async\" src=\"https:\/\/paintbrushmarketing.net\/wp-content\/uploads\/2026\/02\/Behance-BlockCoinY-1-scaled.jpg\" alt=\"BlockChainY UI and UX HTML project preview\">\n                <\/div>\n                <span class=\"saas-meta\">Blockchain UI\/UX<\/span>\n                <h3>BlockChainY (UI and UX) HTML<\/h3>\n                <p>Problem: Product narrative and conversion flow lacked a cohesive structure. Process: Built layered hierarchy, streamlined journey paths, and refined section-to-section transitions. Outcome: Produced a conversion-oriented blockchain concept with stronger UX continuity.<\/p>\n                <div class=\"saas-card-actions\">\n                  <a href=\"https:\/\/www.behance.net\/gallery\/232641031\/BlockChainY-(UI-and-UX)-HTML\" class=\"view-app-btn\" target=\"_blank\" rel=\"noopener\">View Project<\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n\n            <div class=\"saas-slide\">\n              <article class=\"saas-card\">\n                <div class=\"saas-thumb\">\n                  <img decoding=\"async\" src=\"https:\/\/paintbrushmarketing.net\/wp-content\/uploads\/2026\/02\/blackmountainbicycles.png\" alt=\"Black Mountain Bicycles website preview\">\n                <\/div>\n                <span class=\"saas-meta\">Retail Website<\/span>\n                <h3>Black Mountain Bicycles<\/h3>\n                <p>Problem: Retail brand needed to celebrate legacy without feeling dated online. Process: Balanced milestone storytelling with modern layout structure and clearer navigation intent. Outcome: Delivered a refreshed presentation that supports community trust and broader national reach.<\/p>\n                <div class=\"saas-card-actions\">\n                  <a href=\"https:\/\/www.blackmountainbicycles.com\" class=\"view-app-btn\" target=\"_blank\" rel=\"noopener\">View Project<\/a>\n                <\/div>\n              <\/article>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"saas-controls\">\n          <button class=\"saas-nav prev\" type=\"button\" aria-label=\"Previous project\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\n          <div class=\"saas-dots\" aria-label=\"Showcase slide dots\"><\/div>\n          <span class=\"saas-progress\" id=\"saasProgress\">01 \/ 06<\/span>\n          <button class=\"saas-nav next\" type=\"button\" aria-label=\"Next project\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    (function () {\n      if (!window.PaintbrushSlider) return;\n      window.PaintbrushSlider.init({\n        root: '#saasSlider',\n        viewportSelector: '.saas-viewport',\n        trackSelector: '.saas-track',\n        slideSelector: '.saas-slide',\n        prevSelector: '.saas-nav.prev',\n        nextSelector: '.saas-nav.next',\n        dotsSelector: '.saas-dots',\n        progressSelector: '#saasProgress',\n        dotClass: 'saas-dot',\n        randomize: true,\n        autoplayMs: 5000,\n        wrapOnButtons: false,\n        wrapOnAutoplay: true,\n        swipeThresholdRatio: 0.18\n      });\n    })();\n  <\/script>\n\n  <section>\n    <div class=\"container grid-two\">\n      <article class=\"card\">\n        <h3>Core Offering<\/h3>\n        <p class=\"muted\">From strategy to launch, we build web presence systems and landing pages that are practical, scalable, and aligned with your brand.<\/p>\n        <ul class=\"feature-list\">\n          <li>\n            <details class=\"feature-item\">\n              <summary>+ Conversion-focused landing pages<\/summary>\n              <p>Offer-first landing pages with structured hierarchy, trust signals, and clear CTA flow designed to improve conversion quality.<\/p>\n            <\/details>\n          <\/li>\n          <li>\n            <details class=\"feature-item\">\n              <summary>+ Multi-page business websites<\/summary>\n              <p>Service-site architectures that support discoverability, authority building, and a consistent path from visit to inquiry.<\/p>\n            <\/details>\n          <\/li>\n          <li>\n            <details class=\"feature-item\">\n              <summary>+ Lead capture &#038; CRM integration<\/summary>\n              <p>Form and CRM workflows that route qualified leads efficiently and preserve campaign attribution for follow-up performance.<\/p>\n            <\/details>\n          <\/li>\n          <li>\n            <details class=\"feature-item\">\n              <summary>+ Technical SEO &#038; performance setup<\/summary>\n              <p>Core technical foundations including metadata, page speed, and structure improvements that support search visibility and UX.<\/p>\n            <\/details>\n          <\/li>\n        <\/ul>\n\n        <h3 class=\"section-title-spacer\">All Types of Web Presence Services<\/h3>\n        <div class=\"types-grid\">\n          <details class=\"type-item\">\n            <summary>Lead Generation Landing Pages<\/summary>\n            <p>Single-goal landing pages designed for paid traffic and inbound lead conversion.<\/p>\n          <\/details>\n          <details class=\"type-item\">\n            <summary>Business Websites<\/summary>\n            <p>Multi-page service websites with strong messaging, trust sections, and clear next steps.<\/p>\n          <\/details>\n          <details class=\"type-item\">\n            <summary>Offer &#038; Funnel Pages<\/summary>\n            <p>Promotion-driven pages for launches, seasonal campaigns, and conversion funnels.<\/p>\n          <\/details>\n          <details class=\"type-item\">\n            <summary>Local Business Presence<\/summary>\n            <p>Location, service area, and trust-driven web pages tailored for local discovery.<\/p>\n          <\/details>\n          <details class=\"type-item\">\n            <summary>eCommerce Landing Experiences<\/summary>\n            <p>Product-focused pages for promotions, bundles, and campaign-level conversion boosts.<\/p>\n          <\/details>\n          <details class=\"type-item\">\n            <summary>B2B Service Funnels<\/summary>\n            <p>Authority-building pages with qualification steps and consultation-booking flows.<\/p>\n          <\/details>\n          <details class=\"type-item\">\n            <summary>Portfolio &#038; Showcase Sites<\/summary>\n            <p>Visual-first websites to highlight projects, case studies, and brand quality.<\/p>\n          <\/details>\n          <details class=\"type-item\">\n            <summary>Long-Form Sales Pages<\/summary>\n            <p>Story-driven pages with offer framing, objection handling, and high-intent CTAs.<\/p>\n          <\/details>\n        <\/div>\n      <\/article>\n\n      <aside class=\"card\">\n        <h3>Delivery Workflow<\/h3>\n        <p class=\"muted\">A transparent process that keeps web launches on time and conversion quality high.<\/p>\n        <div class=\"workflow-steps\">\n          <div class=\"step\">\n            <strong>1. Discovery &#038; Messaging Scope<\/strong>\n            <p>Audience goals, offer framing, page objectives, and launch milestones.<\/p>\n          <\/div>\n          <div class=\"step\">\n            <strong>2. UX\/UI Wireframe &#038; Page Mapping<\/strong>\n            <p>Page structure, content hierarchy, conversion flow, and brand design direction.<\/p>\n          <\/div>\n          <div class=\"step\">\n            <strong>3. Build, Integrations &#038; QA<\/strong>\n            <p>Responsive build, form\/CRM integration, analytics setup, and cross-device QA.<\/p>\n          <\/div>\n          <div class=\"step\">\n            <strong>4. Launch &#038; Conversion Optimization<\/strong>\n            <p>Go-live support, tracking validation, and iterative conversion improvements.<\/p>\n          <\/div>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Web Service | Paintbrush Marketing Web Service Web Presence &amp; Landing Pages Conversion-focused landing pages and web presence systems built to improve trust, increase qualified leads, and support measurable growth. SaaS Pricing Simple Black &amp; White Pricing for Web Presence Delivery Choose the plan that matches your business stage. Upgrade any time as your website [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-web.php","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/paintbrushmarketing.net\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paintbrushmarketing.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paintbrushmarketing.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paintbrushmarketing.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paintbrushmarketing.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":3,"href":"https:\/\/paintbrushmarketing.net\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":457,"href":"https:\/\/paintbrushmarketing.net\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/457"}],"wp:attachment":[{"href":"https:\/\/paintbrushmarketing.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}