From 871d7a1d46b51714e40090b6fe217007a2a95dcf Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Fri, 5 Sep 2025 09:40:30 -0400
Subject: [PATCH 1/4] fix-images

---
 src/app/genericComponents/EmblaCarousel.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/app/genericComponents/EmblaCarousel.tsx b/src/app/genericComponents/EmblaCarousel.tsx
index 8fc2a19..29ebd18 100644
--- a/src/app/genericComponents/EmblaCarousel.tsx
+++ b/src/app/genericComponents/EmblaCarousel.tsx
@@ -33,12 +33,9 @@ const EmblaCarousel: React.FC<PropType> = (props) => {
           {slides.map((index) => (
             <div className="embla__slide" key={index.index}>
               <div>
-                <Image
+                <img
                   src={index.url}
                   alt={index.alt}
-                  width={800}
-                  height={600}
-                  priority
                   className="embla__slide__image"
                 />
               </div>

From b2a2d759481f50baceea63aacc21abc8dac1f5e2 Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Fri, 5 Sep 2025 09:55:43 -0400
Subject: [PATCH 2/4] fix_uneix-te_a

---
 src/app/components/Hero.tsx         | 11 +++++++++--
 src/app/genericComponents/tokens.ts |  2 ++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/components/Hero.tsx b/src/app/components/Hero.tsx
index 16605e3..cca66a8 100644
--- a/src/app/components/Hero.tsx
+++ b/src/app/components/Hero.tsx
@@ -1,7 +1,10 @@
 import styled from "styled-components";
 import {
+  SmallMobileBreakpoint,
   MobileBreakpoint,
   MobileTitleXL,
+  MobileTitleL,
+  SpacingS,
   SpacingM,
   SpacingXXL,
   TitleXL,
@@ -21,7 +24,7 @@ const Container = styled.div`
   overflow: hidden;
 
   @media (max-width: ${MobileBreakpoint}) {
-    padding: ${SpacingM};
+    padding: ${SpacingS};
   }
 
   &::before {
@@ -51,7 +54,11 @@ const Title = styled.h1`
   @media (max-width: ${MobileBreakpoint}) {
     font-size: ${MobileTitleXL};
   }
-`;
+
+  @media (max-width: ${SmallMobileBreakpoint}) {
+    font-size: ${MobileTitleL};
+  }
+  `;
 
 const ButtonContainer = styled.div`
   display: flex;
diff --git a/src/app/genericComponents/tokens.ts b/src/app/genericComponents/tokens.ts
index e8c6cc3..41e0939 100644
--- a/src/app/genericComponents/tokens.ts
+++ b/src/app/genericComponents/tokens.ts
@@ -42,6 +42,8 @@ export const QuestionBoxBackgroundColor: string = "#304697";
 // Responsive breakpoints
 export const MobilePixels: number = 640;
 export const MobileBreakpoint: string = MobilePixels + "px";
+export const SmallMobilePixels: number = 370;
+export const SmallMobileBreakpoint: string = SmallMobilePixels + "px";
 export const MaxScreenSize: string = "1200px";
 
 // Spacing

From 04859973d114a35184b9164de07537c86b23b814 Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Fri, 5 Sep 2025 10:02:28 -0400
Subject: [PATCH 3/4] lint

---
 src/app/components/Hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/Hero.tsx b/src/app/components/Hero.tsx
index cca66a8..14fb61f 100644
--- a/src/app/components/Hero.tsx
+++ b/src/app/components/Hero.tsx
@@ -58,7 +58,7 @@ const Title = styled.h1`
   @media (max-width: ${SmallMobileBreakpoint}) {
     font-size: ${MobileTitleL};
   }
-  `;
+`;
 
 const ButtonContainer = styled.div`
   display: flex;

From 7cb18cebb93c0c6a622fc5ba27659f535545760b Mon Sep 17 00:00:00 2001
From: polmf <99polmf@gmail.com>
Date: Fri, 5 Sep 2025 10:07:47 -0400
Subject: [PATCH 4/4] lintx2

---
 src/app/genericComponents/EmblaCarousel.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/genericComponents/EmblaCarousel.tsx b/src/app/genericComponents/EmblaCarousel.tsx
index 29ebd18..fcb9df3 100644
--- a/src/app/genericComponents/EmblaCarousel.tsx
+++ b/src/app/genericComponents/EmblaCarousel.tsx
@@ -8,7 +8,6 @@ import {
 } from "./EmblaCarouselArrowButtons";
 import useEmblaCarousel from "embla-carousel-react";
 import { ImageInformation } from "@data/interfaces";
-import Image from "next/image";
 
 type PropType = {
   slides: ImageInformation[];