WeatherTool/web/src/pages/home/Home.tsx

import { A } from '@solidjs/router'
import './home.css'

const tools = [
  ['/station','Stations','Recent measurements and station charts.','◉'],
  ['/cities','City analysis','Compare values and prepare temperature maps.','▦'],
  ['/faktiska','Faktiskā','Temperatures and weather symbols for daily production.','▣'],
  ['/latvia','Latvia overview','Country-wide weather summaries.','⌁'],
  ['/database','Data archive','Browse dates and stored observations.','▤'],
  ['/harmonie','HARMONIE','Render locally stored forecast fields.','◫'],
  ['/lvgmc-forecast','LVĢMC forecast','Prepared city forecasts and broadcast tables.','☁'],
]
export function Home() { return <section class="homePage"><div class="homeHero"><div><p class="eyebrow">Weather data and production tools</p><h1>Choose a workspace</h1><p class="heroCopy">Analysis, forecasts and newsroom graphics.</p></div><div class="environmentBadge"><span class="statusDot"/>Development dataset<small>Synthetic observations</small></div></div><div class="toolGrid">{tools.map(([path,title,description,icon]) => <A class="toolCard" href={path}><span class="toolIcon">{icon}</span><div class="toolCardCopy"><h2>{title}</h2><p>{description}</p></div><span class="cardArrow">→</span></A>)}</div></section> }