ray-finance 0.2.0

package/site/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "ray-finance-site",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "geist": "^1.7.0",
+    "next": "^15.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.0.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.7.0"
+  }
+}

package/site/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/site/public/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://rayfinance.app/sitemap.xml

package/site/public/sitemap.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://rayfinance.app</loc>
+    <lastmod>2026-03-28</lastmod>
+    <priority>1.0</priority>
+  </url>
+</urlset>

package/site/src/app/copy-command.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { useState } from "react";
+
+export function CopyCommand({
+  command,
+  className = "",
+}: {
+  command: string;
+  className?: string;
+}) {
+  const [copied, setCopied] = useState(false);
+
+  return (
+    <button
+      type="button"
+      onClick={() => {
+        navigator.clipboard.writeText(command);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+      }}
+      className={`group relative cursor-pointer ${className}`}
+      title="Click to copy"
+    >
+      <span className="text-stone-400 font-mono">$</span>{" "}
+      <span className="font-mono">{command}</span>
+      {copied && <span className="ml-2 text-xs text-stone-400">✓ copied</span>}
+    </button>
+  );
+}

package/site/src/app/globals.css

@@ -0,0 +1,87 @@
+@import "tailwindcss";
+
+@theme {
+  --font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --font-mono: var(--font-geist-mono), ui-monospace, monospace;
+  --font-pixel: var(--font-geist-pixel-square), monospace;
+
+  --color-stone-50: #fafaf9;
+  --color-stone-100: #f5f5f4;
+  --color-stone-200: #e7e5e4;
+  --color-stone-300: #d6d3d1;
+  --color-stone-400: #a8a29e;
+  --color-stone-500: #78716c;
+  --color-stone-600: #57534e;
+  --color-stone-700: #44403c;
+  --color-stone-800: #292524;
+  --color-stone-900: #1c1917;
+  --color-stone-950: #0c0a09;
+
+  --color-lime-400: #87da26;
+  --color-lime-500: #6ab318;
+  --color-lime-600: #548c13;
+
+  --color-red-400: #f87171;
+  --color-amber-300: #fcd34d;
+  --color-amber-400: #fbbf24;
+}
+
+* {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+:focus-visible {
+  outline: 2px solid var(--color-lime-400);
+  outline-offset: 2px;
+}
+
+/* Hero entrance animation */
+@keyframes fade-up {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animate-fade-up {
+  animation: fade-up 0.6s ease-out both;
+}
+
+.animate-fade-up-delay-1 {
+  animation: fade-up 0.6s ease-out 0.15s both;
+}
+
+.animate-fade-up-delay-2 {
+  animation: fade-up 0.6s ease-out 0.3s both;
+}
+
+/* Scroll-triggered reveal */
+.reveal {
+  opacity: 0;
+  transform: translateY(16px);
+  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
+}
+
+.reveal.visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Respect reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  .animate-fade-up,
+  .animate-fade-up-delay-1,
+  .animate-fade-up-delay-2 {
+    animation: none;
+  }
+  .reveal {
+    opacity: 1;
+    transform: none;
+    transition: none;
+  }
+}

package/site/src/app/layout.tsx

@@ -0,0 +1,64 @@
+import type { Metadata } from "next";
+import { GeistSans } from "geist/font/sans";
+import { GeistMono } from "geist/font/mono";
+import { GeistPixelSquare } from "geist/font/pixel";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  metadataBase: new URL("https://rayfinance.app"),
+  title: "Ray — AI Financial Advisor, Running Locally",
+  description:
+    "An open-source CLI that connects to your bank and gives you AI-powered financial advice — all running locally on your machine.",
+  keywords: [
+    "AI financial advisor",
+    "personal finance CLI",
+    "local-first finance",
+    "AI budgeting tool",
+    "open source finance",
+    "Plaid CLI",
+    "financial planning AI",
+  ],
+  authors: [{ name: "Clark Dinnison" }],
+  alternates: {
+    canonical: "/",
+  },
+  openGraph: {
+    title: "Ray — AI Financial Advisor, Running Locally",
+    description:
+      "An open-source CLI that connects to your bank and gives you AI-powered financial advice — all running locally on your machine.",
+    url: "https://rayfinance.app",
+    siteName: "Ray Finance",
+    type: "website",
+    images: [
+      {
+        url: "/ray-og.jpg",
+        width: 1200,
+        height: 630,
+        alt: "Ray — AI Financial Advisor CLI",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Ray — AI Financial Advisor, Running Locally",
+    description:
+      "An open-source CLI that connects to your bank and gives you AI-powered financial advice — all running locally on your machine.",
+    images: ["/ray-og.jpg"],
+  },
+  icons: {
+    icon: "/favicon.png",
+    apple: "/favicon.png",
+  },
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className={`${GeistSans.variable} ${GeistMono.variable} ${GeistPixelSquare.variable}`} style={{ colorScheme: "light" }}>
+      <body className="bg-stone-50 text-stone-900 font-sans">{children}</body>
+    </html>
+  );
+}