Correções na API

Author: Geovane2dd

app/page.js

@@ -13,10 +13,10 @@ const HeroSection = () => {
         <div className="row">
           <div className="col-lg-12">
             <div className="hero-content">
-              <Image src="/B3API.png" width={140} height={140} alt="B3API logo" priority={true} />
-              <h1 className="hero-title display-3 fw-bold">B3API</h1>
+              <Image src="/B3API.png" width={140} height={140} alt="B3API logo" priority={true} className="rounded-circle" />
+              <h1 className="hero-title display-4 fw-bold">B3API</h1>
               <p className="lead text-muted fs-5 mb-4">Sua fonte confiável de dados em tempo real sobre ações, cotações e índices do mercado financeiro brasileiro.</p>
-              <Link href="/docs" className="btn btn-primary btn-lg rounded-pill shadow-lg py-3">Comece Agora</Link>
+              <Link href="/docs" className="btn btn-primary btn-lg rounded-pill shadow-sm py-3 px-5">Comece Agora</Link>
             </div>
           </div>
         </div>
@@ -43,11 +43,11 @@ const FeatureSection = () => {
 const FeatureItem = ({ title, text, color, icon }) => {
   return (
     <div className="col-lg-4 mb-4">
-      <div className={`card text-dark bg-${color} bg-opacity-25 shadow-lg rounded-pill py-4`}>
+      <div className={`card text-dark bg-${color} bg-opacity-25 shadow-sm rounded-4 py-4`}>
         <div className="card-body">
           <i className={`fas fa-${icon} fa-3x mb-3`} />
           <h5 className="card-title fw-bold">{title}</h5>
-          <p className="card-text">{text}</p>
+          <p className="card-text text-muted">{text}</p>
         </div>
       </div>
     </div>

components/DocsMenu.js

@@ -17,23 +17,29 @@ const DocsMenu = () => {
         </Card.Title>
         <ListGroup variant="flush">
           <ListGroup.Item className="border-0 p-0 mb-2">
-            <Link href="/docs/introduction" passHref
-                className={`text-decoration-none d-block py-2 px-3 rounded transition ${
-                  router.pathname === '/docs/introduction' ? 'bg-primary text-white' : 'text-dark'
-                }`}
-                style={{ fontSize: '1.2rem', fontWeight: '500' }}
-              >
-                <FontAwesomeIcon icon={faInfoCircle} className="me-2" /> Introdução
+            <Link
+              href="/docs/introduction"
+              passHref
+              className={`text-decoration-none d-block py-2 px-3 rounded transition ${
+                router.pathname === '/docs/introduction' ? 'bg-primary text-white' : 'text-dark'
+              }`}
+              style={{ fontSize: '1.2rem', fontWeight: '500' }}
+              aria-current={router.pathname === '/docs/introduction' ? 'page' : undefined}
+            >
+              <FontAwesomeIcon icon={faInfoCircle} className="me-2" /> Introdução
             </Link>
           </ListGroup.Item>
           <ListGroup.Item className="border-0 p-0 mb-2">
-            <Link href="/docs/endpoints" passHref
-                className={`text-decoration-none d-block py-2 px-3 rounded transition ${
-                  router.pathname === '/docs/endpoints' ? 'bg-primary text-white' : 'text-dark'
-                }`}
-                style={{ fontSize: '1.2rem', fontWeight: '500' }}
-              >
-                <FontAwesomeIcon icon={faLink} className="me-2" /> Endpoints
+            <Link
+              href="/docs/endpoints"
+              passHref
+              className={`text-decoration-none d-block py-2 px-3 rounded transition ${
+                router.pathname === '/docs/endpoints' ? 'bg-primary text-white' : 'text-dark'
+              }`}
+              style={{ fontSize: '1.2rem', fontWeight: '500' }}
+              aria-current={router.pathname === '/docs/endpoints' ? 'page' : undefined}
+            >
+              <FontAwesomeIcon icon={faLink} className="me-2" /> Endpoints
             </Link>
           </ListGroup.Item>
         </ListGroup>

components/Footer.js

@@ -8,7 +8,23 @@ const BoostrapFooter = () => {
     <footer className="bg-dark text-white text-center py-4 mt-5">
       <div className="container">
         <p className="mb-2 footer-text">
-          &copy; {currentYear} <Link href="https://github.com/GeovaneDev" passHref className="text-white text-decoration-none">GeovaneDev</Link>. <a href="https://github.com/GeovaneDev/B3API/blob/main/LICENSE" className="text-white">Licença MIT</a>
+          &copy; {currentYear}{' '}
+          <Link
+            href="https://github.com/Geovane2Dev"
+            passHref
+            className="text-white text-decoration-none"
+            aria-label="GitHub Profile"
+          >
+            Geovane2Dev
+          </Link>
+          .{' '}
+          <a
+            href="https://github.com/Geovane2Dev/B3API/blob/main/LICENSE"
+            className="text-white"
+            aria-label="MIT License"
+          >
+            Licença MIT
+          </a>
         </p>
         <p className="mb-0 footer-text">
           <Link href="/terms" passHref className="text-white text-decoration-none">Termos de Serviço</Link>

components/Navbar.js

@@ -22,7 +22,14 @@ const BoostrapNavbar = () => {
               <Link href="/docs" passHref className="btn btn-primary rounded-pill px-4 py-3 text-uppercase" style={{ fontSize: '1rem', fontWeight: '600' }}>Documentação</Link>
             </Nav.Item>
             <Nav.Item>
-              <Link href="https://github.com/GeovaneDev/B3API" passHref className="nav-link d-flex align-items-center" target="_blank" rel="noopener noreferrer">
+              <Link
+                href="https://github.com/Geovane2Dev/B3API"
+                passHref
+                className="nav-link d-flex align-items-center"
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label="GitHub Repository"
+              >
                 <FontAwesomeIcon icon={faGithub} size="lg" />
                 <span className="ms-2">GitHub</span>
               </Link>