"use client";
import "../../globals.css";

export default function LoginPage() {
  return (
    <div className="flex justify-center items-center">
      <div className="bg-white shadow rounded p-6 my-6 w-5/12">
        <div className="text-center">
          <div className="text-black text-3xl font-medium mb-3">
            Welcome Back
          </div>
          <span className="text-gray-600 font-medium line-height-3">
            Don't have an account?
          </span>
          <a className="font-medium no-underline ml-2 text-blue-500 cursor-pointer">
            Create today!
          </a>
        </div>

        <div>
          <label htmlFor="email" className="block text-900 font-medium mb-2">
            Email
          </label>
          <input
            type="text"
            id="email"
            className="w-full border border-gray-300 rounded p-2 mb-3"
          />
        </div>
      </div>
    </div>
  );
}