Files
henry 4206b93614
Copilot Setup Steps / copilot-setup-steps (push) Failing after 17s
Add Playwright configuration and initial tests for landing page
- Created playwright.config.ts for test configuration
- Added .last-run.json to store test run status
- Implemented landing.test.ts with tests for navbar visibility and navigation
- Removed unused server proxy configuration from vite.config.ts
2026-05-12 22:10:51 +02:00

82 lines
3.0 KiB
TypeScript

import logoDark from "./logo-dark.svg";
import logoLight from "./logo-light.svg";
export function Welcome() {
return (
<main className="flex items-center justify-center pt-16 pb-4">
<div className="flex-1 flex flex-col items-center gap-16 min-h-0">
<header className="flex flex-col items-center gap-9">
<div className="w-[500px] max-w-[100vw] p-4">
<img
src={logoLight}
alt="AI Trader"
className="block w-full dark:hidden"
/>
<img
src={logoDark}
alt="AI Trader"
className="hidden w-full dark:block"
/>
</div>
</header>
<div className="max-w-[400px] w-full space-y-6 px-4">
<nav className="rounded-3xl border border-gray-200 p-6 dark:border-gray-700 space-y-4">
<p className="leading-6 text-gray-700 dark:text-gray-200 text-center">
AI Trader Features
</p>
<ul>
<li key="stocks">
<a
href="/stocks"
className="group flex items-center gap-3 self-stretch p-3 leading-normal text-blue-700 hover:underline dark:text-blue-500"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
className="stroke-gray-600 group-hover:stroke-current dark:stroke-gray-300"
>
<path
d="M4 5a1 1 0 011-1h10a1 1 0 010 2H5a1 1 0 01-1-1zM4 10a1 1 0 011-1h10a1 1 0 010 2H5a1 1 0 01-1-1zM4 15a1 1 0 011-1h10a1 1 0 010 2H5a1 1 0 01-1-1z"
/>
</svg>
Stock Indicators
</a>
</li>
<li key="home">
<a
href="/"
className="group flex items-center gap-3 self-stretch p-3 leading-normal text-blue-700 hover:underline dark:text-blue-500"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
className="stroke-gray-600 group-hover:stroke-current dark:stroke-gray-300"
>
<path
d="M5 12l5 5 5-5"
/>
</svg>
Home Dashboard
</a>
</li>
</ul>
</nav>
<div className="text-sm text-gray-500 dark:text-gray-400 text-center">
<p>
<strong>Stock Indicators:</strong> Get SMA, EMA, RSI, MACD for any stock symbol
</p>
<p>
<strong>Account Info:</strong> View your Alpaca account balance and positions
</p>
</div>
</div>
</div>
</main>
);
}