Add Thankful, update Comparator

src/content/WorkComparator.tsx

@@ -1,4 +1,3 @@
-import PreviewWrapper from '@/components/PreviewWrapper'
 import WorkTile from '@/components/WorkTile'
 import comparator from './images/comparator.mp4'
 
@@ -8,11 +7,11 @@ const WorkComparator = () => {
       title="Photo comparator interface"
       text="A conceptual UI for an application dedicated to displaying before and after photographs of various spaces and places within our cities and nature."
     >
-      <PreviewWrapper>
-        <video loop autoPlay playsInline className="-mt-px">
+      <div className="overflow-hidden">
+        <video loop autoPlay playsInline className="-mt-[2px]">
           <source src={comparator} type="video/mp4"></source>
         </video>
-      </PreviewWrapper>
+      </div>
     </WorkTile>
   )
 }

src/content/WorkThankful.tsx

@@ -0,0 +1,23 @@
+import WorkTile from '@/components/WorkTile'
+import MasonryWrapper from '@/partials/MasonryWrapper'
+import thankfulMain from './images/thank-main.jpg'
+import thankfulVideo from './images/thank.mp4'
+
+const Thankful = () => {
+  return (
+    <WorkTile
+      title="Simple gratitude journal"
+      className="bg-amber-50 dark:bg-transparent"
+      text="This app concept aims to find a simple, lean, and nice gratitude journaling experience."
+    >
+      <MasonryWrapper>
+        <img src={thankfulMain} className="mb-4" />
+        <video loop autoPlay playsInline className="border-none">
+          <source src={thankfulVideo} type="video/mp4"></source>
+        </video>
+      </MasonryWrapper>
+    </WorkTile>
+  )
+}
+
+export default Thankful

src/pages/Home.tsx

@@ -6,6 +6,7 @@ import WorkAndy from '@/content/WorkAndy'
 import WorkComparator from '@/content/WorkComparator'
 import WorkKolbord from '@/content/WorkKolbord'
 import WorkScrollDriven from '@/content/WorkScrollDriven'
+import WorkThankful from '@/content/WorkThankful'
 import WorkWebUmenia from '@/content/WorkWebUmenia'
 
 const Home = () => {
@@ -15,6 +16,7 @@ const Home = () => {
       <Chart />
       <WorkKolbord />
       <WorkScrollDriven />
+      <WorkThankful />
       <WorkComparator />
       <WorkAndy />
       <WorkWebUmenia />