Skip to content

Off-Grid Energy Site

Version: 1.1.0
Date: 2026-01-22
Site URL: www.omnivoltaic.com/off-grid
Dev Port: 3102
Extends: shared/all-sites.md

Site Purpose

Off-grid energy solution site showcasing solar home systems, solar lanterns, and productive use DC appliance solutions for off-grid communities.

Status

In Progress — Phase 1.5 (Products + Articles)

Header

default

Navigation Menu: - Products - Articles

Footer

default

Root Page

Redirect to /products/

Products Page

Route: /products

Purpose: Multi-collection product grid showcasing all off-grid product families.

Hero Section

  • Eyebrow: Off-Grid Energy
  • Heading: Power That Pays Off
  • Description: Solar home systems and DC appliance packs built for uptime, affordability, and daily productivity.
  • Background Image: https://res.cloudinary.com/oves/image/upload/t_article12_5/v1769161506/promo/Off-Grid_Web_230123_1_kxmnst.png

Product Collections (BFF Source)

Collection Name collectionKey Products
Lumn-Home Series — Solar Multi-Light Systems lumn-home™-series-solar-multi-light-systems 20
Lumn Series — Solar Lanterns lumn™-series-solar-lanterns 18
ovCamp Series — Productive Use DC Appliance Packs camp™-series-solar-home-systems-dc-appliance-packs 14

Layout

  • Same dark-theme product grid as omnivoltaic.md
  • Products grouped by collection with collection name as section heading
  • Collapsible sections: Each collection wrapped in native <details>/<summary> element
  • First collection open by default
  • Remaining collections collapsed
  • Chevron indicator rotates on expand/collapse
  • Each card: product image (mainMedia), product name, collection badge, "View Details" link

Data Source: BFF getProductCollections query (static export phase)

Product Detail Page

Route: /products/[slug]

Same layout as omnivoltaic.md Product Detail Page: - Two-column: Image gallery (left) + Product info (right) - Section 1: "Product Properties" (BoP table, always visible) - Hairline divider - Section 2: "Items Included" (expandable BoM list with thumbnails) - CTA: Download Datasheet, Request Quote

Data Source: BFF getProductCollections with rich fields (mainMedia, bom, bop)

Articles Page

Route: /articles

Hero Section

  • Eyebrow: Run Better.
  • Heading: Off-Grid That Delivers
  • Description: Practical insights on system performance, customer economics, and service operations.
  • Background Image: https://res.cloudinary.com/oves/image/upload/t_article12_5/v1764900309/promo/e5e3ffb6-874c-4667-9a03-449f3d64f2cb_cdhglh.jpg

Article Collection: Off-Grid Articles (local/hardcoded)

Articles: - Solar Home Systems: Lighting Up Rural Africa - Solar Lanterns: Portable Light for Every Home - Productive Use: Solar Power for Small Businesses

Same dark-theme article grid as omnivoltaic.md.

Article Detail Page

Route: /articles/[slug]

Same layout as omnivoltaic.md Article Detail Page.

Content Evolution

Phase 1.5: Products + Articles (Current)

  • [x] Products grid page (/products) — 3 BFF collections
  • [x] Product detail page (/products/[slug]) — BoP/BoM hierarchy
  • [x] Articles page (/articles) — local content
  • [x] Navigation: Products, Articles
  • [x] Dark theme with brand colors
  • [x] Static export (output: 'export')

Phase 2: Enhanced Content

  • [ ] Hero landing page at root
  • [ ] Impact stories section
  • [ ] Customer testimonials
  • [ ] BFF article integration

Site-Specific Notes

Configuration

  • Site config: src/config/site.ts — collection keys, navigation, site name
  • Replication: Change only site.ts + article content to create new solution site

Branding

  • Same OVES brand colors as omnivoltaic (#00FFFF cyan, #002552 navy)
  • Same Montserrat/Lato typography
  • Same theme-overrides.css

Change Log

v1.1.0 - 2026-01-21

  • Added collapsible product collection sections (native <details>/<summary>)
  • First collection open by default, others collapsed
  • Chevron rotation animation on expand/collapse

v1.0.0 - 2026-01-22

  • Full specification for Phase 1.5
  • Defined 3 BFF product collections
  • Defined local article collection
  • Navigation: Products, Articles (2 items)
  • Same visual treatment as omnivoltaic.md

v0.1.0 - 2026-01-22

  • Initial placeholder

This document is the design intent "source code" for the off-grid site. Update this document to plan content changes, then implement in actual site code.