From 1a27642d0c315f4a442c09709743acd91b75082f Mon Sep 17 00:00:00 2001
From: Eduarda Santos <mesps@cin.ufpe.br>
Date: Wed, 13 Mar 2024 10:26:00 -0300
Subject: [PATCH 1/3] Ajusta tamanho do menu

---
 src/components/Menu/styles.module.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Menu/styles.module.css b/src/components/Menu/styles.module.css
index 0315388..ada3362 100644
--- a/src/components/Menu/styles.module.css
+++ b/src/components/Menu/styles.module.css
@@ -92,11 +92,11 @@
 
 @media (max-width: 1000px) {
   .title h1 {
-    font-size: 36px;
+    font-size: 2rem;
   }
 
   .title h2 {
-    font-size: 24px;
+    font-size: 1.7rem;
   }
 
   .menu {
@@ -114,7 +114,7 @@
   }
   
   .menuButton {
-    font-size: 1rem;
+    font-size: 1.5rem;
   }
 
   .container {

From 21e387cd5926759b459ca6c2479fe5a2324c0a40 Mon Sep 17 00:00:00 2001
From: Eduarda Santos <mesps@cin.ufpe.br>
Date: Wed, 13 Mar 2024 10:35:50 -0300
Subject: [PATCH 2/3] Ajusta estilo do menu

---
 src/components/Menu/index.tsx         |  2 +-
 src/components/Menu/styles.module.css | 22 ++++++++++++----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx
index a7b7dc4..d3afb51 100644
--- a/src/components/Menu/index.tsx
+++ b/src/components/Menu/index.tsx
@@ -15,7 +15,7 @@ export default function Menu() {
   return (
     <menu className={styles.container}>
       <div className={styles.principal}>
-        <div className={styles.title} onClick={handleClick('/')}>
+        <div className={styles.menuTitle} onClick={handleClick('/')}>
           <h1>CINEMA DE RUA</h1>
           <h2>DO RECIFE</h2>
         </div>
diff --git a/src/components/Menu/styles.module.css b/src/components/Menu/styles.module.css
index ada3362..d9ad34d 100644
--- a/src/components/Menu/styles.module.css
+++ b/src/components/Menu/styles.module.css
@@ -9,23 +9,23 @@
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 }
 
-.title {
+.menuTitle {
   flex-direction: column;
 }
 
-.title:hover {
+.menuTitle:hover {
   cursor: pointer;
 }
 
-.title h1, 
-.title h2 {
+.menuTitle h1, 
+.menuTitle h2 {
   font-family: var(--favela-font);
   color: #F3E8D5;
   font-weight: 400;
   font-size: 48px;
 }
 
-.title h2 {
+.menuTitle h2 {
   font-size: 36px;
 }
 
@@ -91,12 +91,12 @@
 }
 
 @media (max-width: 1000px) {
-  .title h1 {
-    font-size: 2rem;
+  .menuTitle h1 {
+    font-size: 1.8rem;
   }
 
-  .title h2 {
-    font-size: 1.7rem;
+  .menuTitle h2 {
+    font-size: 1.5rem;
   }
 
   .menu {
@@ -108,13 +108,15 @@
   }
 
   .open {
-    height: 360px;
+    height: 470px;
     padding-top: 20px;
+    padding-bottom: 20px;
     opacity: 100;
   }
   
   .menuButton {
     font-size: 1.5rem;
+    padding: 15px 10px;
   }
 
   .container {

From bcf99e2f82c13e8b53be91c29a35909366b0c12f Mon Sep 17 00:00:00 2001
From: Eduarda Santos <mesps@cin.ufpe.br>
Date: Wed, 13 Mar 2024 11:06:08 -0300
Subject: [PATCH 3/3] =?UTF-8?q?Muda=20o=20comportamento=20do=20menu=20para?=
 =?UTF-8?q?=20funcionar=20corretamente=20quando=20n=C3=A3o=20estiver=20na?=
 =?UTF-8?q?=20home?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Menu/index.tsx                 | 15 ++++++++-------
 src/components/Menu/styles.module.css         |  8 ++++----
 src/components/SessionAffection/index.tsx     |  2 +-
 src/components/SessionAppreciation/index.tsx  |  2 +-
 src/components/SessionDisappearance/index.tsx |  2 +-
 src/components/SessionImportance/index.tsx    |  2 +-
 6 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx
index d3afb51..d448efd 100644
--- a/src/components/Menu/index.tsx
+++ b/src/components/Menu/index.tsx
@@ -2,6 +2,7 @@
 
 import styles from "./styles.module.css";
 import { useState } from "react";
+import Link from "next/link";
 
 
 
@@ -26,25 +27,25 @@ export default function Menu() {
       
       <div className={[styles.menu, menuOpen ? styles.open : ""].join(' ')}>
         <li>
-          <a className={styles.menuButton} onClick={handleClick('/')}>INÍCIO</a>
+          <Link className={styles.menuButton} href='/'>INÍCIO</Link>
         </li>
         <li>
-          <a className={styles.menuButton} href="#importance">CINEMA DE RUA</a>
+          <Link className={styles.menuButton} href="/#cinema-de-rua">CINEMA DE RUA</Link>
         </li>
         <li>
-          <a className={styles.menuButton} href="#appreciation">VALORIZAÇÃO</a>
+          <Link className={styles.menuButton} href="/#valorizacao">VALORIZAÇÃO</Link>
         </li>
         <li>
-          <a className={styles.menuButton} href="#affection">AFETIVIDADE</a>
+          <Link className={styles.menuButton} href="/#afetividade">AFETIVIDADE</Link>
         </li>
         <li>
-          <a className={styles.menuButton} href="#panorama">PANORAMA</a>
+          <Link className={styles.menuButton} href="/#panorama">PANORAMA</Link>
         </li>
         <li>
-          <a className={styles.menuButton} href="#disappearance">O QUE FAZER?</a>
+          <Link className={styles.menuButton} href="/#o-que-fazer">O QUE FAZER?</Link>
         </li>
         <li>
-          <a className={styles.menuButton} onClick={handleClick('/about')}>O PROJETO</a>
+          <Link className={styles.menuButton} href='/about'>O PROJETO</Link>
         </li>
       </div>
     </menu>
diff --git a/src/components/Menu/styles.module.css b/src/components/Menu/styles.module.css
index d9ad34d..c6393b9 100644
--- a/src/components/Menu/styles.module.css
+++ b/src/components/Menu/styles.module.css
@@ -108,14 +108,14 @@
   }
 
   .open {
-    height: 470px;
+    height: 440px;
     padding-top: 20px;
     padding-bottom: 20px;
     opacity: 100;
   }
   
   .menuButton {
-    font-size: 1.5rem;
+    font-size: 1.2rem;
     padding: 15px 10px;
   }
 
@@ -134,12 +134,12 @@
 
 @media (max-width: 768px) {
   .container {
-    padding: 25px 40px;
+    padding: 15px 40px;
   }
 }
 
 @media (max-width: 667px) {
   .container {
-    padding: 25px 20px;
+    padding: 15px 20px;
   }
 }
\ No newline at end of file
diff --git a/src/components/SessionAffection/index.tsx b/src/components/SessionAffection/index.tsx
index e60d386..7d66e5f 100644
--- a/src/components/SessionAffection/index.tsx
+++ b/src/components/SessionAffection/index.tsx
@@ -5,7 +5,7 @@ import styles from "./styles.module.css";
 
 export default function SessionAffection() {
   return (
-    <div className={styles.container} id="affection">
+    <div className={styles.container} id="afetividade">
       <div className={styles.wrapper}>
         <section className={styles.author}>
           <h1>AFETIVIDADE</h1>
diff --git a/src/components/SessionAppreciation/index.tsx b/src/components/SessionAppreciation/index.tsx
index 1f8af3f..4e1d013 100644
--- a/src/components/SessionAppreciation/index.tsx
+++ b/src/components/SessionAppreciation/index.tsx
@@ -28,7 +28,7 @@ export default function SessionAppreciation() {
           <p>É necessário refletir, dada a importância do cinema de rua, sobre como construir e incorporar esse tipo de cinema ao tecido urbano e à vida da cidade atual. A lógica do cinema de rua não envolve a lógica comercial, na realidade, cumpre um papel em termos ambientais, econômicos e culturais. A característica mais particular é a de possibilitar o conhecimento e trazer sessões que dialoguem com o público de modo acessível e democrático.</p>        
         </section>
 
-        <section className={styles.author} id="appreciation">
+        <section className={styles.author} id="valorizacao">
           <h1 className={styles.title}>A VALORIZAÇÃO DOS CINEMAS DE RUA</h1>
           <h2>como equipamentos culturais <br /> que preservam a história</h2>
           <h4>Thiago Freire</h4>
diff --git a/src/components/SessionDisappearance/index.tsx b/src/components/SessionDisappearance/index.tsx
index 908d376..919ab06 100644
--- a/src/components/SessionDisappearance/index.tsx
+++ b/src/components/SessionDisappearance/index.tsx
@@ -5,7 +5,7 @@ import styles from "./styles.module.css";
 
 export default function SessionDisappearance() {
   return (
-    <div className={styles.container} id="disappearance">
+    <div className={styles.container} id="o-que-fazer">
       <div className={styles.wrapper}>
         <section className={styles.author}>
           <h1>COMO IMPEDIR O SUMIÇO DESTA FERRAMENTA?</h1>
diff --git a/src/components/SessionImportance/index.tsx b/src/components/SessionImportance/index.tsx
index 43f6d92..482e109 100644
--- a/src/components/SessionImportance/index.tsx
+++ b/src/components/SessionImportance/index.tsx
@@ -10,7 +10,7 @@ export default function SessionImportance() {
         <h1 className={styles.title}>OCUPAÇÃO DO ESPAÇO PÚBLICO PELA ÓTICA DO CINEMA EM RECIFE - CULTURA É RESISTÊNCIA!</h1>
         <img className={styles.image} src="./images/cinema.svg" alt="" />
 
-        <section className={styles.author} id="importance">
+        <section className={styles.author} id="cinema-de-rua">
           <h1>CINEMA DE RUA</h1>
           <h2>e sua importância</h2>
           <h4>Beatriz Severo</h4>