fixed sliding gallery, fixed styling

app/page.tsx

@@ -28,10 +28,6 @@ export default function Home() {
     return () => window.removeEventListener("resize", handleResize);
   }, []);
 
-  const handleLogin = () => {
-    router.push("/login");
-  };
-
   return (
     <BackgroundWrapper>
       <div className="mx-10 h-screen">
@@ -62,7 +58,7 @@ export default function Home() {
           {/* Action Buttons */}
           <div className="flex flex-col gap-4">
             <button
-              onClick={handleLogin}
+              onClick={() => router.push("/login")}
               className="w-full h-[60px] flex justify-center items-center border border-[#113768] rounded-full bg-transparent hover:bg-[#113768] hover:text-white transition-colors duration-200"
             >
               <span