syntax.data

About

SYNTAX.DATA is an ultra-modern, tech-brutalist SaaS template and client management portal designed specifically for AI Data Annotation, RLHF fine-tuning, and ML data pipeline companies (analogous to Scale AI, Labelbox, or V7 Labs).Built with Next.js 14 (App Router), TypeScript, and Tailwind CSS, this codebase is 100% responsive, fully typed, and ready to plug into any backend/API.### 1. Public Landing Page (`/`)- **Sticky Glass-Brutalist Navbar**: Monospace branding, system telemetry indicator, and instant portal routing.- **Hero Section**: High-impact typography, dual CTAs, and an interactive simulated terminal with live multi-tab vector streaming (Multimodal, RLHF, Synthetic).- **Asymmetric Bento Grid (4 Modules)**:- Real-time Batch Processing (with simulated progress bar and queue latency chips).- Multi-Lingual NLP & NER Tokenizer tag UI.- Computer Vision / 3D LiDAR Bounding Box mockup with scanlines and confidence scores.- Enterprise API access code block with sub-millisecond status chips.- **Dynamic Pricing Matrix**: Interactive Monthly vs. Annual billing toggle (with auto 20% discount calculation) and highlighted "Scale-up" tier.- **Multi-Column Technical Footer**: Newsletter signup form with feedback states, live cluster health status, and governance links.#### 2. Client Dashboard & QA Portal (`/dashboard`)- **Fixed Analytical Sidebar**: Overview, Active Batches (with live counter chips), QA Review, and Invoices tabs.- **KPI Summary Telemetry**: Active Annotations, Consensus Accuracy, Tensors Ingested, and Latency stats.- **Filterable & Responsive Project Status Table**: Real-time search, status tabs (ALL, IN PROGRESS, COMPLETED, PENDING), and throughput bars with horizontal scroll support for mobile devices.- **Interactive QA Review Modal**: Detailed shard view with reviewer count, category specs, and mock `.jsonl` export trigger.---### 🛠️ Technical Stack- **Framework**: Next.js 14 (App Router)- **Language**: TypeScript- **Styling**: Tailwind CSS (custom space-gray & neon purple palette)- **Icons**: Lucide React- **Build Status**: 100% Passing (`npm run build` verified, zero TypeScript/ESLint errors)---### 🎯 Ideal For:- Founders launching an AI/ML data, fine-tuning, or RLHF startup.- Devs building an MVP who want to skip 40+ hours of UI/UX engineering.- Freelance agencies delivering modern AI client portals.### 📦 What You Get Upon Purchase:1. Full GitHub repository with clean source code.2. Complete documentation (`README.md`) for 1-command deployment3. 100% ownership & unrestricted commercial rights.