Embed

<div id="dgg-seo-root"></div>
<style>
#dgg-seo-root, #dgg-seo-root * {
  all: unset;
  box-sizing: border-box !important;
  writing-mode: horizontal-tb !important;
  direction: ltr !important;
}
#dgg-seo-root {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  background: #08060A !important;
  color: #F0EBF8 !important;
  padding: 16px !important;
  border-radius: 16px !important;
  width: 100% !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}
#dgg-seo-root a { display: none !important; }

/* HEADER */
#dgg-seo-root .dgg-header {
  display: block !important;
  text-align: center !important;
  padding: 20px 0 16px !important;
  border-bottom: 1px solid #1E1A24 !important;
  margin-bottom: 16px !important;
}
#dgg-seo-root .dgg-logo {
  display: block !important;
  font-family: 'Bebas Neue', cursive !important;
  font-size: 26px !important;
  letter-spacing: 3px !important;
  background: linear-gradient(135deg, #C9991A, #E8431A) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
#dgg-seo-root .dgg-tagline {
  display: block !important;
  font-size: 10px !important;
  color: #6B6078 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
}

/* KPI */
#dgg-seo-root .dgg-kpi-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}
#dgg-seo-root .dgg-kpi {
  display: block !important;
  background: #110E15 !important;
  border: 1px solid #1E1A24 !important;
  border-radius: 12px !important;
  padding: 12px 8px !important;
  text-align: center !important;
}
#dgg-seo-root .dgg-kpi-num {
  display: block !important;
  font-family: 'Bebas Neue', cursive !important;
  font-size: 30px !important;
  line-height: 1 !important;
}
#dgg-seo-root .dgg-kpi-num.green { color: #2ECC71 !important; }
#dgg-seo-root .dgg-kpi-num.gold { color: #C9991A !important; }
#dgg-seo-root .dgg-kpi-num.fire { color: #E8431A !important; }
#dgg-seo-root .dgg-kpi-label {
  display: block !important;
  font-size: 9px !important;
  color: #6B6078 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-top: 4px !important;
}

/* PROGRESS */
#dgg-seo-root .dgg-section-title {
  display: block !important;
  font-family: 'Bebas Neue', cursive !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
  color: #C9991A !important;
  margin-bottom: 10px !important;
}
#dgg-seo-root .dgg-progress-wrap {
  display: block !important;
  background: #1E1A24 !important;
  border-radius: 10px !important;
  height: 8px !important;
  overflow: hidden !important;
  margin: 8px 0 !important;
}
#dgg-seo-root .dgg-progress-fill {
  display: block !important;
  height: 8px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg, #C9991A, #E8431A) !important;
}
#dgg-seo-root .dgg-progress-labels {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 10px !important;
  color: #6B6078 !important;
  margin-bottom: 16px !important;
}

/* FILTER TABS */
#dgg-seo-root .dgg-tabs {
  display: flex !important;
  gap: 6px !important;
  overflow-x: auto !important;
  margin-bottom: 12px !important;
  padding-bottom: 4px !important;
  scrollbar-width: none !important;
}
#dgg-seo-root .dgg-tabs::-webkit-scrollbar { display: none !important; }
#dgg-seo-root .dgg-tab {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  border: 1px solid #1E1A24 !important;
  background: transparent !important;
  color: #6B6078 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.2s !important;
}
#dgg-seo-root .dgg-tab.active,
#dgg-seo-root .dgg-tab:hover {
  background: #C9991A !important;
  color: #08060A !important;
  border-color: #C9991A !important;
}

/* POST CARDS */
#dgg-seo-root .dgg-posts { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 20px !important; }
#dgg-seo-root .dgg-card {
  display: block !important;
  background: #110E15 !important;
  border: 1px solid #1E1A24 !important;
  border-radius: 12px !important;
  padding: 12px !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.2s !important;
}
#dgg-seo-root .dgg-card:hover { border-color: #C9991A !important; }
#dgg-seo-root .dgg-card-bar {
  display: block !important;
  position: absolute !important;
  left: 0 !important; top: 0 !important; bottom: 0 !important;
  width: 3px !important;
}
#dgg-seo-root .dgg-card.published .dgg-card-bar { background: #2ECC71 !important; }
#dgg-seo-root .dgg-card.queued .dgg-card-bar { background: #C9991A !important; }
#dgg-seo-root .dgg-card.draft .dgg-card-bar { background: #6B6078 !important; }
#dgg-seo-root .dgg-card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin-bottom: 6px !important;
}
#dgg-seo-root .dgg-card-title {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  flex: 1 !important;
  color: #F0EBF8 !important;
}
#dgg-seo-root .dgg-badge {
  display: inline-block !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
#dgg-seo-root .dgg-badge.published { background: rgba(46,204,113,0.15) !important; color: #2ECC71 !important; border: 1px solid rgba(46,204,113,0.3) !important; }
#dgg-seo-root .dgg-badge.queued { background: rgba(201,153,26,0.15) !important; color: #C9991A !important; border: 1px solid rgba(201,153,26,0.3) !important; }
#dgg-seo-root .dgg-badge.draft { background: rgba(107,96,120,0.15) !important; color: #6B6078 !important; border: 1px solid rgba(107,96,120,0.3) !important; }
#dgg-seo-root .dgg-keyword {
  display: inline-block !important;
  font-size: 10px !important;
  background: rgba(232,67,26,0.1) !important;
  color: #E8431A !important;
  border: 1px solid rgba(232,67,26,0.2) !important;
  padding: 2px 8px !important;
  border-radius: 10px !important;
}
#dgg-seo-root .dgg-card-body {
  display: none !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #1E1A24 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  color: #B8B0C8 !important;
}
#dgg-seo-root .dgg-card-body.open { display: block !important; }
#dgg-seo-root .dgg-actions {
  display: flex !important;
  gap: 8px !important;
  margin-top: 10px !important;
  flex-wrap: wrap !important;
}
#dgg-seo-root .dgg-btn {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}
#dgg-seo-root .dgg-btn-gold { background: #C9991A !important; color: #08060A !important; }
#dgg-seo-root .dgg-btn-dark { background: #1E1A24 !important; color: #F0EBF8 !important; }

/* CHECKLIST */
#dgg-seo-root .dgg-checklist { display: flex !important; flex-direction: column !important; gap: 8px !important; }
#dgg-seo-root .dgg-check-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #110E15 !important;
  border: 1px solid #1E1A24 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  color: #F0EBF8 !important;
}
#dgg-seo-root .dgg-check-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px !important;
  border: 2px solid #1E1A24 !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  color: #000 !important;
}
#dgg-seo-root .dgg-check-box.done { background: #2ECC71 !important; border-color: #2ECC71 !important; }

/* TOAST */
#dgg-seo-toast {
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #C9991A !important;
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  border-radius: 20px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s !important;
  z-index: 9999 !important;
  white-space: nowrap !important;
}
#dgg-seo-toast.show { opacity: 1 !important; }

/* FOOTER */
#dgg-seo-root .dgg-footer {
  display: block !important;
  text-align: center !important;
  padding: 16px 0 4px !important;
  border-top: 1px solid #1E1A24 !important;
  font-size: 9px !important;
  color: #6B6078 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin-top: 20px !important;
}
</style>

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<div id="dgg-seo-toast"></div>

<script>
(function(){
const posts = [
  {id:1,title:"BBQ Catering Cost Per Person in Charlotte NC",status:"published",group:"group2",keyword:"BBQ catering cost per person",preview:"Covers $18–$45 price range, factors affecting price, and DG&G value proposition. Ready to publish."},
  {id:2,title:"Soul Food Catering Near Charlotte NC — Real Food, Real Flavor",status:"published",group:"group1",keyword:"soul food catering Charlotte NC",preview:"Covers what real soul food looks like, who hires DG&G, and why Charlotte keeps calling. Ready to publish."},
  {id:3,title:"7 Things to Check Before You Hire a Caterer in Charlotte NC",status:"published",group:"group1",keyword:"hire caterer Charlotte NC",preview:"Covers experience, references, scratch cooking, insurance, and venue familiarity. Ready to publish."},
  {id:4,title:"The Best BBQ Catering in Charlotte NC — What to Look For",status:"queued",group:"group1",keyword:"best BBQ catering Charlotte NC",preview:"Next up to write. High-volume keyword. Say 'Write post 4' to Claude."},
  {id:5,title:"BBQ Catering in Salisbury NC — 25 Years of Smoke & Satisfaction",status:"queued",group:"group1",keyword:"BBQ catering Salisbury NC",preview:"Salisbury is underserved keyword. Easy to rank #1."},
  {id:6,title:"Supporting Black-Owned Catering in Charlotte — DG&G Gravy Train",status:"queued",group:"group1",keyword:"black owned catering Charlotte NC",preview:"Strong local SEO angle. High conversion intent."},
  {id:7,title:"Why Experience Matters When Hiring a Caterer",status:"queued",group:"group1",keyword:"experienced caterer Charlotte NC",preview:"Brand story post. Builds trust and authority."},
  {id:8,title:"What's Included in a Soul Food Catering Package",status:"queued",group:"group2",keyword:"soul food catering package",preview:"Menu-focused post. High buyer intent keyword."},
  {id:9,title:"10 Soul Food Menu Ideas for Large Groups in Charlotte",status:"queued",group:"group2",keyword:"soul food menu large groups",preview:"List post. Strong shareability on Facebook."},
  {id:10,title:"Affordable Catering in Charlotte NC That Doesn't Taste Cheap",status:"queued",group:"group2",keyword:"affordable catering Charlotte NC",preview:"Budget-conscious searchers. High volume keyword."},
  {id:11,title:"When Should You Book Your Caterer? Don't Wait Too Late",status:"queued",group:"group2",keyword:"when to book caterer Charlotte",preview:"Urgency post. Great for social sharing."},
  {id:12,title:"Does Your Caterer Handle Setup? Everything DG&G Includes",status:"queued",group:"group2",keyword:"caterer setup included Charlotte",preview:"Service differentiator post."},
  {id:13,title:"Best Smoked Brisket Catering in Charlotte NC",status:"draft",group:"group3",keyword:"smoked brisket catering Charlotte",preview:"High buyer intent. Premium keyword."},
  {id:14,title:"Soul Food Catering for Family Reunions",status:"draft",group:"group3",keyword:"soul food catering family reunion",preview:"Seasonal high-demand keyword. Summer peak."},
  {id:15,title:"BBQ Catering for Church Events in North Carolina",status:"draft",group:"group3",keyword:"BBQ catering church events NC",preview:"Niche but high-conversion. Repeat client potential."},
  {id:16,title:"The Perfect BBQ Sides — What DG&G Always Brings",status:"draft",group:"group3",keyword:"BBQ catering sides Charlotte",preview:"Great for social + SEO cross-post."},
  {id:17,title:"Authentic Southern Food Catering in Charlotte NC",status:"draft",group:"group3",keyword:"southern food catering Charlotte",preview:"Brand values post. Differentiates from competitors."},
  {id:18,title:"Whole Hog BBQ Catering in NC — The Pit Master Experience",status:"draft",group:"group3",keyword:"whole hog BBQ catering NC",preview:"Premium service post. High-ticket clients."},
  {id:19,title:"Why Our Mac & Cheese Alone Is Worth Booking DG&G",status:"draft",group:"group3",keyword:"mac and cheese catering Charlotte",preview:"Fun viral-potential post. Great for Instagram too."},
  {id:20,title:"Corporate Lunch Catering in Charlotte NC",status:"draft",group:"group4",keyword:"corporate lunch catering Charlotte",preview:"Highest revenue category. Priority to write next."},
  {id:21,title:"Office BBQ Catering in Charlotte — Your Team Will Talk About It",status:"draft",group:"group4",keyword:"office BBQ catering Charlotte",preview:"Ties directly to Bank of America, Wells Fargo outreach."},
  {id:22,title:"Company Picnic Catering in Charlotte NC",status:"draft",group:"group4",keyword:"company picnic catering Charlotte",preview:"Spring/summer seasonal. High demand April–August."},
  {id:23,title:"Soul Food Wedding Catering in Charlotte NC",status:"draft",group:"group4",keyword:"soul food wedding catering Charlotte",preview:"High-ticket. Wedding season overlap."},
  {id:24,title:"Graduation Party Catering in NC — Celebrate Big",status:"draft",group:"group4",keyword:"graduation party catering NC",preview:"May–June seasonal spike. Write by April."},
  {id:25,title:"Holiday Office Party Catering Charlotte NC",status:"draft",group:"group4",keyword:"holiday party catering Charlotte",preview:"Write by October for November–December bookings."},
];

const checks = [
  {label:"Post Blog #1 to Durable site blog", done:true},
  {label:"Post Blog #2 to Durable site blog", done:true},
  {label:"Post Blog #3 to Durable site blog", done:true},
  {label:'Add keyword to each post meta description', done:false},
  {label:"Post Blog #1 summary to Google Business Profile", done:false},
  {label:"Add phone number CTA to every post", done:false},
  {label:"Share Blog #1 on Facebook & Instagram", done:false},
  {label:"Submit sitemap to Google Search Console", done:false},
  {label:"Complete all 25 blog posts", done:false},
  {label:"Get 3 Charlotte food blogs to link to DG&G", done:false},
];

let filter = 'all';
let openCards = new Set();

function getPub(){ return posts.filter(p=>p.status==='published').length; }
function getQ(){ return posts.filter(p=>p.status==='queued').length; }
function getD(){ return posts.filter(p=>p.status==='draft').length; }

function render(){
  const root = document.getElementById('dgg-seo-root');
  const pub = getPub(), q = getQ(), d = getD();
  const pct = Math.round((pub/25)*100);

  const filtered = posts.filter(p=>{
    if(filter==='all') return true;
    if(['published','queued','draft'].includes(filter)) return p.status===filter;
    return p.group===filter;
  });

  root.innerHTML = `
    <div class="dgg-header">
      <span class="dgg-logo">DG&G Gravy Train</span>
      <span class="dgg-tagline">SEO Command Center · Charlotte & Salisbury NC</span>
    </div>

    <div class="dgg-kpi-row">
      <div class="dgg-kpi"><span class="dgg-kpi-num green">${pub}</span><span class="dgg-kpi-label">Published</span></div>
      <div class="dgg-kpi"><span class="dgg-kpi-num gold">${q}</span><span class="dgg-kpi-label">Queued</span></div>
      <div class="dgg-kpi"><span class="dgg-kpi-num fire">${d}</span><span class="dgg-kpi-label">Draft</span></div>
    </div>

    <span class="dgg-section-title">📈 Campaign Progress</span>
    <div class="dgg-progress-wrap"><div class="dgg-progress-fill" style="width:${pct}%"></div></div>
    <div class="dgg-progress-labels"><span>${pub} of 25 posts published</span><span>${pct}%</span></div>

    <div class="dgg-tabs">
      ${['all','published','queued','draft','group1','group2','group3','group4'].map((f,i)=>{
        const labels=['All 25','✅ Published','🔥 Queued','📝 Draft','Finding','Pricing','BBQ/Soul','Corporate'];
        return `<button class="dgg-tab${filter===f?' active':''}" onclick="dggFilter('${f}')">${labels[i]}</button>`;
      }).join('')}
    </div>

    <span class="dgg-section-title">📝 Blog Post Tracker</span>
    <div class="dgg-posts">
      ${filtered.map(p=>`
        <div class="dgg-card ${p.status}" onclick="dggToggle(${p.id})">
          <span class="dgg-card-bar"></span>
          <div class="dgg-card-header">
            <span class="dgg-card-title">#${p.id} ${p.title}</span>
            <span class="dgg-badge ${p.status}">${p.status==='published'?'✅ Live':p.status==='queued'?'🔥 Next':'📝 Draft'}</span>
          </div>
          <span class="dgg-keyword">🎯 ${p.keyword}</span>
          <div class="dgg-card-body${openCards.has(p.id)?' open':''}">
            <p style="color:#B8B0C8;font-size:11px;line-height:1.6;display:block">${p.preview}</p>
            <div class="dgg-actions">
              <button class="dgg-btn dgg-btn-dark" onclick="event.stopPropagation();dggCopy('${p.title.replace(/'/g,"\\'")}')">Copy Title</button>
              ${p.status!=='published'?`<button class="dgg-btn dgg-btn-gold" onclick="event.stopPropagation();dggToast('Say: Write post #${p.id} to Claude!')">Write This</button>`:''}
            </div>
          </div>
        </div>
      `).join('')}
    </div>

    <span class="dgg-section-title">✅ Publishing Checklist</span>
    <div class="dgg-checklist">
      ${checks.map((c,i)=>`
        <div class="dgg-check-item" onclick="dggCheck(${i})">
          <div class="dgg-check-box${c.done?' done':''}">${c.done?'✓':''}</div>
          <span>${c.label}</span>
        </div>
      `).join('')}
    </div>

    <div class="dgg-footer">DG&G Gravy Train · 25 Years · Charlotte & Salisbury NC · God Mode SEO</div>
  `;
}

window.dggFilter = function(f){ filter=f; render(); };
window.dggToggle = function(id){ openCards.has(id)?openCards.delete(id):openCards.add(id); render(); };
window.dggCheck = function(i){ checks[i].done=!checks[i].done; render(); };
window.dggCopy = function(t){ navigator.clipboard.writeText(t).catch(()=>{}); dggToast('Copied!'); };
window.dggToast = function(msg){
  const t=document.getElementById('dgg-seo-toast');
  t.textContent=msg; t.classList.add('show');
  setTimeout(()=>t.classList.remove('show'),2500);
};

render();
})();
</script>


Dg&g gravy train catering 

Dg&g Gravy Train Catering, based in Salisbury, NC, specializes in soul‑food catering featuring BBQ ribs, whole and fried chicken, and Southern sides, plus daily breakfast, brunch, and lunch options. Orders are fulfilled through delivery apps such as Grubhub and DoorDash for take‑out and home delivery, and the business currently generates modest monthly revenue between $1 and $1,000.