Fix/move signup link (#179)

Ajustado link de cadastro na tela de login e layout da landing page.

Author: nayarakarinesilva

frontend/src/domains/auth/presentation/components/LoginFormPanel.tsx

@@ -168,15 +168,7 @@ export default function RightSide() {
             <span className="text-purple-500">!</span>
             <span className="text-blue-500 font-light">&gt;</span>
           </h2>
-          <p className="mt-4 text-sm text-gray-500 dark:text-neutral-400 font-medium">
-            Novo por aqui?{" "}
-            <a
-              href="/register"
-              className="font-semibold bg-gradient-to-r from-blue-600 to-purple-500 bg-clip-text text-transparent dark:from-blue-400 dark:to-purple-400 underline underline-offset-2 hover:opacity-80 transition-opacity"
-            >
-              Cadastre-se
-            </a>
-          </p>
+          
         </div>
       </div>
       <form
@@ -282,6 +274,15 @@ export default function RightSide() {
         >
           {isLoading ? "Entrando..." : "Entrar"}
         </motion.button>
+        <p className="mt-4 text-sm text-center text-gray-500 dark:text-neutral-400 font-medium">
+            Novo por aqui?{" "}
+            <a
+              href="/register"
+              className="font-semibold bg-gradient-to-r from-blue-600 to-purple-500 bg-clip-text text-transparent dark:from-blue-400 dark:to-purple-400 underline underline-offset-2 hover:opacity-80 transition-opacity"
+            >
+              Cadastre-se
+            </a>
+          </p>
       </form>
       <div className="relative z-10 w-full max-w-2xl mx-auto">
         <div className="relative mb-6">

frontend/src/domains/marketing/presentation/components/Footer.tsx

@@ -1,6 +1,4 @@
 import { Github } from "lucide-react";
-import LogoWhite from "@/shared/assets/logo-painel-vagas.svg";
-import LogoBlack from "@/shared/assets/black.svg";
 
 export function Footer() {
   return (
@@ -28,7 +26,7 @@ export function Footer() {
             <ul className="space-y-4 text-gray-500 dark:text-gray-400">
               <li><a href="#features" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Funcionalidades</a></li>
               <li><a href="#how-it-works" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Como Funciona</a></li>
-              <li><a href="#pricing" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Preços</a></li>
+              {/* <li><a href="#pricing" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Preços</a></li> */}
               <li><a href="#status" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Status</a></li>
             </ul>
           </div>

frontend/src/domains/marketing/presentation/components/HeroSection.tsx

@@ -1,73 +1,25 @@
-import { motion, useScroll, useTransform } from "framer-motion";
+import { motion } from "framer-motion";
 import { ArrowRight, Play } from "lucide-react";
 import { useRef } from "react";
 import { Link } from "react-router-dom";
 
-const STATIC_STARS = Array.from({ length: 80 }).map((_, i) => {
-  const random = (min: number, max: number) => Math.random() * (max - min) + min;
-  return {
-    id: i,
-    top: `${random(0, 100)}%`,
-    left: `${random(0, 100)}%`,
-    size: random(1, 3),
-    delay: random(0, 5),
-    duration: random(2, 6),
-  };
-});
-
-function StarsBackground() {
-  return (
-    <div className="absolute inset-0 overflow-hidden pointer-events-none">
-      {STATIC_STARS.map((star) => (
-        <motion.div
-          key={star.id}
-          className="absolute rounded-full bg-blue-900/30 dark:bg-white"
-          style={{
-            top: star.top,
-            left: star.left,
-            width: star.size,
-            height: star.size,
-          }}
-          animate={{
-            opacity: [0.2, 1, 0.2],
-            scale: [1, 1.2, 1],
-          }}
-          transition={{
-            duration: star.duration,
-            repeat: Infinity,
-            delay: star.delay,
-            ease: "easeInOut",
-          }}
-        />
-      ))}
-    </div>
-  );
-}
-
 export function HeroSection() {
   const ref = useRef(null);
-  const { scrollYProgress } = useScroll({
-    target: ref,
-    offset: ["start start", "end start"],
-  });
-
-  const backgroundY = useTransform(scrollYProgress, [0, 1], ["0%", "50%"]);
-  const textY = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
 
   return (
-    <section ref={ref} className="relative min-h-[90vh] flex flex-col items-center justify-start pt-16 md:pt-24 pb-0 overflow-hidden bg-transparent font-sans">
+    <section
+      ref={ref}
+      className="relative min-h-[90vh] flex flex-col items-center justify-start pt-16 md:pt-24 pb-0 overflow-hidden bg-transparent font-sans"
+    >
       <motion.div
-        style={{ y: backgroundY }}
         className="absolute inset-0 pointer-events-none w-full h-[150%]
           bg-[linear-gradient(to_right,rgba(0,0,0,0.03)_1px,transparent_1px),linear-gradient(to_bottom,rgba(0,0,0,0.03)_1px,transparent_1px)]
           dark:bg-[linear-gradient(to_right,rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.02)_1px,transparent_1px)]
           bg-[size:60px_60px]"
-      >
-        <StarsBackground />
-      </motion.div>
+      ></motion.div>
       <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-gradient-to-br from-blue-500/10 via-purple-500/5 to-transparent blur-[120px] rounded-full pointer-events-none" />
 
-      <motion.div style={{ y: textY }} className="relative z-10 max-w-5xl mx-auto px-6 text-center">
+      <motion.div className="relative z-10 max-w-5xl mx-auto px-6 text-center">
         <motion.h1
           initial={{ opacity: 0, y: 30 }}
           animate={{ opacity: 1, y: 0 }}
@@ -88,8 +40,11 @@ export function HeroSection() {
           className="text-lg md:text-xl text-gray-500 dark:text-gray-400 max-w-2xl mx-auto mb-10 leading-relaxed font-medium"
         >
           O <span className="text-blue-500 font-light">&lt;</span>
-          Cand<span className="text-amber-500">!</span>Date<span className="text-purple-500">!</span>
-          <span className="text-blue-500 font-light">&gt;</span> varre dezenas de plataformas automaticamente, transforma candidatos em profissionais preparados e entrega as melhores oportunidades filtradas para você.
+          Cand<span className="text-amber-500">!</span>Date
+          <span className="text-purple-500">!</span>
+          <span className="text-blue-500 font-light">&gt;</span> varre dezenas
+          de plataformas automaticamente, transforma candidatos em profissionais
+          preparados e entrega as melhores oportunidades filtradas para você.
         </motion.p>
 
         <motion.div
@@ -115,9 +70,6 @@ export function HeroSection() {
           </a>
         </motion.div>
       </motion.div>
-
-     
-
     </section>
   );
 }