Calxstone Solutions

Operations

System design and execution that scales with demand.

Process Design

Clear workflows, ownership, and feedback loops.

Delivery

Incremental improvements with measurable results.

Web Development & Managed Hosting

Custom sites that perform. Accessibility, search readiness, and Core Web Vitals are standard. Hosting runs on our own private servers with SSL/TLS, backups, uptime monitoring, security headers, and edge caching.

Design systems, component libraries, and style guides you can reuse.

Content modeling and CMS setup for fast edits without developer time.

Performance budgets and image optimization baked in.

Brand Strategy & Identity

Positioning, messaging, and visual systems that travel across web, email, and print.

Brand voice and messaging frameworks

Logo suites, typography, color, and usage

Design tokens and UI kits for web builds

Systems Integration

Platforms working together so data flows cleanly and teams save time.

CRM, accounting, HR/ATS, and e‑commerce connections

Webhooks and custom API endpoints

Unified data models and governance basics

Workflow Automation

Reduce manual steps and errors with clear ownership and alerts.

Lead intake to CRM, approvals, and notifications

Quote to invoice, file sync, and reporting

Employee onboarding checklists and forms

Our Specialization

Operational Systems

We translate goals into playbooks and tools you can run. Expect clear SLAs, simple dashboards, and a path from pilot to steady state.

Automation Systems Integration Managed Hosting

Atlanta skyline

Chattanooga riverfront

Process Design

Lean workflows with clear inputs and outputs. We align people, steps, and tools so handoffs are smooth and work is auditable.

Brand Ops Web Content Ops Quality Loops

Delivery & Iteration

Short cycles, visible outcomes, low risk. We ship value in small increments and keep momentum with clear next steps.

Web Development Performance Analytics

Huntsville at night

About Calxstone

Since 2020 we’ve helped teams grow their presence and improve their operations across web, brand, integrations, and automation. We partner with founders and established organizations to make complex work simple and repeatable.

Our approach is practical. We build accessible systems that respect time and budget, then we document them so your team can keep moving.

Since 2020 Private Hosting Regional Focus Transparent Pricing

Calxstone

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/>
  <title>Maple • Digital Solutions Guide</title>
  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap" rel="stylesheet"/>
  <script>
    if (window.self !== window.top) { document.documentElement.classList.add('is-embedded'); }
  </script>
  <style>
    *,*::before,*::after{box-sizing:border-box}
    :root{ --ink:#ECEDEF; --bg:#151515; --line:#2B2B2B; --navyA:#0E2136; --navyB:#16283F; --blue:#5D86BE; --r:.75rem; --fade:.3s ease }
    html,body{height:100%}
    body{margin:0; font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:
      radial-gradient(1400px 900px at 12% -18%, rgba(74,111,165,.20), transparent 62%),
      radial-gradient(1500px 980px at 86% 120%, rgba(234,219,199,.58), transparent 70%),
      radial-gradient(900px 600px at 55% 18%, rgba(206,185,157,.20), transparent 65%),
      linear-gradient(180deg, var(--bg) 0%, #1B1B1B 54%, #1F1F1F 100%);
      color:var(--ink); display:grid; place-items:center; padding:16px; overflow:hidden }

.is-embedded body{padding:0}
    .screen{position:absolute; inset:0; display:none; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:opacity var(--fade), visibility var(--fade)}
    .screen.active{display:flex; opacity:1; visibility:visible}

/* Loader */
    #scr-load{background:linear-gradient(180deg,#EADBC7,#F8F2E9)}
    .loader{color:#1E1A16; text-align:center; max-width:420px}
    .loader .brand{font-weight:800; margin-bottom:8px}
    .spinner{width:42px; height:42px; border:4px solid rgba(0,0,0,.18); border-top-color:#1E1A16; border-radius:50%; margin:12px auto; animation:spin 1s linear infinite}
    @keyframes spin{to{transform:rotate(360deg)}}

/* Chat */
    .chat{background:#121212; border:1px solid var(--line); border-radius:var(--r); width:min(420px,100%); height:min(92vh,720px); display:flex; flex-direction:column; box-shadow:0 24px 70px rgba(0,0,0,.35); overflow:hidden}
    .head{background:linear-gradient(135deg,var(--navyA),var(--navyB)); color:#fff; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; font-weight:800}
    .brand{display:flex; gap:8px; align-items:center}
    .dot{width:10px; height:10px; background:var(--blue); border-radius:999px}
    .close{background:#0f0f10; color:#fff; border:1px solid #2a2a2a; border-radius:.55rem; padding:.35rem .65rem; cursor:pointer}
    .is-embedded .head{display:none}

.log{flex:1; overflow-y:auto; overflow-x:hidden; padding:14px; display:flex; flex-direction:column; gap:10px; scroll-behavior:smooth}
    .bubble{max-width:82%; padding:10px 12px; border-radius:14px; line-height:1.5; opacity:0; transform:translateY(6px); animation:pop .22s forwards; word-break:break-word}
    @keyframes pop{to{opacity:1; transform:translateY(0)}}
    .bot{align-self:flex-start; background:#192C45; color:#fff}
    .user{align-self:flex-end; background:#4A6FA5; color:#fff}

.wrap{align-self:flex-start; background:#0F1115; border:1px solid #232630; border-radius:14px; padding:10px; display:grid; gap:10px; max-width:100%}
    .row{display:flex; gap:10px}
    .row>*{flex:1; min-width:0}
    .choices{display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px}
    .chip{background:#0f0f10; border:1px solid #2a2a2a; color:#fff; padding:9px 11px; border-radius:999px; cursor:pointer; text-align:center}
    .chip.active{background:var(--blue); border-color:transparent}

.field{appearance:none; width:100%; background:#0b0f16; color:#fff; border:1px solid #2b2f3a; border-radius:12px; padding:12px 14px; font:inherit; outline:none; transition:border-color .15s ease, box-shadow .15s ease}
    .field::placeholder{color:#95a0b2}
    .field:focus{border-color:#5D86BE; box-shadow:0 0 0 3px rgba(93,134,190,.22)}

.hint{font-size:.85rem; color:#b9c2d1}
    .hint.ok{color:#86e7a3}
    .hint.err{color:#ffb4b4}

.note{text-align:center; font-size:.80rem; padding:4px 10px; color:#c7cbd3}
    .footer{text-align:center; padding:8px; background:#0e1622; color:#c8d0df; font-size:.85rem}
    .footer a{ color:#c8d0df; text-decoration:underline dotted }
  </style>
</head>
<body>
  
  <div id="scr-load" class="screen active">
    <div class="loader">
      <div class="brand"><strong>Maple • Digital Solutions</strong></div>
      <div class="spinner" aria-label="Loading"></div>
      <div id="loaderMsg" style="color:#1E1A16">Preparing your intake…</div>
    </div>
  </div>

<div id="scr-chat" class="screen">
    <div class="chat">
      <div class="head">
        <div class="brand"><span class="dot"></span> Maple</div>
        <button id="closeBtn" class="close">Close</button>
      </div>
      <div id="log" class="log" role="log" aria-live="polite"></div>
      <div class="note">We will email a <strong>summary package</strong> at the end.</div>
      <div class="footer"><a href="https://calxstone.com" target="_blank" rel="noopener">Powered by Calxstone Solutions</a></div>
    </div>
  </div>

<script>
  (function(){
    // ===== CONFIG =====
    const SUBMIT_URL = "https://defaulta70e61bab05741128630ce5e2c954a.26.environment.api.powerplatform.com:443/powerautomate/automations/direct/workflows/28f3cf4b5a3640168c19632bcf8606ed/triggers/manual/paths/invoke?api-version=1&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=28VOpnOvpe1PV20ltr6XMiU_eJFWiAB5MZf-66POx-c";
    const LOADER_IN_MS = 800; // initial loader delay

// ===== STATE =====
    const log = document.getElementById('log');
    const answers = { id: genId(), startedAt: new Date().toISOString(), contact:{}, company:{}, goals:{}, services:[], flows:{}, timeline:null, wrap:{} };
    let firstName = '';
    let submitted = false;

// ===== UTIL =====
    function genId(){ const d=new Date(); return d.toISOString().replace(/[:TZ.-]/g,'').slice(0,14); }
    function scrollEnd(){ log.scrollTop = log.scrollHeight; }
    function bubble(text, who='bot'){ const b=document.createElement('div'); b.className='bubble '+who; b.textContent=text; log.appendChild(b); scrollEnd(); }
    function typing(ms=380){ const t=document.createElement('div'); t.className='bubble bot'; t.style.opacity=.6; t.textContent='…'; log.appendChild(t); scrollEnd(); return new Promise(r=>setTimeout(()=>{ t.remove(); r(); }, ms)); }
    function wrap(){ const w=document.createElement('div'); w.className='wrap'; log.appendChild(w); scrollEnd(); return w; }
    async function bot(text){ await typing(); bubble(text,'bot'); }
    function user(text){ bubble(text,'user'); }
    function clone(o){ try{return structuredClone(o)}catch(e){try{return JSON.parse(JSON.stringify(o))}catch(_){return{}}} }

document.addEventListener('DOMContentLoaded', ()=>{
      document.getElementById('closeBtn')?.addEventListener('click', ()=>{
        if(!submitted && !confirm('Close and discard your progress?')) return;
        try{ parent.postMessage({type:'maple-close'},'*'); }catch(_){/* ignore */}
      });
    });

function i(ph,t='text',nameKey='', auto='off'){
      const el=document.createElement('input'); el.className='field'; el.placeholder=ph; el.type=t;
      if(nameKey){ const id='fld-'+nameKey; el.id=id; el.name=nameKey; }
      el.setAttribute('aria-label', ph); el.setAttribute('autocomplete', auto||'off'); return el;
    }
    function btn(label){ const b=document.createElement('button'); b.type='button'; b.className='chip'; b.textContent=label; return b; }
    function h(text,kind){ const el=document.createElement('div'); el.className='hint '+(kind||''); el.textContent=text; return el; }
    function row(){ const r=document.createElement('div'); r.className='row'; [...arguments].forEach(a=>r.appendChild(a)); return r; }

function buttons(opts,onPick){ const w=wrap(); const g=document.createElement('div'); g.className='choices';
      opts.forEach(o=>{const b=document.createElement('button'); b.type='button'; b.className='chip'; b.textContent=o; b.onclick=()=>onPick(o); g.appendChild(b)}); w.appendChild(g); }

function multichoice(opts,onDone){ const w=wrap(); const g=document.createElement('div'); g.className='choices'; const sel=new Set();
      opts.forEach(o=>{const b=document.createElement('button'); b.type='button'; b.className='chip'; b.textContent=o;
        b.onclick=()=>{ if(sel.has(o)){sel.delete(o); b.classList.remove('active')} else {sel.add(o); b.classList.add('active')} };
        g.appendChild(b)});
      const r=row(); const d=btn('Done'); d.onclick=()=>onDone([...sel]); r.appendChild(d); w.append(g,r);
    }

function nameBlock(next){ const w=wrap(); const r=row(); const fn=i('First Name','text','firstName','given-name'), ln=i('Last Name','text','lastName','family-name'); r.append(fn,ln);
      const go=btn('Next'); go.disabled=true; go.style.opacity=.6;
      const v=()=>{const ok=!!fn.value.trim()&&!!ln.value.trim(); go.disabled=!ok; go.style.opacity=ok?1:.6}; fn.oninput=v; ln.oninput=v;
      const submit=()=>{ if(go.disabled) return; answers.contact.firstName=fn.value.trim(); answers.contact.lastName=ln.value.trim(); firstName=answers.contact.firstName; user(fn.value.trim()+' '+ln.value.trim()); bot(`Nice to meet you, ${firstName}! 👋`); next(); };
      go.onclick=submit; [fn,ln].forEach(el=>el.addEventListener('keydown',e=>{ if(e.key==='Enter') submit(); })); w.append(r,row(go));
    }

function emailBlock(next){ const w=wrap(); const r=row(); const e1=i('Email','email','email','email'), e2=i('Confirm Email','email','email_confirm','email'); r.append(e1,e2);
      const hint=h('Please make sure emails match.','err'); const go=btn('Confirm'); go.disabled=true; go.style.opacity=.6;
      const ok=s=>/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(s);
      const val=()=>{const a=e1.value.trim(),b=e2.value.trim(); const good=a&&b&&a===b&&ok(a); go.disabled=!good; go.style.opacity=good?1:.6; hint.textContent=good?'Looks good ✓':'Please make sure emails match.'; hint.className='hint '+(good?'ok':'err')};
      e1.oninput=val; e2.oninput=val;
      const submit=()=>{ if(go.disabled) return; answers.contact.email=e1.value.trim(); user(e1.value.trim()); bot('Great — your email is saved. 📧'); next(); };
      [e1,e2].forEach(el=>el.addEventListener('keydown',e=>{ if(e.key==='Enter' && !go.disabled) submit(); })); go.onclick=submit; w.append(r,hint,row(go));
    }

function phoneBlock(next){ const w=wrap(); const p=i('Phone (optional)','tel','phone','tel'); const go=btn('Next'), skip=btn('Skip');
      const done=v=>{ answers.contact.phone=(v||'').trim(); user(v||'No phone provided'); bot('Got it. Phone noted. 📱'); next(); };
      p.addEventListener('keydown',e=>{ if(e.key==='Enter') done(p.value); }); go.onclick=()=>done(p.value); skip.onclick=()=>done(''); w.append(p,row(go,skip));
    }

function locationBlock(next){ const w=wrap(); const r=row(); const c=i('City','text','city','address-level2'), s=i('State','text','state','address-level1'), z=i('Zip','text','postal_code','postal-code'); r.append(c,s,z);
      const go=btn('Next'); const submit=()=>{ const v={city:c.value.trim(),state:s.value.trim(),zip:z.value.trim()}; answers.company.location=v; user([v.city,v.state,v.zip].filter(Boolean).join(', ')); bot('Thanks — location saved. 📍'); next(); };
      [c,s,z].forEach(el=>el.addEventListener('keydown',e=>{ if(e.key==='Enter') submit(); })); go.onclick=submit; w.append(r,row(go));
    }

function askText(ph,nameKey,auto,save,next){
      const w=wrap(); const t=i(ph||'Type your answer…','text',nameKey,auto); const go=btn('Next');
      const done=()=>{ const v=t.value.trim(); if(!v) return; user(v); save(v); bot('Noted. ✅'); next(); };
      t.addEventListener('keydown',e=>{ if(e.key==='Enter') done(); }); go.onclick=done; w.append(t,row(go));
    }

const steps=[]; let idx=0; const run=()=>{ try{ (steps[idx++]||finish)(); }catch(e){ console.error(e); bot('Something went wrong. Please refresh. ⚠️'); } };

// GREETING (emoji added)
    steps.push(async()=>{ await bot("Welcome 👋 Tap Get Started when you're ready."); buttons(['Get Started'],v=>{ user(v); run(); }); });

// Contact
    steps.push(async()=>{ await bot("Let's start with your details. What’s your first and last name? ✍️"); nameBlock(run); });
    steps.push(async()=>{ await bot("What’s the best email address to reach you? 📧"); emailBlock(run); });
    steps.push(async()=>{ await bot("Do you have a phone number to share? (optional) 📱"); phoneBlock(run); });

// Company basics
    steps.push(async()=>{ await bot(`Thanks, ${firstName||'there'} 🙏 How big is your company right now?`); buttons(['1–10','11–50','51–200','201–500','500+'],v=>{ user(v); answers.company.size=v; run(); }); });
    steps.push(async()=>{ await bot('What’s your role at the company? 🧑‍💼'); askText('Your role','role','organization-title', v=>answers.company.role=v, run); });
    steps.push(async()=>{ await bot('What industry are you in? 🏭'); askText('Industry','industry','off', v=>answers.company.industry=v, run); });
    steps.push(async()=>{ await bot('Where do you mainly operate from? 🗺️'); locationBlock(run); });
    steps.push(async()=>{ await bot('If you had to pick one main goal right now, what would it be? 🎯'); buttons(['Grow online presence','Improve brand image','Make systems work together','Strengthen tech foundation','Automate operations'],v=>{ user(v); answers.goals.main=v; run(); }); });

// Services + conditional flows
    steps.push(async()=>{ await bot('Which services are you interested in? You can pick more than one. 🧰'); multichoice(['Web Development','Brand Strategy & Identity','Business Technology Solutions','Systems Integration','Managed Web Hosting','Workflow Automation'], vals=>{ user(vals.length?vals.join(', '):'(none selected)'); answers.services=vals; insertFlows(vals); run(); }); });

const timelineIndex = steps.push(async()=>{ await bot('When are you hoping to get started? 🕒'); buttons(['Right away','1–3 months','6 months','Just exploring'],v=>{ user(v); answers.timeline=v; run(); }); }) - 1;

steps.push(async()=>{ await bot(`We’ll send a summary to ${answers.contact.email||'your email'}. Anything else we should know? ✉️`); buttons(['Yes','No'], v=>{ user(v); if(v==='Yes'){ askText('Type details…','notes','off', t=>answers.wrap.notes=t, run); } else { answers.wrap.notes=''; run(); } }); });

function insertFlows(vals){
      const flowFns=[]; const add=fn=>flowFns.push(fn);
      if(vals.includes('Web Development')){
        add(async()=>{ await bot('For Web Development, what kind of site? 🧱'); buttons(['Corporate site','Online store','Landing pages','Web application','Other'], v=>{ user(v); (answers.flows.webDev||(answers.flows.webDev={})).type=v; run(); }); });
        add(async()=>{ await bot('Do you already have a website? 🌐'); buttons(['Yes','No'], v=>{ user(v); (answers.flows.webDev||(answers.flows.webDev={})).hasSite=v; run(); }); });
        add(async()=>{ await bot('Top priority for the new site? 🚀'); buttons(['Design','Performance','Lead generation','Custom features'], v=>{ user(v); (answers.flows.webDev||(answers.flows.webDev={})).priority=v; run(); }); });
      }
      if(vals.includes('Brand Strategy & Identity')){
        add(async()=>{ await bot('Brand work: what kind of support? 🎨'); multichoice(['Logo design','Messaging & positioning','Visual identity','Complete rebrand'], v=>{ user(v.join(', ')); (answers.flows.brand||(answers.flows.brand={})).support=v; run(); }); });
        add(async()=>{ await bot('Do you already have brand guidelines? 📘'); buttons(['Yes','No'], v=>{ user(v); (answers.flows.brand||(answers.flows.brand={})).hasGuidelines=v; run(); }); });
      }
      if(vals.includes('Business Technology Solutions')){
        add(async()=>{ await bot('Business Tech: where do you need help most? 🧠'); buttons(['Choosing tools','Optimizing tools','Migrating systems','Ongoing consulting'], v=>{ user(v); (answers.flows.bts||(answers.flows.bts={})).support=v; run(); }); });
        add(async()=>{ await bot('Which platforms do you mainly use? 💻'); buttons(['Microsoft','Google','Other'], v=>{ user(v); (answers.flows.bts||(answers.flows.bts={})).platforms=v; run(); }); });
      }
      if(vals.includes('Systems Integration')){
        add(async()=>{ await bot('Which systems need connection? 🔗'); multichoice(['CRM','ERP','Accounting','HR tools','E‑commerce'], v=>{ user(v.join(', ')); (answers.flows.si||(answers.flows.si={})).systems=v; run(); }); });
      }
      if(vals.includes('Managed Web Hosting')){
        add(async()=>{ await bot('Hosting: already hosted elsewhere? 🏠'); buttons(['Yes','No'], v=>{ user(v); (answers.flows.host||(answers.flows.host={})).hasHost=v; run(); }); });
      }
      if(vals.includes('Workflow Automation')){
        add(async()=>{ await bot('Which processes would you like to automate? ⚙️'); multichoice(['Lead generation','HR onboarding','Finance approvals','Data entry','Customer support'], v=>{ user(v.join(', ')); (answers.flows.wa||(answers.flows.wa={})).processes=v; run(); }); });
      }
      steps.splice(timelineIndex,0,...flowFns);
    }

async function finish(){
      await bot("All set. Preparing your summary… 📦");
      await submit(false,'final_auto');
      await bot(`We sent your information. You will receive a summary soon. Minimizing now. 👋`);
      try{ parent.postMessage({type:'maple-close'},'*'); }catch(_){}
    }

async function submit(partial=false, reason='manual'){
      if (submitted && !partial) return;
      const payload = { id: answers.id, startedAt: answers.startedAt, submittedAt: new Date().toISOString(), partial, reason, data: clone(answers), event: 'submission' };
      submitted = submitted || !partial;
      try { await fetch(SUBMIT_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); } catch (e) { console.error('[maple] submit error', e); }
    }

function startNow(){ try{ show('scr-chat'); run(); } catch(e){ console.error('Startup error:', e); setTimeout(()=>{ try{ show('scr-chat'); run(); }catch(_){/* swallow */} }, 250); } }
    function show(id){ ['scr-load','scr-chat','scr-summary','scr-thank'].forEach(s=>document.getElementById(s)?.classList.remove('active')); document.getElementById(id)?.classList.add('active'); }

(function start(){
      if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', ()=> setTimeout(startNow, LOADER_IN_MS)); }
      else { setTimeout(startNow, LOADER_IN_MS); }
      setTimeout(()=>{ const scr=document.getElementById('scr-chat'); if (scr && !scr.classList.contains('active')) startNow(); }, 3000);
    })();
  })();
  </script>
</body>
</html>