0272e94

← Histórico

featadiciona chamada de contato na página inicial

0272e94+490Ver no GitHub

src/app/page.module.cssmodificado

@@ -178,6 +178,36 @@
   margin-top: 0.15rem;
 }
 
+.contact {
+  max-width: 40rem;
+  margin-top: 2.5rem;
+  padding-top: 2rem;
+  border-top: 1px solid var(--border-color);
+}
+
+.contactTitle {
+  margin: 0 0 0.75rem;
+  color: var(--text-color);
+  font-size: var(--font-size-lg);
+}
+
+.contact p {
+  margin: 0 0 0.75rem;
+  color: var(--text-color-prose);
+  line-height: 1.7;
+}
+
+.contactLink {
+  color: var(--primary-color);
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+  text-decoration: none;
+}
+
+.contactLink:hover {
+  text-decoration: underline;
+}
+
 @media (max-width: 768px) {
   .columns {
     grid-template-columns: 1fr;

src/app/page.tsxmodificado

@@ -146,6 +146,25 @@ const Home = () => {
           <Link href="/blog">Todos os posts</Link>
         </p>
       </section>
+
+      <section className={styles.contact} aria-labelledby="contato">
+        <h2 id="contato" className={styles.contactTitle}>
+          Vamos conversar?
+        </h2>
+        <p>
+          Se quiser conversar sobre desenvolvimento de software, arquitetura,
+          liderança técnica ou algum dos projetos deste site, entre em contato
+          pelo LinkedIn.
+        </p>
+        <a
+          href={socialLinks.linkedin}
+          className={styles.contactLink}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Entrar em contato pelo LinkedIn →
+        </a>
+      </section>
     </div>
   );
 };