Crocs & Clicks — Content Strategy Engine :root { --bg-primary: #0b0d14; --bg-secondary: #12141f; --bg-tertiary: #181b28; --bg-card: #1a1d2c; --bg-elevated: #22263a; --bg-input: #10121b; --accent-pink: #F472B6; --accent-light: #FBCFE8; --accent-hot: #EC4899; --accent-glow: rgba(244,114,182,0.15); --accent-subtle: rgba(244,114,182,0.06); --accent-blue: #60A5FA; --accent-blue-deep: #3B82F6; --blue-glow: rgba(96,165,250,0.12); --blue-subtle: rgba(96,165,250,0.06); --text-primary: #F1F5F9; --text-secondary: #94A3B8; --text-muted: #586578; --border-color: #252942; --border-hover: #363b58; --border-input: #2a2f48; --success: #22c55e; --success-bg: rgba(34,197,94,0.1); --warning: #f59e0b; --warning-bg: rgba(245,158,11,0.1); --danger: #ef4444; --danger-bg: rgba(239,68,68,0.1); --info: #60A5FA; --info-bg: rgba(96,165,250,0.1); --purple: #A78BFA; --purple-bg: rgba(167,139,250,0.1); --emerald: #34d399; --emerald-bg: rgba(52,211,153,0.1); --orange: #fb923c; --orange-bg: rgba(251,146,60,0.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family:'Outfit',sans-serif; background:var(--bg-primary); color:var(--text-primary); min-height:100vh; overflow-x:hidden; } body::before { content:''; position:fixed; top:0; left:0; right:0; height:400px; background:radial-gradient(ellipse at 50% 0%, rgba(244,114,182,0.06) 0%, transparent 70%); pointer-events:none; z-index:0; } /* ─── HEADER ─── */ .header { background:var(--bg-secondary); display:flex; align-items:center; justify-content:space-between; padding:0 2rem; height:58px; position:sticky; top:0; z-index:100; border-bottom:1px solid var(--border-color); } .header::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, var(--accent-pink), var(--accent-blue), transparent); } .logo { display:flex; align-items:center; gap:0.55rem; font-size:1rem; font-weight:700; } .logo-icon { width:32px; height:32px; border-radius:7px; background:linear-gradient(135deg, var(--accent-pink), var(--accent-blue)); display:flex; align-items:center; justify-content:center; font-size:1rem; } .logo-badge { font-size:0.58rem; color:var(--accent-blue); font-weight:600; background:var(--blue-subtle); border:1px solid rgba(96,165,250,0.2); padding:0.12rem 0.4rem; border-radius:4px; letter-spacing:0.03em; } .header-actions { display:flex; gap:0.5rem; align-items:center; } .hdr-btn { background:transparent; border:1px solid var(--border-color); color:var(--text-secondary); padding:0.42rem 0.8rem; border-radius:7px; cursor:pointer; font-size:0.78rem; display:flex; align-items:center; gap:0.35rem; transition:all 0.2s; font-family:inherit; font-weight:500; } .hdr-btn:hover { border-color:var(--border-hover); color:var(--text-primary); background:var(--accent-subtle); } .hdr-btn-primary { background:var(--accent-hot); border:1px solid var(--accent-hot); color:white; padding:0.45rem 1rem; border-radius:7px; cursor:pointer; font-size:0.78rem; font-family:inherit; font-weight:600; transition:all 0.2s; } .hdr-btn-primary:hover { box-shadow:0 2px 16px rgba(236,72,153,0.35); } /* ─── LAYOUT ─── */ .container { max-width:1360px; margin:0 auto; padding:0 1.5rem; position:relative; z-index:1; } /* ─── INPUT SECTION ─── */ .input-section { padding:2.5rem 0 3rem; } .input-hero { text-align:center; margin-bottom:2rem; } .input-hero h1 { font-family:'Fraunces',serif; font-size:2.4rem; font-weight:900; line-height:1.15; margin-bottom:0.5rem; } .input-hero h1 span { background:linear-gradient(135deg,var(--accent-light),var(--accent-pink),var(--accent-blue)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .input-hero p { color:var(--text-secondary); font-size:0.88rem; max-width:600px; margin:0 auto; line-height:1.65; } .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; max-width:840px; margin:0 auto; } @media(max-width:768px) { .form-grid { grid-template-columns:1fr; } } .form-card { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:12px; padding:1.15rem; } .form-card.full { grid-column:1/-1; } .fc-title { font-size:0.7rem; font-weight:700; color:var(--accent-pink); text-transform:uppercase; letter-spacing:0.07em; margin-bottom:0.75rem; display:flex; align-items:center; gap:0.35rem; } .fc-title .num { background:var(--accent-glow); color:var(--accent-pink); width:18px; height:18px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; font-size:0.62rem; font-family:'Space Mono',monospace; } .field { margin-bottom:0.65rem; } .field:last-child { margin-bottom:0; } .field-row { display:flex; gap:0.65rem; } .field-row .field { flex:1; } label.fl { display:block; font-size:0.72rem; color:var(--text-secondary); font-weight:500; margin-bottom:0.25rem; } .fi { background:var(--bg-input); border:1.5px solid var(--border-input); color:var(--text-primary); padding:0.6rem 0.8rem; border-radius:7px; font-size:0.85rem; font-family:inherit; width:100%; transition:all 0.2s; } .fi:focus { outline:none; border-color:var(--accent-pink); box-shadow:0 0 0 3px var(--accent-glow); } .fi::placeholder { color:var(--text-muted); } select.fi { cursor:pointer; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23586578' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 0.7rem center; padding-right:1.8rem; } textarea.fi { resize:vertical; min-height:56px; font-family:'Space Mono',monospace; font-size:0.75rem; } .fhelp { font-size:0.64rem; color:var(--text-muted); margin-top:0.15rem; line-height:1.35; } .loc-tags { display:flex; flex-wrap:wrap; gap:0.3rem; margin-top:0.3rem; } .loc-tag { background:var(--blue-subtle); border:1px solid rgba(96,165,250,0.2); color:var(--accent-blue); padding:0.2rem 0.5rem; border-radius:5px; font-size:0.72rem; display:flex; align-items:center; gap:0.3rem; } .loc-tag .x { cursor:pointer; opacity:0.5; font-size:0.75rem; } .loc-tag .x:hover { opacity:1; } /* Service chips */ .svc-chips { display:flex; flex-wrap:wrap; gap:0.3rem; margin-top:0.4rem; max-height:200px; overflow-y:auto; } .svc-chip { background:var(--bg-elevated); border:1px solid var(--border-color); color:var(--text-secondary); padding:0.25rem 0.55rem; border-radius:5px; font-size:0.7rem; cursor:pointer; transition:all 0.15s; user-select:none; } .svc-chip:hover { border-color:var(--border-hover); } .svc-chip.active { background:var(--accent-glow); border-color:rgba(244,114,182,0.4); color:var(--accent-pink); } /* Profit inputs per service */ .svc-table { width:100%; margin-top:0.5rem; } .svc-table-wrap { max-height:300px; overflow-y:auto; border:1px solid var(--border-color); border-radius:8px; } .svc-table th { background:var(--bg-elevated); padding:0.5rem 0.65rem; font-size:0.68rem; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.04em; text-align:left; position:sticky; top:0; z-index:2; border-bottom:1px solid var(--border-color); } .svc-table td { padding:0.4rem 0.5rem; border-bottom:1px solid var(--border-color); font-size:0.8rem; vertical-align:middle; } .svc-table tr:last-child td { border-bottom:none; } .svc-table tr:hover td { background:var(--accent-subtle); } .svc-table input { background:var(--bg-input); border:1px solid var(--border-input); color:var(--text-primary); padding:0.35rem 0.5rem; border-radius:5px; font-size:0.78rem; font-family:'Space Mono',monospace; width:90px; text-align:right; } .svc-table input:focus { outline:none; border-color:var(--accent-pink); } .svc-name { font-weight:500; } .btn { padding:0.85rem 1.5rem; border-radius:10px; font-weight:700; cursor:pointer; transition:all 0.2s; font-size:0.92rem; border:none; display:flex; align-items:center; justify-content:center; gap:0.45rem; font-family:inherit; } .btn-go { background:linear-gradient(135deg,var(--accent-pink),var(--accent-hot)); color:white; width:100%; font-size:0.95rem; box-shadow:0 2px 16px rgba(236,72,153,0.2); letter-spacing:0.01em; } .btn-go:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 6px 32px rgba(236,72,153,0.4); } .btn-go:disabled { opacity:0.45; cursor:not-allowed; } @keyframes shake { 0%,100%{transform:translateX(0)} 20%{transform:translateX(-6px)} 40%{transform:translateX(6px)} 60%{transform:translateX(-4px)} 80%{transform:translateX(4px)} } .btn-go.shake { animation:shake 0.4s ease; } .btn-sm { padding:0.45rem 0.75rem; font-size:0.78rem; border-radius:7px; font-weight:600; } .btn-outline { background:transparent; border:1px solid var(--border-color); color:var(--text-secondary); } .btn-outline:hover { border-color:var(--border-hover); color:var(--text-primary); background:var(--accent-subtle); } .error-msg { font-size:0.78rem; color:var(--danger); margin-top:0.5rem; text-align:center; } /* ─── PROGRESS ─── */ .progress-section { display:none; padding:3rem 0; text-align:center; } .progress-section.active { display:block; } .prog-title { font-family:'Fraunces',serif; font-size:1.4rem; color:var(--accent-pink); margin-bottom:0.3rem; } .prog-domain { font-size:0.85rem; color:var(--text-secondary); margin-bottom:1.25rem; } .prog-bar-wrap { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:10px; height:28px; max-width:500px; margin:0 auto 1rem; overflow:hidden; position:relative; } .prog-bar-fill { height:100%; background:linear-gradient(90deg,var(--accent-pink),var(--accent-blue)); transition:width 0.5s; border-radius:10px; } .prog-bar-text { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:600; font-family:'Space Mono',monospace; } .prog-log { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:8px; padding:0.65rem; max-height:220px; overflow-y:auto; text-align:left; max-width:600px; margin:0 auto; } .log-ln { font-size:0.7rem; color:var(--text-secondary); font-family:'Space Mono',monospace; margin-bottom:0.15rem; line-height:1.4; } .log-ln.ok { color:var(--success); } .log-ln.err { color:var(--danger); } .log-ln.warn { color:var(--warning); } /* ─── DASHBOARD ─── */ .dashboard { display:none; padding:1.25rem 0 3rem; } .dashboard.active { display:block; } .dash-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:0.75rem; padding-bottom:1rem; margin-bottom:1.25rem; border-bottom:1px solid var(--border-color); } .dash-domain { font-family:'Fraunces',serif; font-size:1.4rem; background:linear-gradient(135deg,var(--accent-pink),var(--accent-blue)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .dash-meta { font-size:0.72rem; color:var(--text-muted); margin-top:0.15rem; } /* Stats */ .stats { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); gap:0.6rem; margin-bottom:1.25rem; } .stat { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:10px; padding:0.85rem; text-align:center; } .stat .v { font-family:'Space Mono',monospace; font-size:1.3rem; font-weight:700; } .stat .l { font-size:0.65rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.04em; margin-top:0.1rem; } .stat .s { font-size:0.64rem; color:var(--text-secondary); margin-top:0.1rem; } .v-pink { color:var(--accent-pink); } .v-blue { color:var(--accent-blue); } .v-green { color:var(--success); } .v-yellow { color:var(--warning); } .v-purple { color:var(--purple); } .v-red { color:var(--danger); } /* ROI Explainer */ .roi-explainer { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:10px; padding:1rem; margin-bottom:1.25rem; } .roi-formula { font-family:'Space Mono',monospace; font-size:0.82rem; color:var(--accent-pink); text-align:center; padding:0.6rem; background:var(--bg-elevated); border-radius:8px; margin-bottom:0.5rem; letter-spacing:0.02em; } .roi-formula span { color:var(--accent-blue); } .roi-breakdown { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:0.5rem; margin-top:0.5rem; } .roi-block { background:var(--bg-input); border:1px solid var(--border-input); border-radius:7px; padding:0.55rem 0.7rem; } .roi-block .rb-title { font-size:0.65rem; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.04em; margin-bottom:0.15rem; } .roi-block .rb-val { font-family:'Space Mono',monospace; font-size:0.95rem; font-weight:700; } .roi-block .rb-note { font-size:0.62rem; color:var(--text-muted); } /* Funnel Legend */ .funnel-legend { display:flex; gap:0.75rem; flex-wrap:wrap; margin-bottom:0.75rem; } .funnel-item { display:flex; align-items:center; gap:0.3rem; font-size:0.72rem; color:var(--text-secondary); } .funnel-dot { width:8px; height:8px; border-radius:50%; } .funnel-dot.bottom { background:var(--success); } .funnel-dot.middle { background:var(--warning); } .funnel-dot.top { background:var(--info); } /* Tabs */ .tabs { display:flex; gap:0.15rem; border-bottom:1px solid var(--border-color); margin-bottom:1.25rem; overflow-x:auto; } .tab { background:none; border:none; color:var(--text-muted); font-family:inherit; font-size:0.8rem; font-weight:500; padding:0.65rem 1rem; cursor:pointer; position:relative; white-space:nowrap; transition:color 0.2s; } .tab:hover { color:var(--text-secondary); } .tab.on { color:var(--accent-pink); font-weight:600; } .tab.on::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:var(--accent-pink); border-radius:2px 2px 0 0; } .tpanel { display:none; } .tpanel.on { display:block; } /* Table */ .tw { overflow-x:auto; border:1px solid var(--border-color); border-radius:10px; } table.kt { width:100%; border-collapse:collapse; font-size:0.8rem; } .kt th { background:var(--bg-elevated); padding:0.55rem 0.75rem; text-align:left; font-weight:600; font-size:0.68rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.04em; white-space:nowrap; border-bottom:1px solid var(--border-color); cursor:pointer; user-select:none; } .kt th:hover { color:var(--text-secondary); } .kt td { padding:0.5rem 0.75rem; border-bottom:1px solid var(--border-color); vertical-align:middle; } .kt tr:hover td { background:var(--accent-subtle); } .kt tr:last-child td { border-bottom:none; } .kw-name { font-weight:500; } .mono { font-family:'Space Mono',monospace; font-size:0.76rem; } /* Badges */ .b { display:inline-block; font-size:0.62rem; font-weight:600; padding:0.12rem 0.4rem; border-radius:4px; letter-spacing:0.02em; white-space:nowrap; } .b-service { background:rgba(244,114,182,0.12); color:var(--accent-pink); border:1px solid rgba(244,114,182,0.25); } .b-location { background:var(--blue-subtle); color:var(--accent-blue); border:1px solid rgba(96,165,250,0.25); } .b-blog { background:var(--emerald-bg); color:var(--emerald); border:1px solid rgba(52,211,153,0.25); } .b-gbp { background:var(--warning-bg); color:var(--warning); border:1px solid rgba(245,158,11,0.25); } .b-bottom { background:var(--success-bg); color:var(--success); border:1px solid rgba(34,197,94,0.25); } .b-middle { background:var(--warning-bg); color:var(--warning); border:1px solid rgba(245,158,11,0.25); } .b-top { background:var(--info-bg); color:var(--info); border:1px solid rgba(96,165,250,0.25); } .b-existing { background:var(--success-bg); color:var(--success); border:1px solid rgba(34,197,94,0.25); } .b-gap { background:var(--danger-bg); color:var(--danger); border:1px solid rgba(239,68,68,0.25); } .b-canni { background:rgba(239,68,68,0.15); color:var(--danger); border:1px solid rgba(239,68,68,0.3); } .b-high { background:var(--danger-bg); color:var(--danger); } .b-med { background:var(--warning-bg); color:var(--warning); } .b-low { background:var(--info-bg); color:var(--info); } /* Content Map Cards */ .cm-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px,1fr)); gap:0.7rem; } .cm-card { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:10px; padding:0.9rem; transition:all 0.2s; cursor:pointer; } .cm-card:hover { border-color:var(--border-hover); transform:translateY(-1px); } .cm-card.existing { border-left:3px solid var(--success); } .cm-card.gap { border-left:3px solid var(--danger); } .cm-card-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:0.35rem; } .cm-roi { font-family:'Space Mono',monospace; font-size:0.88rem; font-weight:700; color:var(--success); } .cm-title { font-weight:600; font-size:0.85rem; margin-bottom:0.25rem; } .cm-url { font-family:'Space Mono',monospace; font-size:0.66rem; color:var(--accent-blue); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .cm-kws { display:flex; flex-wrap:wrap; gap:0.2rem; margin-top:0.35rem; } .cm-kw { font-size:0.62rem; background:var(--bg-elevated); padding:0.1rem 0.35rem; border-radius:3px; color:var(--text-secondary); } .cm-meta { font-size:0.66rem; color:var(--text-muted); margin-top:0.3rem; display:flex; gap:0.65rem; } /* Calendar */ .cal-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:0.65rem; } .cal-week { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:10px; padding:0.85rem; } .cal-hdr { font-weight:600; font-size:0.82rem; margin-bottom:0.55rem; display:flex; justify-content:space-between; align-items:center; } .cal-num { font-family:'Space Mono',monospace; color:var(--accent-pink); font-size:0.7rem; } .cal-item { background:var(--bg-elevated); border:1px solid var(--border-color); border-radius:6px; padding:0.5rem; margin-bottom:0.35rem; } .cal-item:last-child { margin-bottom:0; } .cal-item-t { font-size:0.75rem; font-weight:500; margin-bottom:0.2rem; } .cal-item-m { font-size:0.62rem; color:var(--text-muted); display:flex; gap:0.4rem; flex-wrap:wrap; } /* Gen Panel */ .gen-panel { display:grid; grid-template-columns:320px 1fr; gap:0.85rem; min-height:480px; } @media(max-width:900px) { .gen-panel { grid-template-columns:1fr; } } .gen-side { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:10px; padding:0.85rem; overflow-y:auto; max-height:65vh; } .gen-it { padding:0.55rem 0.65rem; border:1px solid var(--border-color); border-radius:7px; margin-bottom:0.4rem; cursor:pointer; transition:all 0.15s; } .gen-it:hover { border-color:var(--border-hover); background:var(--accent-subtle); } .gen-it.on { border-color:var(--accent-pink); background:var(--accent-glow); } .gen-it-t { font-size:0.78rem; font-weight:500; } .gen-it-m { font-size:0.65rem; color:var(--text-muted); display:flex; gap:0.4rem; margin-top:0.1rem; } .gen-out { background:var(--bg-tertiary); border:1px solid var(--border-color); border-radius:10px; padding:1rem; display:flex; flex-direction:column; } .gen-out-hdr { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.85rem; flex-wrap:wrap; gap:0.4rem; } .gen-tabs { display:flex; gap:0.2rem; } .gen-tab { background:var(--bg-elevated); border:1px solid var(--border-color); color:var(--text-muted); padding:0.35rem 0.65rem; border-radius:5px; font-size:0.72rem; cursor:pointer; font-family:inherit; font-weight:500; transition:all 0.2s; } .gen-tab.on { background:var(--accent-glow); border-color:var(--accent-pink); color:var(--accent-pink); } .gen-area { flex:1; background:var(--bg-input); border:1px solid var(--border-input); border-radius:8px; padding:0.85rem; overflow-y:auto; max-height:50vh; font-size:0.82rem; line-height:1.6; } .gen-area pre { white-space:pre-wrap; word-wrap:break-word; font-family:'Space Mono',monospace; font-size:0.75rem; } .gen-area .hp h1 { font-size:1.4rem; margin-bottom:0.4rem; } .gen-area .hp h2 { font-size:1.05rem; margin-top:1rem; margin-bottom:0.3rem; color:var(--accent-blue); } .gen-area .hp p { margin-bottom:0.5rem; color:var(--text-secondary); } .gen-area .hp ul { padding-left:1.2rem; margin-bottom:0.5rem; color:var(--text-secondary); } .gen-acts { display:flex; gap:0.4rem; margin-top:0.7rem; flex-wrap:wrap; } /* Chips / Filters */ .chips { display:flex; gap:0.25rem; flex-wrap:wrap; margin-bottom:0.85rem; } .chip { background:var(--bg-elevated); border:1px solid var(--border-color); color:var(--text-muted); padding:0.3rem 0.6rem; border-radius:5px; font-size:0.72rem; cursor:pointer; font-family:inherit; font-weight:500; transition:all 0.15s; } .chip:hover { border-color:var(--border-hover); color:var(--text-secondary); } .chip.on { background:var(--accent-glow); border-color:rgba(244,114,182,0.35); color:var(--accent-pink); } /* Modal */ .modal-bg { position:fixed; inset:0; background:rgba(0,0,0,0.65); z-index:200; display:none; align-items:center; justify-content:center; } .modal-bg.active { display:flex; } .modal { background:var(--bg-secondary); border:1px solid var(--border-color); border-radius:14px; padding:1.25rem; max-width:460px; width:90%; max-height:80vh; overflow-y:auto; } .modal h3 { font-family:'Fraunces',serif; font-size:1.1rem; margin-bottom:0.65rem; } /* Toast */ .toast { position:fixed; bottom:1.5rem; left:50%; transform:translateX(-50%) translateY(80px); background:var(--success); color:white; padding:0.55rem 1rem; border-radius:7px; font-size:0.82rem; font-weight:600; transition:transform 0.3s; z-index:300; pointer-events:none; } .toast.vis { transform:translateX(-50%) translateY(0); } .spinner { width:18px; height:18px; border:2px solid var(--border-color); border-top-color:var(--accent-pink); border-radius:50%; animation:spin 0.7s linear infinite; display:inline-block; } @keyframes spin { to { transform:rotate(360deg); } } ::-webkit-scrollbar { width:5px; height:5px; } ::-webkit-scrollbar-track { background:transparent; } ::-webkit-scrollbar-thumb { background:var(--border-color); border-radius:3px; } ::-webkit-scrollbar-thumb:hover { background:var(--border-hover); }
🐊
Crocs & Clicks Content Strategy Engine

Content Strategy Engine

Enter a website, configure your economics, and discover exactly which content is worth building — ranked by real profit, not vanity metrics.

1 Website
2 Industry
% of visitors that become a lead (form fill, call). Industry avg: 2-5%
3 Target Markets
4 Brand Context (optional)
Define URL structure. Leave blank to auto-detect.
5 Service Economics — Profit & Close Rates

Set the profit per job (not revenue — what you actually keep after costs) and your close rate (% of leads that become paying customers) for each service. Funnel stage is determined per-keyword based on search intent, not per-service. Click services to toggle them on/off.

ServiceProfit / JobClose Rate %
Building Strategy...
0%
Bottom Funnel — "emergency plumber near me" — ready to buy, highest lead conversion
Mid Funnel — "best plumber Vancouver" — comparing options, moderate conversion
Top Funnel — "how much does plumbing cost" — researching, lowest conversion but highest volume
How it works: The keyword determines funnel stage (buying intent → conversion multiplier). The service determines economics (profit per job, close rate). Same service, different keywords: "emergency plumber near me" (bottom, 3× conv) and "how much does plumbing cost" (top, 0.5× conv) both map to Plumbing at $280 profit / 45% close — but the bottom-funnel keyword converts 6× better.
Keyword ▼ Volume ▼ CPC ▼ Funnel ▼ Conv Mult ▼ Leads/Mo ▼ Profit/Mo ▼ Page Type ▼ Status ▼ Service

Prioritized by estimated profit. Content sequenced for maximum strategic impact.

Content Output
📝
Select a content item then click Generate.
Copied!