syntax.data - Sell Project

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 deployment 3. 100% ownership & unrestricted commercial rights.