"use client";

import "./style.css"

import Link from "next/link";

import { MessageLang } from "@/lang/component/client";

export default function Home() {
  return (
    <>
      <div className="message about">
        <h1 className="message-header"><MessageLang text="PeasAboutTitle" /></h1>
        
        <p className="message-body">
          <MessageLang text="PeasAboutText" />
        </p>
      </div>

      <div style={{width: "15rem"}}>
        <Link href="/signup" className="card card-footer card-footer-item signup"><MessageLang text="Start" /></Link>
        <p className="has-text-centered"><MessageLang text="or" /></p>
        <Link href="/signin" className="card card-footer card-footer-item signin"><MessageLang text="Signin" /></Link>
      </div>
    </>
  );
}
