diff --git a/frontend/src/app/[locale]/_partials/footer.tsx b/frontend/src/app/[locale]/_partials/footer.tsx
index 76a99c290..3e75dbe8c 100644
--- a/frontend/src/app/[locale]/_partials/footer.tsx
+++ b/frontend/src/app/[locale]/_partials/footer.tsx
@@ -54,7 +54,7 @@ const Footer = () => {
src="/images/dataforgood.svg"
alt={t('title')}
width={212}
- height={48}
+ height={44}
className="object-contain"
/>
diff --git a/frontend/src/app/[locale]/_partials/header.tsx b/frontend/src/app/[locale]/_partials/header.tsx
index f43c7d2f7..a97a486b1 100644
--- a/frontend/src/app/[locale]/_partials/header.tsx
+++ b/frontend/src/app/[locale]/_partials/header.tsx
@@ -165,7 +165,7 @@ const Header = () => {
src="/images/dataforgood.svg"
alt={t('header.title')}
width={230}
- height={43}
+ height={48}
className="w-[176px] lg:w-[230px] object-contain"
/>
diff --git a/frontend/src/app/[locale]/positions/_partials/Animations.tsx b/frontend/src/app/[locale]/positions/_partials/Animations.tsx
index f9a2cc285..e57513c6e 100644
--- a/frontend/src/app/[locale]/positions/_partials/Animations.tsx
+++ b/frontend/src/app/[locale]/positions/_partials/Animations.tsx
@@ -33,7 +33,7 @@ export default function Animation({ animationData, handleSkipClick }: {
{ e.preventDefault(); handleSkipClick(); }} className="absolute z-1 top-[calc(100dvh-40px)] right-[40px] text-grey-text flex flex-col items-center hover:text-black">
{t('skipLink')}
-
+
{/* Screen 1 */}
@@ -47,8 +47,8 @@ export default function Animation({ animationData, handleSkipClick }: {
{/* Screen 2 */}
0 && animationData.images[0].image.url || ""}
- alt={animationData.images.length > 0 && animationData.images[0].image.altText || ""}
+ src={animationData.images[0]?.image.url || "/images/default-image.svg"}
+ alt={animationData.images[0]?.image.altText || ""}
width={1250}
height={1089}
className='absolute top-[7.5vh] h-[85vh] object-contain'
@@ -64,8 +64,8 @@ export default function Animation({ animationData, handleSkipClick }: {
{/* Screen 3 */}
1 && animationData.images[1].image.url || ""}
- alt={animationData.images.length > 1 && animationData.images[1].image.altText || ""}
+ src={animationData.images[1]?.image.url || "/images/default-image.svg"}
+ alt={animationData.images[1]?.image.altText || ""}
width={1250}
height={1089}
className='absolute top-[7.5vh] h-[85vh] object-contain'
@@ -81,8 +81,8 @@ export default function Animation({ animationData, handleSkipClick }: {
{/* Screen 4 */}
1 && animationData.images[2].image.url || ""}
- alt={animationData.images.length > 1 && animationData.images[2].image.altText || ""}
+ src={animationData.images[2]?.image.url || "/images/default-image.svg"}
+ alt={animationData.images[2]?.image.altText || ""}
width={1250}
height={1089}
className='absolute top-[7.5vh] h-[85vh] object-contain'
@@ -98,8 +98,8 @@ export default function Animation({ animationData, handleSkipClick }: {
{/* Screen 5 */}
1 && animationData.images[3].image.url || ""}
- alt={animationData.images.length > 1 && animationData.images[3].image.altText || ""}
+ src={animationData.images[3]?.image.url || "/images/default-image.svg"}
+ alt={animationData.images[3]?.image.altText || ""}
width={1250}
height={1089}
className='absolute top-[7.5vh] h-[85vh] object-contain'
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index e0bae0f53..71fec20ca 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,4 +1,5 @@
import clsx from 'clsx';
+import Script from 'next/script';
import { DM_Mono } from 'next/font/google';
const dmMono = DM_Mono({
@@ -29,13 +30,19 @@ export default function RootLayout({
return (
-