import "./app.css";

export function Welcome() {
  return (
    <div className="bg-gray-800">
      <h1 className="text-white text-3xl text-center">
        Welcome to Aindustries' casino
      </h1>
      <p className="text-center text-white">
        Mind that gambling isn't that dangerous
      </p>

      <div className="w-full h-100 bg-gray-500 mx-auto flex items-center justify-center mt-10">
        <div className="w-35 h-18 bg-purple-500 rounded-lg flex items-center justify-center mt-60 mx-1.25">
          <h1 className="text-white text-2xl glow-text">PRICE-</h1>
        </div>

        <div className="w-40 h-20 bg-green-500 rounded-lg flex items-center justify-center mt-60 mx-1.25">
          <h1 className="text-white text-4xl glow-text">ROLL</h1>
        </div>

        <div className="w-35 h-18 bg-blue-500 rounded-lg flex items-center justify-center mt-60 mx-1.25">
          <h1 className="text-white text-2xl glow-text">CHANCE+</h1>
        </div>
        <h1 className="text-white text-xl">Cost per roll :</h1>
      </div>
    </div>
  );
}