// Viyu Partners — App shell + all page content (per build brief). // Hash routing, navy editorial pages, copper accent, mono eyebrows. const CWR = [ { stage: "Crawl", body: "Audit your data sources, get them clean, standardized, and centralized so the foundation can support real decisions." }, { stage: "Walk", body: "Build the reporting and operational visibility that proves the data is trustworthy and the workflows around it are stable." }, { stage: "Run", body: "Deploy automation, agents, and machine learning on top of a foundation that can actually support them." }, ]; // Full per-service copy (brief Section 07). `deliver` OR `special` (AI). const SERVICE_DETAILS = { "workflow-automation": { line: "Service 01", title: "Workflow Automation", sub: "We rebuild the workflows that hold your business together so they run themselves.", whatItIs: "Workflow automation is the practice of taking the repeatable processes inside your business, the ones humans do today by hand, and rebuilding them so the system does them by default. Done well, it removes friction. Done badly, it adds new friction on top of the old.", deliver: "A documented process audit, a redesigned workflow architecture, integrations across the tools you already own, and a measurable reduction in operating friction, surfaced in time saved, errors eliminated, and revenue protected.", }, "ai-agent-build": { line: "Service 02", title: "AI and Agent Build", sub: "Production AI agents built on a data foundation that can actually support them.", whatItIs: "AI and Agent Build is the practice of deploying autonomous systems inside your operating model. Not chatbots. Not demos. Agents that actually do work, on data that is actually ready for them.", special: { heading: "Where AI projects actually start", body: "Most AI projects fail because the data underneath them is not ready. Before we build agents or deploy models, we run applied research on your data sources and your workflows. We never start at run.", cards: CWR, }, }, "crm-implementation": { line: "Service 03", title: "CRM Implementation", sub: "CRM systems built around how your team actually sells, not how the vendor demos it.", whatItIs: "A CRM is only as useful as the operating model it reflects. Most CRMs fail because they get configured to match the vendor's demo, not the firm's selling motion. We configure them around the deal cycle, the qualification framework, and the reporting that actually matters.", deliver: "Platform selection, pipeline architecture, qualification fields and stages, reporting dashboards, integrations, and a rollout plan that gets the team to use it.", }, "cybersecurity-api": { line: "Service 04", title: "Cybersecurity and API", sub: "Resilient infrastructure and clean integrations that scale without breaking.", whatItIs: "Two practices that sit next to each other, cybersecurity for the protection layer and API development for the integration layer. Both decide whether the rest of the operating system holds up under load and threat.", deliver: "Security audits, compliance posture work, API design and build, third party integrations, and the documentation to keep all of it maintainable.", }, "managed-services-provider": { line: "Service 05", title: "Managed Services Provider", sub: "An outsourced IT function that runs the systems we built, every day.", whatItIs: "Managed Services is the ongoing operation of the systems that run your business. Endpoint management, identity, backup, monitoring, helpdesk. The function most SMBs cannot afford to staff internally.", deliver: "A defined service catalog, response and resolution SLAs, monthly reporting, and a single point of accountability across your stack.", }, "development-partner": { line: "Service 06", title: "Development Partner", sub: "Embedded engineering and product talent that ships against your roadmap on a defined sprint cadence.", whatItIs: "A flexible engineering and product capability you can pull in when your internal team needs more throughput, or when you do not have an internal team yet. Embedded talent, sprint cadence, your roadmap.", deliver: "Senior engineers, product designers, and project leadership, embedded into your team, working against your backlog with the same discipline as your full time staff.", }, "value-management-partnership": { line: "Service 07", title: "Value Management Partnership", sub: "An ongoing executive partnership that keeps Revenue, Cost, and Risk improving every quarter.", whatItIs: "The Value Management Partnership is the Drive phase, productized. A standing executive engagement where we stay close to the operating model after the build is done, and keep it improving against the metrics that matter.", deliver: "Quarterly business reviews, ongoing optimization work, an active backlog of revenue, cost, and risk initiatives, and a relationship that compounds over years instead of ending at handoff.", }, }; const SERVICE_ORDER = ["workflow-automation", "ai-agent-build", "crm-implementation", "cybersecurity-api", "managed-services-provider", "development-partner", "value-management-partnership"]; const MW = "var(--container-max)"; const arrow = (sz = 15) => ; const mono = (s) => ({ fontFamily: "var(--font-mono)", letterSpacing: "0.16em", textTransform: "uppercase", ...s }); function PageHero({ eyebrow, title, sub, center = true }) { return (
(e.currentTarget.style.color = "#fff")} onMouseLeave={(e) => (e.currentTarget.style.color = "var(--gray-400)")}> Back to Home {eyebrow && {eyebrow}}

{title}

{sub &&

{sub}

}
); } // ---- Service detail ------------------------------------------------------- function ServiceDetailPage({ serviceKey, navigate }) { const { Button } = window.ViyuPartnersDesignSystem_8838e3; const active = serviceKey && SERVICE_DETAILS[serviceKey] ? serviceKey : SERVICE_ORDER[0]; const svc = SERVICE_DETAILS[active]; return (
{/* switcher */}
All services
{SERVICE_ORDER.map((k, i) => ( ))}
{/* What it is */}
What it is

{svc.whatItIs}

{/* What we deliver OR special (AI) */} {svc.deliver && (
What we deliver

{svc.deliver}

)} {svc.special && (
{svc.special.heading}

{svc.special.body}

{svc.special.cards.map((c) => (
{c.stage}

{c.body}

))}
)} {/* How we engage */}
How we engage

Every engagement runs through the Viyu approach. We diagnose before we design, design before we deploy, and stay in to drive the result.

{window.PHASES.map((p) => ( {p.n} {p.title} ))}
{/* CTA */}

Start with a Diagnose conversation.

); } // ---- Services overview ---------------------------------------------------- function ServicesOverviewPage({ navigate }) { const { Button } = window.ViyuPartnersDesignSystem_8838e3; return (
{window.SERVICES.map((s) => )}

Not sure which service fits.

); } // ---- About ---------------------------------------------------------------- const LEADERS = [ { name: "Amit Rai", role: "Founder and CEO", focus: "Strategy, growth, and client value." }, { name: "Sameet Rai", role: "Partner", focus: "Cybersecurity, compliance, and delivery oversight." }, { name: "Anthony McCormick", role: "Partner", focus: "Solution architecture and technical standard." }, ]; function Monogram({ name }) { const initials = name.split(" ").map((w) => w[0]).join("").slice(0, 2); return (
{initials}
); } function AboutPage({ navigate }) { const { Button } = window.ViyuPartnersDesignSystem_8838e3; const sec = { maxWidth: MW, margin: "0 auto", padding: "0 24px" }; const eyebrow = (t) =>
{t}
; return (
{/* Founder bio */}
{eyebrow("The founder")}

Amit Rai

Founder and CEO

Viyu Partners was founded by Amit Rai. Amit started his career at TEKsystems, first as a recruiter and then as an outside sales account manager, before moving into enterprise advisory and SaaS at Gartner, LinkedIn, Dataminr, and monday.com.

The firm is built on a simple premise: the best business operators are also the best business buyers. People who have sat on both sides of the table know exactly where projects break and where partnerships compound. That's why Viyu is built on relationships that get the job done.

{/* How we operate: four phase methodology (per July 2026 handoff, Option A) */}
{eyebrow("How we operate")}
{[ { phase: "Diagnose", body: "We start inside the work, not the org chart. We map how revenue moves, where cost hides, and where risk sits unmanaged, so every recommendation is grounded in what your operation actually does." }, { phase: "Design", body: "We architect the fix before we build it. Workflows, systems, integrations, and controls are designed as one system, engineered around your team instead of forcing your team around a tool." }, { phase: "Deploy", body: "We build and implement the work ourselves. No handoff to a vendor bench, no binder of recommendations left on your desk. The people who designed it are the people who ship it." }, { phase: "Drive", body: "This is the phase most firms skip. We stay in the operation, running, measuring, and improving what we built, so the results compound instead of decaying after go-live." }, ].map((p) => (

{p.phase}

{p.body}

))}
{/* Advise, build, operate (addendum copy, verbatim) */}
{eyebrow("One firm, one partnership")}

We advise, build, and operate, all under one roof.

We're a business process management firm, and what makes us different is that we're the only firm our clients will meet that advises, builds, and operates, all under one roof, and we're genuinely better at each piece because of where we come from.

When we advise, you're not getting a junior analyst with a template. Our team spent years inside enterprise SaaS, consulting, and researching, advising, and selling into some of the most sophisticated operations in the world. We bring that enterprise discipline down to businesses that could never justify a Big Four invoice. So when we diagnose your business, we're asking the same questions a Fortune 500 gets asked, about your revenue, your costs, and your risk, and we put real numbers on the answers before we ever propose a thing.

When we build, we don't hand the care of your business to just anyone. Every engagement gets senior specialists, people who've built APIs, security programs, and automation for enterprise environments, assembled specifically for your problem. You get the exact team your business needs.

And when we operate, that's where we're truly alone. Almost every firm in our space is paid to finish, so they build, they hand off, and they disappear. We stay. We run what we build, we watch the numbers with you, and we keep tuning until the result shows up in your business, not just in a report.

Why do we work this way? Because we came from the relationship side of this industry, not the transaction side. We've watched businesses get sold software they didn't need and strategies nobody stayed to execute. We built Viyu to be the opposite of that: one firm, one partnership, accountable for the outcome. Our clients aren't projects to us. The whole model only works if they win, and that's exactly how we want it.

{/* Applied research deep */}
{eyebrow("Applied research")}

How we think before we build.

Every engagement starts with applied research. Applied research is the practice we run before we touch a workflow, a system, or an AI model. We start by mapping where your data actually lives, how clean it is, and what it can support today. That work runs across every service we offer and every industry we serve, because the underlying question is always the same, what is the business actually ready for.

The crawl walk run model for AI.

Most clients ask for AI before they have the data foundation to use it. We walk every AI conversation through three stages. Skipping crawl is the most common reason AI projects fail.

{CWR.map((c, i) => (
{"0" + (i + 1)}
{c.stage}

{c.body}

))}
{/* Why different + proof, relocated from the homepage (addendum S11) */} {/* Leadership */}
{eyebrow("Leadership")}
{LEADERS.map((l) => (

{l.name}

{l.role}

{l.focus}

))}
{/* Closing */}

Pathway from strategy to execution.

); } // ---- Industries ----------------------------------------------------------- function IndustriesPage({ navigate }) { const { Button } = window.ViyuPartnersDesignSystem_8838e3; return (
{window.SECTORS.map((s, i) => (
{"0" + (i + 1)}

{s.title}

{s.body}

))}

Don't see your sector.

); } // ---- Insights ------------------------------------------------------------- const INSIGHT_CARDS = [ "Inside Diagnose, Design, Deploy, Drive.", "How to audit your tech stack in 90 days.", "The case for one firm across every sector.", ]; function InsightsPage() { const { Button, Input } = window.ViyuPartnersDesignSystem_8838e3; const [sent, setSent] = React.useState(false); return (
{/* Email capture */}
{ e.preventDefault(); setSent(true); }} style={{ display: "flex", gap: "12px", flexWrap: "wrap", maxWidth: "520px" }}>
{/* Placeholder cards */}
{INSIGHT_CARDS.map((t) => (
Coming soon

{t}

))}
); } // ---- Contact -------------------------------------------------------------- // Submissions go to the lead-intake Lambda, which creates an item on the Monday // board. The Monday token lives in that function, never in the browser. // Source: github.com/arsrattan/viyu-lead-intake const LEAD_INTAKE_ENDPOINT = "https://viyu-lead-intake.anmol-rattan.workers.dev"; // Success confirmation: modal shown once the Worker accepts the submission. function SentDialog({ onClose }) { const { Button } = window.ViyuPartnersDesignSystem_8838e3; const panelRef = React.useRef(null); React.useEffect(() => { if (panelRef.current) panelRef.current.focus(); const onKey = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [onClose]); return (
e.stopPropagation()} className="viyu-fade-up" style={{ background: "var(--navy-850)", border: "1px solid var(--border-subtle)", borderRadius: "var(--radius-lg)", padding: "clamp(32px,4.5vw,48px)", maxWidth: "440px", width: "100%", textAlign: "center", outline: "none", boxShadow: "var(--shadow-xl)" }}>

Message sent.

We respond within one business day.

); } const EMPTY_FORM = { name: "", email: "", company: "", title: "", phone: "", link: "", message: "", hp_extra: "" }; // Dial codes for the phone field. A bare 10-digit US number submitted without // +1 was parsed by Monday as +60 (Malaysia), so the country is now explicit. const PHONE_COUNTRIES = [ ["US", "+1"], ["CA", "+1"], ["MX", "+52"], ["GB", "+44"], ["IE", "+353"], ["DE", "+49"], ["FR", "+33"], ["ES", "+34"], ["IT", "+39"], ["NL", "+31"], ["AU", "+61"], ["NZ", "+64"], ["IN", "+91"], ["SG", "+65"], ["JP", "+81"], ["BR", "+55"], ["AE", "+971"], ["ZA", "+27"], ]; // Spinner shows at least this long, so a fast response still reads as "it did something". const MIN_SENDING_MS = 2000; function ContactForm({ source = "website" }) { const { Button, Input } = window.ViyuPartnersDesignSystem_8838e3; const [fields, setFields] = React.useState(EMPTY_FORM); const [phoneCountry, setPhoneCountry] = React.useState("US"); // idle | sending | error const [status, setStatus] = React.useState("idle"); const [error, setError] = React.useState(""); const [sentOpen, setSentOpen] = React.useState(false); const set = (key) => (e) => setFields((prev) => ({ ...prev, [key]: e.target.value })); const submit = async (e) => { e.preventDefault(); if (status === "sending") return; setStatus("sending"); setError(""); const started = Date.now(); // Hold the spinner to MIN_SENDING_MS even when the network is faster. const settle = () => new Promise((r) => setTimeout(r, Math.max(0, MIN_SENDING_MS - (Date.now() - started)))); // Make the dial code explicit unless the visitor already typed one. const dial = (PHONE_COUNTRIES.find(([iso]) => iso === phoneCountry) || ["US", "+1"])[1]; const rawPhone = fields.phone.trim(); const phone = rawPhone ? (rawPhone.startsWith("+") ? rawPhone : `${dial} ${rawPhone}`) : ""; try { const res = await fetch(LEAD_INTAKE_ENDPOINT, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ ...fields, phone, phone_country: phoneCountry, source }), }); const body = await res.json().catch(() => ({})); if (!res.ok || !body.ok) throw new Error(body.error || "That did not go through. Please try again."); await settle(); setFields(EMPTY_FORM); setStatus("idle"); setSentOpen(true); } catch (err) { await settle(); // A network failure lands here too, where err.message is unhelpful. setError(err instanceof TypeError ? "We could not reach the server. Please email hello@viyupartners.com." : err.message); setStatus("error"); } }; const sending = status === "sending"; const spinner = ( ); return (
{/* Honeypot: hidden from people, tempting to bots that POST every field they find. Anything here is discarded server side. The name is deliberately meaningless — it was "website", which Chrome autofill and password managers fill for real humans (silently losing their lead). readOnly keeps autofill away entirely. */}
{status === "error" ? error : ""}
{sentOpen && setSentOpen(false)} />} ); } function ContactInfo() { const row = (icon, text, href) => ( {text} ); return (
Direct
{row("Phone", "+1 (609) 977-0011", "tel:+16099770011")} {row("Mail", "hello@viyupartners.com", "mailto:hello@viyupartners.com")} {row("MapPin", "Jersey City, NJ", null)} {row("Linkedin", "LinkedIn", "#")}
); } function ContactPage({ navigate }) { const { Button } = window.ViyuPartnersDesignSystem_8838e3; return (

Prefer to skip the form.

); } // ---- Book ----------------------------------------------------------------- // Full booking section: final section of the homepage (addendum S9) and the body of the Book page. function BookSection() { return (
Let's Connect

Book an appointment.

Most engagements begin with a Diagnose phase. A focused, scoped audit that tells you exactly where revenue, cost, and risk are sitting in your business today. We respond within one business day.

); } function BookPage({ navigate }) { return (
); } // ---- App ------------------------------------------------------------------ function routeFromHash() { var h = (window.location.hash || "").replace(/^#/, ""); if (!h) return { page: "home", arg: null }; if (h.indexOf("service-") === 0) return { page: "service", arg: h.slice(8) }; return { page: h, arg: null }; } function hashForRoute(page, arg) { return page === "service" ? "service-" + arg : page; } const PAGE_TITLES = { home: "Viyu Partners | Business Process Management and Managed Services, Jersey City NJ", about: "About Viyu Partners | Built by an Operator", services: "Services | Viyu Partners", industries: "Industries Served | Viyu Partners", insights: "Insights | Viyu Partners", book: "Let's Connect, Book an Appointment | Viyu Partners", contact: "Contact | Viyu Partners", }; function App() { const [route, setRoute] = React.useState(routeFromHash()); const scrollRef = React.useRef(null); // Hash-driven routing: navigate() pushes a real history entry, so the // browser back/forward buttons work normally (addendum S10.3). React.useEffect(() => { const onHash = () => { setRoute(routeFromHash()); if (scrollRef.current) scrollRef.current.scrollTo({ top: 0 }); }; window.addEventListener("hashchange", onHash); return () => window.removeEventListener("hashchange", onHash); }, []); React.useEffect(() => { document.title = PAGE_TITLES[route.page] || (route.page === "service" && SERVICE_DETAILS[route.arg] ? SERVICE_DETAILS[route.arg].title + " | Viyu Partners" : PAGE_TITLES.home); }, [route]); const navigate = (page, arg = null) => { const h = hashForRoute(page, arg); if ((window.location.hash || "#").replace(/^#/, "") === h) { if (scrollRef.current) scrollRef.current.scrollTo({ top: 0 }); } else { window.location.hash = h; } }; window.viyuGo = navigate; let content; if (route.page === "home") content = ; else if (route.page === "service") content = ; else if (route.page === "services") content = ; else if (route.page === "about") content = ; else if (route.page === "industries") content = ; else if (route.page === "insights") content = ; else if (route.page === "book") content = ; else content = ; return (
{content}
); } Object.assign(window, { App, ServiceDetailPage, ServicesOverviewPage, AboutPage, IndustriesPage, InsightsPage, BookPage, BookSection, PageHero, SERVICE_DETAILS, SERVICE_ORDER });