/* 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>
                We find the hours your operations are quietly losing.{' '}
                <em>Then we build the systems that put them back.</em>
              </h1>
            </Reveal>
            <Reveal delay={2}>
              <p className="lead">
                CloudAurum diagnoses your business workflows, finds where your team is losing time to manual work, broken handoffs, and disconnected tools, and builds the systems that recover those hours. AI when it accelerates the outcome. Process redesign when it doesn't. We guarantee identifying 5+ hours per week of recoverable time, or the Workflow Assessment is 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 Q2 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>Busy is not the same as productive.</h2></Reveal>
            <Reveal delay={2}>
              <p className="lead">
                Most businesses are quietly losing hours to things they cannot see. Manual data entry between systems. Bottlenecks where work piles up waiting on one person. Repetitive admin the team does because no one built the alternative. The hours compound until growth stalls and no one can name why.
              </p>
            </Reveal>
          </div>

          <div className="problem-grid">
            <Reveal as="article" className="problem-card" delay={1}>
              <span className="problem-card-num">01 / Repetitive manual work</span>
              <h4>Repetitive manual work</h4>
              <p>Data entry. Follow-up emails. Status updates. Scheduling. Your team does it because no one built the alternative. Each hour spent here is an hour not spent on what moves the business.</p>
            </Reveal>
            <Reveal as="article" className="problem-card" delay={2}>
              <span className="problem-card-num">02 / Bottlenecks</span>
              <h4>Bottlenecks</h4>
              <p>Work piles up waiting on the one person who knows how to approve it, send it, or send it back. The queue grows. Clients wait. Hours quietly disappear in the gaps.</p>
            </Reveal>
            <Reveal as="article" className="problem-card" delay={3}>
              <span className="problem-card-num">03 / Disconnected systems</span>
              <h4>Disconnected systems</h4>
              <p>CRM, calendar, billing, scheduling, communication. When they do not talk to each other, your team becomes the integration layer, copying data between systems, retyping the same information, double-entering bookings. The hours compound, and so does the cost.</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">Three engagements, one outcome</Reveal>
            <Reveal delay={1}>
              <h2>Scope it. Build it. <Em>Measure it.</Em></h2>
            </Reveal>
            <Reveal delay={2}>
              <p className="lead">
                We start by understanding where your business is losing time. Then we design and implement the specific systems that recover it. AI when it fits. Process redesign when it doesn't. No generic playbooks. No unnecessary tooling. Just the infrastructure your business needs to run tighter and grow faster.
              </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 · One-time</div>
              <p>A 45-minute deep-dive call, AI-powered analysis of your operations, and a custom report identifying 3-7 specific tools and workflows that will save your team 5+ hours per week. 4-day quick-start plan included.</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>Speed-to-Lead Agent</h3>
              <div className="price">$3,500 · Production build</div>
              <p>The single highest-ROI implementation we deliver. Inbound leads trigger an AI agent that personalizes the response, qualifies, and books the call. Most clients see response times collapse from hours to seconds within 7 days.</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>Workflow Consolidation</h3>
              <div className="price">$5,500 · Implementation</div>
              <p>We connect your tools so they communicate automatically and build the agents that orchestrate the work between them. CRM, calendar, billing, communication; they stop being silos and start operating as one system. Your team stops being the data bridge and gets the hours back.</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 all engagement tiers →</CALink>
          </Reveal>
        </div>
      </section>

      {/* EDITORIAL PULL QUOTE */}
      <section className="editorial-quote">
        <Reveal as="blockquote">
          Hours do not announce themselves leaving. They compound silently until growth stalls. 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 hours. 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 outcomes: hours recovered, response times collapsed, manual touches eliminated. You see what changed 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 === 'speed-to-lead' ? ' 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">
              Three engagements. <Em>One outcome:</Em> the hours your operations were losing.
            </h1>
          </Reveal>
          <Reveal delay={2}>
            <p className="lead">
              Every CloudAurum engagement starts with the same question: where is your business losing the most time and money. Every engagement ends with measured proof of what we recovered. The price is fixed, the scope is clear, the deliverables are productized.
            </p>
          </Reveal>
          <Reveal delay={3}>
            <div className="tabbar mt-8">
              {[
              ['assessment', 'Workflow Assessment · $999'],
              ['speed-to-lead', 'Speed-to-Lead · $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">Starting engagement</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 · One-time engagement',
        'A structured deep-dive into your operations that produces a custom report identifying the highest-impact workflow improvements your business can make in the next 30 days.',
        <>
          <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.</>
        },
        null,
        'Book your Workflow Assessment'
      )}

      {detail(
        'speed-to-lead', '02', 'Speed-to-Lead Agent', '$3,500 · Production build',
        'The highest-ROI implementation we deliver. Built for businesses where speed-to-response is the difference between a closed deal and a missed one.',
        <>
          <h4>How it works</h4>
          <p>Inbound leads from any channel (form, call, 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>
        </>,
        null,
        [
        ['Orchestration', 'Make.com'],
        ['Voice channel', 'retell.ai or Twilio'],
        ['Reasoning', 'Claude or ChatGPT'],
        ['Booking', 'Calendly or GoHighLevel']],

        'Talk to us about Speed-to-Lead'
      )}

      {detail(
        'consolidation', '03', '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.',
        <>
          <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>
        </>,
        {
          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">
                Most clients start with the Workflow Assessment and one of the two productized builds above. For operations that need deeper work (process redesign across functions, custom CRM setup, full implementation with retainer support), we scope custom engagements. 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.
              </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.'],
            ['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. The price is calibrated to be a serious commitment without being a barrier.'],
            ['Will I be locked into ongoing fees?',
            'No. Every engagement is fixed-scope and one-time unless we explicitly build a retainer agreement. Retainers exist for clients with custom agents and automations that benefit from ongoing maintenance, but they are optional and priced separately.'],
            ['How long until I see results?',
            'The 4-day quick-start plan from the Workflow Assessment produces measurable change inside the first week. Production builds (Speed-to-Lead, Workflow Consolidation) 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 hours per week to invisible operational friction. Manual data entry. Broken handoffs between systems. Repetitive admin the team does because no one built the alternative. The hours compound quietly until growth stalls. CloudAurum exists to find those hours and put them back.
            </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 several years of building businesses across software and AI. He previously launched <strong>LeadSnare™</strong>, an AI receptionist platform serving small business clients across the United States, and <strong>GradeForAI™</strong>, a business intelligence platform that scored companies on their readiness to operate alongside AI agents. Both are currently paused; the operational intelligence and methodology developed through them now serves CloudAurum directly.</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 time and works backward to whatever set of tools, automations, or process changes will recover 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 hours 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 carries Professional Liability (Errors & Omissions) insurance. Certificate of insurance details are available upon written request.</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>Speed-to-Lead Agent</strong> — $3,500. Production build of an AI agent that handles inbound lead response.</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 tier (e.g., multi-function process redesign, custom knowledge systems).</p>

      <h3>Implementation Maintenance Retainer</h3>
      <p>Three-tier optional retainer (Watch $497/mo, Tend $997/mo, Embed $1,997/mo) offered to implementation clients at day 25 of the 30-day Post-Launch Support Buffer. Detailed scope is provided in a separate retainer agreement.</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. First charge occurs on day 31 of the 30-day Post-Launch Support Buffer if you accepted the retainer at the day-25 transition call.</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 });