/* sections.jsx — all page sections */ const C = window.VT_CONTENT; /* ============ NAV ============ */ function Brand({ size = 18 }) { return ( VOLTAIR TECH ); } function Nav() { return (

Booking · 1 slot this week Start a project

); } /* ============ HERO ============ */ function Hero() { return (

[ 01 ] AI Services Studio · Mumbai en-IN · hi-IN · mr-IN

Build AI
for India.

Apps, automations, chatbots, RAG, full software — engineered with AI by a Mumbai team. Websites ship in 48 hours. Larger products on a fixed timeline.

Start a project See what we build

42+shipped since 2024

28clients · IN / EU / APAC

99.9%uptime · last 90d

10+languages · voice + text

); } /* ============ SERVICES ============ */ function ServiceGlyph({ kind }) { // Refined geometric glyphs — no emoji const stroke = "#E63946"; const sw = 1.5; switch (kind) { case "web": return ( ); case "auto": return ( ); case "chat": return ( ); case "rag": return ( ); case "mobile": return ( ); case "soft": return ( ); default: return null; } } function Services() { return (

< SectionHead kicker="[ 02 ] What we build" title={<>Six services,
one team.} right={websites ship in 48 hrs} />

{C.services.map((s) => (

[ {s.n} ] ↗

{s.title}

{s.eta ?

ETA — {s.eta}

: null}

))}

); } /* ============ TIMELINE ============ */ function Timeline() { return (

Discovery to deployed.
Forty-eight hours flat.} right={marketing websites · fixed timeline} />

{C.timeline.map((t, i) => (

{t.hr}

{t.n}^hr

{t.label}

{t.desc}

))}

); } /* ============ RAG ============ */ function RagShowcase() { const [i, setI] = React.useState(3); const stages = C.rag; const cur = stages[i]; return (

Citation-grade answers,
grounded in your data.} right={click each stage} />

{stages.map((s, idx) => ( {idx < stages.length - 1 ? → : null} ))}

STAGE 0{i + 1} / 0{stages.length} {cur.name}

{cur.desc}

{cur.code}

); } /* ============ BIG INPUT ============ */ function BigInput() { const [val, setVal] = React.useState(""); const [chan, setChan] = React.useState("whatsapp"); return (

[ 05 ] Tell us what you want

We'll build it.

Type one line. We reply within an hour with a 48-hour plan. No forms, no decks, no fluff.

setVal(e.target.value)}
            />
            <div className="bi__row">
              <div className="bi__channels">
                <span className="meta mono-lbl" style={{ marginRight: 6 }}>reply on</span>
                {["whatsapp", "email"].map((c) => (
                  <button key={c} className={"bi__channel " + (chan === c ? "on" : "")} onClick={() => setChan(c)}>
                    {c === "whatsapp" ? "WhatsApp" : "Email"}
                  </button>
                ))}
              </div>
              <button className="btn btn-primary">Ship it <Arr /></button>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

/* ============ MARQUEE ============ */
function Marquee() {
  const items = [...C.stack, ...C.stack];
  return (
    <div className="marquee" aria-hidden="true">
      <div className="marquee__track">
        {items.map((s, i) => (
          <span key={i} className="marquee__item">
            {s}<span className="dot" />
          </span>
        ))}
      </div>
    </div>
  );
}

/* ============ PROCESS ============ */
function Process() {
  return (
    <section className="section">
      <div className="container">
        <SectionHead
          kicker="[ 06 ] Process"
          title={<>Four steps. No buzzwords.</>}
          right={<span className="meta mono-lbl">scope → lock → ship → hand off</span>}
        />
        <div className="proc-grid">
          {C.process.map((p) => (
            <div key={p.n} className="proc-step">
              <div className="proc-step__n">{p.n}</div>
              <div className="proc-step__t">{p.t}.</div>
              <p className="proc-step__d">{p.d}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

/* ============ WHY INDIA / COMPARISON ============ */
function WhyIndia() {
  return (
    <section id="work" className="section">
      <div className="container">
        <SectionHead
          kicker="[ 07 ] Why VOLTAIRTECH / why India"
          title={<>Indian operators,<br/>global standards.</>}
          right={<span className="tag"><span className="pulse" />DPDP Act 2023 · day one</span>}
        />
        <div className="cmp">
          <div className="cmp__row cmp__row--head">
            <div className="cmp__cell">{/* spacer */}</div>
            <div className="cmp__cell us">VOLTAIRTECH</div>
            <div className="cmp__cell">In-house hire</div>
            <div className="cmp__cell">Upwork freelancer</div>
          </div>
          {C.compare.map((r) => (
            <div key={r.label} className="cmp__row">
              <div className="cmp__cell label">{r.label}</div>
              <div className="cmp__cell us"><span className="ok">{r.us}</span></div>
              <div className="cmp__cell bad">{r.inhouse}</div>
              <div className="cmp__cell bad">{r.upwork}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

/* ============ FAQ ============ */
function Faq() {
  // All items expanded by default; click toggles individual close/open.
  const [closed, setClosed] = React.useState(new Set());
  const toggle = (i) => {
    setClosed((prev) => {
      const next = new Set(prev);
      if (next.has(i)) next.delete(i); else next.add(i);
      return next;
    });
  };
  return (
    <section id="faq" className="section section--ink">
      <div className="container">
        <SectionHead
          kicker="[ 08 ] Frequently asked"
          title={<>Answers, not<br/>brochures.</>}
          right={<span className="meta mono-lbl">FAQPage schema · AEO-ready</span>}
        />
        <div className="faq">
          {C.faq.map((f, i) => {
            const open = !closed.has(i);
            return (
              <div
                key={i}
                className="faq__item"
                aria-expanded={open}
                onClick={() => toggle(i)}
              >
                <div className="faq__q">
                  <div className="faq__q-text">{f.q}</div>
                  <div className="faq__q-mark">+</div>
                </div>
                <p className="faq__a">{f.a}</p>
              </div>
            );
          })}
        </div>
      </div>
    </section>
  );
}

/* ============ FOOTER CTA ============ */
function FooterCta() {
  return (
    <section id="footer" className="foot">
      <div className="foot__mesh" />
      <div className="container">
        <div className="foot__grid">
          <div>
            <Kicker>[ 09 ] Start</Kicker>
            <h2 className="foot__h" style={{ marginTop: 16 }}>
              Pick a channel.<br/>We reply <em>in under an hour.</em>
            </h2>
            <div style={{ display: "flex", alignItems: "center", gap: 16, marginTop: 28 }}>
              <VMark size={44} bg="#1A1A1A" />
              <div>
                <Brand size={22} />
                <div className="mono-lbl" style={{ marginTop: 4 }}>AI services · Mumbai</div>
              </div>
            </div>
            <p className="foot__sub">
              Mon–Sat, 10:00 to 20:00 IST. WhatsApp is fastest. Email if you want a paper trail. Call if you're in a hurry.
            </p>
            <div className="foot__chans">
              <a className="foot__chan" href={"https://wa.me/917021000764"}>
                <div className="l">
                  <div className="foot__icon">
                    <svg viewBox="0 0 32 32" width="20" height="20" fill="#25D366"><path d="M16 0C7.2 0 0 7.2 0 16c0 2.8.7 5.6 2.1 8L0 32l8-2.1c2.4 1.4 5.2 2.1 8 2.1 8.8 0 16-7.2 16-16S24.8 0 16 0zm0 29.5c-2.5 0-4.9-.6-7.1-1.9l-.5-.3-4.7 1.3 1.3-4.7-.3-.5C3.4 21.5 2.5 18.8 2.5 16 2.5 8.5 8.5 2.5 16 2.5S29.5 8.5 29.5 16 23.5 29.5 16 29.5z"/></svg>
                  </div>
                  <div><b>WhatsApp</b><br/><span>fastest · usually < 5 min</span></div>
                </div>
                <div className="r">+91 70210 00764 →</div>
              </a>
              <a className="foot__chan" href={"mailto:business@voltairtech.com"}>
                <div className="l">
                  <div className="foot__icon">
                    <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="#F5F5F0" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7 L12 13 L21 7"/></svg>
                  </div>
                  <div><b>Email</b><br/><span>paper trail · < 1 hr reply</span></div>
                </div>
                <div className="r">business@voltairtech.com →</div>
              </a>
              <a className="foot__chan" href={"tel:+917021000764"}>
                <div className="l">
                  <div className="foot__icon">
                    <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="#F5F5F0" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                  </div>
                  <div><b>Phone</b><br/><span>direct line · founder picks up</span></div>
                </div>
                <div className="r">+91 70210 00764 →</div>
              </a>
            </div>
            <div className="foot__addr">
              <b>Andheri West, Mumbai</b>
              <span>Maharashtra · 400053 · India</span>
              <span>Mon–Sat · 10:00 – 20:00 IST</span>
            </div>
          </div>
          <div className="foot__map">
            <div className="foot__map-art">
              <div className="foot__pin">
                <div className="ring" />
                <div className="dot" />
              </div>
              <div className="foot__pin-label">VOLTAIRTECH HQ · ANDHERI W</div>
            </div>
            <div style={{ marginTop: 18, display: "flex", justifyContent: "space-between" }}>
              <span className="mono-lbl">19.13°N · 72.83°E</span>
              <span className="mono-lbl">open map →</span>
            </div>
          </div>
        </div>
        <div className="foot__legal">
          <span>© 2026 VOLTAIRTECH · Andheri West, Mumbai · voltairtech.com</span>
          <span style={{ display: "flex", gap: 18 }}>
            <a href="#">privacy</a>
            <a href="#">terms</a>
            <a href="#">dpdp</a>
            <a href="#">sitemap</a>
          </span>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Nav, Hero, Services, Timeline, RagShowcase, BigInput, Marquee, Process, WhyIndia, Faq, FooterCta });

Build AIfor India.

{s.title}

We'll build it.

Build AI
for India.