// var-pillars.jsx — Approach section A/B/C. // Solutions nested under each pillar. "Solutions" appears active in nav context. // Conserve: Energy Audit, LED Lighting // Power: Commercial Solar, Battery Storage, Operations & Maintenance // Transform: EV Charging const PILLARS = [ { num: '01', title: 'Conserve', icon: 'gauge', summary: 'We begin by understanding how the facility consumes energy through utility analysis, audits, and operational review. From there, we identify practical efficiency opportunities that reduce demand, improve operating performance, and establish the right baseline for future generation and storage systems.', services: [ // Ghost-page redirects per GI Link Audit (Fix 1+2): System Optimization → energy-audits. { name: 'Energy Audit', href: '/solutions/energy-audits/' }, { name: 'LED Lighting', href: '/solutions/led-lighting/' }, { name: 'System Optimization', href: '/solutions/energy-audits/' }], outcome: 'Lower consumption, reduced demand charges, and a stronger operational baseline.' }, { num: '02', title: 'Power', icon: 'sun', summary: ' We design and support integrated solar, battery storage, and energy management systems around facility operations — improving long-term economics, operational resilience, and overall system performance.', services: [ // Ghost-page redirect per GI Link Audit (Fix 2): Operations & Maintenance → solar-maintenance. { name: 'Commercial Solar', href: '/solutions/commercial-solar/' }, { name: 'Battery Storage', href: '/solutions/battery-storage/' }, { name: 'Operations & Maintenance', href: '/solutions/solar-maintenance/' }], outcome: 'On-site generation and storage sized to real facility performance.' }, { num: '03', title: 'Transform', icon: 'zap', summary: 'We help facilities prepare for the next phase of commercial energy infrastructure through EV charging, monitoring platforms, controls, and microgrid integration — creating smarter, more resilient buildings over time.', services: [ // Ghost-page redirects per GI Link Audit (Fix 2): Energy Monitoring → energy-audits, Microgrids → battery-storage. { name: 'EV Charging', href: '/solutions/ev-charging/' }, { name: 'Energy Monitoring & Control', href: '/solutions/energy-audits/' }, { name: 'Microgrids', href: '/solutions/battery-storage/' }], outcome: 'Infrastructure in place to support electrification, resilience, and long-term energy strategy.' }]; // ------------------------------------------------------------ // Shared: a section-level "Solutions active" chip — reinforces // the connection between the nav dropdown and the section content. // ------------------------------------------------------------ const SolutionsActiveChip = ({ onDark = false }) =>
Solutions · Active section
; // ============================================================ // Version A — STRONGER CARD-BASED // Elevated cards with clear numbered headers, integrated service list, // visible boundary between summary and solutions. // ============================================================ const PillarsVersionA = () =>
{PILLARS.map((p) =>
{/* Header stripe — colored index + icon */}
{p.num} Pillar
{/* Body */}

{p.title}

{/* Description region — fixed min-height so all service lists start at the same baseline */}

{p.summary}

{/* Services list — nested */}
{/* Footer — outcome statement */}
Outcome

{p.outcome}

)}
; // ============================================================ // Version B — STRUCTURED / REPORT-LIKE // Tabular 3-row layout. Heavy use of mono labels, dividers, column structure. // Services shown as inline tagged list. Feels like a spec sheet. // ============================================================ const PillarsVersionB = () =>
{/* Column header row — like a table */}
§ Pillar Approach Solutions ·
{/* Rows */} {PILLARS.map((p, i) =>
{/* § number */}
02.{i + 1}
{/* Pillar name + icon */}

{p.title}

{/* Approach — prose */}

{p.summary}

{/* Solutions — inline tagged list */}
{p.services.map((s) =>
{s.name} {s.tag || 'Active'}
)}
{/* Learn more anchor */}
Detail →
)}
; // ============================================================ // Version C — HYBRID (premium + engineering) // Cards (visual weight) + structured service index at the bottom (engineering). // Large typographic numbers, but a tabular service summary footer ties it to proof. // ============================================================ const PillarsVersionC = () =>
{/* Cards — more premium, fewer borders */}
{PILLARS.map((p) =>
{/* Accent rail on the left */}
{p.num} · PILLAR

{p.title}

{p.summary}

{/* Services — clean numbered index */}
    {p.services.map((s, idx) =>
  • {String(idx + 1).padStart(2, '0')} {s.name} {s.tag ? {s.tag} : }
    • )}
)}
{/* Footer summary — all six solutions indexed under Solutions */}
Solutions index · 06
{['Energy Audit', 'Commercial Solar', 'Battery Storage', 'EV Charging', 'LED Lighting', 'Solar Maintenance'].map((s) => {s} )}
All solutions →
; Object.assign(window, { PillarsVersionA, PillarsVersionB, PillarsVersionC, SolutionsActiveChip });