qol improvements

src/components/SideNav/MaxSideNav.js

@@ -87,7 +87,7 @@ const MaxSideNav = () => {
 					href="/"
 				>
 					<img
-						src="/logo/Final.svg"
+						src="favicon.ico"
 						alt="logo"
 						className="z-40 h-12 w-12 flex-shrink-0 rounded-md"
 					></img>

src/pages/Edit.js

@@ -300,7 +300,7 @@ export default function EditProject() {
 
 					<input
 						type="submit"
-						defaultValue="Edit Project"
+						value="Edit Project"
 						className="mb-20 mt-10 h-11 w-[30%] rounded-full bg-logo-blue text-2xl font-bold text-white"
 					></input>
 				</form>

src/pages/Landing.js

@@ -3,9 +3,12 @@ import Link from "next/link";
 import { useEffect, useState } from "react";
 import axios from "axios";
 import { useRouter } from "next/router";
-
+let color="#FEAE00"
 const Landing = () => {
 	useEffect(() => {
+
+
+
 		const pythonTimeline = anime.timeline({
 			easing: "easeOutExpo",
 			loop: false,
@@ -18,15 +21,15 @@ const Landing = () => {
 				translateY: [40, 0],
 				translateX: ["-50%", "-50%"],
 				rotateX: [-90, 0],
-				color: ["#FFFFFF", "#FEAE00"],
+				color: ["#FFFFFF", color],
 				duration: 1300,
 			},
 			1000
 		);
 		pythonTimeline.add(
 			{
 				targets: "#blank",
-				color: ["#FFFFFF", "#FEAE00"],
+				color: ["#FFFFFF", color],
 				duration: 1300,
 			},
 			1000
@@ -38,15 +41,15 @@ const Landing = () => {
 				translateY: [0, -40],
 				translateX: ["-50%", "-50%"],
 				rotateX: [0, -90],
-				color: ["#FEAE00", "#FFFFFF"],
+				color: [color, "#FFFFFF"],
 				duration: 1300,
 			},
 			3000
 		);
 		pythonTimeline.add(
 			{
 				targets: "#blank",
-				color: ["#FEAE00", "#FFFFFF"],
+				color: [color, "#FFFFFF"],
 				duration: 1300,
 			},
 			3000
@@ -58,7 +61,12 @@ const Landing = () => {
 		});
 
 		let animationInterval = setInterval(() => {
-			document.getElementById("word").innerHTML = "Python";
+			let langs=["Python","Javascript","React", "C++"]
+			let colors=["#FEAE00", "#00ff2b","#0d00ff","#ff0037"]
+			let No=Math.floor(Math.random()*langs.length)
+			document.getElementById("word").innerHTML = langs[No];
+			color=colors[No]
+
 			pythonTimeline.play();
 		}, 5 * 1000);
 
@@ -77,7 +85,7 @@ const Landing = () => {
 					Get Your Next
 					<br />
 					<span id="blank">___________ Project</span>
-					<span className="word" id="word"></span>
+					<span className="word" id="word">Python</span>
 				</p>
 			</div>
 		</div>

src/pages/Onboarding.js

@@ -191,8 +191,7 @@ function InterestForm({
 				Tell us more about you
 			</p>
 			<p className="mb-6 flex-shrink-0 text-lg font-light text-gray-600">
-				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-				tempor incididunt ut labore et dolore magna aliqua.
+				This allows us to find the right project for you
 			</p>
 			<form
 				className="flex w-full flex-grow flex-col"
@@ -258,8 +257,7 @@ function CreatAccountForm({
 				Create Your Account
 			</p>
 			<p className="mb-6 flex-shrink-0 text-lg font-light text-gray-600">
-				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-				tempor incididunt ut labore et dolore magna aliqua.
+				Join us to embark on you wonderful development journey!
 			</p>
 			<form
 				className="flex w-full flex-grow flex-col"
@@ -336,4 +334,4 @@ function Card({ image, title, description, className }) {
 	);
 }
 
-export const getServerSideProps = withPageAuthRequired();
+export const getServerSideProps = withPageAuthRequired();

src/pages/Project.js

@@ -223,7 +223,7 @@ export default function ProjectPage() {
 							<img
 								src="/IconsFlag.svg"
 								alt="logo"
-								className="mx-1 h-6 w-6 flex-shrink-0 duration-150 hover:scale-110 hover:cursor-pointer"
+								className="filter-highlight text-highlight mx-1 h-6 w-6 flex-shrink-0 duration-150 hover:scale-110 hover:cursor-pointer"
 								onClick={handlePopup}
 							></img>
 							<Popup trigger={showPopup} setTrigger={setShowPopup}>