Banner

From Our Family to Your Kitchen—Spotless, Every Time.

Commercial Kitchen Cleaning

Cropped shot of a man cleaning a kitchen counter in commercial kitchen.

List

Who We Serve?

Ghost & Commissary Kitchen Facilities

Commercial Kitchens

Brewery & Tasting Room Kitchens

Pricing Table

What We Offer

Basic Cleaning Service

Mopping the floor in a commercial kitchen

Ad Hoc Services — starting at

Flexible cleaning packages: daily, weekly, or monthly, with trial periods available for new contracts.

Flexible scheduling

Text + image

<h2 style="white-space:pre-line;text-align:left">Why Choose DustAway?</h2>
<p style="text-align:left"><br />🧽 Consistent Quality – Jobs done right the first time.</p>
<p style="text-align:left"><br />🧹 Transparent Pricing – No hidden fees, no surprises.</p>
<p style="text-align:left"><br />🪣 Accountability &amp; Follow-up – We don’t disappear after the job.</p>

<h2 style="white-space:pre-line">From Quote to Clean in 5 Easy Steps!</h2>

Embed

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>TA DustAway – Instant Price</title>
  <style>
    :root{ --brand:#FFF7CC; --border:#e9e9e9; --muted:#666; }
    body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:#f8f8f8; }
    .wrap{ max-width:860px; margin:0 auto; padding:24px; }
    .card{ background:#fff; border:3px solid var(--brand); border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.06); padding:24px; }
    h1{ margin:0 0 12px; font-size:24px; }
    .grid{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }
    @media (max-width:640px){ .grid{ grid-template-columns:1fr; } }
    label{ font-size:14px; display:block; margin-bottom:6px; }
    input[type="number"]{ width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:10px; font-size:14px; }
    .row{ display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px dashed #eee; }
    .row:last-child{ border-bottom:0; }
    .totals{ margin-top:14px; padding-top:12px; border-top:1px solid #eee; }
    .line{ display:flex; justify-content:space-between; padding:6px 0; }
    .total{ font-size:26px; font-weight:800; margin-top:6px; }
    .muted{ color:var(--muted); font-size:12px; }
    .formula{ margin-top:10px; padding:10px; border:1px dashed var(--border); border-radius:12px; background:#fcfcfc; font-size:13px; }
    .chip{ display:inline-block; padding:4px 8px; margin:4px 6px 0 0; border-radius:999px; border:1px solid var(--border); background:#fff; font-size:12px; }
    .pill{ display:inline-block; background:var(--brand); padding:2px 8px; border-radius:999px; font-size:12px; border:1px solid #f1eab3; }
    .error{ color:#b00020; font-size:12px; margin-top:8px; }
  </style>
</head>
<body>
  <div class="wrap">
    <div class="card">
      <h1>TA DustAway – Instant Price</h1>
      <p class="muted">Adjust hours, days, or add services to see your instant estimate. (Hourly rate is hidden.)</p>

      
      <div class="grid">
        <div>
          <label for="hours">Hours per Day</label>
          <input id="hours" type="number" min="0" step="1" value="4" />
        </div>
        <div>
          <label for="days">Days per Week</label>
          <input id="days" type="number" min="0" step="1" value="4" />
        </div>
      </div>

      
      <div style="margin-top:14px;">
        <div class="row"><label><input id="buff" type="checkbox" checked /> Floor Buffing</label><span>$500</span></div>
        <div class="row"><label><input id="wash" type="checkbox" checked /> Pressure Wash</label><span>$150</span></div>
        <div class="row"><label><input id="wind" type="checkbox" checked /> Window Cleaning</label><span>$100</span></div>
      </div>

      
      <div class="totals">
        <div class="line"><div>Total Ad-hoc</div><div id="adhocTotal">$0</div></div>
        <div class="line"><div>Weekly Price (base)</div><div id="weekly">$0</div></div>

        <div class="formula">
          <div><span class="pill">Base</span> = (Hourly Rate × Hours × Days) → (<strong>—</strong> × <span id="fHours">0</span> × <span id="fDays">0</span>) = <strong id="fBase">$0</strong></div>
          <div style="margin-top:6px;"><span class="pill">Ad-hoc</span> = <span id="fAddList">none</span> = <strong id="fAdd">$0</strong></div>
          <div style="margin-top:6px;"><span class="pill">Total</span> = Base + Ad-hoc → <span id="fBase2">$0</span> + <span id="fAdd2">$0</span> = <strong id="fGrand">$0</strong></div>
        </div>

        <div class="total" id="grand">$0</div>
        <div class="error" id="err" style="display:none;"></div>
        <div class="muted">* Your hourly rate is used in the calculation but never shown or editable.</div>
      </div>
    </div>
  </div>

  <script>
    let RATE = 0;                      // hidden hourly rate from server
    const FALLBACK_RATE = 47;          // ensures calculator still works if fetch fails
    const $ = id => document.getElementById(id);
    const fmt = n => new Intl.NumberFormat('en-US', { style:'currency', currency:'USD' }).format(n);

    function getValues(){
      const hours = Math.max(0, Number($('hours').value || 0));
      const days  = Math.max(0, Number($('days').value  || 0));
      const addOns = [
        { id:'buff', label:'Floor Buffing', price:500, checked:$('buff').checked },
        { id:'wash', label:'Pressure Wash', price:150, checked:$('wash').checked },
        { id:'wind', label:'Window Cleaning', price:100, checked:$('wind').checked },
      ];
      return { hours, days, addOns };
    }

    function recalc(){
      const { hours, days, addOns } = getValues();

      const selected = addOns.filter(a => a.checked);
      const adhoc = selected.reduce((s, a) => s + a.price, 0);

      const rate = Number(RATE) || Number(FALLBACK_RATE);
      const weekly = rate * hours * days;
      const grand  = weekly + adhoc;

      $('adhocTotal').textContent = fmt(adhoc);
      $('weekly').textContent     = fmt(weekly);
      $('grand').textContent      = fmt(grand);

      $('fHours').textContent = hours;
      $('fDays').textContent  = days;
      $('fBase').textContent  = fmt(weekly);
      $('fBase2').textContent = fmt(weekly);
      $('fAdd').textContent   = fmt(adhoc);
      $('fAdd2').textContent  = fmt(adhoc);
      $('fGrand').textContent = fmt(grand);

      // Show which add-ons are selected
      $('fAddList').innerHTML = selected.length
        ? selected.map(a => `<span class="chip">${a.label} — ${fmt(a.price)}</span>`).join(' ')
        : 'none';
    }

    function showError(msg){
      const el = $('err');
      el.textContent = msg;
      el.style.display = 'block';
    }

    // Fetch hidden rate from server; fall back silently to 47 on failure.
    if (typeof google !== 'undefined' && google.script && google.script.run) {
      google.script.run
        .withSuccessHandler(rate => { RATE = Number(rate) || 0; recalc(); })
        .withFailureHandler(err => { RATE = FALLBACK_RATE; showError('Using default rate due to a connection issue.'); recalc(); })
        .getRate();
    } else {
      // Not running inside Apps Script (e.g., opened locally) — fall back
      RATE = FALLBACK_RATE;
      showError('Embedded outside Apps Script context. Using default rate.');
      recalc();
    }

    ['hours','days','buff','wash','wind'].forEach(id => {
      $(id).addEventListener('input', recalc);
      $(id).addEventListener('change', recalc);
    });
  </script>
</body>
</html>

<p><strong>Our Story</strong></p>
<p><br />Cleaning is in our DNA. Both of our fathers were immigrant janitorial entrepreneurs who built their lives through hard work and dedication. Inspired by their example, we created TA DustAway to raise the standard for commercial kitchen cleaning — not only honoring their legacy, but also solving the real problems operators face every day.</p>
<p>At TA DustAway, we believe clean kitchens are the backbone of every successful culinary operation. Based in the San Francisco Bay Area, our mission is simple: to transform kitchen spaces into spotless, safe, and stress-free environments.</p>

A cleaning cart with a yellow bucket and a blue mop

Call to action

Ready for a cleaner, stress-free kitchen?

Transform Your Kitchen's Cleanliness

kitchen staff clean steel counter top in restaurant wearing gloves, hygiene concept

TA DustAway

DustAway specializes in cleaning services for commissary kitchens, ghost kitchens, food truck lots, and other shared culinary facilities in the SF Bay Area. We offer a range of services, from daily janitorial tasks to deep degreasing and food-safe floor care, tailored for kitchen operators, food startups, and shared-space managers. Our team provides professional, food-safe cleaning solutions that eliminate the need for micromanagement. Whether it's daily maintenance, pressure washing, or quarterly deep cleans, we ensure your facility stays compliant, spotless, and focused on what matters most—food, not the mess.

The color theme of the website is light yellow and black
The location of the work is SF Bay Area
The website has a Home Page, About Us Page, FAQ page, and Contact Us page
In the home page it is important to have a price calculator for customer to use in order the see the pricing in real time if they input time needed, likert scale 1-10 from clean to extremely dirty, and SQ FT.
Website has to be fun and simple.
Place information for a call, have them summarize what they are looking for and the range that was quoted from the calculator.

Can this task be completed? Can you create a 4 page website mock-up: Page 1, Which includes an intro summary, who we serve, and consists of the pricing calculator and a detailed breakdown of clean types, add-on services, 
Page 2 About us: Include our why and our customer persona, and promise to solve it
page 3: FAQ / Pricing	: Explain how pricing works, service frequency, etc.
Page 4: contact us, asking for their information