/* ============================================================ PRAVI — ABOUT PAGE Broadsheet-rooted but customized: no eyebrow labels, no masthead chrome, no em-dashes. Headlines lead; a two-tone bar is the section signature. ============================================================ */ const { useState, useEffect, useRef } = React; const P = window.PRAVI; const ChevronMark = window.PraviChevronMark; const HomeNav = window.PraviHomeNav; const HomeFooter = window.PraviHomeFooter; const CtaBand = window.PraviCtaBand; const PageHero = window.PraviPageHero; const Polaroid = window.PraviPolaroid; const useReveal = window.praviUseReveal; const useScrollFX = window.praviUseScrollFX; const useHashScroll = window.praviUseHashScroll; const Head = window.PraviHead; const ProgressBar = window.PraviProgressBar; const Blob = window.PraviBlob; /* Custom section signature — a graphic accent, never eyebrow text. */ function Mark({ style = {} }) { return ( ); } /* =================================================================== ABOUT PRAVI =================================================================== */ function AboutPravi() { return (
About
Pravi.

We don't just architect strategy. We architect transformations.

Pravi exists to bridge vision with execution. We partner with businesses, governments, and global institutions to design bold strategies, drive systemic change, and deliver measurable impact across India.

The world is evolving at an unprecedented pace, demanding agility, innovation, and precision. Pravi was built to move organizations from strategy to reality, not just to the edge of a slide deck.

Our expertise spans strategy consulting, governance advisory, digital transformation, and data-led decision-making. That breadth is what lets our partners be not just future-ready, but future-defining.

In our journey, we've worked alongside government departments, foundations and a growing roster of enterprises. The thread that ties it together is simple. We follow through on what we promise.

e.target.style.display = 'none'} />
); } /* =================================================================== WHAT WE DO — three links into the Pravi family of pages =================================================================== */ function ThreeStudios() { const items = [ { no: "01", title: "Pravi Consulting", tagline: "Strategy meets execution.", body: "Governance advisory, digital transformation, and data-led decision-making, organised into four practices and delivered across business, government, and the development sector.", href: "pravi-consulting.html#top", }, { no: "02", title: "Pravi Labs", tagline: "Build for Billion, Build for Bharat.", body: "Our innovation and capability hub, where we design, build, and test solutions for complex, high-impact challenges at population scale.", href: "pravi-labs.html#top", }, { no: "03", title: "Pravi Studios", tagline: "Ideas become narratives.", body: "Stories, campaigns, experiences, and communication systems that move people, shape perceptions, and create impact at scale.", href: "pravi-studios.html#top", }, ]; return (
What we do.

Three studios, one team. Each one a different way we turn vision into reality.

{items.map((it, i) => ( { e.currentTarget.style.background = 'var(--pravi-blue)'; e.currentTarget.style.color = 'var(--paper)'; }} onMouseLeave={e => { e.currentTarget.style.background = i % 2 ? 'var(--paper-deep)' : 'var(--paper)'; e.currentTarget.style.color = 'inherit'; }}>
{it.no}

{it.title}

{it.tagline}

{it.body}

Explore
))}
); } /* =================================================================== VISION & MISSION — two facing panels (titles say what they are) =================================================================== */ function VisionMission() { const panels = [ { rom: "01", wm: "var(--pravi-orange-pale)", kicker: "Our vision", lead: "To be the driving force.", body: "Behind transformative solutions that redefine industries, empower organizations, and shape a future where strategy meets execution with precision and impact.", foot: "What we're aiming at.", divider: true }, { rom: "02", wm: "var(--pravi-blue-pale)", kicker: "Our mission", lead: "To bridge vision with reality.", body: "We leverage strategy, technology, and data-driven insight to drive innovation, enhance efficiency, and deliver measurable growth. Through bold thinking and relentless execution, we enable organizations not just to adapt to change, but to lead it.", foot: "How we get there.", divider: false }, ]; return (
What we believe.
{panels.map((p, i) => (
{/*
{p.rom}
*/}
{p.kicker}

{p.lead}

{p.body}

{/*
{p.foot}
*/}
))}
); } /* =================================================================== BRAND PRAVI — name meaning + logo symbolism diagram Image sits on solid paper so the section grid never shows over it; multiply blend drops the artwork's white into the cream background. =================================================================== */ function BrandPravi() { return (
The name, decoded.

Where the word comes from, and the meaning carried by every mark in the logo.

{/* No reveal/opacity/z-index wrapper here — any of those make a new stacking context that isolates mix-blend-mode and leaves a white box. Plain flex wrapper lets multiply blend the artwork straight onto the section's paper background, dissolving the white field. */}
{/* No backdrop here — a solid box would draw a visible rectangle over the grid. Transparent wrapper lets multiply blend the artwork's white field straight onto the page (paper + grid), so the image edges dissolve into the background with no visible border. */}
Pravi — a Sanskrit word meaning to drive on, set in motion; the blue stands for trust, the orange arrow for momentum, the orange dot for energy, and the bold font for a bold vision.
); } /* =================================================================== TEAM PRAVI — member cards (portrait, name, designation, school) =================================================================== */ function TeamPravi() { return (
{/* */} {/*
Team Pravi.

Exceptional talent from the leading national and international institutes with proven work experience across reputed organisations and fellowships.

{P.team.map((m, i) => { const initials = m.name.split(' ').map(s => s[0]).join('').replace(/\./g, ''); const col = i % 4, row = Math.floor(i / 4); return (
{initials}

{m.name}

{m.role}
{m.school}
); })}
…and a few more we're hiring right now. See open roles ›

Pravi Alumns.

Where Pravi has been a launchpad. Friends of the firm now carrying the craft forward across the world.

{[ { name: "R. Sharma", role: "Ex-Consultant", now: "Now at McKinsey & Co." }, { name: "A. Verma", role: "Ex-Research Lead", now: "Now at UNDP" }, { name: "S. Nair", role: "Ex-Analyst", now: "Now at World Bank" }, { name: "K. Iyer", role: "Ex-Associate", now: "Now at Gates Foundation" }, ].map((m, i, arr) => { const initials = m.name.split(' ').map(s => s[0]).join('').replace(/\./g, ''); return (
{initials}

{m.name}

{m.role}
{m.now}
); })}
*/}
); } function LifeAtPravi() { const shots = [ { src: P.galleryImgs[0], cap: "", stamp: "" }, { src: 'assets/LifeAtPravi_1.webp', cap: "", stamp: "" }, { src: 'assets/LifeAtPravi_3.webp', cap: "", stamp: "" }, { src: 'assets/LifeAtPravi_2.webp', cap: "", stamp: "" }, { src: P.galleryImgs[2], cap: "", stamp: "" }, { src: "assets/Who_We_Are.webp", cap: "", stamp: "" }, { src: "assets/LAP.webp", cap: "", stamp: "" }, ]; const placements = [ { gridColumn: '1 / 3', gridRow: '1 / 2' }, { gridColumn: '3 / 4', gridRow: '1 / 3' }, { gridColumn: '4 / 5', gridRow: '1 / 3' }, { gridColumn: '1 / 3', gridRow: '2 / 3' }, { gridColumn: '1 / 2', gridRow: '3 / 4' }, { gridColumn: '2 / 3', gridRow: '3 / 4' }, { gridColumn: '3 / 5', gridRow: '3 / 4' }, ]; return (
Life at Pravi.
{shots.map((p, i) => (
{p.cap} e.target.style.display = 'none'} />
{p.cap} {p.stamp}
))}
); } /* =================================================================== IDEAS AT PRAVI + #FOLLOWPRAVI — resources-page design =================================================================== */ function LoadMore({ onClick, label }) { return (
); } function SectionHead({ title, accent }) { return (
{title} {accent}
); } function IdeasAtPravi() { const [n, setN] = useState(3); const shown = P.blogs.slice(0, n); return (
{shown.map((b, i) => ( { e.currentTarget.style.transform = 'translateY(-4px)'; e.currentTarget.style.boxShadow = '0 18px 36px -18px rgba(11,20,48,.28)'; }} onMouseLeave={e => { e.currentTarget.style.transform = ''; e.currentTarget.style.boxShadow = ''; }}>
e.target.style.display = 'none'} />
{b.tag} · {b.read}

{b.title}

{b.desc}

{/* {b.date} */} Read
))}
{P.blogs.length > 3 && ( n < P.blogs.length ? setN(P.blogs.length)} /> : setN(3)} /> )}
); } const LINKEDIN_EMBEDS = [ { embedUrl: 'https://www.linkedin.com/embed/feed/update/urn:li:activity:7458153193127108609?collapsed=1' }, { embedUrl: 'https://www.linkedin.com/embed/feed/update/urn:li:activity:7469746039751696384?collapsed=1' }, { embedUrl: 'https://www.linkedin.com/embed/feed/update/urn:li:activity:7454801646989066240?collapsed=1' }, { embedUrl: 'https://www.linkedin.com/embed/feed/update/urn:li:activity:7334579366330306560?collapsed=1' }, { embedUrl: 'https://www.linkedin.com/embed/feed/update/urn:li:activity:7335587985469427713?collapsed=1' }, { embedUrl: 'https://www.linkedin.com/embed/feed/update/urn:li:activity:7333309541809274881?collapsed=1' }, ]; function FollowPravi() { const [showAll, setShowAll] = useState(false); return (
{LINKEDIN_EMBEDS.map((post, i) => (
= 3) ? 'none' : 'block', ['--d']: ((i % 3) * 90) + 'ms' }}>