Welcome Page

The Welcome Page is the first screen new users see when accessing the MATIH platform for the first time. It introduces the platform value proposition, highlights key capabilities, and invites users to begin the onboarding wizard.

Page Layout

The Welcome Page (WelcomePage.tsx) is divided into three sections:

Section	Content
Hero	Platform name, tagline, and primary call-to-action
Feature Highlights	Three key capability cards with descriptions
Getting Started	Begin wizard button and skip option

Hero Section

The hero section displays:

Platform logo and name
Tagline: "From Intent to Insights -- ask questions in natural language, get data answers instantly"
Brief description of what the platform does (2-3 sentences)
Animated data visualization background

Feature Highlights

Three capability cards summarize the core platform features:

Feature	Title	Description
Conversational Analytics	Ask questions in plain English	The AI understands your data schema and generates accurate SQL queries automatically
Interactive Dashboards	Build and share visual dashboards	Create charts, tables, and KPI cards from your query results with drag-and-drop
ML Integration	Train and deploy ML models	Build predictive models from your data using conversational commands

Call-to-Action

Two options are presented:

Action	Button	Description
Start Setup	Primary button	Begins the onboarding wizard at persona selection
Skip for Now	Text link	Skips onboarding and goes directly to the default workbench

Animation

The welcome page includes a subtle animated demonstration:

const WelcomeAnimation = () => {
  return (
    <div className="animate-fade-in">
      <TypewriterText
        text="What were our top products by revenue last quarter?"
        speed={50}
      />
      <AnimatedChart data={sampleData} delay={2000} />
    </div>
  );
};

Responsive Design

Breakpoint	Layout
Desktop (1024px+)	Side-by-side hero and animation
Tablet (768px-1023px)	Stacked with reduced animation
Mobile (below 768px)	Simplified with text-only hero

Localization

The welcome page supports internationalization through the shared i18n system:

Language	Status
English	Complete
Spanish	Planned
French	Planned
German	Planned
Japanese	Planned

Analytics

The welcome page tracks onboarding funnel metrics:

Event	Description
`onboarding.welcome.view`	User viewed the welcome page
`onboarding.welcome.start`	User clicked "Start Setup"
`onboarding.welcome.skip`	User clicked "Skip for Now"
`onboarding.welcome.time_spent`	Duration on the welcome page

Overview Persona Selection