Index: client/src/LandingPage/components/Intro.jsx
===================================================================
--- client/src/LandingPage/components/Intro.jsx	(revision fc18704d5a38d331d7c9a1b5820cc20517ca1c63)
+++ client/src/LandingPage/components/Intro.jsx	(revision a70b6c40d5fbeaeaf4f790429c3adecb8edb4818)
@@ -1,4 +1,4 @@
-import React from 'react';
-import logoIcon from '../../assets/images/logoIcon.png';
+import React from "react";
+import logoIcon from "../../assets/images/logoIcon.png";
 const Intro = () => {
   return (
@@ -7,7 +7,7 @@
         <img src={logoIcon} className="max-w-sm rounded-lg" />
         <div>
-          <h1 className="text-5xl font-bold">What is FINKI-Ranked?</h1>
+          <h1 className="text-5xl font-bold">What is FINKI Ranked?</h1>
           <p className="py-6 leading-loose">
-            FINKI-Ranked is a web platform where students receive a daily
+            FINKI Ranked is a web platform where students receive a daily
             task/challenge, compete to solve it, and are ranked according to the
             points earned. This platform aims to develop a competitive spirit
Index: client/src/LandingPage/components/VisionSection.jsx
===================================================================
--- client/src/LandingPage/components/VisionSection.jsx	(revision fc18704d5a38d331d7c9a1b5820cc20517ca1c63)
+++ client/src/LandingPage/components/VisionSection.jsx	(revision a70b6c40d5fbeaeaf4f790429c3adecb8edb4818)
@@ -1,9 +1,9 @@
 import React from "react";
 import lista from "../../assets/images/listaNoBg.png";
-import {useNavigate} from "react-router-dom";
+import { useNavigate } from "react-router-dom";
+import { useAuth } from "@/contexts/AuthContext";
 const VisionSection = () => {
-
   const navigate = useNavigate();
-    const user = JSON.parse(localStorage.getItem("user"));
+  const user = useAuth();
   return (
     <div className="hero bg-base-200 min-h-[80vh]">
@@ -20,5 +20,12 @@
             leaderboard.
           </p>
-          <a className="btn btn-xl w-80 bg-black" onClick={() => { user ? navigate("/dashboard") : navigate("/register") }}>Join now</a>
+          <a
+            className="btn btn-xl w-80 bg-black"
+            onClick={() => {
+              user ? navigate("/dashboard") : navigate("/register");
+            }}
+          >
+            Join now
+          </a>
         </div>
         <img src={lista} className="w-100 h-100" />