diff --git a/app/about/page.tsx b/app/about/page.tsx
index 156e2ae..279f8d3 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -123,6 +123,7 @@ export default function AboutPage() {
             header: <div
                 className="flex flex-1 w-full h-full min-h-[6rem] rounded-xl dark:bg-dot-white/[0.2] bg-dot-black/[0.2] [mask-image:radial-gradient(ellipse_at_center,white,transparent)]  border border-transparent dark:border-white/[0.2] bg-neutral-100 dark:bg-black">
                 <Image
+                    alt={"Working Image"}
                     src={"https://i.ytimg.com/vi_webp/vGIsE0y7tVQ/maxresdefault.webp"}
                     className={"object-cover"}/></div>,
             className:
@@ -136,6 +137,7 @@ export default function AboutPage() {
             header: <div
                 className="flex flex-1 w-full h-full min-h-[6rem] rounded-xl   dark:bg-dot-white/[0.2] bg-dot-black/[0.2] [mask-image:radial-gradient(ellipse_at_center,white,transparent)]  border border-transparent dark:border-white/[0.2] bg-neutral-100 dark:bg-black">
                 <Image
+                    alt={"FIRST-1"}
                     src={"https://www.firstinspires.org/sites/all/themes/first/assets/images/2020/program-block-frc.jpg"}
                     className={"object-cover"}/></div>,
             className:
@@ -153,6 +155,7 @@ export default function AboutPage() {
             header: <div
                 className="flex flex-1 w-full h-full min-h-[6rem] rounded-xl   dark:bg-dot-white/[0.2] bg-dot-black/[0.2] [mask-image:radial-gradient(ellipse_at_center,white,transparent)]  border border-transparent dark:border-white/[0.2] bg-neutral-100 dark:bg-black">
                 <Image
+                    alt={"FIRST-2"}
                     src={"https://www.firstinspires.org/sites/default/files/first-in-show/game-and-season/frc-header.png"}
                     className={"object-cover"}/></div>,
             className: "md:col-span-2",
@@ -171,66 +174,13 @@ export default function AboutPage() {
             header: <div
                 className="flex flex-1 w-full h-full min-h-[6rem] rounded-xl   dark:bg-dot-white/[0.2] bg-dot-black/[0.2] [mask-image:radial-gradient(ellipse_at_center,white,transparent)]  border border-transparent dark:border-white/[0.2] bg-neutral-100 dark:bg-black">
                 <Image
+                    alt={"FIRST-3"}
                     src={"https://www.firstinspires.org/sites/default/files/uploads/hero_headers/Header-image-fallback-gradient-high-res.jpg"}
                     className={"object-cover"}/></div>,
             className: "md:col-span-1",
         },
     ];
 
-    // const moreItem = [
-    //     {
-    //         title: "Brooklyn Technical High School",
-    //         description: "Brooklyn Technical High School (aka. “BTHS”, “Tech”) is one of New York City’s specialized\n" +
-    //             "high schools for science, technology, engineering, and mathematics. Tech is the largest high\n" +
-    //             "school in the United States, with an enrollment of 6,500 students across all four grades.",
-    //         header: <Image src={""}/>,
-    //         className: "md:col-span-2",
-    //     },
-    //     {
-    //         title: "What is FIRST?",
-    //         description: "FIRST (For Inspiration and Recognition of Science and Technology), founded in 1989 by Dean\n" +
-    //             "Kamen and Woody Flowers, was created to assist in inspiring and teaching young explorers\n" +
-    //             "like us to connect across the globe via engineering and innovation",
-    //         header: "https://www.firstinspires.org/sites/all/themes/first/assets/images/2020/program-block-frc.jpg",
-    //     },
-    //     {
-    //         title: "More About FIRST",
-    //         description:
-    //             "Each year FIRST designs an international robotics competition in which 26 countries and over\n" +
-    //             "3,200 teams participate in each year. Over 500,000 students participate in the FIRST\n" +
-    //             "Robotics Competition itself, and high schools across the globe build a robot and compete at\n" +
-    //             "various regional competitions. After all regionals take place, winners and award recipients\n" +
-    //             "are invited to compete at the championship, which takes place in Houston, Texas. Over 450\n" +
-    //             "teams proceeded to the championships in the 2022 season",
-    //         header: "https://www.firstinspires.org/sites/default/files/first-in-show/game-and-season/frc-header.png",
-    //     },
-    //     {
-    //         title: "FIRST Core Values",
-    //         description:
-    //             <div className={"space-y-1"}>
-    //                 <p>
-    //                     Discovery: We explore new skills and ideas.
-    //                 </p>
-    //                 <p>
-    //                     Innovation: We use creativity and persistence to solve problems.
-    //                 </p>
-    //                 <p>
-    //                     Impact: We apply what we learn to improve our world.
-    //                 </p>
-    //                 <p>
-    //                     Inclusion: We respect each other and embrace our differences.
-    //                 </p>
-    //                 <p>
-    //                     Teamwork: We are stronger when we work together.
-    //                 </p>
-    //                 <p>
-    //                     Fun: We enjoy and celebrate what we do!
-    //                 </p>
-    //             </div>,
-    //         header: "https://www.firstinspires.org/sites/default/files/uploads/hero_headers/Header-image-fallback-gradient-high-res.jpg",
-    //     },
-    // ];
-
     const globeConfig = {
         pointSize: 4,
         globeColor: "#062056",
diff --git a/app/blog/page.tsx b/app/blog/page.tsx
index a995e23..3e30816 100644
--- a/app/blog/page.tsx
+++ b/app/blog/page.tsx
@@ -12,7 +12,6 @@ const checkEnvironment = () => {
 
 
 async function fetchAllPosts() {
-    // const response = await fetch('/api/posts');
     const response = await fetch(checkEnvironment() + '/api/posts');
     return await response.json();
 }
diff --git a/app/editor/page.tsx b/app/editor/page.tsx
index 1af8421..4375eae 100644
--- a/app/editor/page.tsx
+++ b/app/editor/page.tsx
@@ -16,30 +16,6 @@ import remarkMath from 'remark-math'
 import remarkGemoji from 'remark-gemoji'
 import rehypeKatex from "rehype-katex";
 import {Progress} from "@/components/shadcn/ui/progress";
-// import {Button} from "@/components/shadcn/ui/button";
-// import {Image} from "@nextui-org/react";
-// import {
-//     Dialog,
-//     DialogContent,
-//     DialogDescription, DialogFooter,
-//     DialogHeader,
-//     DialogTitle,
-//     DialogTrigger
-// } from "@/components/shadcn/ui/dialog";
-// import {Label} from "@/components/shadcn/ui/label";
-// import {Input} from "@/components/shadcn/ui/input";
-// import {
-//     Select,
-//     SelectContent,
-//     SelectGroup,
-//     SelectItem,
-//     SelectLabel,
-//     SelectTrigger,
-//     SelectValue,
-// } from "@/components/shadcn/ui/select"
-// import Roster from "../team/team.json"
-// import {Textarea} from "@/components/shadcn/ui/textarea";
-
 
 export default function EditorPage() {
     const [markdown, setMarkdown] = useState("");
@@ -214,67 +190,6 @@ export default function EditorPage() {
 
     return (
         <div className='w-full h-full p-2'>
-            {/*<div className={"p-2 mx-3 flex items-center justify-between"}>*/}
-            {/*    <div className="flex items-center justify-start gap-2 md:text-3xl text-xl">*/}
-            {/*        <Image*/}
-            {/*            src={user?.picture}*/}
-            {/*            alt={user?.name}*/}
-            {/*            width={40}*/}
-            {/*            className="rounded-full mr-2"*/}
-            {/*        />*/}
-            {/*        <span className="mr-2">Hi, <b>{user?.name}</b></span>*/}
-            {/*    </div>*/}
-            {/*    <div className={"flex items-center justify-end"}>*/}
-            {/*        <Dialog>*/}
-            {/*            <DialogTrigger asChild>*/}
-            {/*                <Button variant="outline">Create Post</Button>*/}
-            {/*            </DialogTrigger>*/}
-            {/*            <DialogContent className="sm:max-w-[425px]">*/}
-            {/*                <DialogHeader>*/}
-            {/*                    <DialogTitle>Create Blog Post</DialogTitle>*/}
-            {/*                    <DialogDescription>*/}
-            {/*                        Create a blog post here.*/}
-            {/*                    </DialogDescription>*/}
-            {/*                </DialogHeader>*/}
-            {/*                <div className="grid gap-4 py-4">*/}
-            {/*                    <div className="grid grid-cols-4 items-center gap-4">*/}
-            {/*                        <Label htmlFor="name" className="text-right">*/}
-            {/*                            Name*/}
-            {/*                        </Label>*/}
-            {/*                        <Select>*/}
-            {/*                            <SelectTrigger className="w-[280px]">*/}
-            {/*                                <SelectValue placeholder="Member Name" />*/}
-            {/*                            </SelectTrigger>*/}
-            {/*                            <SelectContent className={"scroll-smooth overflow-y-auto -webkit-overflow-scrolling-touch"}>*/}
-            {/*                                <SelectGroup>*/}
-            {/*                                    {Object.entries(Roster).map(([name, data]) => (*/}
-            {/*                                        <SelectItem value={name} key={name}>{name}</SelectItem>*/}
-            {/*                                    ))}*/}
-            {/*                                </SelectGroup>*/}
-            {/*                            </SelectContent>*/}
-            {/*                        </Select>*/}
-            {/*                    </div>*/}
-            {/*                    <div className="grid grid-cols-4 items-center gap-4">*/}
-            {/*                        <Label htmlFor="picture" className="text-right">*/}
-            {/*                            Cover Image*/}
-            {/*                        </Label>*/}
-
-            {/*                        <Input id="picture" type="file" />*/}
-            {/*                    </div>*/}
-            {/*                    <div className="grid grid-cols-4 items-center gap-4">*/}
-            {/*                        <Label htmlFor="name" className="text-right">*/}
-            {/*                            Description*/}
-            {/*                        </Label>*/}
-            {/*                        <Textarea className={"w-[280px]"}/>*/}
-            {/*                    </div>*/}
-            {/*                </div>*/}
-            {/*                <DialogFooter>*/}
-            {/*                    <Button type="submit">Create Post</Button>*/}
-            {/*                </DialogFooter>*/}
-            {/*            </DialogContent>*/}
-            {/*        </Dialog>*/}
-            {/*    </div>*/}
-            {/*</div>*/}
             <div className={"flex"}>
                 <section className='w-full h-full border-r border-gray-300 p-4'>
                     <div className="flex space-x-3 mb-2 border-white rounded-lg bg-gray-200 p-2">
diff --git a/app/page.tsx b/app/page.tsx
index d2c4131..9274f12 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -8,7 +8,7 @@ import YouTubePlayer from "@/components/youtube";
 import {Tabs} from "@/components/aceternity/ui/tabs";
 import {Progress} from "@/components/shadcn/ui/progress";
 import {LampContainer} from "@/components/aceternity/ui/lamp";
-import { motion } from "framer-motion";
+import {motion} from "framer-motion";
 
 export default function Home() {
     const {isAuthenticated, isLoading, loginWithRedirect, logout} = useAuth0();
@@ -220,7 +220,8 @@ export default function Home() {
             <div className="text-center h-[60vh] mb-5">
                 <h1 className="text-[2.9rem] md:text-7xl font-bold dark:text-white main">Sponsors</h1>
                 <p className="text-base md:text-xl my-3 dark:text-neutral-200 p-2">
-                    Thank you to all our sponsors and families who supported this. We couldn't make our robot without your help!
+                    Thank you to all our sponsors and families who supported this. We couldn't make our robot without
+                    your help!
                 </p>
                 <InfiniteMovingCards items={sponsors}/>
             </div>
diff --git a/app/sponsors/page.tsx b/app/sponsors/page.tsx
index 273bb54..606683b 100644
--- a/app/sponsors/page.tsx
+++ b/app/sponsors/page.tsx
@@ -1,6 +1,6 @@
 "use client"
-import { AuroraBackground } from "@/components/aceternity/ui/aurora";
-import { motion } from "framer-motion";
+import {AuroraBackground} from "@/components/aceternity/ui/aurora";
+import {motion} from "framer-motion";
 import {BentoGrid} from "@/components/aceternity/ui/bento-grid";
 import {BentoGridItem} from "@/components/aceternity/ui/direction-aware-hover";
 import React from "react";
@@ -8,7 +8,6 @@ import React from "react";
 
 export default function SponsorPage() {
     const bentoItems = [
-
         {
             image: "/team2022.png",
             text: <div>
@@ -59,7 +58,7 @@ export default function SponsorPage() {
                     </div>
                 </motion.div>
             </AuroraBackground>
-            <div className={"h-full py-20"} >
+            <div className={"h-full py-20"}>
                 <BentoGrid className="max-w-8xl mx-auto md:auto-rows-[30rem] p-10">
                     {bentoItems.map((item, i) => (
                         <BentoGridItem
diff --git a/components/aceternity/ui/aurora.tsx b/components/aceternity/ui/aurora.tsx
index 526f78b..ae3b382 100644
--- a/components/aceternity/ui/aurora.tsx
+++ b/components/aceternity/ui/aurora.tsx
@@ -1,6 +1,6 @@
 "use client";
-import { cn } from "@/components/cn";
-import React, { ReactNode } from "react";
+import {cn} from "@/components/cn";
+import React, {ReactNode} from "react";
 
 interface AuroraBackgroundProps extends React.HTMLProps<HTMLDivElement> {
     children: ReactNode;
diff --git a/components/aceternity/ui/direction-aware-hover.tsx b/components/aceternity/ui/direction-aware-hover.tsx
index 2e47414..29e3aab 100644
--- a/components/aceternity/ui/direction-aware-hover.tsx
+++ b/components/aceternity/ui/direction-aware-hover.tsx
@@ -1,9 +1,9 @@
 "use client";
 
-import React, { useRef, useState } from "react";
+import React, {useRef, useState} from "react";
 import Image from "next/image";
-import { AnimatePresence, motion } from "framer-motion";
-import { cn } from "@/components/cn";
+import {AnimatePresence, motion} from "framer-motion";
+import {cn} from "@/components/cn";
 
 export const DirectionAwareHover = ({
                                         imageUrl,
@@ -54,11 +54,10 @@ export const DirectionAwareHover = ({
         ev: React.MouseEvent<HTMLDivElement, MouseEvent>,
         obj: HTMLElement
     ) => {
-        const { width: w, height: h, left, top } = obj.getBoundingClientRect();
+        const {width: w, height: h, left, top} = obj.getBoundingClientRect();
         const x = ev.clientX - left - (w / 2) * (w > h ? h / w : 1);
         const y = ev.clientY - top - (h / 2) * (h > w ? w / h : 1);
-        const d = Math.round(Math.atan2(y, x) / 1.57079633 + 5) % 4;
-        return d;
+        return Math.round(Math.atan2(y, x) / 1.57079633 + 5) % 4;
     };
 
     return (
@@ -77,7 +76,8 @@ export const DirectionAwareHover = ({
                     whileHover={direction}
                     exit="exit"
                 >
-                    <motion.div className="group-hover/card:block hidden absolute inset-0 w-full h-full bg-black/40 z-10 transition duration-500" />
+                    <motion.div
+                        className="group-hover/card:block hidden absolute inset-0 w-full h-full bg-black/40 z-10 transition duration-500"/>
                     <motion.div
                         variants={variants}
                         className="h-full w-full relative bg-gray-50 dark:bg-black"
diff --git a/components/aceternity/ui/infinite-moving-cards.tsx b/components/aceternity/ui/infinite-moving-cards.tsx
index 115c219..7d6f83f 100644
--- a/components/aceternity/ui/infinite-moving-cards.tsx
+++ b/components/aceternity/ui/infinite-moving-cards.tsx
@@ -7,7 +7,7 @@ import Marquee from "react-fast-marquee";
 export const InfiniteMovingCards = React.memo(({items}: { items: { link: string; title: string; url: string; }[] }) => {
     return (
         <Marquee speed={200} className={"z-0"}>
-            {items.map((item, idx) => (
+            {items.map((item, _) => (
                 <div className={"container px-3 py-5"} key={item.title}>
                     <Link href={item.url} target={"_blank"} passHref>
                         <Card
diff --git a/components/aceternity/ui/lamp.tsx b/components/aceternity/ui/lamp.tsx
index a902b97..198a87a 100644
--- a/components/aceternity/ui/lamp.tsx
+++ b/components/aceternity/ui/lamp.tsx
@@ -1,7 +1,7 @@
 "use client";
 import React from "react";
-import { motion } from "framer-motion";
-import { cn } from "@/components/cn";
+import {motion} from "framer-motion";
+import {cn} from "@/components/cn";
 
 export const LampContainer = ({
                                   children,
@@ -19,8 +19,8 @@ export const LampContainer = ({
         >
             <div className="relative flex w-full flex-1 scale-y-125 items-center justify-center isolate z-0 ">
                 <motion.div
-                    initial={{ opacity: 0.5, width: "15rem" }}
-                    whileInView={{ opacity: 1, width: "30rem" }}
+                    initial={{opacity: 0.5, width: "15rem"}}
+                    whileInView={{opacity: 1, width: "30rem"}}
                     transition={{
                         delay: 0.3,
                         duration: 0.8,
@@ -31,12 +31,14 @@ export const LampContainer = ({
                     }}
                     className="absolute inset-auto right-1/2 h-56 overflow-visible w-[30rem] bg-gradient-conic from-cyan-500 via-transparent to-transparent text-white [--conic-position:from_70deg_at_center_top]"
                 >
-                    <div className="absolute  w-[100%] left-0 bg-slate-950 h-40 bottom-0 z-20 [mask-image:linear-gradient(to_top,white,transparent)]" />
-                    <div className="absolute  w-40 h-[100%] left-0 bg-slate-950  bottom-0 z-20 [mask-image:linear-gradient(to_right,white,transparent)]" />
+                    <div
+                        className="absolute  w-[100%] left-0 bg-slate-950 h-40 bottom-0 z-20 [mask-image:linear-gradient(to_top,white,transparent)]"/>
+                    <div
+                        className="absolute  w-40 h-[100%] left-0 bg-slate-950  bottom-0 z-20 [mask-image:linear-gradient(to_right,white,transparent)]"/>
                 </motion.div>
                 <motion.div
-                    initial={{ opacity: 0.5, width: "15rem" }}
-                    whileInView={{ opacity: 1, width: "30rem" }}
+                    initial={{opacity: 0.5, width: "15rem"}}
+                    whileInView={{opacity: 1, width: "30rem"}}
                     transition={{
                         delay: 0.3,
                         duration: 0.8,
@@ -47,15 +49,18 @@ export const LampContainer = ({
                     }}
                     className="absolute inset-auto left-1/2 h-56 w-[30rem] bg-gradient-conic from-transparent via-transparent to-cyan-500 text-white [--conic-position:from_290deg_at_center_top]"
                 >
-                    <div className="absolute  w-40 h-[100%] right-0 bg-slate-950  bottom-0 z-20 [mask-image:linear-gradient(to_left,white,transparent)]" />
-                    <div className="absolute  w-[100%] right-0 bg-slate-950 h-40 bottom-0 z-20 [mask-image:linear-gradient(to_top,white,transparent)]" />
+                    <div
+                        className="absolute  w-40 h-[100%] right-0 bg-slate-950  bottom-0 z-20 [mask-image:linear-gradient(to_left,white,transparent)]"/>
+                    <div
+                        className="absolute  w-[100%] right-0 bg-slate-950 h-40 bottom-0 z-20 [mask-image:linear-gradient(to_top,white,transparent)]"/>
                 </motion.div>
                 <div className="absolute top-1/2 h-48 w-full translate-y-12 scale-x-150 bg-slate-950 blur-2xl"></div>
                 <div className="absolute top-1/2 z-50 h-48 w-full bg-transparent opacity-10 backdrop-blur-md"></div>
-                <div className="absolute inset-auto z-50 h-36 w-[28rem] -translate-y-1/2 rounded-full bg-cyan-500 opacity-50 blur-3xl"></div>
+                <div
+                    className="absolute inset-auto z-50 h-36 w-[28rem] -translate-y-1/2 rounded-full bg-cyan-500 opacity-50 blur-3xl"></div>
                 <motion.div
-                    initial={{ width: "8rem" }}
-                    whileInView={{ width: "16rem" }}
+                    initial={{width: "8rem"}}
+                    whileInView={{width: "16rem"}}
                     transition={{
                         delay: 0.3,
                         duration: 0.8,
@@ -64,8 +69,8 @@ export const LampContainer = ({
                     className="absolute inset-auto z-30 h-36 w-full -translate-y-[6rem] rounded-full bg-cyan-400 blur-2xl"
                 ></motion.div>
                 <motion.div
-                    initial={{ width: "15rem" }}
-                    whileInView={{ width: "30rem" }}
+                    initial={{width: "15rem"}}
+                    whileInView={{width: "30rem"}}
                     transition={{
                         delay: 0.3,
                         duration: 0.8,
diff --git a/components/aceternity/ui/tabs.tsx b/components/aceternity/ui/tabs.tsx
index 6839b94..25c3651 100644
--- a/components/aceternity/ui/tabs.tsx
+++ b/components/aceternity/ui/tabs.tsx
@@ -50,7 +50,7 @@ const Tabs = React.memo(({
         newTabs.unshift(selectedTab[0]);
         setTabs(newTabs);
         setActive(newTabs[0]);
-    }, 300);
+    }, 75);
 
     return (
         <>
diff --git a/components/navbar.tsx b/components/navbar.tsx
index ff5f127..55c1126 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -17,7 +17,7 @@ import clsx from "clsx";
 
 import {ThemeSwitch} from "@/components/theme-switch";
 import {GithubIcon, HeartFilledIcon, InstagramIcon, LoginIcon, YoutubeIcon} from "@/components/icons";
-import React, {useState} from "react";
+import React from "react";
 import {useAuth0} from "@auth0/auth0-react";
 import {
     DropdownMenu,
@@ -31,8 +31,7 @@ import {
 } from "@/components/shadcn/ui/dropdown-menu";
 
 const Profile = React.memo(() => {
-    const {user, isAuthenticated, isLoading, logout} = useAuth0();
-    const [menuOpen, setMenuOpen] = useState(false);
+    const {user, logout} = useAuth0();
 
     const name = user?.name;
     const picture = user?.picture;
@@ -67,16 +66,11 @@ const Profile = React.memo(() => {
 Profile.displayName = "DesktopProfile"
 
 const ProfileMenu = React.memo(() => {
-    const {user, isAuthenticated, isLoading, logout} = useAuth0();
-    const [menuOpen, setMenuOpen] = useState(false);
+    const {user, logout} = useAuth0();
 
     const name = user?.name;
     const picture = user?.picture;
 
-    const toggleMenu = () => {
-        setMenuOpen(!menuOpen);
-    };
-
     const handleLogout = () => {
         logout({logoutParams: {returnTo: window.location.origin}});
     };
diff --git a/components/youtube.tsx b/components/youtube.tsx
index 86422d2..0d8a5f0 100644
--- a/components/youtube.tsx
+++ b/components/youtube.tsx
@@ -13,7 +13,7 @@ const YouTubePlayer: React.FC<YouTubePlayerProps> = ({videoId}) => {
         // Simulate loading delay
         const timeout = setTimeout(() => {
             setLoaded(true);
-        }, 2000);
+        }, 1200);
 
         return () => clearTimeout(timeout);
     }, []);
diff --git a/tailwind.config.js b/tailwind.config.js
index 7ec26e0..c6c3b56 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -80,8 +80,8 @@ const config = {
                     },
                 },
                 "meteor": {
-                    "0%": { transform: "rotate(215deg) translateX(0)", opacity: "1" },
-                    "70%": { opacity: "1" },
+                    "0%": {transform: "rotate(215deg) translateX(0)", opacity: "1"},
+                    "70%": {opacity: "1"},
                     "100%": {
                         transform: "rotate(215deg) translateX(-500px)",
                         opacity: "0",