fix: staticimagedata type

src/components/sections/feedback/TestimonialCard.tsx

@@ -2,14 +2,14 @@
 
 import { m } from 'motion/react';
 import { fadeIn } from '@/utils/motion';
-import Image, { type StaticImageData } from 'next/image';
+import Image from 'next/image';
 
 type TestimonialCardProps = {
   index: number;
   testimonial: string;
   name: string;
   designation: string;
-  imageSrc: StaticImageData;
+  imageSrc: string;
 };
 
 function TestimonialCard({

src/components/sections/work/ProjectCard.tsx

@@ -3,7 +3,7 @@
 import Tilt from 'react-parallax-tilt';
 import { m } from 'motion/react';
 import Link from 'next/link';
-import Image, { type StaticImageData } from 'next/image';
+import Image from 'next/image';
 import { fadeIn } from '@/utils/motion';
 import { GitHubLinkIcon } from '@/components/assets/GitHubLinkIcon';
 import { ProductionLinkIcon } from '@/components/assets/ProductionLinkIcon';
@@ -18,7 +18,7 @@ type ProjectCardProps = {
 
     link: string;
   }[];
-  imageSrc: StaticImageData;
+  imageSrc: string;
   prodLink?: string;
   srcLink?: string;
 };

src/constants/index.ts

@@ -18,6 +18,7 @@ import {
   Docker,
   Three,
   Next,
+  JetpackCompose,
 } from '@/constants/tech-icons';
 import {
   Biltema,
@@ -172,14 +173,14 @@ const projects = [
     description: '',
     techstack: [
       {
-        name: 'HTML',
-        Icon: Html,
-        link: 'https://developer.mozilla.org/docs/Web/HTML',
+        name: 'Lua',
+        Icon: Lua,
+        link: 'https://www.lua.org',
       },
     ],
     imageSrc: '/photos/projects/niclasnordlund.jpg',
-    prodLink: 'https://www.niclasnordlund.com',
-    srcLink: 'https://github.com/michaelbrusegard/NiclasNordlundPhotography',
+    prodLink: '',
+    srcLink: 'https://github.com/michaelbrusegard/tabline.wez',
   },
   {
     name: 'New Hackerspace NTNU Website',
@@ -200,13 +201,14 @@ const projects = [
     description: '',
     techstack: [
       {
-        name: 'HTML',
-        Icon: Html,
-        link: 'https://developer.mozilla.org/docs/Web/HTML',
+        name: 'Jetpack Compose',
+        Icon: JetpackCompose,
+        link: 'https://developer.android.com/compose',
       },
     ],
     imageSrc: '/photos/projects/open-emoji-platform.jpg',
-    prodLink: 'https://www.niclasnordlund.com',
+    prodLink:
+      'https://play.google.com/store/apps/details?id=net.zedge.emojipedia.wrapper',
     srcLink: '',
   },
   {
@@ -218,6 +220,21 @@ const projects = [
         Icon: Html,
         link: 'https://developer.mozilla.org/docs/Web/HTML',
       },
+      {
+        name: 'CSS',
+        Icon: Css,
+        link: 'https://developer.mozilla.org/docs/Web/CSS',
+      },
+      {
+        name: 'TypeScript',
+        Icon: TypeScript,
+        link: 'https://www.typescriptlang.org',
+      },
+      {
+        name: 'Vite',
+        Icon: Vite,
+        link: 'https://vitejs.dev',
+      },
     ],
     imageSrc: '/photos/projects/niclasnordlund.jpg',
     prodLink: 'https://www.niclasnordlund.com',

src/constants/tech-icons/JetpackCompose.tsx

@@ -0,0 +1,39 @@
+function JetpackCompose({ ...props }: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width='100%'
+      height='100%'
+      viewBox='0 0 256 256'
+      version='1.1'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <path
+        d='M129.44,0.034c-5.297,-0.264 -10.558,1.011 -15.147,3.669l-87.092,50.272c-4.249,2.467 -7.76,6.03 -10.166,10.314l42.208,23.147c1.607,-2.579 3.814,-4.731 6.432,-6.272l52.81,-30.507c5.802,-3.347 12.972,-3.347 18.774,0l52.81,30.507c2.18,1.242 4.089,2.911 5.611,4.907l41.823,-24.16c-2.294,-3.243 -5.263,-5.951 -8.704,-7.936l-87.028,-50.272c-3.753,-2.16 -7.964,-3.402 -12.288,-3.627l-0.043,-0.042Z'
+        fill='#3edb84'
+      />
+      <path
+        d='M127.893,52.428c-2.546,-0.001 -5.048,0.669 -7.253,1.941l-52.8,30.464c-1.958,1.142 -3.617,2.733 -4.842,4.64l20.48,11.253c0.896,-1.187 2.02,-2.184 3.306,-2.933l35.627,-20.565c3.466,-1.994 7.744,-1.994 11.21,-0l35.584,20.565c0.945,0.58 1.801,1.295 2.539,2.123l0.192,-0.107l-0.022,-0.021l20.022,-11.52c-1.105,-1.379 -2.454,-2.543 -3.979,-3.435l-52.8,-30.506c-2.209,-1.259 -4.711,-1.914 -7.253,-1.899l-0.011,0Z'
+        fill='#37be6c'
+      />
+      <path
+        d='M239.167,64.684l-41.813,24.107c1.398,2.673 2.13,5.644 2.133,8.661l0,60.959c0,6.688 -3.541,12.907 -9.386,16.299l-52.8,30.506c-2.107,1.194 -4.425,1.969 -6.826,2.283l-0,48.256c3.962,-0.284 7.816,-1.423 11.296,-3.339l87.06,-50.272c8.491,-4.899 13.742,-13.983 13.75,-23.786l-0,-100.522c-0.022,-4.58 -1.188,-9.084 -3.392,-13.099l-0.022,-0.053Z'
+        fill='#4387f6'
+      />
+      <path
+        d='M15.841,67.223c-1.5,3.324 -2.323,6.914 -2.422,10.56l0,100.586c0,9.791 5.238,18.847 13.792,23.775l87.061,50.272c3.987,2.269 8.48,3.502 13.067,3.584l-0,-48.33c-3.124,-0.084 -6.179,-0.945 -8.886,-2.507l-52.789,-30.442c-5.793,-3.373 -9.364,-9.595 -9.354,-16.299l-0,-60.97c-0.009,-2.472 0.465,-4.922 1.397,-7.211l-41.866,-23.018Z'
+        fill='#093043'
+      />
+      <path
+        d='M193.653,90.935l-20.16,11.647c0.808,1.514 1.261,3.192 1.323,4.907l-0,41.13c-0,4.032 -2.134,7.68 -5.611,9.675l-35.584,20.587c-0.985,0.537 -2.046,0.922 -3.146,1.141l-0,23.146c1.621,-0.288 3.242,-0.832 4.693,-1.674l52.789,-30.496c4.49,-2.592 7.262,-7.402 7.253,-12.587l0,-60.959c-0.013,-2.251 -0.55,-4.468 -1.568,-6.475l0.011,-0.042Z'
+        fill='#3970b1'
+      />
+      <path
+        d='M61.526,92.321c-0.62,1.64 -0.939,3.378 -0.939,5.131l0,60.959c-0.008,5.185 2.763,9.995 7.253,12.587l52.8,30.506c2.069,1.195 4.395,1.771 6.688,1.888l0,-23.189c-1.714,-0.057 -3.393,-0.506 -4.907,-1.312l-35.594,-20.565c-3.479,-1.983 -5.646,-5.681 -5.675,-9.685l0,-41.099c0.004,-1.392 0.283,-2.769 0.822,-4.053l-0.363,-0.139l-20.085,-11.029Z'
+        fill='#041619'
+      />
+    </svg>
+  );
+}
+
+export { JetpackCompose };

src/constants/tech-icons/index.tsx

@@ -17,3 +17,4 @@ export * from './Three';
 export * from './Next';
 export * from './Docker';
 export * from './Motion';
+export * from './JetpackCompose';