import React from 'react'; import type { ReactElement } from 'react'; import Head from 'next/head'; import Link from 'next/link'; import * as icon from '@mdi/js'; import BaseIcon from '../components/BaseIcon'; import LayoutGuest from '../layouts/Guest'; import { getPageTitle } from '../config'; export default function LandingPage() { return (
{getPageTitle('Ultra-Premium Trading Journal')} {/* Navigation */} {/* Hero Section */}
New: AI-Powered Trade Insights

Master Your Edge with
Precision Analytics.

The ultra-premium trading journal designed for high-performance traders. Track performance, analyze psychology, and unlock AI insights to reach your goals.

Start Free Journaling Explore Features
{/* Dashboard Preview */}
dashboard.tradelogpro.ai
{[ { label: 'Total PnL', value: '+$12,450.00', color: 'text-green-400', icon: icon.mdiCurrencyUsd }, { label: 'Win Rate', value: '68.5%', color: 'text-[#0ea5e9]', icon: icon.mdiChartPie }, { label: 'Profit Factor', value: '2.4', color: 'text-purple-400', icon: icon.mdiTrendingUp } ].map((stat, i) => (
{stat.label}
{stat.value}
))}
{[40, 60, 45, 70, 85, 65, 90, 110, 95, 130, 150].map((h, i) => (
))}
{/* Pricing Section */}

Choose Your Plan

Scale your trading with tools built for your success level.

{/* Free Tier */}

Free

$0/mo

Perfect for beginners tracking their first steps in the market.

    {['Manual trade entry', 'Basic dashboard', 'Win Rate, PnL, Total Trades', 'Last 30 days history', 'Single account'].map((feat, i) => (
  • {feat}
  • ))}
Get Started
{/* $1 Tier */}
Most Popular

Pro

$1/mo

Comprehensive analytics for serious individual traders.

    {['CSV bulk import', 'Full dashboard metrics', 'Equity curve visualization', 'Performance breakdowns', 'Trade duration analytics', 'Screenshot attachments', 'Mood/emotions tracker', 'Economic calendar'].map((feat, i) => (
  • {feat}
  • ))}
Go Pro Now
{/* $10 Tier */}

AI Elite

$10/mo

The ultimate edge with AI pattern recognition and insights.

    {['Everything in Pro', 'AI-powered trade analysis', 'AI pattern recognition', 'Weakness identification', 'Risk size recommendations', 'Market condition classifier', 'Broker API auto-sync'].map((feat, i) => (
  • {feat}
  • ))}
Unlock Elite AI
{/* Footer */}
); } LandingPage.getLayout = function getLayout(page: ReactElement) { return {page}; };