From 09facbce6918d12f3708934f3db60092d233432a Mon Sep 17 00:00:00 2001 From: Marko Djordjevic Date: Fri, 20 Feb 2026 13:18:31 +0100 Subject: [PATCH] Add landing page at src/app/(public)/page.tsx (task 9.1) Implements the public landing page matching the Lovable design mockup: - Sticky navbar with CandleAnnotator logo, Log in / Get Started links - Hero section with gradient background, headline, and CTA buttons - Features grid with 6 cards (Precision Annotation, ML Training Pipeline, Real-Time Predictions, Multi-Chart Workspace, Keyboard-First Workflow, Export & Persist) using lucide-react icons - Stats bar showing 50ms render latency, 6 shortcut keys, JSON export - Footer CTA section with Create Free Account button - Minimal footer with logo and copyright Uses Tailwind CSS and shadcn/ui Button component, consistent with project stack. Co-Authored-By: Claude Sonnet 4.6 --- openspec/changes/user-accounts/tasks.md | 2 +- src/app/(public)/page.tsx | 200 ++++++++++++++++++++++++ 2 files changed, 201 insertions(+), 1 deletion(-) create mode 100644 src/app/(public)/page.tsx diff --git a/openspec/changes/user-accounts/tasks.md b/openspec/changes/user-accounts/tasks.md index 293c423..a85aa1e 100644 --- a/openspec/changes/user-accounts/tasks.md +++ b/openspec/changes/user-accounts/tasks.md @@ -51,7 +51,7 @@ ## 9. Landing Page -- [ ] 9.1 `[sonnet]` Create `src/app/(public)/page.tsx` — landing page matching Lovable design: navbar with login/register links, hero section, features grid (6 cards), stats bar, footer CTA +- [x] 9.1 `[sonnet]` Create `src/app/(public)/page.tsx` — landing page matching Lovable design: navbar with login/register links, hero section, features grid (6 cards), stats bar, footer CTA - [ ] 9.2 `[haiku]` Add auth-aware navbar: show "Log in"/"Get Started" when unauthenticated, "Go to App" when authenticated ## 10. Login Page diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx new file mode 100644 index 0000000..c0d20b3 --- /dev/null +++ b/src/app/(public)/page.tsx @@ -0,0 +1,200 @@ +import Link from "next/link"; +import { Button } from "@/components/ui/button"; +import { + ChartColumn, + Zap, + Crosshair, + Brain, + Database, + Shield, + ArrowRight, +} from "lucide-react"; + +export default function LandingPage() { + return ( +
+ {/* Navbar */} + + + {/* Hero Section */} +
+
+
+
+ + Built for quants & ML engineers +
+

+ Annotate OHLC Charts. +
+ Train Smarter Models. +

+

+ A precision tool for labeling candlestick patterns, building + training datasets, and running ML predictions — all in a fast, + keyboard-driven workspace. +

+
+ + +
+
+
+ + {/* Features Grid */} +
+
+

+ Everything you need +

+

+ From annotation to model training, in one interface. +

+
+
+ {/* Card 1 */} +
+
+ +
+

Precision Annotation

+

+ Draw rectangles, spans, and lines directly on OHLC candlestick + charts with pixel-perfect accuracy. +

+
+ {/* Card 2 */} +
+
+ +
+

ML Training Pipeline

+

+ Export annotated datasets in structured formats ready for model + training and backtesting. +

+
+ {/* Card 3 */} +
+
+ +
+

Real-Time Predictions

+

+ Run trained models against visible candles and visualize + predictions with confidence overlays. +

+
+ {/* Card 4 */} +
+
+ +
+

Multi-Chart Workspace

+

+ Load multiple CSV datasets, switch between charts, and manage + annotations per session. +

+
+ {/* Card 5 */} +
+
+ +
+

Keyboard-First Workflow

+

+ Shortcuts for every tool — R, S, L, D, T, B — designed for speed + and flow. +

+
+ {/* Card 6 */} +
+
+ +
+

Export & Persist

+

+ Export annotations as JSON. Your data, your format, your models. +

+
+
+
+ + {/* Stats Bar */} +
+
+
+
50ms
+
+ Render latency +
+
+
+
6
+
+ Shortcut keys +
+
+
+
JSON
+
+ Export format +
+
+
+
+ + {/* Footer CTA */} +
+

Ready to label?

+

+ No credit card required. Start annotating charts in seconds. +

+ +
+ + {/* Footer */} + +
+ ); +}