feat: revisão inicial

Author: wilcorrea

src/components/Footer.tsx

@@ -95,7 +95,7 @@ const Footer = () => {
                   to="/effulgence"
                   className="text-muted-foreground hover:text-primary transition-colors"
                 >
-                  Effulgence <Soon className="text-2xs p-0 px-[4px] text-background bg-red-300" />
+                  Effulgence <Soon className="text-2xs p-0 px-[4px] text-white dark:text-background dark:bg-red-300" />
                 </Link>
               </li>
             </ul>
@@ -121,12 +121,12 @@ const Footer = () => {
                 </a>
               </li>
               <li>
-                <a
-                  href="#guides"
+                <Link
+                  to="/docs/guides"
                   className="text-muted-foreground hover:text-primary transition-colors"
                 >
                   Guias
-                </a>
+                </Link>
               </li>
             </ul>
           </div>
@@ -163,10 +163,16 @@ const Footer = () => {
             </a>
           </div>
           <div className="flex space-x-6 md:mt-0 py-2">
-            <Link to="/privacy" className="text-muted-foreground hover:text-primary transition-colors">
+            <Link
+              to="/privacy"
+              className="text-muted-foreground hover:text-primary transition-colors"
+            >
               Privacidade
             </Link>
-            <Link to="/terms" className="text-muted-foreground hover:text-primary transition-colors">
+            <Link
+              to="/terms"
+              className="text-muted-foreground hover:text-primary transition-colors"
+            >
               Termos
             </Link>
           </div>

src/components/Soon.tsx

@@ -8,7 +8,7 @@ interface SoonProps {
 export function Soon({ className }: SoonProps = {}) {
   return (
     <Badge className={cn(
-      "text-xs text-white border-transparent animate-pulse bg-red-500 text-red-500-foreground hover:bg-red-500/80",
+      "text-xs text-white border-transparent animate-pulse bg-red-500 hover:bg-red-500/80",
       className
     )}>
       Em Breve

src/pages/NotFound.tsx

@@ -1,24 +1,21 @@
-import { useLocation } from "react-router-dom";
+import { Link, useLocation } from "react-router-dom";
 import { useEffect } from "react";
 
 const NotFound = () => {
   const location = useLocation();
 
   useEffect(() => {
-    console.error(
-      "404 Error: User attempted to access non-existent route:",
-      location.pathname
-    );
+    console.error("404 Error: User attempted to access non-existent route:", location.pathname);
   }, [location.pathname]);
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-100">
       <div className="text-center">
         <h1 className="text-4xl font-bold mb-4">404</h1>
         <p className="text-xl text-gray-600 mb-4">Oops! Page not found</p>
-        <a href="/" className="text-blue-500 hover:text-blue-700 underline">
-          Return to Home
-        </a>
+        <Link to="/" className="text-blue-500 hover:text-blue-700 underline">
+          Voltar para a página inicial
+        </Link>
       </div>
     </div>
   );