refactor:👷 update - vcard and img folders

app/not-found.tsx

@@ -1,5 +1,5 @@
 import PageContainer from '@/components/layout/PageContainer'
-import img404 from '@/public/images/illustrations/404.webp'
+import img404 from '@/public/images/webp/404.webp'
 import { ID } from '@/utils/constants'
 import Image from 'next/image'
 import Link from 'next/link'

app/page.tsx

@@ -1,6 +1,7 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import ContactVcard from '@/components/homepage/ContactVcard'
 import Hero from '@/components/homepage/Hero'
+import MeInMovember from '@/components/homepage/MeInMovember'
 import Skills from '@/components/homepage/Skills'
 import SkillsMain from '@/components/homepage/SkillsMain'
 import WhatIDoMindset from '@/components/homepage/WhatIDoMindset'
@@ -39,6 +40,7 @@ const Page = () => {
       <Skills />
       <SkillsMain />
       <WhatIDoMindset />
+      <MeInMovember />
       <ContactVcard />
       {/* TODO: refactor for all pages into constants, urls, text, test IDs */}
       <NextPageNavigation

components/aboutMe/Photo.tsx

@@ -1,4 +1,4 @@
-import krsiak from '@/public/images/krsiak-daniel.webp'
+import krsiak from '@/public/images/webp/krsiak-daniel.webp'
 import Image from 'next/image'
 
 type PhotoProps = {

components/header/Logo.tsx

@@ -1,5 +1,5 @@
 import { TEXT } from '@/localization/texts_en'
-import logo from '@/public/logo.webp'
+import logo from '@/public/images/webp/logo.webp'
 import { PAGES_URL } from '@/utils/constants'
 import Image from 'next/image'
 import Link from 'next/link'

components/homepage/ContactVcard.tsx

@@ -1,20 +1,13 @@
-import Photo from '@/components/aboutMe/Photo'
 import DividerWithText from '@/components/shared/DividerWithText'
-import vcardQRcode from '@/public/images/svg/vcard-qr-code.svg'
+import vcardQRcode from '@/public/images/svg/qr-code-vcard.svg'
 import Image from 'next/image'
 
 const ContactVcard = () => {
   return (
     <div className="mt-20">
-      <DividerWithText text="Contact me" />
-      <div className="mt-5">
-        <Photo />
-      </div>
-      <div className="mt-20">
-        <DividerWithText text="Add me to your contacts" />
-        <div className="mb-20 mt-5 flex flex-col items-center justify-center sm:flex-row">
-          <Image src={vcardQRcode} alt="contact QR code" width={256} height={256} />
-        </div>
+      <DividerWithText text="Scan to add my contact" />
+      <div className="mb-20 mt-5 flex flex-col items-center justify-center sm:flex-row">
+        <Image src={vcardQRcode} alt="contact QR code" width={256} height={256} />
       </div>
     </div>
   )

components/homepage/MeInMovember.tsx

@@ -0,0 +1,15 @@
+import Photo from '@/components/aboutMe/Photo'
+import DividerWithText from '@/components/shared/DividerWithText'
+
+const MeInMovember = () => {
+  return (
+    <div className="mt-20">
+      <DividerWithText text="Me in Movember" />
+      <div className="mt-5">
+        <Photo />
+      </div>
+    </div>
+  )
+}
+
+export default MeInMovember

components/layout/ErrorPageLayout.tsx

@@ -1,5 +1,5 @@
 import PageContainer from '@/components/layout/PageContainer'
-import imgError from '@/public/images/illustrations/error.webp'
+import imgError from '@/public/images/webp/error.webp'
 import { ErrorProps } from '@/utils/sharedComponentProps'
 import Image from 'next/image'
 import { useEffect } from 'react'

public/manifest.webmanifest

@@ -6,13 +6,13 @@
   "theme_color": "#7C3AED",
   "display": "minimal-ui",
   "icons": [
-    { "src": "icons/icon-48x48.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "48x48", "type": "image/png" },
-    { "src": "icons/icon-72x72.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "72x72", "type": "image/png" },
-    { "src": "icons/icon-96x96.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "96x96", "type": "image/png" },
-    { "src": "icons/icon-144x144.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "144x144", "type": "image/png" },
-    { "src": "icons/icon-192x192.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "192x192", "type": "image/png" },
-    { "src": "icons/icon-256x256.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "256x256", "type": "image/png" },
-    { "src": "icons/icon-384x384.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "384x384", "type": "image/png" },
-    { "src": "icons/icon-512x512.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "512x512", "type": "image/png" }
+    { "src": "icons/png/icon-48x48.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "48x48", "type": "image/png" },
+    { "src": "icons/png/icon-72x72.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "72x72", "type": "image/png" },
+    { "src": "icons/png/icon-96x96.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "96x96", "type": "image/png" },
+    { "src": "icons/png/icon-144x144.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "144x144", "type": "image/png" },
+    { "src": "icons/png/icon-192x192.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "192x192", "type": "image/png" },
+    { "src": "icons/png/icon-256x256.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "256x256", "type": "image/png" },
+    { "src": "icons/png/icon-384x384.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "384x384", "type": "image/png" },
+    { "src": "icons/png/icon-512x512.png?v=cdb9513bc0dc9de50a720a528be5ddcd", "sizes": "512x512", "type": "image/png" }
   ]
 }