import React from 'react'
import {Link} from 'react-router-dom'
import logo2 from '../../assets/digifi-400x200.png';
import myLinks from '../../myLinks';

export default function GetStarted() {
    return (
      <div className={`h-screen bg-sky-300 flex flex-col items-center justify-center bg-[url('./assets/first-background.jpg')] bg-cover bg-center bg-no-repeat`}>
        <header className="flex flex-col gap-2 justify-center items-center text-lg sm:text-2xl font-bold">
          <img src={logo2} className="h-32 sm:h-72 w-auto" alt="logo" />
          <p className='w-full text-center'>
            digiFi - Banking Offers Emulator Systems.
          </p>
          <Link
            className="mt-2 px-2 py-1 text-emerald-600 bg-emerald-100/90 rounded"
            to={myLinks.login}
            href="https://reactjs.org"
            // target="_blank"
            rel="noopener noreferrer"
            state={{proceed:'true'}}
          >
            Get Started
          </Link>
        </header>
      </div>
    );
}