-- DreamStack Router Example
-- Multi-page app with hash-based routing

let page_title = "DreamStack Router"

view nav = row [
  button "Home" { click: navigate "/" }
  button "About" { click: navigate "/about" }
  button "Counter" { click: navigate "/counter" }
]

let count = 0

route "/" ->
  column [
    text "Welcome to DreamStack!"
    text "Use the nav bar above to explore pages."
  ]

route "/about" ->
  column [
    text "About DreamStack"
    text "A reactive UI language with fine-grained signals."
    text "No virtual DOM. No dependency arrays. No re-renders."
  ]

route "/counter" ->
  column [
    text "Interactive Counter"
    text count
    button "+" { click: count += 1 }
    button "-" { click: count -= 1 }
    when count > 10 ->
      text "Double digits!"
  ]