MGT®
Loading page contentA photonics company, rendered in 3D.
Premium corporate website for InflexTech — a photonics company building high-performance optical interconnects for AI data centers and HPC workloads. Dark-mode-first design with interactive 3D product visualizations, performance charts, an ROI calculator, a 6-post blog, and full production infrastructure including email, analytics, error tracking, and rate-limited API endpoints.
0
Components built
Custom UI, 3D scenes, and shared modules
0
Routes deployed
Pages, API endpoints, sitemap, and feeds
3D
Interactive elements
Photonic chip, laser module, network viz
1
Developer
Designed, built, and shipped solo
The Challenge
InflexTech operates in silicon photonics — a space dominated by competitors like Lightmatter, Ayar Labs, and Celestial AI. Their existing web presence didn't communicate the sophistication of their technology or differentiate them visually from the standard enterprise blue-and-white template every competitor uses.
The brief was to build a website that feels as advanced as the product itself. Not a template. Not a brochure. A cinematic, interactive experience that lets engineers and investors explore the technology in 3D, understand the performance data through real visualizations, and contact the team through a production-grade form — all while projecting premium credibility from the first frame.
The constraint was differentiation. Every photonics company looks the same. InflexTech needed a signature identity — cyan-to-purple gradients, near-black surfaces, amber data accents — that would be instantly recognizable in the space.
The Solution
Interactive Three.js scenes built with React Three Fiber — a photonic chiplet you can rotate, a laser module with animated beam paths, and a network topology visualization. GPU memory properly managed with dispose-on-unmount patterns to prevent leaks.
Chart.js-powered comparison tables and performance charts showing optical vs. electrical benchmarks. An interactive ROI calculator lets prospects model cost savings for their own data center configurations.
Six technical blog posts with full Article JSON-LD structured data, category filtering, read-time estimates, and featured post highlighting. All content managed through a centralized constants file for easy client updates.
Contact form with Resend email delivery, Zod server-side validation, honeypot spam protection, and Upstash Redis rate limiting. Newsletter signup with audience management. GDPR-compliant cookie consent with GA4 opt-in. Sentry across all runtimes.
CSP with per-request cryptographic nonces (replacing unsafe-inline), HSTS with 2-year max-age and preload, X-Frame-Options DENY, strict referrer policy, and permissions policy disabling camera/mic/geo APIs.
Near-black cinematic surfaces (#030712), cyan-to-purple gradient branding unique in the photonics space, amber metric accents, fluid clamp() typography, premium cubic-bezier easing, and particle background effects with reduced-motion support.
Tech Stack
The Result
InflexTech launched on Vercel with 39 custom components across 17 routes — a production website that looks nothing like any other photonics company in the space. The 3D visualizations give their product pages a tangible, interactive quality that static renders cannot match.
The full production infrastructure — email delivery, error tracking, rate limiting, cookie consent, security headers — means the client received a site that is genuinely production-hardened, not a prototype with loose ends. CSP nonces, HSTS preload, and Upstash rate limiting are the kind of details that separate a professional delivery from a template.
A complete client handoff package was delivered: full README documentation, a HANDOFF.md deployment guide, environment variable templates, and a content editing guide pointing to the single constants file where all site copy lives. The client can update every piece of text on the site without touching a component file.
FlexTech needed to look different from every competitor in their space. If your product deserves more than a template, let's talk.