// import React, { useState, useEffect, useRef } from 'react'; const { useState, useEffect, useRef } = React; // Subtle animated background for About page const AboutConstellation = () => { const canvasRef = useRef(null); useEffect(() => { const canvas = canvasRef.current; const ctx = canvas.getContext('2d'); let animationFrameId; let particles = []; const resizeCanvas = () => { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }; resizeCanvas(); window.addEventListener('resize', resizeCanvas); // Create subtle particles for (let i = 0; i < 40; i++) { particles.push({ x: Math.random() * canvas.width, y: Math.random() * canvas.height, vx: (Math.random() - 0.5) * 0.1, vy: (Math.random() - 0.5) * 0.1, size: Math.random() * 1.2 + 0.5, opacity: Math.random() * 0.2 + 0.05 }); } const animate = () => { ctx.fillStyle = 'rgba(10, 12, 16, 0.02)'; ctx.fillRect(0, 0, canvas.width, canvas.height); particles.forEach((p, i) => { p.x += p.vx; p.y += p.vy; if (p.x < 0 || p.x > canvas.width) p.vx *= -1; if (p.y < 0 || p.y > canvas.height) p.vy *= -1; ctx.beginPath(); ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2); ctx.fillStyle = `rgba(94, 234, 212, ${p.opacity})`; ctx.fill(); particles.forEach((p2, j) => { if (i === j) return; const dx = p.x - p2.x; const dy = p.y - p2.y; const dist = Math.sqrt(dx * dx + dy * dy); if (dist < 80) { ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(p2.x, p2.y); ctx.strokeStyle = `rgba(94, 234, 212, ${0.02 * (1 - dist / 80)})`; ctx.lineWidth = 0.5; ctx.stroke(); } }); }); animationFrameId = requestAnimationFrame(animate); }; animate(); return () => { cancelAnimationFrame(animationFrameId); window.removeEventListener('resize', resizeCanvas); }; }, []); return ( ); }; // Three Pillars Visual for Hero const ThreePillarsVisual = () => (
{[ { label: 'Research', icon: '📊', color: '#5eead4' }, { label: 'Portfolios', icon: '💼', color: '#a78bfa' }, { label: 'Programs', icon: '🎓', color: '#fbbf24' } ].map((pillar, i) => (
{pillar.icon}
{pillar.label}
))}
); // Label Block Component const LabelBlock = ({ title, description, color }) => (

{title}

{description}

); // Audience Card Component const AudienceCard = ({ title, description, icon }) => (
{icon}

{title}

{description}

); // Philosophy Block const PhilosophyBlock = ({ title, description }) => (

{title}

{description}

); // Value Tag const ValueTag = ({ label }) => ( {label} ); // Main About Page const AboutPage = () => { const [scrollY, setScrollY] = useState(0); useEffect(() => { const handleScroll = () => setScrollY(window.scrollY); window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return (
{/* Global styles */} {/* Animated background */} {/* Navigation */} {/* Hero Section */}
{/* Left: Copy */}

About Vestiq

Vestiq is a market-intelligence and portfolio management environment built for disciplined investing. The platform studies companies and catalysts, tracks portfolios in a simulated setting, and records every decision in language that makes sense outside a trading desk.

Vestiq exists for investors, student cohorts, and teams that want structure, clarity, and a permanent record of how decisions come together.

{/* Right: Three Pillars Visual */}
{/* What Vestiq Does */}

What Vestiq does

Vestiq reads filings, earnings, news, regulatory actions, and macro data, then turns that information into clear company and catalyst reports. The platform connects those reports to a portfolio environment where positions live alongside written theses, risk notes, and exit decisions.

The result is a single place to see what a company does, why it matters today, how a position fits inside a portfolio, and how that position has evolved over time.

{/* Why Vestiq Exists */}

Why Vestiq exists

Vestiq grew out of a simple tension in public markets. Information grows faster than most investors can absorb. Trade logs and charts track prices, while the thinking behind decisions fades into memory.

The platform answers that tension by giving research, portfolios, and written reasoning a shared home. Every position has context. Every decision leaves a trail. Over time, those trails form playbooks that guide future choices.

{/* How Vestiq Thinks About Markets */}

How Vestiq thinks about markets

A philosophy built around catalysts, portfolios, and process.

{/* Who Vestiq Serves */}

Who Vestiq serves

Vestiq provides the environment, data, and tools. Each cohort or organization decides how to fold those capabilities into its own structure.

{/* Vestiq within Luminary */}

Vestiq within the Luminary ecosystem

Vestiq is built under Luminary AI Technologies, a company that develops systems for structured decision-making across commerce, capital, and public policy.

Vestiq focuses on public markets. Sister platforms study e-commerce environments and legislative data. Shared infrastructure and design principles support a common goal: organize complex information into environments where decisions become clearer, more repeatable, and easier to audit.

{/* Where Vestiq is Today */}

Where Vestiq is today

Today, Vestiq operates as a research and simulation platform. The system delivers company reports, catalyst explanations, and tools for running simulated portfolios with documented decisions.

Portfolios in Vestiq use virtual capital and real market data. The platform does not execute trades, route orders, or act as a broker. Any future live trading capabilities will sit on top of this core and depend on licensing and regulatory approvals.

View the full roadmap
{/* How Vestiq is Built */}

How Vestiq is built

Vestiq combines large-scale data ingestion, language models, and portfolio logic inside a single environment. The system structures filings, earnings, news, regulatory events, and market data in ways that support research and portfolio decisions.

The design emphasizes clarity over spectacle: straightforward interfaces, natural language explanations, and layouts that keep attention on companies, catalysts, and portfolios.

{[ { title: 'Clarity', description: 'Explanations in language that feels natural and precise.' }, { title: 'Discipline', description: 'Interfaces that encourage written theses and consistent sizing.' }, { title: 'Traceability', description: 'A record of what happened and why, available for later review.' } ].map((value, i) => (

{value.title}

{value.description}

))}
{/* Principles */}

Principles that guide the platform

Vestiq grows along a few simple principles. Research maintains priority over speculation. Portfolios receive tools that highlight risk, exposure, and process. Every new feature respects documentation and transparency. Regulatory boundaries and licensing requirements sit at the center of any decision involving live capital.

{/* Final CTA */}

Follow Vestiq's progress

Watch the platform evolve from a research and simulation environment into a deeper operating system for market-intelligence and portfolio management.

{/* Footer */}
Vestiq

Market-intelligence and portfolio management.

{['About', 'Legal', 'Privacy', 'Terms', 'Disclosures'].map((link, i) => ( {link} ))}

Vestiq is a research and simulation platform. It does not execute trades, act as a broker, or provide personalized investment advice. Any future live trading features will depend on required regulatory approvals and licensing.

); } const root = ReactDOM.createRoot(document.getElementById('root')); root.render();