finished reset password & other changes

app/[locale]/(root)/(routes)/about/page.tsx

@@ -6,9 +6,7 @@ export const metadata: Metadata = {
 }
 
 const AboutPage = () => {
-  return <>About
-    <hr/>
-  </>
+  return <>ABOUT</>
 }
 
 export default AboutPage

app/[locale]/(root)/page.tsx

@@ -1,8 +1,11 @@
 import { Poppins } from 'next/font/google'
 import { getScopedI18n } from '@/locales/server'
-import { cn, env } from '@/lib/utils'
+import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
 import LoginButton from '@/components/auth/login-button'
+import Image from 'next/image'
+import wolf from '@/img/Gray wolf portrait.jpg'
+import { Grid } from 'react-loader-spinner'
 
 const font = Poppins({
   subsets: ['latin'], weight: ['600'],
@@ -18,10 +21,10 @@ export default async function Home () {
         🔐 {t('title')}
       </h1>
       <p className="text-lg text-white">{t('subtitle')}</p>
+      <Image src={wolf} alt="Picture of a wolf" width={430} placeholder="blur"/>
       <div>
         <LoginButton>
           <Button variant="secondary" size="lg">{t('sign_in')}</Button>
-
         </LoginButton>
       </div>
     </div>