From dad8cc92be93a65ac649a0452bc1fd941d4c3ae1 Mon Sep 17 00:00:00 2001
From: suejinkim20 <kim.suejin.20@gmail.com>
Date: Mon, 18 Nov 2024 10:38:00 -0500
Subject: [PATCH 1/2] update EduHeLx references and fix typo in nav bar

---
 src/components/layout/header.js  | 2 +-
 src/content/features/useCases.js | 2 +-
 src/pages/eduhelx.js             | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/header.js b/src/components/layout/header.js
index 3951a6e..807ab14 100644
--- a/src/components/layout/header.js
+++ b/src/components/layout/header.js
@@ -23,7 +23,7 @@ const mainMenuLinks = [
     slug: 'resources'
   },
   {
-    title: 'EduHelx',
+    title: 'EduHeLx',
     slug: 'eduhelx'
   }
 ]
diff --git a/src/content/features/useCases.js b/src/content/features/useCases.js
index ba217fe..7fd0949 100644
--- a/src/content/features/useCases.js
+++ b/src/content/features/useCases.js
@@ -9,7 +9,7 @@ export const useCases = [
     "heading": "EduHeLx",
     "paragraph": "EduHeLx empowers students to explore the field of data science in an environment which prioritizes student investigation, focus, and cooperative discovery. EduHeLx instances are launched for each individual educator and course, making them fully customizable and unique for the students and course material. EduHeLx is currently deployed for select UNC-Chapel Hill courses.",
     "linkText": "Learn about EduHeLx here",
-    "linkURL": "https://renci.org/blog/eduhelx-a-cloud-based-programming-platform-for-data-science-education/"
+    "linkURL": "/eduhelx"
   },
   {
     "image": SciDAS,
diff --git a/src/pages/eduhelx.js b/src/pages/eduhelx.js
index 84b6747..f46c912 100644
--- a/src/pages/eduhelx.js
+++ b/src/pages/eduhelx.js
@@ -12,7 +12,7 @@ import { EduHelxIllustrationTextSection, FeaturesSection, HeadingSection, Testim
 import { Subfooter } from '../components/layout/subfooter'
 import { useTheme } from "@emotion/react";
 
-const EduHelxPage = () => {
+const EduHeLxPage = () => {
   const theme = useTheme();
 
   return (
@@ -49,6 +49,6 @@ const EduHelxPage = () => {
   )
 }
 
-export default EduHelxPage
+export default EduHeLxPage
 
-export const Head = () => <title>EduHelx Page</title>
+export const Head = () => <title>EduHeLx Page</title>

From 553df28ba856733ee2af4351a7755a0b3d51aabe Mon Sep 17 00:00:00 2001
From: suejinkim20 <kim.suejin.20@gmail.com>
Date: Mon, 18 Nov 2024 11:18:34 -0500
Subject: [PATCH 2/2] remove unneeded imports

---
 src/components/hero/eduhelxHero.js                 | 3 +--
 src/components/layout/header.js                    | 1 -
 src/components/sections/illustrationTextSection.js | 4 +---
 src/components/sections/testimonials.js            | 2 --
 src/pages/contact.js                               | 2 +-
 5 files changed, 3 insertions(+), 9 deletions(-)

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