Site Builder

Editing: index2.php

writable 0666

<?php
// Path to business info (by phone) and questions feed
$ph = isset($_GET['ph']) ? preg_replace('/[^\d]/','',$_GET['ph']) : '';
$bizFile = $_SERVER['DOCUMENT_ROOT'] . "/ph/$ph/business.json";
$biz = (is_readable($bizFile) ? json_decode(file_get_contents($bizFile), true) : []);
$name = $biz['name'] ?? 'Business';
$slogan = $biz['slogan'] ?? '';
$desc = $biz['description'] ?? '';
$addr = $biz['address'] ?? '';
$city = $biz['city'] ?? '';
$state = $biz['state'] ?? '';
$zip = $biz['zip'] ?? '';
$tags = isset($biz['tags']) ? implode(', ', $biz['tags']) : '';
$displayBiz = "$name" . ($slogan ? " · $slogan" : '');

$qjsonFile = __DIR__ . "/ai-questions.json";
$qData = (is_readable($qjsonFile) ? json_decode(file_get_contents($qjsonFile), true) : []);
$categories = array_keys($qData);
$cat = (isset($_GET['cat']) && in_array($_GET['cat'],$categories)) ? $_GET['cat'] : $categories[0] ?? '';
$questions = $qData[$cat] ?? [];

function makePrompt($q, $biz) {
    return "Business: {$biz['name']}\n"
        . ($biz['city'] && $biz['state'] ? "Location: {$biz['city']}, {$biz['state']}\n" : "")
        . ($biz['slogan'] ? "Slogan: {$biz['slogan']}\n" : "")
        . ($biz['description'] ? "Description: {$biz['description']}\n" : "")
        . ($biz['address'] ? "Address: {$biz['address']}\n" : "")
        . ($biz['zip'] ? "ZIP: {$biz['zip']}\n" : "")
        . ($biz['tags'] ? "Tags: " . implode(', ', $biz['tags']) . "\n" : "")
        . "\nQuestion: $q";
}
function aiUrl($which, $prompt) {
    $up = urlencode($prompt);
    switch ($which) {
        case 'chatgpt':    return "https://chatgpt.com/?prompt=$up";
        case 'perplexity': return "https://www.perplexity.ai/search?q=$up";
        case 'copilot':    return "https://copilot.microsoft.com/?q=$up";
    }
    return "#";
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>AI Business Research | <?= htmlspecialchars($name) ?></title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="robots" content="noindex,follow">
<style>
body { background:#f6f8fb; font-family:system-ui,Arial,sans-serif; margin:0; color:#22344d;}
.header { padding:1.25em 0 .65em 0; background:#fff; text-align:center; border-bottom:1px solid #e3e7f4;}
.logo { font-weight:900; font-size:1.24em; color:#5016A8; }
.logo .d { color:#00c853; } .logo .o{ color:#ff1744; }
h1 { font-size:1.16em; color:#176edc; margin:.2em 0 .3em 0;}
.wrap { max-width:600px; margin:1.8em auto; background:#fff; border-radius:18px; box-shadow:0 2px 16px #bfcdfd23; padding:1.6em 1.4em 1.3em;}
.bizcard { background:#f4f6ff; border-radius:10px; padding:.88em 1em .6em 1em; margin-bottom:1.35em; }
.bizinfo { font-size:.97em; color:#356199; margin-bottom:.12em;}
.slogan { color:#4c65b7; font-size:1.04em; font-weight:600; }
.desc { color:#3d5469; font-size:.98em; margin-bottom:.32em;}
.catnav { margin:1.3em 0 1.3em 0; }
.catnav label { font-size:1.08em; color:#3d4e8e; font-weight:700; margin-right:.6em; }
.catnav select { font-size:1.07em; padding:.35em 1.2em; border-radius:8px; border:1px solid #dde4f2; background:#f5faff;}
.qsearch-list { margin:0; padding:0; }
.qitem { list-style:none; margin:0 0 1.2em 0; padding:.97em 1em; background:#fff; border-radius:9px;
         border:1.5px solid #e6eaf3; box-shadow:0 1.5px 7px #dde3fd33; }
.qtext { font-size:1.09em; margin-bottom:.6em; color:#2d416d; font-weight:500; }
.ai-btns { display:flex; gap:.7em; margin-top:.15em; }
.ai-btns a {
  display:inline-block; font-weight:600; font-size:.97em; color:#fff; text-decoration:none;
  border-radius:6px; padding:.37em 1.1em;
  background:#6c48ff;
  box-shadow:0 2px 11px #5b36ff11;
  transition:.16s;
}
.ai-btns a.perplexity { background:#1ca7ec; }
.ai-btns a.copilot { background:#00c853; color:#173E22; }
.ai-btns a:hover { filter:brightness(1.18);}
@media (max-width:600px) {
  .wrap{padding:.53em .09em 1em .09em; max-width:99vw;}
  .qitem{padding:.77em .5em;}
}
.footer-note {
  font-size:.93em; color:#8f9ebc; text-align:center; margin:2.1em 0 .4em 0; letter-spacing:.02em;
}
.token{color:#5c3bff;font-weight:600;cursor:pointer}
.popup-body{background:#fff;padding:1.25rem 1.5rem;border-radius:12px;
            box-shadow:0 4px 26px #0002;font-family:system-ui,Arial,sans-serif}
iframe{border:1px solid #ccd;width:100%;min-height:340px;margin-top:.6rem}
</style>
</head>
<body>
<div class="header">
  <span class="logo">BEST <span class="d">DEAL</span> <span class="o">ON</span></span>
  <span style="color:#8ea3b9;font-size:.97em;font-weight:400;margin-left:.7em;">AI Business Research</span>
</div>
<div class="wrap">
  <h1><?= htmlspecialchars($displayBiz) ?></h1>
  <div class="bizcard">
    <?php if($desc): ?><div class="desc"><?= htmlspecialchars($desc) ?></div><?php endif; ?>
    <div class="bizinfo">
      <?= htmlspecialchars($addr) ?><?= $addr?', ':'' ?><?= htmlspecialchars($city) ?><?= $city?', ':'' ?><?= htmlspecialchars($state) ?> <?= htmlspecialchars($zip) ?>
      <?= $ph ? "<br><b>Phone:</b> ".htmlspecialchars($ph):"" ?>
      <?= $tags ? "<br><b>Tags:</b> ".htmlspecialchars($tags):"" ?>
    </div>
  </div>
  <?php if($categories): ?>
  <form class="catnav" method="get" action="">
    <input type="hidden" name="ph" value="<?= htmlspecialchars($ph) ?>">
    <label for="cat">Research Area:</label>
    <select name="cat" id="cat" onchange="this.form.submit()">
      <?php foreach($categories as $c): ?>
        <option value="<?= htmlspecialchars($c) ?>"<?= $c==$cat?' selected':'' ?>><?= htmlspecialchars($c) ?></option>
      <?php endforeach; ?>
    </select>
  </form>
  <?php endif; ?>
<ul class="qsearch-list">
<?php foreach ($questions as $qi => $q):
      $tpl = makePrompt($q, $biz);
?>
  <li class="qitem"
      data-melanie-prompt="<?= htmlspecialchars($tpl, ENT_QUOTES) ?>">
      <div class="qtext" data-m-output></div>
      <div class="ai-btns">
        <a href="#" class="chatgpt" data-m-ai="https://chatgpt.com/?prompt=">🧠 ChatGPT</a>
        <a href="#" class="perplexity" data-m-ai="https://www.perplexity.ai/search?q=">🔎 Perplexity</a>
        <a href="#" class="copilot" data-m-ai="https://copilot.microsoft.com/?q=">🤖 Copilot</a>
      </div>
  </li>
<?php endforeach; ?>
</ul>
</div>
<div class="footer-note">
  <span>🔒 No data is sent to us. You use AI platforms direct. Prompts may be visible to 3rd parties. Always double-check answers.</span>
</div>
<script>
(()=>{console.log("Promptinator ready");
const RX=/\[(?:([A-DI]?)-)?([^~|\-\]]+)(?:-([^~\]]+))?(?:~([^~]+)~)?\]/ig;
const dlg=document.createElement('dialog');dlg.style.border='none';dlg.style.padding=0;
dlg.addEventListener('click',e=>{if(e.target===dlg)dlg.close();});
dlg.addEventListener('cancel',e=>{e.preventDefault();dlg.close();});
document.body.append(dlg);

function popup(meta,cur,done){
  dlg.innerHTML='<div class="popup-body"></div>';const box=dlg.firstChild;
  const nice=meta.lab.replace(/[-_]/g,' ').replace(/\b\w/g,l=>l.toUpperCase());
  const close=v=>{done(v);dlg.close();};
  switch(meta.cmd){
    case'A':box.innerHTML=`<label>${nice}<textarea rows="4">${cur}</textarea></label>`;
             const ta=box.querySelector('textarea');
             ta.onkeydown=e=>{if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();close(ta.value);}};
             ta.onblur=()=>dlg.close();ta.focus();break;
    case'B':box.innerHTML=`<fieldset><legend>${nice}</legend>${
              meta.ops.map(o=>`<label><input type=radio name=r value="${o}" ${o===cur?'checked':''}>${o}</label>`).join('<br>')}</fieldset>`;
             box.onclick=e=>{if(e.target.name==='r')close(e.target.value);};break;
    case'C':box.innerHTML=`<fieldset><legend>${nice}</legend>${
              meta.ops.map(o=>`<label><input type=checkbox value="${o}" ${cur.split(', ').includes(o)?'checked':''}>${o}</label>`).join('<br>')}
              </fieldset><button>Done</button>`;
             box.querySelector('button').onclick=()=>close([...box.querySelectorAll('input:checked')]
                   .map(c=>c.value).join(', ')||cur);break;
    case'D':{let ops=meta.ops.map(s=>s.trim()).filter(Boolean);
             if(ops.length===1&&/^\d+$/.test(ops[0]))ops=Array.from({length:+ops[0]},(_,i)=>''+(i+1));
             box.innerHTML=`<label>${nice}<select>${ops.map(o=>`<option${o==cur?' selected':''}>${o}</option>`).join('')}</select></label>`;
             box.querySelector('select').onchange=e=>close(e.target.value);break;}
    case'I':box.innerHTML=`<label>${nice}<select><option disabled selected>${cur}</option>${
              meta.ops.map(u=>`<option>${u}</option>`).join('')}</select></label>
              <iframe hidden></iframe><button style="margin-top:.6rem">Use site</button>`;
             const sel=box.querySelector('select'),fr=box.querySelector('iframe');
             sel.onchange=()=>{fr.hidden=false;fr.src=sel.value;};
             box.querySelector('button').onclick=()=>close(sel.value||cur);break;
    default:box.innerHTML=`<label>${nice}<input value="${cur}"></label>`;
             const inp=box.querySelector('input');
             inp.onkeydown=e=>{if(e.key==='Enter')close(inp.value);};
             inp.onblur=()=>dlg.close();inp.focus();
  }
  dlg.showModal();
}

document.addEventListener('DOMContentLoaded',()=>{
  document.querySelectorAll('[data-melanie-prompt]').forEach(card=>{
    const tpl=card.dataset.melaniePrompt,state={},meta=[];
    const out=card.querySelector('[data-m-output]');
    const html=tpl.replace(RX,(m,cmd='',lab,ops='',def='')=>{
        meta.push({cmd,lab,ops:ops.split('|').filter(Boolean),def});
        state[lab]=def||lab;
        return `<span class="token" data-i="${meta.length-1}">[${state[lab]}]</span>`;
    });
    out.innerHTML=html.replace(/\n/g,'<br>');
    out.addEventListener('click',e=>{
       if(!e.target.matches('.token'))return;
       const p=meta[e.target.dataset.i];
       popup(p,state[p.lab],v=>{state[p.lab]=v;e.target.textContent='['+v+']';});
    });
    card.querySelectorAll('[data-m-ai]').forEach(btn=>btn.onclick=()=>{
       const base=btn.dataset.mAi;
       const prompt=tpl.replace(RX,(_,__,lab)=>state[lab]);
       window.open(base+encodeURIComponent(prompt),'_blank');
    });
  });
});
})();
</script>
</body>
</html>