bg added to get started page

src/components/auth/GetStarted.jsx

@@ -5,14 +5,14 @@ import myLinks from '../../myLinks';
 
 export default function GetStarted() {
     return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo2} className="App-logo" alt="logo" />
-          <p className=''>
+      <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="App-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"