diff --git a/src/css/custom.css b/src/css/custom.css index 6f147ec..3d932e2 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -509,6 +509,154 @@ html[data-theme='dark'] .card:hover { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); } +/* Equal-height cards per section */ +.company-section .col--4 { + display: flex; + flex-direction: column; +} + +.company-section .card { + height: 100%; +} + +/* Product card header — distinct inner box */ +.card--product .card__header { + background: linear-gradient(135deg, var(--ifm-color-primary) 0%, var(--ifm-color-primary-darkest) 100%); + color: white; + padding: 1.25rem 1.5rem; + border-radius: 11px 11px 0 0; + box-shadow: 0 2px 8px rgba(255, 107, 53, 0.25); +} + +.card--product .card__header h3, +.card--product .card__header .card__subtitle { + color: white; + margin: 0; +} + +.card--product .card__header h3 { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.35rem; +} + +.card--product .card__header .card__subtitle { + font-size: 0.875rem; + opacity: 0.88; +} + +/* Product card inner sections */ +.product-section { + padding: 0.85rem 0; + border-top: 1px solid rgba(255, 107, 53, 0.12); +} + +.product-section:first-child { + border-top: none; + padding-top: 0; +} + +.product-section__title { + font-size: 0.7rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.07em; + color: var(--ifm-color-primary); + margin: 0 0 0.5rem 0; +} + +.product-section p:last-child { + margin-bottom: 0; +} + +/* Tech detail tags */ +.tech-tags { + display: flex; + flex-wrap: wrap; + gap: 0.35rem; +} + +.tech-tag { + display: inline-block; + padding: 0.18rem 0.55rem; + background: rgba(255, 107, 53, 0.07); + border: 1px solid rgba(255, 107, 53, 0.2); + border-radius: 4px; + font-size: 0.75rem; + font-family: var(--ifm-font-family-monospace); + color: var(--ifm-color-emphasis-800); +} + +html[data-theme='dark'] .tech-tag { + background: rgba(255, 107, 53, 0.1); + border-color: rgba(255, 107, 53, 0.3); + color: var(--ifm-color-emphasis-700); +} + +/* Product cards — equal height with bottom-aligned actions */ +.products-section .col--6 { + display: flex; + flex-direction: column; +} + +.card--product { + display: flex; + flex-direction: column; + height: 100%; +} + +.card--product .card__body { + display: flex; + flex-direction: column; + flex: 1; +} + +.card--product .product-actions { + margin-top: auto; + padding-top: 1.5rem; + display: flex; + gap: 0.75rem; + flex-wrap: wrap; + align-items: center; +} + +/* Icon-only GitHub button */ +.button--github { + display: inline-flex; + align-items: center; + justify-content: center; + width: 2.75rem; + height: 2.75rem; + padding: 0; + background: transparent; + border: 2px solid #ff6b35; + border-radius: 8px; + color: #ff6b35; + box-shadow: none; + transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s; + flex-shrink: 0; +} + +.button--github:hover { + background: rgba(255, 107, 53, 0.1); + border-color: #ff7d4d; + color: #ff7d4d; + transform: translateY(-2px); + box-shadow: none; + text-decoration: none; +} + +html[data-theme='dark'] .button--github { + color: #ff6b35; + border-color: #ff6b35; +} + +html[data-theme='dark'] .button--github:hover { + background: rgba(255, 107, 53, 0.15); + color: #ff7d4d; + border-color: #ff7d4d; +} + /* GitHub icon in navbar */ .navbar__github { display: flex; diff --git a/src/pages/index.js b/src/pages/index.js index 664b4cf..1fe76af 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import React, {useEffect} from 'react'; import clsx from 'clsx'; import Layout from '@theme/Layout'; import Link from '@docusaurus/Link'; @@ -6,9 +6,25 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import styles from './index.module.css'; import Logo from '../../static/img/Logo.svg'; +function GitHubIcon() { + return ( + + ); +} + function HomepageHeader() { const {siteConfig} = useDocusaurusContext(); - + useEffect(() => { const observerOptions = { threshold: 0.1, @@ -42,8 +58,8 @@ function HomepageHeader() { Supercharge Your Charging Infrastructure

- ChargePi delivers cutting-edge software solutions for modern EV charging stations and management systems. - From robust charging station software to intelligent backend systems, we strive to power the future of electric mobility. + Cutting-edge charging solutions. From enterprise charging station software to intelligent + backend systems, we strive to power the future of electric mobility.

@@ -57,14 +73,15 @@ function HomepageHeader() { function CompanySection() { return ( -
+
-

Why Choose ChargePi?

+

Why us?

- We combine innovative software design with powerful solutions to create - the most reliable and scalable charging infrastructure platform. + Three words: innovation, reliability, excellence. Our software solutions are designed to + meet the evolving needs of the EV charging industry, providing you with the tools to build + and manage state-of-the-art charging infrastructure with confidence and ease.

@@ -72,12 +89,13 @@ function CompanySection() {
-

⚡ Charging Excellence

+

🔧 Innovation

- Our modular charge point framework supports both off-the-shelf and commercial components, and is - designed for reliability and easy maintenance. + We build with modern tools and design our solutions with future needs in mind. Our + software platform provides OCPP compliance, real-time monitoring, and + powerful APIs.

@@ -85,12 +103,13 @@ function CompanySection() {
-

🔧 Software Innovation

+

🌐 Transparency

- Built with Go and modern web technologies, our software platform provides - OCPP compliance, real-time monitoring, and powerful APIs. + We develop transparently - our software is fully open-source with permissive + licences - you can customize, extend, and deploy according to your specific + requirements and use cases.

@@ -98,12 +117,12 @@ function CompanySection() {
-

🌐 Open Source

+

⚡ Charging Excellence

- Fully open-source platform that you can customize, extend, and deploy - according to your specific requirements and use cases. + Our modular charge point framework supports both off-the-shelf and commercial + components, and is designed for reliability and easy maintenance.

@@ -116,14 +135,14 @@ function CompanySection() { function ProductsSection() { return ( -
+

Our Products

- Explore our comprehensive suite of charging infrastructure solutions designed for - reliability, scalability, and ease of deployment. + Explore our suite of solutions designed for reliability, scalability, and ease of + deployment.

@@ -135,24 +154,35 @@ function ProductsSection() {

Customize your charging point in minutes with our open-source framework

-

- A charging point framework with multiple OCPP versions supported out of the box. - Modular hardware design and setup, RFID/NFC readers, displays, and LED indicators. -

-
    -
  • ⚡ Multiple OCPP versions
    • -
  • 🔧 Hardware agnostic
    • -
  • 📱 RFID/NFC reader support
    • -
  • 📺 LCD display integration
    • -
  • 💡 LED indicators
    • -
  • 📊 Power meter integration
    • -
+
+

A modular charge point framework with OCPP support out of the box, designed for Linux devices including Raspberry Pi. Pairs hardware components with a clean software abstraction layer.

+
+
+

Key Features

+
    +
  • OCPP 1.6 with core, reservations & local auth
    • +
  • Hardware-agnostic connector model
    • +
  • RFID/NFC reader support (PN532)
    • +
  • LCD display & LED indicator integration
    • +
  • Power meter support (CS5460A)
    • +
  • REST & gRPC API for custom integrations
    • +
+
+
+

Technical Details

+
+ Go + Svelte + OCPP 1.6 + gRPC + Docker + Linux + MIT +
+
- - Explore ChargePi - + View docs +
@@ -161,25 +191,112 @@ function ProductsSection() {

⚙️ ChargeFlow CLI

-

Debug with ease and make your charge point or management system compliant with OCPP

+

Debug and verify OCPP compliance for charge points and management systems

-

- A powerful command-line interface for debugging and compatibility verification for your charge point or management system. -

-
    -
  • 🖥️ Command line interface
    • -
  • 🔧 Supports multiple OCPP versions
    • -
  • 📊 Compliance report and statistics
    • -
  • 📝 Import and validate from a file
    • -
  • 🔄 Import your own OCPP schemas
    • -
+
+

A command-line tool for validating raw OCPP JSON messages against official schemas, generating compliance reports, and integrating with remote schema registries.

+
+
+

Key Features

+
    +
  • Validates OCPP 1.6, 2.0.1 and 2.1 messages
    • +
  • Auto-detects request vs. response type
    • +
  • Batch validation from newline-delimited files
    • +
  • Human-readable compliance reports
    • +
  • Custom & vendor-specific schema support
    • +
  • Remote schema registry integration
    • +
+
+
+

Technical Details

+
+ Go + OCPP 1.6 + OCPP 2.0.1 + OCPP 2.1 + Docker + Cross-platform + MIT +
+
+
+ View docs + +
+
+
+
+
+
+
+
+
+

🤖 OpenEV Data MCP

+

Query EV specifications through AI assistants via Model Context Protocol

+
+
+
+

An MCP server that exposes the open-ev-data dataset to AI assistants, enabling language models to query electric vehicle specifications through a standardized protocol.

+
+
+

Key Features

+
    +
  • Vehicle & manufacturer data endpoints
    • +
  • Battery capacity & range specifications
    • +
  • AC/DC charging capability details
    • +
  • In-memory TTL caching (5 min default)
    • +
  • Health check endpoint on port 9090
    • +
+
+
+

Technical Details

+
+ Go + MCP + PostgreSQL + HTTP + Docker + MIT +
+
+
+ +
+
+
+
+
+
+
+

📋 ChargeFlow Registry Coming Soon

+

OCPP schema compatibility registry for charge points and CSMS backends

+
+
+
+

Check OCPP schema compatibility with any charge point vendor, model, or CSMS backend from a single unified registry — no more manual cross-referencing.

+
+
+

Key Features

+
    +
  • Vendor & model compatibility lookup
    • +
  • OCPP schema validation
    • +
  • CSMS backend compatibility checks
    • +
  • Docker support
    • +
+
+
+

Technical Details

+
+ Go + OCPP + Protobuf + Docker + MIT +
+
- - Explore ChargeFlow CLI - +