Initial commit - Ingenium Software Engineering brand site

React + Vite + TypeScript single-page site with dark/light/auto theming, Formspree contact form, Ghost blog integration, and design token system.

Made-with: Cursor

Author: Antaris

.env.example

@@ -0,0 +1,9 @@
+# Formspree form ID for the contact form
+# Get yours at https://formspree.io
+VITE_FORMSPREE_ID=your_form_id_here
+
+# Ghost Content API key for fetching latest blog posts
+# Find it in Ghost Admin > Settings > Integrations
+VITE_GHOST_KEY=your_ghost_content_api_key_here
+VITE_GHOST_PUBLIC_URL=https://blog.ingeniumsoftware.dev
+VITE_GHOST_API_URL=https://your-ghost-instance.ghost.io

.gitignore

@@ -0,0 +1,48 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+build/
+
+# Environment variables
+.env
+.env.local
+.env.*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# Logs
+logs/
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Runtime data
+pids/
+*.pid
+*.seed
+*.pid.lock
+
+# Coverage
+coverage/
+
+# TypeScript build info
+*.tsbuildinfo
+
+# Vite
+*.local

README.md

@@ -0,0 +1,52 @@
+# Ingenium Software Engineering — Company Website
+
+A React + Vite company website for Ingenium Software Engineering, built with the design system defined in `design.json`. Features a hexagonal design language, light/dark themes, and responsive layout.
+
+## Quick start
+
+```bash
+npm install
+npm run dev
+```
+
+## Formspree setup
+
+The contact form uses [Formspree](https://formspree.io). To enable it:
+
+1. Create a form at [formspree.io](https://formspree.io)
+2. Copy your form ID
+3. In `src/components/sections/Contact.tsx`, replace `YOUR_FORMSPREE_ID` with your form ID
+
+## Build
+
+```bash
+npm run build
+npm run preview
+```
+
+## Project structure
+
+- `design.json` — Design system source of truth (tokens, components, themes)
+- `src/styles/` — CSS tokens, global styles, animations
+- `src/components/` — Layout, UI primitives, section components
+- `src/data/` — Content for services, clients, tech stack
+- `src/seo/` — Meta tags, structured data
+
+## Brand assets
+
+Place logo images in `public/images/`:
+
+- `logo-standard.png` — Hexagonal ISE logo mark
+- `logo-wordmark.png` — Full wordmark (optional)
+
+The Hero section uses an inline SVG fallback if no image is present.
+
+## Client logos and brand colours
+
+In `src/data/clients.ts`, each client can have:
+
+- `logo` — Path to logo image (e.g. `/images/clients/spaseekers.png`)
+- `accentColor` — Primary brand colour (hex, e.g. `#2D9D8B`)
+- `accentColorSecondary` — Optional secondary colour for gradient
+
+Place client logos in `public/images/clients/` and reference them in the data. Brand colours tint each hex cell and the client name for a unique identity.