Trenox is a premium, production-ready template for trading platforms, crypto exchanges, brokerages, investment apps, and any fintech or SaaS product that has to look trustworthy on first sight. Built on Next.js 16, React 19, and TypeScript, it ships with 30 pre-built page templates, an MDX-powered blog and integrations directory, plan pages with a working cart and checkout, and a fully editable content layer — no CMS or backend required.

Traders judge a platform in seconds, and that judgement starts on your marketing site. Every piece of content lives in JSON or MDX files, so you can launch a real client site in hours without touching the component code.

Tech Stack

• Next.js 16 — App Router, server components, static-first rendering
• React 19 — latest concurrent features
• TypeScript — strict mode, fully typed
• MDX — for blog articles and integration pages via next-mdx-remote
• Hand-crafted CSS — one plain stylesheet driven by CSS custom properties, no utility framework and no build-time CSS pipeline to learn
• Self-hosted fonts — Inter Tight and Great Vibes shipped as local woff2 files, with no third-party font requests at runtime
• Zero backend lock-in — no CMS, no font CDN, no commerce backend dependency

Included Pages and Templates

• Three homepages — V1 with an animated hero, success-rate counters, brand row, service and feature grids, testimonial slider, pricing, comparison table and FAQ; V2 and V3 each with their own hero, integrations strip and footer treatment
• Three about layouts — company story with a scroll-linked client rail, mission and founder message with a cursor-following glow card, team grids, timeline, events
• Three feature layouts — platform tour, comparison, deep-trade panels, an accordion-driven feature explorer, and a scroll-scrubbed card sequence
• Pricing — Monthly and Yearly plans with a full comparison grid, plus 3 plan detail pages with variant pills, quantity, feature lists and add to cart
• Blog — category-filtered listing plus 6 MDX articles with detail template, author byline, in-article gallery and a recent-posts strip
• Integrations — searchable app directory plus 9 MDX integration pages with related apps
• Contact, Careers, FAQ and Download — enquiry form, open roles, accordion FAQ, and app download page
• Login, Register and Coming Soon — split-screen auth pages with a testimonial panel
• Checkout, PayPal Checkout, and Order Confirmation — cart-aware flow (no real payment wired; UI demo)
• Utility — style guide, changelog, license, 401 password protected, and 404

Everything prerenders to static HTML — 47 routes, all faithful to the original design.

Easy Content Editing

All editable content lives in the project's src/content folder — you never have to touch component code to launch the site. Update these files in any text editor:

• blog MDX files — articles: frontmatter for title, category chip, hero and thumbnail crops, author and portrait, date, reading time, in-article gallery, standfirst, and the related-post list; Markdown for the body
• integrations MDX files — directory apps: frontmatter for name, tagline, logo, summary, and the related-app list; Markdown for the detail copy
• products.json — plans: handle, name, summary, icon, price, the Monthly and Yearly variants, and the feature list

Adding a file adds a page: drop in src/content/blog/my-post.mdx and /blog/my-post exists, with the index and every recent-posts strip picking it up automatically.

Colours, spacing, and the type scale are CSS custom properties in one :root block — change a value there and it updates the whole template.

Performance and SEO

• Server-rendered pages out of the box (App Router) — every route prerenders to static HTML
• Self-hosted fonts and images — no third-party CDN requests at runtime
• Lazy-loaded imagery throughout, with above-the-fold artwork loaded eagerly
• Open Graph and Twitter card metadata on every page
• Semantic HTML structure and a route-aware active navigation state
• Every animation respects the reduced motion setting
• Clean, crawlable URLs

Deployment

One-click deploy to Vercel — build settings are auto-detected. Also runs on Netlify, AWS Amplify, Cloudflare Pages, or any Node 20+ host.

What You Get

• Full Next.js 16 and TypeScript source code
• 30 pre-built page templates
• Sample content (6 blog posts, 9 integrations, 3 plans)
• Self-contained HTML documentation
• Comprehensive README with setup and editing guide
• Friendly buyer support

Requirements

• Node.js 20 or higher
• Basic familiarity with the command line
• A text editor (VS Code recommended)