diff --git a/frontend/src/api_data/creditsIllustrationData.ts b/frontend/src/api_data/creditsIllustrationData.ts
index 124d0c7d..1a35da1e 100644
--- a/frontend/src/api_data/creditsIllustrationData.ts
+++ b/frontend/src/api_data/creditsIllustrationData.ts
@@ -1,7 +1,8 @@
// data that will be used for credits page
import {
- illustrationCreativeTeam,
- illustrationHighFive,
+ creditsPageHighFive,
+ landingPageCreativeTeam,
+ loginIllustration,
notFoundPageImg,
privacyPolicyIllustration,
} from "assets/images/images";
@@ -75,7 +76,7 @@ const illustrationData: illustrationDatum[] = [
// },
{
id: 8,
- imgSrc: illustrationHighFive,
+ imgSrc: creditsPageHighFive,
name: "High Five",
usedIn: "Credits",
provider: "Storyset",
@@ -83,7 +84,7 @@ const illustrationData: illustrationDatum[] = [
},
{
id: 9,
- imgSrc: illustrationCreativeTeam,
+ imgSrc: landingPageCreativeTeam,
name: "Creative Team",
usedIn: "Landing",
provider: "Storyset",
@@ -91,6 +92,14 @@ const illustrationData: illustrationDatum[] = [
},
{
id: 10,
+ imgSrc: loginIllustration,
+ name: "Team Work",
+ usedIn: "Login",
+ provider: "Storyset",
+ link: "https://storyset.com/illustration/team-work/pana",
+ },
+ {
+ id: 11,
imgSrc: notFoundPageImg,
name: "404 Error",
usedIn: "404 Page",
@@ -98,14 +107,13 @@ const illustrationData: illustrationDatum[] = [
link: "https://storyset.com/illustration/404-error-with-a-tired-person/pana",
},
{
- id: 11,
+ id: 12,
imgSrc: privacyPolicyIllustration,
name: "Privacy Policy",
usedIn: "Privacy",
provider: "Storyset",
link: "https://storyset.com/illustration/privacy-policy/pana",
},
- // notFoundPageImg
];
export { illustrationDatum, illustrationData };
diff --git a/frontend/src/assets/images/images.tsx b/frontend/src/assets/images/images.tsx
index 5a8fe869..5abfcea8 100644
--- a/frontend/src/assets/images/images.tsx
+++ b/frontend/src/assets/images/images.tsx
@@ -73,10 +73,6 @@ import logoWordmark from "./svgs/logos/logo-wordmark.svg?url";
// HfLA logo
import logoHfLA from "./svgs/logos/logo-hfla.svg?url";
-// Credits Illustrations
-import illustrationCreativeTeam from "./pngs/illustrations/creative-team.png";
-import illustrationHighFive from "./pngs/illustrations/high-five.png";
-
interface defaultProps {
[attribute: string]: string;
}
@@ -232,9 +228,6 @@ export {
// HfLA logo
logoHfLA,
notFoundPageImg,
- // illustrations
- illustrationCreativeTeam,
- illustrationHighFive,
};
export { default as loginTanBg } from "./svgs/login-tan-bg.svg?url";
@@ -245,3 +238,4 @@ export { default as privacyPolicyIllustration } from "./svgs/privacy-policy-illu
export { default as creditsPageBgTop } from "./svgs/credits-page-bg-top.svg?url";
export { default as creditsPageBgBottom } from "./svgs/credits-page-bg-bottom.svg?url";
export { default as creditsPageHighFive } from "./svgs/credits-page-high-five.svg?url";
+export { default as landingPageCreativeTeam } from "./svgs/landing-page-creative-team.svg?url";
diff --git a/frontend/src/assets/images/pngs/illustrations/creative-team.png b/frontend/src/assets/images/pngs/illustrations/creative-team.png
deleted file mode 100644
index 36235360..00000000
Binary files a/frontend/src/assets/images/pngs/illustrations/creative-team.png and /dev/null differ
diff --git a/frontend/src/assets/images/pngs/illustrations/high-five.png b/frontend/src/assets/images/pngs/illustrations/high-five.png
deleted file mode 100644
index 7b64c2f9..00000000
Binary files a/frontend/src/assets/images/pngs/illustrations/high-five.png and /dev/null differ
diff --git a/frontend/src/assets/images/svgs/credits-illustration-highfive.svg b/frontend/src/assets/images/svgs/credits-illustration-highfive.svg
new file mode 100644
index 00000000..c0c74e68
--- /dev/null
+++ b/frontend/src/assets/images/svgs/credits-illustration-highfive.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/assets/images/svgs/landing-page-creative-team.svg b/frontend/src/assets/images/svgs/landing-page-creative-team.svg
new file mode 100644
index 00000000..e1867b3f
--- /dev/null
+++ b/frontend/src/assets/images/svgs/landing-page-creative-team.svg
@@ -0,0 +1,435 @@
+
diff --git a/frontend/src/pages/CreditsPage/CreditsPage.tsx b/frontend/src/pages/CreditsPage/CreditsPage.tsx
index 61f54057..83356df4 100644
--- a/frontend/src/pages/CreditsPage/CreditsPage.tsx
+++ b/frontend/src/pages/CreditsPage/CreditsPage.tsx
@@ -107,7 +107,7 @@ const CreditsPage: FC = () => {
provider={cardData.provider}
imgSrc={cardData.imgSrc}
imgStyleClasses={`${
- activeButton === "icons" ? "w-1/6" : "w-4/5"
+ activeButton === "icons" ? "w-1/6" : "w-2/3"
} h-auto place-self-center`}
imgContainerStyleClasses={`${
activeButton === "illustrations"