Skip to content

E-Mobility Site

Version: 1.0.0
Date: 2026-01-22
Site URL: www.omnivoltaic.com/mobility
Dev Port: 3101
Extends: shared/all-sites.md

Site Purpose

E-Mobility solution site showcasing electric mobility solutions for urban transport, commercial fleets, and battery swap infrastructure.

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 e-mobility product families.

Hero Section

  • Eyebrow: E-Mobility
  • Heading: Built for the Road
  • Description: Electric motorcycles, scooters, and charging systems designed to cut operating costs and keep fleets moving.
  • Background Image: https://res.cloudinary.com/oves/image/upload/t_article12_5/v1760327090/promo/Riders_fts3z5.png

Product Collections (BFF Source)

Collection Name collectionKey Products
ovEgo™ Series — Electric Two-Wheelers (Motorcycles & Scooters) ovego™-series-electric-two-wheelers-motorcycles-scooters 6
ovEgo™ Series — Commercial Transport & Battery Swap Solutions electric-transport-charging 7

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

Breadcrumb Navigation: Home > Products > [Product Name]

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

Articles Page

Route: /articles

Hero Section

  • Eyebrow: Operate Smarter.
  • Heading: Mobility That Works
  • Description: Field insights on uptime, battery economics, and charging operations.
  • Background Image: https://res.cloudinary.com/oves/image/upload/t_article12_5/v1770696787/promo/CIES-215100_PET3_S6_E-Mob-CHGRack_260112_2_kprqb0.png

Article Collection: e-Mobility Articles (emobility)

Articles: - Omnivoltaic eMobility Solutions - ovEgo™ - Omnivoltaic's E-Mobility: Paving the Way for Sustainable Urban Transportation - Electric Drive Train - Heart and Soul of E-Mobility - Path to EV Adoption - the Small is the Giant

Same dark-theme article grid as omnivoltaic.md.

Article Detail Page

Route: /articles/[slug]

Same layout as omnivoltaic.md Article Detail Page.

Breadcrumb Navigation: Home > Articles > [Article Title]

Content Evolution

Phase 1.5: Products + Articles (Current)

  • [x] Products grid page (/products) — 2 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
  • [ ] Customer success stories
  • [ ] Fleet solutions showcase
  • [ ] 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.0.0 - 2026-01-22

  • Full specification for Phase 1.5
  • Defined 2 BFF product collections (ovEgo™ series)
  • Defined local article collection (emobility, 4 articles)
  • Navigation: Products, Articles (2 items)
  • Same visual treatment as omnivoltaic.md
  • Root page redirects to /products/
  • Breadcrumb navigation: Home > Products/Articles > Detail

v0.1.0 - 2026-01-22

  • Initial placeholder

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