import { asset } from "$fresh/runtime.ts";

export default function WelcomeFrame() {
  const goLogin = () => {
    location.href = "/login";
  };

  const goRegister = () => {
    location.href = "/register";
  };

  return (
    <div className="pd-welcome-frame">
      <div className="pd-welcome-title">
        <img
          className="pd-logo"
          src={asset("/postdown.png")}
          alt="Postdown"
        />
        <h1>Postdown</h1>
      </div>
      <span className="pd-welcome-intro">
        A web-based, shareable, self-hosted Markdown editor built with deno
      </span>
      <div className="pd-welcome-actions">
        <button onClick={goLogin}>Login</button>
        <button onClick={goRegister}>Register</button>
      </div>
    </div>
  );
}