diff --git a/src/components/hero/eduhelxHero.js b/src/components/hero/eduhelxHero.js
index f896d51..c27416e 100644
--- a/src/components/hero/eduhelxHero.js
+++ b/src/components/hero/eduhelxHero.js
@@ -2,8 +2,6 @@ import * as React from "react";
 import { Box, Typography } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
 import { MaxWidthWrapper } from "../layout/maxWidthWrapper";
-import { Link } from "../link";
-import { Button } from "../button";
 import EduHelxLogo from "../../images/eduhelx/EduHeLx-logo.png"
 const BREAKPOINT = 750;
 
@@ -39,6 +37,7 @@ export const EduHelxHero = ({ content }) => {
         >
           Why Choose <img 
             src={EduHelxLogo} 
+            alt="EduHeLx logo"
             style={{maxWidth: '300px', verticalAlign: 'middle' }}
           /><br/>
           in Your Classroom?
diff --git a/src/components/layout/header.js b/src/components/layout/header.js
index 807ab14..a213599 100644
--- a/src/components/layout/header.js
+++ b/src/components/layout/header.js
@@ -70,7 +70,6 @@ const Toggler = ({ active, clickHandler }) => {
 }
 
 const Menu = ({mainMenuLinks}) => {
-  const theme = useTheme()
 
   return (
     <Fragment>
diff --git a/src/components/sections/illustrationTextSection.js b/src/components/sections/illustrationTextSection.js
index 9e12687..526889a 100644
--- a/src/components/sections/illustrationTextSection.js
+++ b/src/components/sections/illustrationTextSection.js
@@ -2,7 +2,6 @@ import React from "react";
 import { Typography, Box, Stack } from "@mui/material";
 import { styled } from "@mui/system";
 import { MaxWidthWrapper } from "../layout/maxWidthWrapper";
-import { useTheme } from "@emotion/react";
 import { Link } from "../link"
 
 const AboutCard = styled(Box)(({ theme }) => ({
@@ -45,8 +44,7 @@ const TextItem = ({section}) => (
 )
 
 
-export const IllustrationTextSection = ({ content, left, backgroundColor, imageSize, sx }) => {
-  const theme = useTheme();
+export const IllustrationTextSection = ({ content, left, backgroundColor, imageSize }) => {
 
   return (
     <MaxWidthWrapper
diff --git a/src/components/sections/testimonials.js b/src/components/sections/testimonials.js
index 2804431..7b60c24 100644
--- a/src/components/sections/testimonials.js
+++ b/src/components/sections/testimonials.js
@@ -3,7 +3,6 @@ import { MaxWidthWrapper } from "../layout/maxWidthWrapper"
 import { Box, IconButton, Typography, Card, CardContent } from '@mui/material';
 import styled from '@emotion/styled';
 import { ArrowBack, ArrowForward } from '@mui/icons-material';
-import { useTheme } from "@emotion/react";
 
 const CarouselWrapper = styled(Box)({
   display: 'flex',
@@ -70,7 +69,6 @@ const NavigationButton = styled(IconButton)({
 });
 
 export const TestimonialSection = ({ items }) => {
-  const theme = useTheme();
 
   const [currentIndex, setCurrentIndex] = useState(0);
 
diff --git a/src/pages/contact.js b/src/pages/contact.js
index 14091cb..89ce816 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -4,7 +4,7 @@ import { MaxWidthWrapper } from "../components/layout/maxWidthWrapper";
 import { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3'
 import { FeedbackForm } from '../components/feedback-form'
 
-export const Contact = () => {
+const Contact = () => {
 
   return (
     <GoogleReCaptchaProvider