solve compiler issues

components/menu.tsx

@@ -10,7 +10,7 @@ export default function Menu() {
             <div className="container">
                 <Link href="/">
                     <a>
-                        <Image src={logo} />
+                        <Image src={logo} alt="dubbelnull logo" />
                         <h2>{process.env.NEXT_PUBLIC_NAME?.toUpperCase()}</h2>
                     </a>
                 </Link>

pages/about.tsx

@@ -19,7 +19,7 @@ export default function Index() {
                 <article className="content">
 
                     <section>
-                        <h2>ℹ️ About DubbelNull</h2>
+                        <h2>{"ℹ️ About DubbelNull"}</h2>
                         <h5>
                             {"We are a new and small IT business from The Netherlands developing and designing all sorts of applications for clients. "}
                             {"In January of 2021 DubbelNull was founded by Marco and their son Pascal as a result from their passion for IT. "}
@@ -38,7 +38,7 @@ export default function Index() {
                     <hr/>
 
                     <section style={{textAlign: "center"}} id="technologies">
-                        <h2>We 💖 the newest tech</h2>
+                        <h2>{"We 💖 the newest tech"}</h2>
 
                         <div style={{display: "flex", flexWrap: "wrap", gap: "var(--padding-sm)", justifyContent: "center"}}>
                             <StyledButton>#wordpress</StyledButton>
@@ -54,7 +54,7 @@ export default function Index() {
                             <StyledButton>#php</StyledButton>
                         </div>
 
-                        <h3>and we're always eager to learn new stuff!</h3>
+                        <h3>{"and we're always eager to learn new stuff!"}</h3>
                     </section>    
 
                     <hr/>     
@@ -63,10 +63,10 @@ export default function Index() {
 
                         <div className={styles.aboutSectionReverse}>
                             <div>
-                                <Image src={marco} />
+                                <Image src={marco} alt="picture of marco van ginkel" />
                             </div>
                             <div>
-                                <h3>💼 Marco van Ginkel — <span className={styles.tag}>Client relations & communication</span></h3>
+                                <h3>{"💼 Marco van Ginkel — "}<span className={styles.tag}>{"Client relations & communication"}</span></h3>
                                 <p>
                                     {"lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet "}
                                 </p>
@@ -77,7 +77,7 @@ export default function Index() {
 
                         <div className={styles.aboutSection}>
                             <div>
-                                <h3>🐱‍💻 Pascal van Ginkel — <span className={styles.tag}>Full-stack webdeveloper</span></h3>
+                                <h3>{"🐱‍💻 Pascal van Ginkel — "}<span className={styles.tag}>{"Full-stack webdeveloper"}</span></h3>
                                 <p>
                                     {"Hello, I'm Pascal. The person behind the majority of development at DubbelNull. "}
                                     {"I have a passion for everything tech and always dive into new technologies, but my favorite by far is webdevelopment. "}
@@ -86,7 +86,7 @@ export default function Index() {
                                 </p>
                             </div>
                             <div>
-                                <Image src={pascal} />
+                                <Image src={pascal} alt="picture of mid" />
                             </div>
                         </div>