traxsgroup.com
The Traxs Group company website is the corporate home for Traxs Group LLC. It covers the company mission, the product portfolio (RoundTrip, Waypoint, Relay), and provides a contact form for general inquiries, partnerships, and press.
Technology
| Item | Detail |
|---|---|
| Framework | React 19 + Vite |
| Styling | CSS Modules |
| Hosting | Cloudflare Pages (traxsgroup project) |
| Domain | traxsgroup.com |
| Repo | Traxs-dev/traxsgroup (Traxs Group ADO project) |
| Pipeline | azure-pipelines.yml — triggers on push to main |
| Agent pool | traxs-self-hosted (laptop agent) |
Pages
| Page | Route | Notes |
|---|---|---|
| Homepage | / | Hero, products grid, about section, contact CTA |
| Products | /products | RoundTrip detail page |
| About | /about | Company story and mission |
| Blog | /blog | News and updates — posts in src/posts/ |
| Contact | /contact | Contact form → Command Center API |
| Privacy | /privacy | Privacy policy |
| Terms | /terms | Terms of service |
| Support | /support | Support information |
Contact Form
The contact form on /contact submits directly to the Command Center API:
Contact form (browser)
→ POST https://api.traxsgroup.com/v1/contact
→ SendGrid confirmation email → submitter
→ SendGrid notification email → hello@traxsgroup.com
No API key is exposed to the browser — the Command Center API handles all email delivery server-side. See Command Center API for full details.
Enquiry Types
| Label | API Type |
|---|---|
| Request a demo | DemoRequest (3) |
| Partnership or integration | GeneralInquiry (0) |
| Press or media | GeneralInquiry (0) |
| General question | GeneralInquiry (0) |
| Something else | GeneralInquiry (0) |
Deployment
Deployments are fully automated — push to main triggers the ADO pipeline which builds and deploys to Cloudflare Pages.
# Standard deployment flow
git add .
git commit -m "feat: description of change"
git push origin main
# Pipeline triggers automatically → deploys to traxsgroup.com
Pipeline variables required:
CLOUDFLARE_API_TOKEN— Pages Edit permissionCLOUDFLARE_ACCOUNT_ID—beaed4428742dbdda605ae3466aed1c1
Key Components
| Component | Location | Purpose |
|---|---|---|
ContactForm | src/components/forms/ContactForm.tsx | Contact form — calls Command Center API |
ContactCTASection | src/components/sections/ContactCTASection.tsx | Homepage CTA → /contact |
RoundTripCTASection | src/components/sections/RoundTripCTASection.tsx | RoundTrip page CTA → roundtrips.app/register |
ProductsGridSection | src/components/sections/ProductsGridSection.tsx | Product cards — RoundTrip links to roundtrips.app |
ProductCard | src/components/ui/cards/ProductCard.tsx | Supports optional href prop for clickable cards |
site.config.ts | src/config/site.config.ts | Contact emails, site-wide constants |
Updating Content
Adding a blog post
- Create a new file in
src/posts/following the existing post format - Add the post to the blog index in
BlogPage.tsx - Commit and push — auto-deploys
Updating product status
Edit ProductsGridSection.tsx — update the status prop on the relevant ProductCard.
Updating contact email addresses
Edit src/config/site.config.ts — the CONTACT_EMAILS object is the single source of truth for all email addresses displayed on the site.
Related
- Command Center API — handles all contact form submissions
- ADR-007: Platform API — why forms call the Command Center API rather than a third-party service