/* CloudAurum pages
   Depends on components.jsx (globals: Reveal, CTABand, Footer, CALink, PageHero, Em, HeroAtmosphere) */

const { useState: _us, useEffect: _ue, useMemo: _um } = React;

/* =====================================================================
   HOME
   ===================================================================== */
function HomePage() {
  return (
    <div className="route-shell">

      {/* HERO */}
      <section className="hero">
        <HeroAtmosphere />
        <div className="container">
          <div className="hero-content">
            <Reveal as="span" className="eyebrow hero-eyebrow-rule">Outcome-driven consulting</Reveal>
            <Reveal delay={1}>
              <h1>
                Your operations are leaking revenue you can't see, and leaving more untapped.{' '}
                <em>We find both, and build the systems that capture them.</em>
              </h1>
            </Reveal>
            <Reveal delay={2}>
              <p className="lead">
                CloudAurum diagnoses how your business actually runs, where work breaks down, where leads slip through, and where revenue goes unclaimed, then builds the specific systems that fix it. A 24/7 AI Front Desk, faster follow-up, reactivation of the customers you have lost, consolidated tools, or a process redesign that uses no software at all. We prescribe only what moves the number. AI when it helps, process when it doesn't. Start with a $999 Workflow Assessment, guaranteed to surface 5+ hours a week of recoverable time and a prioritized plan to capture more revenue, or it's free.
              </p>
            </Reveal>
            <Reveal delay={3}>
              <div className="hero-actions">
                <CALink to="contact" className="btn btn-light">Start your Workflow Assessment</CALink>
                <CALink to="services" className="btn-secondary">See how it works →</CALink>
              </div>
            </Reveal>
            <Reveal delay={4}>
              <div className="hero-metrics">
                <div className="hero-metric">
                  <div className="num">5<em>+ hrs</em></div>
                  <div className="label">Recovered weekly, guaranteed</div>
                </div>
                <div className="hero-metric">
                  <div className="num">$999</div>
                  <div className="label">Fixed-fee entry point</div>
                </div>
                <div className="hero-metric">
                  <div className="num">4<em>-day</em></div>
                  <div className="label">Quick-start implementation plan</div>
                </div>
              </div>
            </Reveal>
          </div>
        </div>
        <div className="hero-meta">
          <span className="dot"></span>
          <span>Currently accepting new engagements</span>
        </div>
      </section>

      {/* INDUSTRIES MARQUEE */}
      <div className="marquee" aria-hidden="true">
        <div className="marquee-track">
          {[...Array(2)].map((_, i) =>
          <span key={i}>
              <span>Professional services</span><span className="dot"></span>
              <span>Home services</span><span className="dot"></span>
              <span>Dental &amp; medical</span><span className="dot"></span>
              <span>Legal practices</span><span className="dot"></span>
              <span>Multi-location operators</span><span className="dot"></span>
              <span>HVAC &amp; trades</span><span className="dot"></span>
              <span>Financial advisory</span><span className="dot"></span>
            </span>
          )}
        </div>
      </div>

      {/* PROBLEM */}
      <section className="section-cream" id="problem">
        <div className="container">
          <div className="section-header">
            <Reveal as="span" className="eyebrow eyebrow-rule">The pattern we see</Reveal>
            <Reveal delay={1}><h2>Most lost revenue never looks like lost revenue.</h2></Reveal>
            <Reveal delay={2}>
              <p className="lead">
                It rarely shows up as a number you can point to. A lead that slips away before anyone follows up. A past customer who simply never comes back. A booking double-entered between two systems that do not talk. It just quietly compounds until growth stalls and no one can say why.
              </p>
            </Reveal>
          </div>

          <div className="problem-grid">
            <Reveal as="article" className="problem-card" delay={1}>
              <span className="problem-card-num">01 / Revenue slipping away</span>
              <h4>Revenue slipping away</h4>
              <p>Leads call, fill out a form, or leave a message, and too many never get a timely answer. After hours, during the rush, between handoffs, they slip to whoever responds first. Every one was a customer who was ready.</p>
            </Reveal>
            <Reveal as="article" className="problem-card" delay={2}>
              <span className="problem-card-num">02 / Revenue left untapped</span>
              <h4>Revenue left untapped</h4>
              <p>The past customers who drifted off. The recalls no one chased. The follow-on work never offered. Your most valuable revenue is often the relationships you already earned and quietly stopped working.</p>
            </Reveal>
            <Reveal as="article" className="problem-card" delay={3}>
              <span className="problem-card-num">03 / Work trapped between systems</span>
              <h4>Work trapped between systems</h4>
              <p>CRM, calendar, billing, scheduling, communication. When they do not talk to each other, your team becomes the integration layer, retyping the same information and double-entering bookings. The hours compound, the errors creep in, and both cost you customers.</p>
            </Reveal>
          </div>
        </div>
      </section>

      {/* STAT BAND */}
      <section className="stat-band">
        <div className="container">
          <div className="stat-band-grid">
            <Reveal className="stat-item">
              <div className="stat-number">26<span className="unit">×</span></div>
              <div className="stat-label">Annual return on time recovered, at $100 per hour internal rate.</div>
            </Reveal>
            <Reveal className="stat-item" delay={1}>
              <div className="stat-number">30<span className="unit">-day</span></div>
              <div className="stat-label">Refund window. If we do not surface 5+ hours of recoverable time, the assessment is free.</div>
            </Reveal>
            <Reveal className="stat-item" delay={2}>
              <div className="stat-number">3<span className="unit">–7</span></div>
              <div className="stat-label">Tools and workflows identified per Workflow Assessment.</div>
            </Reveal>
          </div>
        </div>
      </section>

      {/* SERVICES OVERVIEW */}
      <section id="services">
        <div className="container">
          <div className="section-header">
            <Reveal as="span" className="eyebrow eyebrow-rule">How we work</Reveal>
            <Reveal delay={1}>
              <h2>We diagnose first. <Em>Then we build only what moves the number.</Em></h2>
            </Reveal>
            <Reveal delay={2}>
              <p className="lead">
                Every engagement starts with the Workflow Assessment. It diagnoses where you are losing revenue and prescribes the fit from there: a flagship AI Front Desk, faster follow-up, a reactivation engine that wins back the customers you have lost, a consolidation of your tools, or a custom build. Not a ladder you climb. A menu we prescribe from.
              </p>
            </Reveal>
          </div>

          <div className="grid-3">
            <Reveal as="article" className="service-tile" delay={1}>
              <div className="service-tile-num">01</div>
              <h3>Workflow Assessment</h3>
              <div className="price">$999 · Start here</div>
              <p>A 45-minute deep-dive call, AI-powered analysis of your operations, and a custom report identifying the 3-7 highest-impact builds for your business. It diagnoses the bleed and prescribes the fit. Guaranteed to surface 5+ hours per week of recoverable time, or it's free.</p>
              <CALink to="services" className="learn-more">Learn more</CALink>
            </Reveal>
            <Reveal as="article" className="service-tile" delay={2}>
              <div className="service-tile-num">02</div>
              <h3>AI Front Desk</h3>
              <div className="price">$3,500–$5,500 · Flagship build</div>
              <p>Our flagship. A custom AI receptionist that answers every call around the clock, handles questions, and books appointments, even after hours and when the front desk is slammed. It captures the customers you are currently losing to voicemail. Built into your scheduling stack, never a generic bot.</p>
              <CALink to="services" className="learn-more">Learn more</CALink>
            </Reveal>
            <Reveal as="article" className="service-tile" delay={3}>
              <div className="service-tile-num">03</div>
              <h3>The rest of the menu</h3>
              <div className="price">Prescribed, not climbed</div>
              <p>Speed-to-Lead Agent, Reactivation Engine, Workflow Consolidation, custom builds. Each one selected by the assessment when it fits your diagnosis, never sold as the next rung. You buy what captures revenue, and nothing you don't.</p>
              <CALink to="services" className="learn-more">Learn more</CALink>
            </Reveal>
          </div>

          <Reveal className="center mt-12">
            <CALink to="services" className="btn btn-ghost">See the full menu →</CALink>
          </Reveal>
        </div>
      </section>

      {/* EDITORIAL PULL QUOTE */}
      <section className="editorial-quote">
        <Reveal as="blockquote">
          Lost revenue rarely announces itself. The lead that cooled, the customer who drifted away, the hour burned re-keying data between systems. It leaves quietly and compounds. Our job is to make the invisible visible, and the recoverable recovered.
        </Reveal>
        <Reveal as="cite" delay={1}>The CloudAurum operating thesis</Reveal>
      </section>

      {/* PROCESS STRIP */}
      <section className="section-warm" id="how">
        <div className="container">
          <div className="section-header">
            <Reveal as="span" className="eyebrow eyebrow-rule">The discipline</Reveal>
            <Reveal delay={1}><h2>Every engagement follows the same four phases.</h2></Reveal>
            <Reveal delay={2}>
              <p className="lead">We do not sell software. We sell outcomes. Every project starts with measurement and ends with proof.</p>
            </Reveal>
          </div>

          <div className="process-strip">
            <Reveal className="process-phase" delay={1}>
              <div className="process-num">1</div>
              <h4>Discovery</h4>
              <p>45 minutes on a structured call. Five questions, calibrated to your industry, surface the bottlenecks that are costing you most.</p>
            </Reveal>
            <Reveal className="process-phase" delay={2}>
              <div className="process-num">2</div>
              <h4>Analysis</h4>
              <p>Your transcript runs through our methodology. We identify the 3-7 highest-impact opportunities and rank them on effort.</p>
            </Reveal>
            <Reveal className="process-phase" delay={3}>
              <div className="process-num">3</div>
              <h4>Build</h4>
              <p>Fixed scope, clear deliverables, no surprises. We design and deploy the systems that eliminate the bottlenecks.</p>
            </Reveal>
            <Reveal className="process-phase" delay={4}>
              <div className="process-num">4</div>
              <h4>Measure</h4>
              <p>We track what changed: revenue captured, response times collapsed, hours recovered, manual touches eliminated. You see what moved and what it is worth.</p>
            </Reveal>
          </div>
        </div>
      </section>

      {/* WHO WE WORK WITH */}
      <section id="who">
        <div className="container">
          <div className="section-header">
            <Reveal as="span" className="eyebrow eyebrow-rule">Where we deliver</Reveal>
            <Reveal delay={1}><h2>Operators with real demand and operational friction.</h2></Reveal>
            <Reveal delay={2}>
              <p className="lead">You have the demand. You have the team. But somewhere between the work coming in and the work getting done, things break. That is where we work.</p>
            </Reveal>
          </div>

          <div className="audience-list">
            <Reveal className="audience-row" delay={1}>
              <h4>Professional services</h4>
              <p>Dental, legal, financial advisory, consulting. Intake processes, consultation booking, and client communication that should not be manual.</p>
              <span className="audience-tag">Practice operators</span>
            </Reveal>
            <Reveal className="audience-row" delay={2}>
              <h4>Home services</h4>
              <p>HVAC, plumbing, roofing, electrical. High lead volume, complex scheduling, and follow-up gaps that cost thousands per month.</p>
              <span className="audience-tag">Field operators</span>
            </Reveal>
            <Reveal className="audience-row" delay={3}>
              <h4>Multi-location operators</h4>
              <p>Franchises, regional chains, and multi-office practices where consistency across locations is the difference between scale and chaos.</p>
              <span className="audience-tag">Scaled operators</span>
            </Reveal>
          </div>
        </div>
      </section>

      <CTABand
        eyebrow="Start here"
        headline="Start your Workflow Assessment."
        italic="Surface 5+ hours per week of recoverable time."
        body="A 45-minute Discovery Call, custom report with 3-7 specific workflow opportunities, and 4-day quick-start plan. $999, fully refundable if we do not identify 5+ hours per week of recoverable time."
        secondaryLabel="See engagements"
        note="The Workflow Assessment includes the Discovery Call, custom report, 4-day quick-start plan, and 30-minute Review Call." />
      
    </div>);

}

/* Inline SVG diagram — gold leak flow */
function LeakDiagram() {
  return (
    <svg viewBox="0 0 480 260" role="img" aria-label="Workflow leak diagram">
      <defs>
        <linearGradient id="goldFade" x1="0" x2="1">
          <stop offset="0" stopColor="#b08d57" stopOpacity="0.9" />
          <stop offset="1" stopColor="#b08d57" stopOpacity="0" />
        </linearGradient>
        <linearGradient id="goldFadeR" x1="1" x2="0">
          <stop offset="0" stopColor="#b08d57" stopOpacity="0.9" />
          <stop offset="1" stopColor="#b08d57" stopOpacity="0" />
        </linearGradient>
      </defs>

      {/* Inputs column */}
      <g fontFamily="Inter, sans-serif" fontSize="11" fill="#57534e" letterSpacing="0.06em">
        <text x="14" y="34">LEADS IN</text>
        <text x="14" y="64" fill="#1c1917" fontSize="13" fontWeight="500">Web form</text>
        <text x="14" y="98" fill="#1c1917" fontSize="13" fontWeight="500">Phone call</text>
        <text x="14" y="132" fill="#1c1917" fontSize="13" fontWeight="500">Referral</text>
        <text x="14" y="166" fill="#1c1917" fontSize="13" fontWeight="500">Direct message</text>
        <text x="14" y="200" fill="#1c1917" fontSize="13" fontWeight="500">Walk-in inquiry</text>
      </g>

      {/* Pipe lines */}
      <g stroke="url(#goldFade)" strokeWidth="1.5" fill="none">
        <path d="M120 60 C180 60, 200 130, 260 130" />
        <path d="M120 94 C180 94, 200 130, 260 130" />
        <path d="M120 128 C180 128, 200 130, 260 130" />
        <path d="M120 162 C180 162, 200 130, 260 130" />
        <path d="M120 196 C180 196, 200 130, 260 130" />
      </g>

      {/* Funnel */}
      <g>
        <rect x="260" y="105" width="80" height="50" rx="4" fill="#1c1917" />
        <text x="300" y="128" fontFamily="'Instrument Serif', serif" fontSize="15" fill="#d4b87a" textAnchor="middle" fontStyle="italic">Triage</text>
        <text x="300" y="146" fontFamily="Inter" fontSize="9" fill="#cfcac3" textAnchor="middle" letterSpacing="0.12em">MANUAL</text>
      </g>

      {/* Leak drips below */}
      <g>
        <text x="300" y="180" fontFamily="Inter" fontSize="10" fill="#8a8580" textAnchor="middle" letterSpacing="0.12em">LEAKAGE</text>
        <circle cx="276" cy="200" r="2.5" fill="#b08d57" opacity="0.85" />
        <circle cx="290" cy="216" r="2" fill="#b08d57" opacity="0.55" />
        <circle cx="306" cy="222" r="3" fill="#b08d57" opacity="0.7" />
        <circle cx="318" cy="206" r="2" fill="#b08d57" opacity="0.5" />
        <circle cx="328" cy="226" r="2.5" fill="#b08d57" opacity="0.6" />
        <text x="300" y="248" fontFamily="'Instrument Serif', serif" fontStyle="italic" fontSize="13" fill="#8a6a3a" textAnchor="middle">~37% unresponded &lt; 1hr</text>
      </g>

      {/* Output column */}
      <g stroke="url(#goldFadeR)" strokeWidth="1.5" fill="none">
        <path d="M340 130 C400 130, 410 80, 462 80" />
        <path d="M340 130 C400 130, 410 120, 462 120" />
      </g>
      <g fontFamily="Inter, sans-serif" fontSize="11" fill="#57534e" letterSpacing="0.06em">
        <text x="380" y="34">CONVERTED</text>
        <text x="380" y="84" fill="#1c1917" fontSize="13" fontWeight="500">Booked call</text>
        <text x="380" y="124" fill="#1c1917" fontSize="13" fontWeight="500">Quote sent</text>
      </g>
    </svg>);

}

/* =====================================================================
   SERVICES
   ===================================================================== */
function ServicesPage() {
  const [tab, setTab] = _us('assessment');

  _ue(() => {
    // Smooth-scroll to the relevant section when tab changes
    const el = document.getElementById(tab);
    if (el) {
      const nav = document.querySelector('.nav');
      const navH = nav ? nav.offsetHeight : 72;
      const y = el.getBoundingClientRect().top + window.scrollY - navH - 16;
      window.scrollTo({ top: y, behavior: 'smooth' });
    }
  }, [tab]);

  const detail = (id, num, title, price, lead, body, callout, stack, cta) =>
  <section className={'service-detail' + (id === 'ai-front-desk' ? ' section-warm' : '')} id={id}>
      <div className="container">
        <div className="service-detail-inner">
          <Reveal className="service-meta">
            <div className="num">{num}</div>
            <h2>{title}</h2>
            <div className="price-row">{price}</div>
            <CALink to="contact" className="btn btn-primary">{cta}</CALink>
            <p className="caption mt-4">
              <span className="status-pill"><span className="dot"></span>2-3 slots open this month</span>
            </p>
          </Reveal>
          <Reveal className="content" delay={1}>
            <p className="lead">{lead}</p>
            {body}
            {stack &&
          <>
                <h4>Default stack</h4>
                <div className="stack-list">
                  {stack.map((row, i) =>
              <div className="stack-row" key={i}>
                      <span className="role">{row[0]}</span>
                      <span className="tool">{row[1]}</span>
                    </div>
              )}
                </div>
                <p>We adapt to your existing tools when integration is cleaner that way.</p>
              </>
          }
            {callout &&
          <div className="callout">
                <span className="label">{callout.label}</span>
                <p>{callout.body}</p>
              </div>
          }
          </Reveal>
        </div>
      </div>
    </section>;


  return (
    <div className="route-shell">
      <section className="page-hero">
        <div className="container">
          <Reveal as="span" className="eyebrow eyebrow-rule">Engagements</Reveal>
          <Reveal delay={1}>
            <h1 className="mt-4">
              One diagnosis. <Em>Then only the build that fits.</Em>
            </h1>
          </Reveal>
          <Reveal delay={2}>
            <p className="lead">
              Every CloudAurum engagement starts with the same question: where is your business losing the most revenue. The Workflow Assessment answers it, then prescribes the fit from the menu below. The price is fixed, the scope is clear, the deliverables are productized. No ladder, no forced sequence.
            </p>
          </Reveal>
          <Reveal delay={3}>
            <div className="tabbar mt-8">
              {[
              ['assessment', 'Workflow Assessment · $999'],
              ['ai-front-desk', 'AI Front Desk · $3.5–5.5k'],
              ['speed-to-lead', 'Speed-to-Lead · $3.5k'],
              ['reactivation', 'Reactivation · $3.5k'],
              ['consolidation', 'Workflow Consolidation · $5.5k'],
              ['custom', 'Custom · scoped']].
              map(([id, label]) =>
              <button key={id}
              className={tab === id ? 'is-active' : ''}
              onClick={() => setTab(id)}>
                  {label}
                </button>
              )}
            </div>
          </Reveal>
        </div>
      </section>

      {/* Figures row — sets the stakes */}
      <section style={{ paddingBlock: 0 }}>
        <div className="container">
          <Reveal className="figures-row">
            <div className="figure">
              <div className="num"><em>$999</em></div>
              <div className="label">Entry diagnostic</div>
            </div>
            <div className="figure">
              <div className="num">5+ <em>hrs</em></div>
              <div className="label">Recovered per week</div>
            </div>
            <div className="figure">
              <div className="num">4 <em>days</em></div>
              <div className="label">Quick-start plan</div>
            </div>
            <div className="figure">
              <div className="num"><em>26×</em></div>
              <div className="label">First-year return</div>
            </div>
          </Reveal>
        </div>
      </section>

      {detail(
        'assessment', '01', 'Workflow Assessment', '$999 · The way in',
        'A structured deep-dive into your operations that produces a custom report identifying where you are losing revenue and the highest-impact builds your business can make in the next 30 days. This is the engine of every engagement: it diagnoses the bleed, then prescribes the fit from the menu below.',
        <>
          <h4>What you get</h4>
          <ul>
            <li>45-minute Discovery Call (or async via voice agent if preferred)</li>
            <li>Pre-call business and website research summary</li>
            <li>AI-powered analysis identifying 3-7 specific tools and workflows</li>
            <li>Custom report with effort-vs-impact priority matrix</li>
            <li>4-day quick-start implementation plan</li>
            <li>30-minute Review Call walking through the report</li>
          </ul>
          <h4>Guarantee</h4>
          <p>5+ hours returned per week within 30 days of implementing recommendations, or full refund.</p>
        </>,
        {
          label: 'The math',
          body: <>$999 one-time → 5 hours/week saved × $100/hour = <Em>$26,000 annual recovered value</Em> at roughly $40/month in tool costs. 26× return inside the first year, before a dollar of recaptured revenue.</>
        },
        null,
        'Book your Workflow Assessment'
      )}

      {detail(
        'ai-front-desk', '02', 'AI Front Desk', '$3,500–$5,500 · Flagship build · Optimization retainer included',
        'Our flagship. A custom AI receptionist and front-desk system that answers every inbound call, around the clock, and turns the ones you used to miss into booked appointments.',
        <>
          <h4>How it works</h4>
          <p>Calls forward to your AI Front Desk on no-answer, busy, or after-hours, so your team keeps every call it can take and the system catches the rest. The AI answers in your business's voice, handles common questions, books and reschedules appointments, triages urgent calls, and takes detailed messages. You get a structured summary of every call by email or text within seconds of hang-up.</p>
          <h4>What you get</h4>
          <ul>
            <li>24/7 AI receptionist trained on your services, hours, policies, and FAQs</li>
            <li>Conditional call forwarding on your existing number (no porting, no new number to publish)</li>
            <li>Appointment booking and rescheduling integrated with your scheduling system</li>
            <li>Call triage and routing, with urgent calls escalated to your team</li>
            <li>Structured call summaries (caller, intent, urgency, action items) delivered in seconds</li>
            <li>Watchdog monitoring that flags a problem to us before it ever reaches you</li>
          </ul>
          <p>This is not an off-the-shelf bot. It is scoped by your Workflow Assessment and built into your actual scheduling and intake flow, so it books real appointments instead of just taking messages. A live AI system needs upkeep to keep working as models change and your services evolve, so every build includes an optimization retainer by default, month-to-month, cancel anytime. You own your vendor accounts and pay for call and AI usage at cost. We never mark it up.</p>
        </>,
        {
          label: 'Why it pays for itself',
          body: <>One new patient or customer is worth hundreds to thousands in lifetime value. Recover a handful of calls a month that would have gone to voicemail and the system has paid for itself. <Em>Every missed call is revenue you already spent to earn.</Em></>
        },
        [
        ['Voice agent', 'Retell.ai'],
        ['Telephony', 'Twilio'],
        ['Orchestration', 'Make.com'],
        ['Summaries', 'Claude'],
        ['Booking', 'your scheduling system']],

        'Talk to us about AI Front Desk'
      )}

      {detail(
        'speed-to-lead', '03', 'Speed-to-Lead Agent', '$3,500 · Production build · Optimization retainer included',
        'For businesses where leads arrive through forms, ads, and messages, not just the phone. When a new lead comes in, speed is the difference between a booked call and a missed one. Where the AI Front Desk owns your phone, the Speed-to-Lead Agent owns your non-phone channels.',
        <>
          <h4>How it works</h4>
          <p>Inbound leads from any non-phone channel (form, ad, message, or referral) trigger an AI agent built on your business context. The agent qualifies, personalizes the response, handles the back-and-forth, and books the call. Most clients see lead response time collapse from hours to under 60 seconds within the first week.</p>
          <h4>What you get</h4>
          <ul>
            <li>Custom Make.com workflow integrating your existing lead sources</li>
            <li>AI agent personality calibrated to your brand voice and qualification criteria</li>
            <li>Calendar integration with your booking tool of choice</li>
            <li>Response analytics and conversion tracking</li>
            <li>30-day performance review and tuning pass</li>
          </ul>
          <p>As a live AI system, it includes an optimization retainer by default to keep it tuned as your channels and offers change, month-to-month, cancel anytime. You own your vendor accounts and pay for usage at cost.</p>
        </>,
        null,
        null,
        'Talk to us about Speed-to-Lead'
      )}

      {detail(
        'reactivation', '04', 'Reactivation Engine', '$3,500 · Production build · Optimization retainer included',
        'The revenue you already earned and forgot about. For businesses sitting on a list of past customers who simply stopped coming back, this is the system that wins them back on autopilot.',
        <>
          <h4>How it works</h4>
          <p>We build an automated, personalized outreach system that works your existing customer list: lapsed customers, overdue recalls, one-time buyers who never returned. It reaches out at the right moment across email and text, in your voice, and routes the responses straight into your booking flow. For a dental practice, that is every overdue recall and every patient who has not booked in 18 months, recovered without your front desk lifting a finger.</p>
          <h4>What you get</h4>
          <ul>
            <li>Reactivation campaigns built on your existing customer and patient list</li>
            <li>Personalized multi-step outreach across email and SMS, in your brand voice</li>
            <li>Recall and recurring-visit automation that runs on its own schedule</li>
            <li>Responses routed directly into your booking or scheduling system</li>
            <li>Performance tracking on customers reactivated and revenue recovered</li>
          </ul>
          <p>As a live system, it includes an optimization retainer by default to keep the sequences and offers fresh, month-to-month, cancel anytime. You own your vendor accounts and pay for usage at cost.</p>
        </>,
        {
          label: 'Why it pays for itself',
          body: <>Reactivating even a small fraction of a dormant list is often the fastest revenue a business can unlock, because these customers already know and trust you. <Em>It is the cheapest new revenue you will ever buy.</Em></>
        },
        null,
        'Talk to us about Reactivation'
      )}

      {detail(
        'consolidation', '05', 'Workflow Consolidation', '$5,500 · Implementation',
        'For businesses where the team is busy but the systems are not pulling their weight. We audit, redesign, and build the automations that recover hours from your week and stop the errors that cost you customers.',
        <>
          <h4>What you get</h4>
          <ul>
            <li>Operational audit identifying high-cost manual repetition</li>
            <li>Process redesign mapping current state to future state</li>
            <li>Automation build covering the highest-impact workflows (typically 5-10)</li>
            <li>Integration layer connecting CRM, calendar, billing, communication</li>
            <li>Team training on the new systems</li>
            <li>30-day support window for tuning</li>
          </ul>
          <p>Where the build includes live AI agents, an optimization retainer is included by default to keep them working; pure one-time automations do not require one. You own your vendor accounts and pay for any usage at cost.</p>
        </>,
        {
          label: 'Typical recovery',
          body: <>12-20 hours per week of manual work eliminated, distributed across the team.</>
        },
        null,
        'Discuss your operations'
      )}

      {/* CUSTOM TIERS */}
      <section className="section-cream" id="custom">
        <div className="container">
          <div className="section-header">
            <Reveal as="span" className="eyebrow eyebrow-rule">Custom engagements</Reveal>
            <Reveal delay={1}>
              <h2>For businesses ready to operationalize <Em>at scale.</Em></h2>
            </Reveal>
            <Reveal delay={2}>
              <p className="lead">
                When the diagnosis calls for deeper work (process redesign across functions, a net-new CRM, full agent orchestration), we scope a custom engagement. We default to the stack we know best (Make.com for automation, GoHighLevel for net-new CRM builds, Claude or ChatGPT for reasoning) and integrate with the tools you already operate when that path is cleaner. Live builds include an optimization retainer by default; you own every vendor account and pay for usage at cost.
              </p>
            </Reveal>
          </div>

          <Reveal className="tiers-grid">
            {[
            ['Automation Build', '$2,500'],
            ['CRM Implementation', '$5,000'],
            ['Custom Skill Library', '$5,000'],
            ['Full Implementation + Retainer', '$12,000–25,000 + $1,500–3,000/mo']].
            map(([name, price], i) =>
            <div className="tier-row" key={i}>
                <h4>{name}</h4>
                <span className="tier-price">{price}</span>
              </div>
            )}
          </Reveal>

          <Reveal className="center mt-12">
            <CALink to="contact" className="btn btn-primary">Book a Discovery Call to scope</CALink>
          </Reveal>
        </div>
      </section>

      {/* FAQ */}
      <section>
        <div className="container">
          <div className="section-header">
            <Reveal as="span" className="eyebrow eyebrow-rule">Questions we hear</Reveal>
            <Reveal delay={1}><h2>What you actually want to know.</h2></Reveal>
          </div>

          <div className="faq-grid">
            {[
            ['How is this different from a generic AI consultant?',
            'We do not sell AI as the value proposition. We sell operational outcomes. AI is one of several tools we use to deliver them, alongside automation platforms, custom builds, and process redesign. If a workflow does not need AI, we will not pretend it does.'],
            ['Is the AI Front Desk just another AI receptionist?',
            'No. The commodity bots are sold off the shelf at a monthly rate and left to you to configure. The AI Front Desk is scoped by your Workflow Assessment and built into your actual scheduling and intake flow, so it books real appointments instead of just taking messages. You are buying an integrated system and the relationship behind it, not renting a bot by the minute.'],
            ['Why $999 for the Workflow Assessment?',
            'Because the assessment alone produces a 4-day implementation plan that recovers 5+ hours per week. At a $100/hour internal rate, that is $26,000 of annual recovered value for a $999 investment, before a dollar of recaptured revenue. The price is calibrated to be a serious commitment without being a barrier.'],
            ['Will I be locked into ongoing fees?',
            'The Workflow Assessment is one-time, no strings. For live AI systems like the AI Front Desk, an optimization retainer is included by default, because an unmaintained AI system drifts and breaks: models change, integrations update, new call types appear. The retainer keeps it working and improving, with active monitoring and a response SLA. It is month-to-month, you can cancel anytime, and you always own your vendor accounts and pay for usage at cost. One-time automations that do not need upkeep do not carry one.'],
            ['How long until I see results?',
            'The 4-day quick-start plan from the Workflow Assessment produces measurable change inside the first week. The AI Front Desk goes live within 2-3 weeks and starts catching missed calls immediately. Other production builds typically deliver in 2-3 weeks from kickoff.'],
            ['Do you work outside DFW?',
            'Yes. We are based in Dallas-Fort Worth, Texas, but every engagement is run remotely. We work with clients across the US.']].
            map(([q, a], i) =>
            <Reveal as="details" className="faq-item" key={i} delay={Math.min(i, 4)}>
                <summary>
                  <h4>{q}</h4>
                  <span className="toggle">+</span>
                </summary>
                <p>{a}</p>
              </Reveal>
            )}
          </div>
        </div>
      </section>

      <CTABand
        eyebrow="Start here"
        headline="Begin with the Workflow Assessment."
        italic="The diagnostic that opens every engagement."
        body="A 45-minute Discovery Call. A custom report identifying 3-7 specific workflow opportunities. A 4-day quick-start plan. $999, fully refundable if we do not identify 5+ hours per week of recoverable time." />
      
    </div>);

}

/* =====================================================================
   ABOUT
   ===================================================================== */
function AboutPage() {
  return (
    <div className="route-shell">
      <section className="page-hero">
        <div className="container">
          <Reveal as="span" className="eyebrow eyebrow-rule">Layered Media · CloudAurum</Reveal>
          <Reveal delay={1}>
            <h1 className="mt-4">
              We built CloudAurum because we kept seeing <Em>the same pattern.</Em>
            </h1>
          </Reveal>
          <Reveal delay={2}>
            <p className="lead">
              Businesses with real demand and capable teams losing revenue every week to invisible operational friction. Calls that go to voicemail. Leads that cool before anyone replies. Work trapped between systems that do not talk. It compounds quietly until growth stalls. CloudAurum exists to find that revenue and capture it.
            </p>
          </Reveal>
        </div>
      </section>

      {/* FOUNDER */}
      <section className="about-section" id="founder">
        <div className="container">
          <div className="about-grid">
            <Reveal className="label-col">
              <span className="eyebrow eyebrow-rule">Founder</span>
              <h2>Mark Laird</h2>
              <div className="portrait mt-6">
                <img src="assets/img/mark-laird.jpeg" alt="Mark Laird, founder of CloudAurum" />
              </div>
              <p className="caption mt-4">Dallas-Fort Worth, Texas · Layered Media LLC</p>
            </Reveal>
            <Reveal className="body-col" delay={1}>
              <p>Mark Laird founded CloudAurum after years building automation and AI systems for small businesses, including a data platform that analyzed the operations of more than 500,000 U.S. companies and AI agents deployed for live customer response. The systems that delivered, and the ones that didn't, are the operational playbook he now brings to every engagement.</p>
              <p>CloudAurum is wholly owned and operated as the consulting branch of Layered Media LLC.</p>
            </Reveal>
          </div>
        </div>
      </section>

      {/* METHODOLOGY */}
      <section className="about-section section-warm" id="methodology">
        <div className="container">
          <div className="about-grid">
            <Reveal className="label-col">
              <span className="eyebrow eyebrow-rule">How we got here</span>
              <h2>Outcome-driven, <Em>not technology-driven.</Em></h2>
            </Reveal>
            <Reveal className="body-col" delay={1}>
              <p>Most consulting firms build their methodology around the tools they sell. CloudAurum's methodology starts where the business is losing revenue and works backward to whatever set of tools, automations, or process changes will capture it. The diagnosis is the product. The implementation is downstream.</p>
              <p>Our four-phase process (Discovery, Analysis, Build, Measure) is the same on every engagement, regardless of vertical. The questions adapt; the framework does not. That discipline is what lets us walk into a dental office, a law firm, a regional HVAC operator, and a multi-location wedding venue and consistently surface the highest-impact opportunities inside 45 minutes.</p>
              <p>We treat AI as a means, not the value proposition. Sometimes the right answer is a Custom Knowledge System on the platform that fits your stack. Sometimes it is a Make.com workflow. Sometimes it is a process redesign that uses no software at all. <strong>The client does not pay for AI. The client pays for the revenue their operations were quietly losing.</strong></p>
            </Reveal>
          </div>
        </div>
      </section>

      {/* EDITORIAL PULL QUOTE */}
      <section className="editorial-quote">
        <Reveal as="blockquote">
          The best operations work is invisible. Nobody notices the hour that did not get burned on manual entry, the handoff that did not break, the data that did not need to be retyped. Our job is to make that invisibility your default.
        </Reveal>
        <Reveal as="cite" delay={1}>CloudAurum, on the work</Reveal>
      </section>

      {/* LAYERED MEDIA section removed — corporate history info covered by footer + portrait caption. Space reserved for future testimonials row. */}

      <CTABand
        eyebrow="Get in touch"
        headline="Want to see CloudAurum"
        italic="applied to your operations?"
        body="Begin with the Workflow Assessment. A 45-minute Discovery Call, custom report, and 4-day quick-start plan. $999, fully refundable if we do not identify 5+ hours per week of recoverable time." />
      
    </div>);

}

/* =====================================================================
   CONTACT
   ===================================================================== */
function ContactPage() {
  const [form, setForm] = _us({ name: '', email: '', company: '', industry: 'Professional services', message: '' });
  const [submitted, setSubmitted] = _us(false);

  const handleSubmit = (e) => {
    e.preventDefault();
    setSubmitted(true);
  };

  return (
    <div className="route-shell">

      {/* HERO */}
      <section className="page-hero contact-hero">
        <div className="container">
          <Reveal as="span" className="eyebrow eyebrow-rule">Start here</Reveal>
          <Reveal delay={1}>
            <h1 className="mt-4">Start your <Em>Workflow Assessment.</Em></h1>
          </Reveal>
          <Reveal delay={2}>
            <p className="lead">
              A 45-minute structured Discovery Call. A custom report identifying 3-7 specific workflow opportunities. A 4-day quick-start plan. $999, fully refundable if we do not surface 5+ hours per week of recoverable time.
            </p>
          </Reveal>
        </div>
      </section>

      {/* BOOKING BLOCK */}
      <section className="contact-booking">
        <div className="container">
          <div className="booking-grid">
            <Reveal className="booking-scope">
              <span className="eyebrow eyebrow-rule">What is included</span>
              <dl className="scope-list">
                <div className="scope-row">
                  <dt>Format</dt>
                  <dd>45-minute Discovery Call. Five structured questions, calibrated to your industry.</dd>
                </div>
                <div className="scope-row">
                  <dt>Deliverables</dt>
                  <dd>Custom report with 3-7 specific workflow opportunities, effort-vs-impact priority matrix, and 4-day quick-start implementation plan. 30-minute Review Call to walk through it.</dd>
                </div>
                <div className="scope-row">
                  <dt>Guarantee</dt>
                  <dd>5+ hours per week of recoverable time identified within 30 days of implementing recommendations, or full refund.</dd>
                </div>
                <div className="scope-row">
                  <dt>Investment</dt>
                  <dd>$999, one-time. No retainers, no follow-on obligations.</dd>
                </div>
              </dl>
            </Reveal>

            <Reveal className="booking-cta-col" delay={1}>
              <div className="booking-cta-card">
                <span className="eyebrow eyebrow-rule">Reserve your slot</span>
                <h2 className="mt-4">Begin booking.</h2>
                <p className="caption mt-3">Secure scheduling and payment in about three minutes.</p>
                <a href={BOOKING_URL} target="_blank" rel="noopener noreferrer" className="btn btn-primary btn-large">
                  Reserve your Workflow Assessment →
                </a>
                <p className="booking-meta-note">Opens in a new tab. Payment processed via Stripe.</p>
              </div>
            </Reveal>
          </div>
        </div>
      </section>

      {/* SECONDARY: QUESTIONS / DETAILS */}
      <section className="section-cream contact-secondary">
        <div className="container">
          <div className="section-header">
            <Reveal as="span" className="eyebrow eyebrow-rule">Have a question first?</Reveal>
            <Reveal delay={1}><h2>Write us before you book.</h2></Reveal>
            <Reveal delay={2}>
              <p className="lead">
                Not ready to commit yet? Two to four sentences is plenty. The more specific the bottleneck, the more useful the first call.
              </p>
            </Reveal>
          </div>

          <div className="secondary-grid">
            <Reveal>
              <div className="contact-meta">
                <dl>
                  <div>
                    <dt>Email</dt>
                    <dd><a href="mailto:hello@cloudaurum.com">hello@cloudaurum.com</a></dd>
                  </div>
                  <div>
                    <dt>Location</dt>
                    <dd>Dallas-Fort Worth, TX</dd>
                  </div>
                  <div>
                    <dt>Coverage</dt>
                    <dd>All engagements run remotely. We work with operators across the United States.</dd>
                  </div>
                  <div>
                    <dt>Response time</dt>
                    <dd>Within one business day. Most inquiries hear back the same day.</dd>
                  </div>
                </dl>
              </div>
            </Reveal>

            <Reveal delay={1}>
              {submitted ?
              <div className="form-success">
                  <div className="status-pill mb-4">
                    <span className="dot"></span> Received
                  </div>
                  <h3>Thanks, {form.name.split(' ')[0] || 'we got it'}.</h3>
                  <p className="lead mt-4">We will respond within one business day. Most inquiries hear back the same day.</p>
                </div> :

              <form className="contact-form" onSubmit={handleSubmit}>
                  <div className="field">
                    <label htmlFor="name">Name</label>
                    <input id="name" type="text" required
                  value={form.name}
                  onChange={(e) => setForm({ ...form, name: e.target.value })} />
                  </div>
                  <div className="field">
                    <label htmlFor="email">Email</label>
                    <input id="email" type="email" required
                  value={form.email}
                  onChange={(e) => setForm({ ...form, email: e.target.value })} />
                  </div>
                  <div className="field">
                    <label htmlFor="company">Company</label>
                    <input id="company" type="text"
                  value={form.company}
                  onChange={(e) => setForm({ ...form, company: e.target.value })} />
                  </div>
                  <div className="field">
                    <label htmlFor="industry">Industry</label>
                    <select id="industry"
                  value={form.industry}
                  onChange={(e) => setForm({ ...form, industry: e.target.value })}>
                      <option>Professional services</option>
                      <option>Home services / trades</option>
                      <option>Dental or medical</option>
                      <option>Legal practice</option>
                      <option>Financial advisory</option>
                      <option>Multi-location operator</option>
                      <option>Other</option>
                    </select>
                  </div>
                  <div className="field">
                    <label htmlFor="message">What is the biggest friction in your operations?</label>
                    <textarea id="message" required
                  placeholder="Two to four sentences. Where do you feel the most operational friction?"
                  value={form.message}
                  onChange={(e) => setForm({ ...form, message: e.target.value })}></textarea>
                    <span className="hint">No NDA needed. We will reply within one business day.</span>
                  </div>
                  <div>
                    <button type="submit" className="btn btn-primary">Send →</button>
                  </div>
                </form>}
            </Reveal>
          </div>
        </div>
      </section>
    </div>);
}

/* =====================================================================
   WELCOME — post-purchase landing (Stripe success destination)
   ===================================================================== */
function CalendlyEmbed({ url }) {
  _ue(() => {
    const SCRIPT_ID = 'calendly-widget-script';
    if (document.getElementById(SCRIPT_ID)) return;
    const script = document.createElement('script');
    script.id = SCRIPT_ID;
    script.src = 'https://assets.calendly.com/assets/external/widget.js';
    script.async = true;
    document.body.appendChild(script);
  }, []);

  return (
    <div
      className="calendly-inline-widget"
      data-url={url}
      style={{ minWidth: 320, height: 720 }} />);
}

function WelcomePage() {
  return (
    <div className="route-shell welcome-shell">

      <section className="welcome-hero">
        <div className="container">
          <Reveal>
            <Wordmark />
          </Reveal>
          <Reveal as="span" className="eyebrow eyebrow-rule mt-12" delay={1}>Welcome to CloudAurum</Reveal>
          <Reveal delay={2}>
            <h1 className="mt-4">
              Thanks. <Em>Let us get to work.</Em>
            </h1>
          </Reveal>
          <Reveal delay={3}>
            <p className="lead">
              Your Workflow Assessment is confirmed. The next step is scheduling your 45-minute Discovery Call. Pick a time below and you will receive a calendar invitation immediately.
            </p>
          </Reveal>
        </div>
      </section>

      <section className="welcome-scheduling">
        <div className="container">
          <Reveal>
            <CalendlyEmbed url={CALENDLY_POSTPAY_URL} />
          </Reveal>
        </div>
      </section>

      <section className="welcome-expect">
        <div className="container">
          <div className="section-header">
            <Reveal as="span" className="eyebrow eyebrow-rule">What happens next</Reveal>
            <Reveal delay={1}><h2>Four steps from now to delivery.</h2></Reveal>
          </div>

          <div className="welcome-steps">
            {[
            ['1', 'Pre-call questionnaire', 'A short, structured questionnaire arrives by email after you book. About five minutes to complete. Helps us arrive at the call already informed.'],
            ['2', 'Pre-call research', 'We review your business, website, and operational footprint before we meet. The conversation starts deeper than a generic intake.'],
            ['3', 'Discovery Call', 'Forty-five minutes. Five structured questions calibrated to your industry. No pitch deck, no sales pressure.'],
            ['4', 'Your report and plan', 'Within four days of the Discovery Call, you receive your custom report with 3-7 specific workflow opportunities, the effort-vs-impact priority matrix, and the 4-day quick-start plan. A 30-minute Review Call walks you through it.']].
            map(([num, title, body], i) =>
            <Reveal className="welcome-step" key={i} delay={Math.min(i, 4)}>
                <div className="welcome-step-num">{num}</div>
                <div className="welcome-step-body">
                  <h4>{title}</h4>
                  <p>{body}</p>
                </div>
              </Reveal>
            )}
          </div>
        </div>
      </section>

      <section className="welcome-meta">
        <div className="container">
          <Reveal>
            <p className="caption">
              Questions? Email <a href="mailto:hello@cloudaurum.com">hello@cloudaurum.com</a>. Most inquiries hear back the same day.
            </p>
          </Reveal>
        </div>
      </section>

    </div>);
}

/* =====================================================================
   LEGAL — Privacy Policy + Terms of Service
   ===================================================================== */
function LegalPage({ eyebrow, title, lastUpdated, callout, children }) {
  return (
    <div className="route-shell">
      <section className="page-hero">
        <div className="container">
          <Reveal as="span" className="eyebrow eyebrow-rule">{eyebrow}</Reveal>
          <Reveal delay={1}>
            <h1 className="mt-4">{title}</h1>
          </Reveal>
          <Reveal delay={2}>
            <dl className="legal-meta mt-8">
              <div>
                <dt>Effective Date</dt>
                <dd>Pending finalization by counsel.</dd>
              </div>
              <div>
                <dt>Last updated</dt>
                <dd>{lastUpdated}</dd>
              </div>
            </dl>
          </Reveal>
        </div>
      </section>

      <section className="legal-body">
        <div className="container-prose">
          <Reveal>
            <aside className="legal-callout">{callout}</aside>
          </Reveal>
          <div className="legal-prose">
            {children}
          </div>
        </div>
      </section>
    </div>);
}

function PrivacyPage() {
  return (
    <LegalPage
      eyebrow="Legal"
      title="Privacy Policy"
      lastUpdated="2026-05-26 (working draft pending counsel review)"
      callout="This Privacy Policy is currently under review by Texas-licensed legal counsel. The version below describes CloudAurum's actual data practices as of the date above and is published in good faith pending counsel-finalized text. Material changes will be announced to active clients via email. For privacy-related questions before the finalized policy is published, contact mark@cloudaurum.com.">

      <h2>Who we are</h2>
      <p>CloudAurum is the trade name of Layered Media, LLC, a Texas limited liability company (Texas Secretary of State Assumed Name File Number 804680546). We provide workflow consulting services to small and mid-sized businesses across the United States. Our principal place of business is Dallas-Fort Worth, Texas.</p>
      <p>In this policy, "CloudAurum," "we," "us," and "our" refer to the entity above. "You" refers to anyone who visits cloudaurum.com, books an engagement with us, or otherwise interacts with our services.</p>

      <h2>What information we collect</h2>

      <h3>When you book an engagement</h3>
      <p>When you book a Workflow Assessment Discovery Call or any other CloudAurum engagement through our scheduling platform, we collect:</p>
      <ul>
        <li>Your full name</li>
        <li>Your email address</li>
        <li>A phone number (collected as a required backup contact field)</li>
        <li>Your business name and website URL</li>
        <li>A short text description of the workflow problem you want to discuss</li>
        <li>Optionally, how you heard about CloudAurum</li>
      </ul>

      <h3>When you pay for an engagement</h3>
      <p>Payment is processed by Stripe, Inc. We do not directly receive, store, or process credit card numbers or other payment card data. We receive limited transaction metadata (transaction ID, amount, status, timestamp) for our records. Stripe's privacy practices are governed by their own policy at <a href="https://stripe.com/privacy" target="_blank" rel="noopener noreferrer">stripe.com/privacy</a>.</p>

      <h3>During engagements</h3>
      <p>Discovery Calls and Review Calls are recorded and transcribed via Fathom Video Inc. for analysis and report generation. You consent to this recording when you book a call, and we explicitly confirm it in our welcome email. Recordings and transcripts are stored in our Fathom account and in CloudAurum-controlled Google Drive folders.</p>
      <p>We also collect information you voluntarily share during calls or via email about your business operations, workflows, team structure, tools, and operational challenges. Documents you share via Google Drive folders are stored there for the duration of the engagement.</p>

      <h3>When you visit our website</h3>
      <p>Our hosting provider (Cloudflare Pages) collects standard server logs including IP address, browser type, device type, pages viewed, and referring URLs. This data supports site security and operations.</p>
      <p>The site uses session cookies required for functionality and for embedded Calendly widgets. We do not use third-party advertising cookies or cross-site tracking pixels.</p>

      <h2>How we use your information</h2>
      <p>We use the information we collect to:</p>
      <ul>
        <li>Deliver the services you book (conducting calls, generating reports, scheduling follow-ups)</li>
        <li>Analyze your operations through Claude AI to identify workflow opportunities</li>
        <li>Produce and deliver your custom Workflow Assessment report</li>
        <li>Process payments through Stripe</li>
        <li>Communicate with you about your engagement and respond to inquiries</li>
        <li>Improve our methodology through aggregated, anonymized analysis (no individual client information is used or shared for this purpose)</li>
        <li>Comply with our legal and tax obligations</li>
      </ul>

      <h2>Third-party services we rely on</h2>
      <p>Delivering our services requires the following providers. Each operates under its own privacy policy:</p>
      <ul>
        <li><strong>Stripe</strong> — payment processing — <a href="https://stripe.com/privacy" target="_blank" rel="noopener noreferrer">stripe.com/privacy</a></li>
        <li><strong>Calendly</strong> — scheduling, intake forms, payment integration — <a href="https://calendly.com/privacy" target="_blank" rel="noopener noreferrer">calendly.com/privacy</a></li>
        <li><strong>Fathom</strong> — meeting recording and transcription — <a href="https://fathom.video/privacy" target="_blank" rel="noopener noreferrer">fathom.video/privacy</a></li>
        <li><strong>Google Workspace</strong> — email, Drive storage, Calendar, Google Meet — <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer">policies.google.com/privacy</a></li>
        <li><strong>Anthropic Claude</strong> — AI-powered transcript analysis — <a href="https://www.anthropic.com/legal/privacy" target="_blank" rel="noopener noreferrer">anthropic.com/legal/privacy</a></li>
        <li><strong>Gamma</strong> — Workflow Assessment report deliverable — <a href="https://gamma.app/privacy" target="_blank" rel="noopener noreferrer">gamma.app/privacy</a></li>
        <li><strong>Dropbox Sign</strong> — electronic signatures for regulated-vertical pre-call documents and implementation contracts — <a href="https://www.dropboxsign.com/privacy" target="_blank" rel="noopener noreferrer">dropboxsign.com/privacy</a></li>
        <li><strong>Make.com</strong> — workflow automation (used during certain implementation engagements) — <a href="https://www.make.com/en/privacy-notice" target="_blank" rel="noopener noreferrer">make.com/en/privacy-notice</a></li>
        <li><strong>GoHighLevel</strong> — CRM (used during certain implementation engagements) — <a href="https://www.gohighlevel.com/privacy-policy" target="_blank" rel="noopener noreferrer">gohighlevel.com/privacy-policy</a></li>
        <li><strong>Cloudflare</strong> — website hosting and DNS — <a href="https://www.cloudflare.com/privacypolicy/" target="_blank" rel="noopener noreferrer">cloudflare.com/privacypolicy</a></li>
      </ul>

      <h2>Regulated verticals (dental, medical, legal, financial advisory)</h2>
      <p>CloudAurum delivers services to clients in regulated verticals including dental practices, medical clinics, legal practices, and financial advisory firms. Our engagements with these clients are limited to operational workflow consulting.</p>
      <p><strong>CloudAurum is not a Business Associate under HIPAA.</strong> Our engagements do not involve our creation, receipt, maintenance, or transmission of Protected Health Information ("PHI") on behalf of a Covered Entity.</p>
      <p>To enforce this operationally, every dental, medical, legal, or financial advisory client signs a <strong>Pre-Call Confidentiality & Scope Notice</strong> before any engagement begins. That notice establishes that the engagement is operational consulting only, prohibits disclosure of PHI or other privileged information, and provides that any incidental disclosure will be redacted from any recording before storage.</p>
      <p>CloudAurum is securing Professional Liability (Errors & Omissions) coverage. Certificate of insurance details are available upon written request once the policy is in force.</p>

      <h2>When we share information</h2>
      <p>We share information only in these limited circumstances:</p>
      <ul>
        <li><strong>With the service providers listed above</strong>, who process information on our behalf under their own privacy policies</li>
        <li><strong>With your authorization</strong>, such as when you ask us to share your assessment report or refer you to another provider</li>
        <li><strong>For legal compliance</strong>, when required by law, court order, subpoena, or governmental authority</li>
        <li><strong>In a corporate transaction</strong>, in connection with a merger, acquisition, financing, reorganization, or sale of business assets (the receiving party will be required to honor the commitments in this policy)</li>
        <li><strong>To protect rights and safety</strong>, when we have a good-faith belief disclosure is necessary to protect against fraud, prevent harm, or respond to an emergency</li>
      </ul>
      <p>We do not sell your personal information. We do not share your information with third parties for their own marketing purposes.</p>

      <h2>How long we keep your information</h2>
      <ul>
        <li><strong>Client engagement records</strong> (contact information, engagement scope, payment records): seven (7) years after the engagement ends, consistent with standard business and tax records retention</li>
        <li><strong>Call recordings and transcripts</strong>: two (2) years after the engagement ends, unless you request earlier deletion</li>
        <li><strong>Workflow Assessment reports</strong>: retained indefinitely in our Gamma account for your future reference, unless you request deletion</li>
        <li><strong>Email communications</strong>: seven (7) years per our Google Workspace retention policy</li>
        <li><strong>Marketing communications</strong>: until you opt out or request deletion</li>
      </ul>

      <h2>Your rights</h2>
      <p>You have rights to:</p>
      <ul>
        <li>Know what information we collect about you</li>
        <li>Access a copy of information we hold about you</li>
        <li>Correct inaccurate information</li>
        <li>Request deletion of information we hold (subject to legal retention requirements)</li>
        <li>Receive your information in a portable, machine-readable format</li>
        <li>Opt out of marketing communications</li>
      </ul>
      <p>To exercise any of these rights, email <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a>. We will respond within 30 days.</p>

      <h2>Security</h2>
      <p>We take reasonable measures to protect your information, including:</p>
      <ul>
        <li>TLS/SSL encryption in transit for all data transmitted to and from cloudaurum.com</li>
        <li>Encryption at rest for client engagement data stored in Google Drive and Fathom</li>
        <li>Access controls limiting employee and contractor access on a need-to-know basis</li>
        <li>Password manager for credential storage</li>
        <li>Multi-factor authentication on all administrative accounts</li>
        <li>Periodic review of third-party provider security practices</li>
      </ul>
      <p>No method of transmission over the internet or electronic storage is 100% secure. We cannot guarantee absolute security.</p>

      <h2>Children's privacy</h2>
      <p>CloudAurum's services are directed exclusively to adult business owners and operators. We do not knowingly collect personal information from anyone under 18. If you believe we have collected information from a child, please contact <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a> and we will delete it promptly.</p>

      <h2>International users</h2>
      <p>CloudAurum currently serves clients in the United States only. If you access our website from outside the United States, your information will be transferred to, stored, and processed in the United States.</p>

      <h2>Changes to this policy</h2>
      <p>We may update this policy to reflect changes in our practices, services, applicable law, or other operational reasons. The current version is always available at cloudaurum.com/privacy. If we make material changes, we will notify active clients via email and update the effective date.</p>

      <h2>Contact</h2>
      <p>For privacy questions or to exercise your rights:</p>
      <ul>
        <li><strong>Email:</strong> <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a></li>
        <li><strong>Business entity:</strong> Layered Media, LLC, doing business as CloudAurum (Texas SOS Assumed Name File Number 804680546)</li>
        <li><strong>Location:</strong> Dallas-Fort Worth, Texas, USA</li>
      </ul>
    </LegalPage>);
}

function TermsPage() {
  return (
    <LegalPage
      eyebrow="Legal"
      title="Terms of Service"
      lastUpdated="2026-05-26 (working draft pending counsel review)"
      callout="These Terms of Service are currently under review by Texas-licensed legal counsel. The version below describes CloudAurum's actual practices as of the date above and is published in good faith pending counsel-finalized text. Material changes will be announced to active clients via email. For questions before the finalized version is published, contact mark@cloudaurum.com.">

      <h2>1. Who we are and how to reach us</h2>
      <p>CloudAurum is the trade name of Layered Media, LLC, a Texas limited liability company (Texas SOS Assumed Name File Number 804680546). We provide workflow consulting services to small and mid-sized businesses across the United States.</p>
      <ul>
        <li><strong>Email:</strong> <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a> or <a href="mailto:hello@cloudaurum.com">hello@cloudaurum.com</a></li>
        <li><strong>Location:</strong> Dallas-Fort Worth, Texas, USA</li>
      </ul>
      <p>In these Terms, "CloudAurum," "we," "us," and "our" refer to the entity above. "You" and "Client" refer to anyone who engages our services or uses our website. "Services" refers to the Workflow Assessment, implementation engagements, retainer maintenance, and any other engagements you book with us.</p>

      <h2>2. Acceptance of these Terms</h2>
      <p>By booking a Workflow Assessment, signing an engagement agreement, paying for our Services, or using cloudaurum.com, you agree to these Terms. If you do not agree, do not engage us or use our website.</p>
      <p>For the $999 Workflow Assessment, your Stripe payment confirmation, Calendly booking confirmation, and our welcome email together constitute your agreement. For implementation engagements of $5,000 or more, a separate Master Services Agreement (MSA) and Statement of Work (SOW) Exhibit is signed via Dropbox Sign before work begins; in that case, the MSA + SOW Exhibit governs and these Terms apply only to general site use.</p>

      <h2>3. Description of Services</h2>

      <h3>Workflow Assessment — $999 (one-time)</h3>
      <p>A 45-minute structured Discovery Call conducted on Google Meet, followed within four business days by a custom report identifying 3 to 7 prioritized workflow opportunities, a 4-day quick-start implementation plan, and a 30-minute Review Call. Recorded and transcribed via Fathom.</p>

      <h3>Implementation engagements — productized pricing</h3>
      <ul>
        <li><strong>AI Front Desk</strong> — $3,500-$5,500. Flagship build of a custom 24/7 AI receptionist and front-desk system that answers inbound calls, books appointments, triages, and takes messages, integrated into the client's scheduling stack.</li>
        <li><strong>Speed-to-Lead Agent</strong> — $3,500. Production build of an AI agent that handles inbound lead response across non-phone channels.</li>
        <li><strong>Reactivation Engine</strong> — $3,500. Production build of an automated outreach system that wins back lapsed customers and drives recalls and repeat visits from the client's existing customer list.</li>
        <li><strong>Workflow Consolidation</strong> — $5,500. Multi-system integration covering 5-10 workflows with team training and 30-day support.</li>
        <li><strong>Automation Build</strong> — $2,500. Single-scenario Make.com or Zapier workflow.</li>
        <li><strong>CRM Implementation</strong> — $5,000. GoHighLevel setup with workflows, pipelines, and training.</li>
        <li><strong>Custom Skill Library</strong> — $5,000. Productized prompts and AI skills for repeat workflows.</li>
        <li><strong>Full Implementation + Retainer</strong> — $12,000-$25,000 plus $1,500-$3,000 per month. Custom AI agent orchestration.</li>
      </ul>

      <h3>Custom engagements</h3>
      <p>Bespoke scoping at quoted prices for work that does not fit a productized build (e.g., multi-function process redesign, custom knowledge systems).</p>

      <h3>Optimization Retainer</h3>
      <p>Live AI systems require ongoing maintenance to keep functioning as models, integrations, and usage patterns change. For that reason a three-tier optimization retainer (Watch $497/mo, Tend $997/mo, Embed $1,997/mo) is included by default with any live AI build at the time the Statement of Work is signed. It is opt-out, billed month-to-month, and may be cancelled at any time. One-time static automations that do not require ongoing maintenance are offered without a retainer. Detailed scope is provided in the retainer agreement, and tool and usage costs are passed through to the Client at cost (see Section 8).</p>

      <h2>4. Payment</h2>

      <h3>Workflow Assessment</h3>
      <p>Paid in full at booking via Stripe through our Calendly checkout (warm-network leads) or via a Stripe Payment Link (cold-outbound leads). $999 is due before the Discovery Call is held.</p>

      <h3>Implementation engagements</h3>
      <p>Payment terms are specified in the Master Services Agreement and SOW Exhibit signed for each engagement. Standard terms are 50% at signing (kickoff trigger) and 50% at acceptance (handoff), payable via Stripe.</p>

      <h3>Retainers</h3>
      <p>Billed monthly via Stripe recurring subscription on the same day each month. For a retainer attached at SOW signing, the first charge occurs when the implementation goes live (the start of the Post-Launch Support window), as specified in the SOW Exhibit. You may opt out before signing or cancel at any time thereafter.</p>

      <h3>Late payment</h3>
      <p>Invoices past due by more than 7 days may result in suspension of services and removal of CloudAurum's delegated access to your vendor accounts. We do not currently charge late fees but reserve the right to introduce them with 30 days' notice.</p>

      <h2>5. Refund policy</h2>

      <h3>Workflow Assessment guarantee</h3>
      <p>We guarantee that the Workflow Assessment will identify at least 5 hours per week of recoverable time within 30 days of you implementing the recommendations. If it does not, we will refund the full $999 upon written request submitted within 60 days of the Review Call.</p>
      <p>The guarantee applies to clients who complete the engagement (attend the Discovery Call, receive the report, and attend the Review Call) and who implement at least 3 of the recommendations in good faith. The guarantee does not apply to soft-launch case-study engagements where the Workflow Assessment was provided at no cost in exchange for testimonial and case-study rights.</p>

      <h3>Implementation engagements</h3>
      <p>Refund terms are specified in the MSA + SOW Exhibit for each engagement. Standard terms include prorated refund on termination for convenience by either party with seven (7) days written notice; full refund if CloudAurum cannot deliver the agreed scope despite a documented attempt.</p>

      <h3>Retainers</h3>
      <p>Month-to-month, cancel any time with email notice, no off-boarding fee. Cancellation is effective at the end of the current billing month; no prorated refund for partial months.</p>

      <h2>6. Engagement scope</h2>
      <p>We will deliver the Services described in your booking confirmation, signed MSA + SOW Exhibit, or retainer agreement. Anything outside that scope is a change order requiring written agreement (typically billed at $200 per hour or as a separately scoped engagement).</p>

      <h3>What we do</h3>
      <ul>
        <li>Operational consulting and workflow analysis</li>
        <li>Configuration of existing third-party tools (Make.com, GoHighLevel, Calendly, retell.ai, etc.) to deliver operational outcomes</li>
        <li>AI agent setup using existing AI providers (Claude, ChatGPT, etc.)</li>
        <li>Documentation, templates, and team training on the systems we build</li>
      </ul>

      <h3>What we don't do</h3>
      <ul>
        <li>Build software products or develop applications</li>
        <li>Write custom code beyond configuration scripts and prompt engineering</li>
        <li>Provide IT services, infrastructure maintenance, or managed hosting</li>
        <li>Sell technology products or licenses</li>
        <li>Provide legal, medical, financial, or regulatory compliance advice</li>
      </ul>

      <h2>7. Recording, confidentiality, and regulated verticals</h2>

      <h3>Recording</h3>
      <p>Discovery Calls and Review Calls are recorded and transcribed via Fathom for analysis and report generation. You consent to recording when you book a call. Recordings are stored in CloudAurum's controlled accounts and used only to deliver your Services. You may request access to or deletion of recordings at any time by emailing <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a>.</p>

      <h3>Confidentiality</h3>
      <p>We treat all information you disclose during engagements as confidential. We will not disclose your business information, the existence or content of our engagement, or any deliverables to any third party without your prior written consent, except as required by law or as permitted under the Privacy Policy. Confidentiality obligations survive engagement termination for three (3) years.</p>

      <h3>Regulated verticals</h3>
      <p>For dental, medical, legal, and financial advisory clients, CloudAurum signs a Pre-Call Confidentiality & Scope Notice before any engagement. That notice establishes that the engagement is operational consulting only and prohibits disclosure of PHI, attorney-client privileged communications, or confidential client financial information during the engagement. CloudAurum is not a HIPAA Business Associate.</p>

      <h2>8. Intellectual property and ownership</h2>

      <h3>Your information</h3>
      <p>All business information you provide to us (operational data, workflow descriptions, tool configurations specific to your business) remains your property.</p>

      <h3>Our deliverables</h3>
      <p>All Workflow Assessment reports, custom prompts, automations, configurations, and other work product we create specifically for you transfer to you at acceptance. You own them outright and may use them however you wish, including disclosing them to third parties.</p>

      <h3>CloudAurum's IP</h3>
      <p>Our methodology, frameworks, templates, generic prompt patterns, training materials, and any reusable elements not specific to your engagement remain CloudAurum's intellectual property. We grant you a perpetual, non-transferable license to use these reusable elements within your business but you may not resell, sublicense, or redistribute them.</p>

      <h3>Vendor accounts</h3>
      <p>During implementation engagements, CloudAurum creates third-party vendor accounts (retell.ai, Make.com, GoHighLevel, OpenAI/Anthropic, Calendly, etc.) under your name with your billing. You own these accounts at all times. CloudAurum has delegated access during the engagement and access is removed within seven (7) business days of termination.</p>

      <h2>9. Disclaimers and limitation of liability</h2>

      <h3>No warranty</h3>
      <p>The Services are provided "as is" without warranty of any kind. We make our best efforts to deliver high-quality consulting, but we cannot guarantee any specific business outcome beyond the explicit Workflow Assessment refund guarantee described in Section 5.</p>

      <h3>Operational outcomes</h3>
      <p>Our recommendations are operational consulting. You retain full responsibility for evaluating, implementing, and complying with applicable laws and regulations when acting on any recommendation. We do not provide legal, medical, financial, accounting, or regulatory compliance advice.</p>

      <h3>Third-party services</h3>
      <p>We rely on third-party providers (Stripe, Calendly, Fathom, Google, Anthropic, Make.com, GoHighLevel, and others). We are not responsible for outages, data losses, pricing changes, feature deprecations, or other issues caused by these providers. Vendor changes that materially affect your implementation may require a separate scoped engagement to address.</p>

      <h3>Limitation of liability</h3>
      <p>To the maximum extent permitted by applicable law, CloudAurum's total liability for any claim arising from or related to the Services is limited to the amount you paid us for the specific engagement giving rise to the claim. We are not liable for indirect, incidental, special, consequential, or punitive damages, including lost profits, lost revenue, lost business opportunities, or loss of data.</p>

      <h2>10. Termination</h2>

      <h3>By you</h3>
      <p>You may terminate any engagement at any time with seven (7) days written notice via email to <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a>. Refund terms are described in Section 5.</p>

      <h3>By CloudAurum</h3>
      <p>We may terminate any engagement at any time with seven (7) days written notice. If we terminate, you receive a prorated refund of fees paid for unperformed work.</p>

      <h3>Effect of termination</h3>
      <p>Upon termination of an implementation engagement, our delegated access to your vendor accounts is removed within seven (7) business days. You retain all account ownership and all work product transferred to you at acceptance. We deliver a handoff document within seven (7) business days describing how to operate or disable the implementation.</p>

      <h2>11. Modifications to these Terms</h2>
      <p>We may update these Terms from time to time. The current version is always available at cloudaurum.com/terms. If we make material changes, we will notify active clients via email and update the effective date. Your continued use of our Services or website after a material change indicates your acceptance.</p>

      <h2>12. Governing law and dispute resolution</h2>
      <p>These Terms are governed by the laws of the State of Texas, USA, without regard to conflict-of-law principles.</p>
      <p>Any dispute arising from or related to these Terms or the Services will be resolved exclusively in the state or federal courts located in Dallas County, Texas. You consent to the personal jurisdiction of those courts.</p>
      <p>Before initiating any formal proceeding, the parties agree to attempt good-faith resolution by email correspondence between <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a> and the client's designated representative for at least thirty (30) days.</p>

      <h2>13. General</h2>

      <h3>Entire agreement</h3>
      <p>These Terms, together with the Privacy Policy and any signed engagement agreement (MSA + SOW Exhibit or Pre-Call Confidentiality & Scope Notice as applicable), constitute the entire agreement between you and CloudAurum. They supersede any prior oral or written agreements on the same subject matter.</p>

      <h3>Severability</h3>
      <p>If any provision of these Terms is found unenforceable, the remaining provisions remain in full force.</p>

      <h3>Assignment</h3>
      <p>You may not assign your rights or obligations under these Terms without our written consent. We may assign these Terms in connection with a corporate transaction (merger, acquisition, financing, reorganization, or sale of business assets).</p>

      <h3>Force majeure</h3>
      <p>Neither party is liable for delays or failures caused by events beyond reasonable control (natural disasters, pandemics, government actions, major third-party service outages).</p>

      <h3>Notices</h3>
      <p>Notices to CloudAurum should be sent to <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a>. Notices to you will be sent to the email address on your booking or engagement agreement.</p>

      <h3>No waiver</h3>
      <p>A failure to enforce any provision is not a waiver of that provision or of any other provision.</p>

      <h2>14. Contact</h2>
      <p>For questions about these Terms:</p>
      <ul>
        <li><strong>Email:</strong> <a href="mailto:mark@cloudaurum.com">mark@cloudaurum.com</a></li>
        <li><strong>Business entity:</strong> Layered Media, LLC, doing business as CloudAurum (Texas SOS Assumed Name File Number 804680546)</li>
        <li><strong>Location:</strong> Dallas-Fort Worth, Texas, USA</li>
      </ul>
    </LegalPage>);
}

/* expose */
Object.assign(window, { HomePage, ServicesPage, AboutPage, ContactPage, WelcomePage, PrivacyPage, TermsPage });