DavidHDev · Utkarsh-Singhal-26 · Oct 31, 2025 · Nov 3, 2025
diff --git a/package.json b/package.json
@@ -22,13 +22,14 @@
     "@types/matter-js": "^0.19.8",
     "@vueuse/motion": "^3.0.3",
     "@wdns/vue-code-block": "^2.3.5",
+    "gl-matrix": "^3.4.3",
     "gsap": "^3.13.0",
     "lenis": "^1.3.8",
+    "lucide-vue-next": "^0.548.0",
     "mathjs": "^14.6.0",
     "matter-js": "^0.20.0",
     "motion-v": "^1.5.0",
     "ogl": "^1.0.11",
-    "gl-matrix": "^3.4.3",
     "postprocessing": "^6.37.6",
     "primeicons": "^7.0.0",
     "primevue": "^4.3.6",
@@ -60,4 +61,4 @@
     "vite-plugin-vue-devtools": "^7.7.7",
     "vue-tsc": "^2.2.10"
   }
-}
+}
diff --git a/public/assets/videos/animatedcontent.mp4 b/public/assets/videos/animatedcontent.mp4
diff --git a/public/assets/videos/animatedcontent.webm b/public/assets/videos/animatedcontent.webm
diff --git a/public/assets/videos/animatedlist.mp4 b/public/assets/videos/animatedlist.mp4
diff --git a/public/assets/videos/animatedlist.webm b/public/assets/videos/animatedlist.webm
diff --git a/public/assets/videos/asciitext.mp4 b/public/assets/videos/asciitext.mp4
diff --git a/public/assets/videos/asciitext.webm b/public/assets/videos/asciitext.webm
diff --git a/public/assets/videos/aurora.mp4 b/public/assets/videos/aurora.mp4
diff --git a/public/assets/videos/aurora.webm b/public/assets/videos/aurora.webm
diff --git a/public/assets/videos/balatro.mp4 b/public/assets/videos/balatro.mp4
diff --git a/public/assets/videos/balatro.webm b/public/assets/videos/balatro.webm
diff --git a/public/assets/videos/ballpit.mp4 b/public/assets/videos/ballpit.mp4
diff --git a/public/assets/videos/ballpit.webm b/public/assets/videos/ballpit.webm
diff --git a/public/assets/videos/beams.mp4 b/public/assets/videos/beams.mp4
diff --git a/public/assets/videos/beams.webm b/public/assets/videos/beams.webm
diff --git a/public/assets/videos/blobcursor.mp4 b/public/assets/videos/blobcursor.mp4
diff --git a/public/assets/videos/blobcursor.webm b/public/assets/videos/blobcursor.webm
diff --git a/public/assets/videos/blurtext.mp4 b/public/assets/videos/blurtext.mp4
diff --git a/public/assets/videos/blurtext.webm b/public/assets/videos/blurtext.webm
diff --git a/public/assets/videos/bouncecards.mp4 b/public/assets/videos/bouncecards.mp4
diff --git a/public/assets/videos/bouncecards.webm b/public/assets/videos/bouncecards.webm
diff --git a/public/assets/videos/bubblemenu.mp4 b/public/assets/videos/bubblemenu.mp4
diff --git a/public/assets/videos/bubblemenu.webm b/public/assets/videos/bubblemenu.webm
diff --git a/public/assets/videos/cardnav.mp4 b/public/assets/videos/cardnav.mp4
diff --git a/public/assets/videos/cardnav.webm b/public/assets/videos/cardnav.webm
diff --git a/public/assets/videos/cardswap.mp4 b/public/assets/videos/cardswap.mp4
diff --git a/public/assets/videos/cardswap.webm b/public/assets/videos/cardswap.webm
diff --git a/public/assets/videos/carousel.mp4 b/public/assets/videos/carousel.mp4
diff --git a/public/assets/videos/carousel.webm b/public/assets/videos/carousel.webm
diff --git a/public/assets/videos/chromagrid.mp4 b/public/assets/videos/chromagrid.mp4
diff --git a/public/assets/videos/chromagrid.webm b/public/assets/videos/chromagrid.webm
diff --git a/public/assets/videos/circulargallery.mp4 b/public/assets/videos/circulargallery.mp4
diff --git a/public/assets/videos/circulargallery.webm b/public/assets/videos/circulargallery.webm
diff --git a/public/assets/videos/circulartext.mp4 b/public/assets/videos/circulartext.mp4
diff --git a/public/assets/videos/circulartext.webm b/public/assets/videos/circulartext.webm
diff --git a/public/assets/videos/clickspark.mp4 b/public/assets/videos/clickspark.mp4
diff --git a/public/assets/videos/clickspark.webm b/public/assets/videos/clickspark.webm
diff --git a/public/assets/videos/colorbends.mp4 b/public/assets/videos/colorbends.mp4
diff --git a/public/assets/videos/colorbends.webm b/public/assets/videos/colorbends.webm
diff --git a/public/assets/videos/counter.mp4 b/public/assets/videos/counter.mp4
diff --git a/public/assets/videos/counter.webm b/public/assets/videos/counter.webm
diff --git a/public/assets/videos/countup.mp4 b/public/assets/videos/countup.mp4
diff --git a/public/assets/videos/countup.webm b/public/assets/videos/countup.webm
diff --git a/public/assets/videos/crosshair.mp4 b/public/assets/videos/crosshair.mp4
diff --git a/public/assets/videos/crosshair.webm b/public/assets/videos/crosshair.webm
diff --git a/public/assets/videos/cubes.mp4 b/public/assets/videos/cubes.mp4
diff --git a/public/assets/videos/cubes.webm b/public/assets/videos/cubes.webm
diff --git a/public/assets/videos/curvedloop.mp4 b/public/assets/videos/curvedloop.mp4
diff --git a/public/assets/videos/curvedloop.webm b/public/assets/videos/curvedloop.webm
diff --git a/public/assets/videos/darkveil.mp4 b/public/assets/videos/darkveil.mp4
diff --git a/public/assets/videos/darkveil.webm b/public/assets/videos/darkveil.webm
diff --git a/public/assets/videos/decaycard.mp4 b/public/assets/videos/decaycard.mp4
diff --git a/public/assets/videos/decaycard.webm b/public/assets/videos/decaycard.webm
diff --git a/public/assets/videos/decryptedtext.mp4 b/public/assets/videos/decryptedtext.mp4
diff --git a/public/assets/videos/decryptedtext.webm b/public/assets/videos/decryptedtext.webm
diff --git a/public/assets/videos/dither.mp4 b/public/assets/videos/dither.mp4
diff --git a/public/assets/videos/dither.webm b/public/assets/videos/dither.webm
diff --git a/public/assets/videos/dock.mp4 b/public/assets/videos/dock.mp4
diff --git a/public/assets/videos/dock.webm b/public/assets/videos/dock.webm
diff --git a/public/assets/videos/domegallery.mp4 b/public/assets/videos/domegallery.mp4
diff --git a/public/assets/videos/domegallery.webm b/public/assets/videos/domegallery.webm
diff --git a/public/assets/videos/dotgrid.mp4 b/public/assets/videos/dotgrid.mp4
diff --git a/public/assets/videos/dotgrid.webm b/public/assets/videos/dotgrid.webm
diff --git a/public/assets/videos/elasticslider.mp4 b/public/assets/videos/elasticslider.mp4
diff --git a/public/assets/videos/elasticslider.webm b/public/assets/videos/elasticslider.webm
diff --git a/public/assets/videos/electricborder.mp4 b/public/assets/videos/electricborder.mp4
diff --git a/public/assets/videos/electricborder.webm b/public/assets/videos/electricborder.webm
diff --git a/public/assets/videos/fadecontent.mp4 b/public/assets/videos/fadecontent.mp4
diff --git a/public/assets/videos/fadecontent.webm b/public/assets/videos/fadecontent.webm
diff --git a/public/assets/videos/fallingtext.mp4 b/public/assets/videos/fallingtext.mp4
diff --git a/public/assets/videos/fallingtext.webm b/public/assets/videos/fallingtext.webm
diff --git a/public/assets/videos/faultyterminal.mp4 b/public/assets/videos/faultyterminal.mp4
diff --git a/public/assets/videos/faultyterminal.webm b/public/assets/videos/faultyterminal.webm
diff --git a/public/assets/videos/flowingmenu.mp4 b/public/assets/videos/flowingmenu.mp4
diff --git a/public/assets/videos/flowingmenu.webm b/public/assets/videos/flowingmenu.webm
diff --git a/public/assets/videos/flyingposters.mp4 b/public/assets/videos/flyingposters.mp4
diff --git a/public/assets/videos/flyingposters.webm b/public/assets/videos/flyingposters.webm
diff --git a/public/assets/videos/folder.mp4 b/public/assets/videos/folder.mp4
diff --git a/public/assets/videos/folder.webm b/public/assets/videos/folder.webm
diff --git a/public/assets/videos/fuzzytext.mp4 b/public/assets/videos/fuzzytext.mp4
diff --git a/public/assets/videos/fuzzytext.webm b/public/assets/videos/fuzzytext.webm
diff --git a/public/assets/videos/galaxy.mp4 b/public/assets/videos/galaxy.mp4
diff --git a/public/assets/videos/galaxy.webm b/public/assets/videos/galaxy.webm
diff --git a/public/assets/videos/ghostcursor.mp4 b/public/assets/videos/ghostcursor.mp4
diff --git a/public/assets/videos/ghostcursor.webm b/public/assets/videos/ghostcursor.webm
diff --git a/public/assets/videos/glarehover.mp4 b/public/assets/videos/glarehover.mp4
diff --git a/public/assets/videos/glarehover.webm b/public/assets/videos/glarehover.webm
diff --git a/public/assets/videos/glassicons.mp4 b/public/assets/videos/glassicons.mp4
diff --git a/public/assets/videos/glassicons.webm b/public/assets/videos/glassicons.webm
diff --git a/public/assets/videos/glasssurface.mp4 b/public/assets/videos/glasssurface.mp4
diff --git a/public/assets/videos/glasssurface.webm b/public/assets/videos/glasssurface.webm
diff --git a/public/assets/videos/glitchtext.mp4 b/public/assets/videos/glitchtext.mp4
diff --git a/public/assets/videos/glitchtext.webm b/public/assets/videos/glitchtext.webm
diff --git a/public/assets/videos/gooeynav.mp4 b/public/assets/videos/gooeynav.mp4
diff --git a/public/assets/videos/gooeynav.webm b/public/assets/videos/gooeynav.webm
diff --git a/public/assets/videos/gradientblinds.mp4 b/public/assets/videos/gradientblinds.mp4
diff --git a/public/assets/videos/gradientblinds.webm b/public/assets/videos/gradientblinds.webm
diff --git a/public/assets/videos/gradienttext.mp4 b/public/assets/videos/gradienttext.mp4
diff --git a/public/assets/videos/gradienttext.webm b/public/assets/videos/gradienttext.webm
diff --git a/public/assets/videos/gradualblur.mp4 b/public/assets/videos/gradualblur.mp4
diff --git a/public/assets/videos/gradualblur.webm b/public/assets/videos/gradualblur.webm
diff --git a/public/assets/videos/griddistortion.mp4 b/public/assets/videos/griddistortion.mp4
diff --git a/public/assets/videos/griddistortion.webm b/public/assets/videos/griddistortion.webm
diff --git a/public/assets/videos/gridmotion.mp4 b/public/assets/videos/gridmotion.mp4
diff --git a/public/assets/videos/gridmotion.webm b/public/assets/videos/gridmotion.webm
diff --git a/public/assets/videos/hyperspeed.mp4 b/public/assets/videos/hyperspeed.mp4
diff --git a/public/assets/videos/hyperspeed.webm b/public/assets/videos/hyperspeed.webm
diff --git a/public/assets/videos/imagetrail.mp4 b/public/assets/videos/imagetrail.mp4
diff --git a/public/assets/videos/imagetrail.webm b/public/assets/videos/imagetrail.webm
diff --git a/public/assets/videos/infinitemenu.mp4 b/public/assets/videos/infinitemenu.mp4
diff --git a/public/assets/videos/infinitemenu.webm b/public/assets/videos/infinitemenu.webm
diff --git a/public/assets/videos/infinitescroll.mp4 b/public/assets/videos/infinitescroll.mp4
diff --git a/public/assets/videos/infinitescroll.webm b/public/assets/videos/infinitescroll.webm
diff --git a/public/assets/videos/iridescence.mp4 b/public/assets/videos/iridescence.mp4
diff --git a/public/assets/videos/iridescence.webm b/public/assets/videos/iridescence.webm
diff --git a/public/assets/videos/laserflow.mp4 b/public/assets/videos/laserflow.mp4
diff --git a/public/assets/videos/laserflow.webm b/public/assets/videos/laserflow.webm
diff --git a/public/assets/videos/letterglitch.mp4 b/public/assets/videos/letterglitch.mp4
diff --git a/public/assets/videos/letterglitch.webm b/public/assets/videos/letterglitch.webm
diff --git a/public/assets/videos/lightning.mp4 b/public/assets/videos/lightning.mp4
diff --git a/public/assets/videos/lightning.webm b/public/assets/videos/lightning.webm
diff --git a/public/assets/videos/lightrays.mp4 b/public/assets/videos/lightrays.mp4
diff --git a/public/assets/videos/lightrays.webm b/public/assets/videos/lightrays.webm
diff --git a/public/assets/videos/liquidchrome.mp4 b/public/assets/videos/liquidchrome.mp4
diff --git a/public/assets/videos/liquidchrome.webm b/public/assets/videos/liquidchrome.webm
diff --git a/public/assets/videos/liquidether.mp4 b/public/assets/videos/liquidether.mp4
diff --git a/public/assets/videos/liquidether.webm b/public/assets/videos/liquidether.webm
diff --git a/public/assets/videos/logoloop.mp4 b/public/assets/videos/logoloop.mp4
diff --git a/public/assets/videos/logoloop.webm b/public/assets/videos/logoloop.webm
diff --git a/public/assets/videos/magicbento.mp4 b/public/assets/videos/magicbento.mp4
diff --git a/public/assets/videos/magicbento.webm b/public/assets/videos/magicbento.webm
diff --git a/public/assets/videos/magnet.mp4 b/public/assets/videos/magnet.mp4
diff --git a/public/assets/videos/magnet.webm b/public/assets/videos/magnet.webm
diff --git a/public/assets/videos/magnetlines.mp4 b/public/assets/videos/magnetlines.mp4
diff --git a/public/assets/videos/magnetlines.webm b/public/assets/videos/magnetlines.webm
diff --git a/public/assets/videos/masonry.mp4 b/public/assets/videos/masonry.mp4
diff --git a/public/assets/videos/masonry.webm b/public/assets/videos/masonry.webm
diff --git a/public/assets/videos/metaballs.mp4 b/public/assets/videos/metaballs.mp4
diff --git a/public/assets/videos/metaballs.webm b/public/assets/videos/metaballs.webm
diff --git a/public/assets/videos/metallicpaint.mp4 b/public/assets/videos/metallicpaint.mp4
diff --git a/public/assets/videos/metallicpaint.webm b/public/assets/videos/metallicpaint.webm
diff --git a/public/assets/videos/noise.mp4 b/public/assets/videos/noise.mp4
diff --git a/public/assets/videos/noise.webm b/public/assets/videos/noise.webm
diff --git a/public/assets/videos/orb.mp4 b/public/assets/videos/orb.mp4
diff --git a/public/assets/videos/orb.webm b/public/assets/videos/orb.webm
diff --git a/public/assets/videos/particles.mp4 b/public/assets/videos/particles.mp4
diff --git a/public/assets/videos/particles.webm b/public/assets/videos/particles.webm
diff --git a/public/assets/videos/pillnav.mp4 b/public/assets/videos/pillnav.mp4
diff --git a/public/assets/videos/pillnav.webm b/public/assets/videos/pillnav.webm
diff --git a/public/assets/videos/pixelblast.mp4 b/public/assets/videos/pixelblast.mp4
diff --git a/public/assets/videos/pixelblast.webm b/public/assets/videos/pixelblast.webm
diff --git a/public/assets/videos/pixelcard.mp4 b/public/assets/videos/pixelcard.mp4
diff --git a/public/assets/videos/pixelcard.webm b/public/assets/videos/pixelcard.webm
diff --git a/public/assets/videos/pixeltransition.mp4 b/public/assets/videos/pixeltransition.mp4
diff --git a/public/assets/videos/pixeltransition.webm b/public/assets/videos/pixeltransition.webm
diff --git a/public/assets/videos/plasma.mp4 b/public/assets/videos/plasma.mp4
diff --git a/public/assets/videos/plasma.webm b/public/assets/videos/plasma.webm
diff --git a/public/assets/videos/prism.mp4 b/public/assets/videos/prism.mp4
diff --git a/public/assets/videos/prism.webm b/public/assets/videos/prism.webm
diff --git a/public/assets/videos/prismaticburst.mp4 b/public/assets/videos/prismaticburst.mp4
diff --git a/public/assets/videos/prismaticburst.webm b/public/assets/videos/prismaticburst.webm
diff --git a/public/assets/videos/profilecard.mp4 b/public/assets/videos/profilecard.mp4
diff --git a/public/assets/videos/profilecard.webm b/public/assets/videos/profilecard.webm
diff --git a/public/assets/videos/ribbons.mp4 b/public/assets/videos/ribbons.mp4
diff --git a/public/assets/videos/ribbons.webm b/public/assets/videos/ribbons.webm
diff --git a/public/assets/videos/ripplegrid.mp4 b/public/assets/videos/ripplegrid.mp4
diff --git a/public/assets/videos/ripplegrid.webm b/public/assets/videos/ripplegrid.webm
diff --git a/public/assets/videos/rotatingtext.mp4 b/public/assets/videos/rotatingtext.mp4
diff --git a/public/assets/videos/rotatingtext.webm b/public/assets/videos/rotatingtext.webm
diff --git a/public/assets/videos/scrambledtext.mp4 b/public/assets/videos/scrambledtext.mp4
diff --git a/public/assets/videos/scrambledtext.webm b/public/assets/videos/scrambledtext.webm
diff --git a/public/assets/videos/scrollfloat.mp4 b/public/assets/videos/scrollfloat.mp4
diff --git a/public/assets/videos/scrollfloat.webm b/public/assets/videos/scrollfloat.webm
diff --git a/public/assets/videos/scrollreveal.mp4 b/public/assets/videos/scrollreveal.mp4
diff --git a/public/assets/videos/scrollreveal.webm b/public/assets/videos/scrollreveal.webm
diff --git a/public/assets/videos/scrollstack.mp4 b/public/assets/videos/scrollstack.mp4
diff --git a/public/assets/videos/scrollstack.webm b/public/assets/videos/scrollstack.webm
diff --git a/public/assets/videos/scrollvelocity.mp4 b/public/assets/videos/scrollvelocity.mp4
diff --git a/public/assets/videos/scrollvelocity.webm b/public/assets/videos/scrollvelocity.webm
diff --git a/public/assets/videos/shapeblur.mp4 b/public/assets/videos/shapeblur.mp4
diff --git a/public/assets/videos/shapeblur.webm b/public/assets/videos/shapeblur.webm
diff --git a/public/assets/videos/shinytext.mp4 b/public/assets/videos/shinytext.mp4
diff --git a/public/assets/videos/shinytext.webm b/public/assets/videos/shinytext.webm
diff --git a/public/assets/videos/silk.mp4 b/public/assets/videos/silk.mp4
diff --git a/public/assets/videos/silk.webm b/public/assets/videos/silk.webm
diff --git a/public/assets/videos/splashcursor.mp4 b/public/assets/videos/splashcursor.mp4
diff --git a/public/assets/videos/splashcursor.webm b/public/assets/videos/splashcursor.webm
diff --git a/public/assets/videos/splittext.mp4 b/public/assets/videos/splittext.mp4
diff --git a/public/assets/videos/splittext.webm b/public/assets/videos/splittext.webm
diff --git a/public/assets/videos/spotlightcard.mp4 b/public/assets/videos/spotlightcard.mp4
diff --git a/public/assets/videos/spotlightcard.webm b/public/assets/videos/spotlightcard.webm
diff --git a/public/assets/videos/squares.mp4 b/public/assets/videos/squares.mp4
diff --git a/public/assets/videos/squares.webm b/public/assets/videos/squares.webm
diff --git a/public/assets/videos/stack.mp4 b/public/assets/videos/stack.mp4
diff --git a/public/assets/videos/stack.webm b/public/assets/videos/stack.webm
diff --git a/public/assets/videos/staggeredmenu.mp4 b/public/assets/videos/staggeredmenu.mp4
diff --git a/public/assets/videos/staggeredmenu.webm b/public/assets/videos/staggeredmenu.webm
diff --git a/public/assets/videos/starborder.mp4 b/public/assets/videos/starborder.mp4
diff --git a/public/assets/videos/starborder.webm b/public/assets/videos/starborder.webm
diff --git a/public/assets/videos/stepper.mp4 b/public/assets/videos/stepper.mp4
diff --git a/public/assets/videos/stepper.webm b/public/assets/videos/stepper.webm
diff --git a/public/assets/videos/stickerpeel.mp4 b/public/assets/videos/stickerpeel.mp4
diff --git a/public/assets/videos/stickerpeel.webm b/public/assets/videos/stickerpeel.webm
diff --git a/public/assets/videos/targetcursor.mp4 b/public/assets/videos/targetcursor.mp4
diff --git a/public/assets/videos/targetcursor.webm b/public/assets/videos/targetcursor.webm
diff --git a/public/assets/videos/textcursor.mp4 b/public/assets/videos/textcursor.mp4
diff --git a/public/assets/videos/textcursor.webm b/public/assets/videos/textcursor.webm
diff --git a/public/assets/videos/textpressure.mp4 b/public/assets/videos/textpressure.mp4
diff --git a/public/assets/videos/textpressure.webm b/public/assets/videos/textpressure.webm
diff --git a/public/assets/videos/textrotate.mp4 b/public/assets/videos/textrotate.mp4
diff --git a/public/assets/videos/textrotate.webm b/public/assets/videos/textrotate.webm
diff --git a/public/assets/videos/texttype.mp4 b/public/assets/videos/texttype.mp4
diff --git a/public/assets/videos/texttype.webm b/public/assets/videos/texttype.webm
diff --git a/public/assets/videos/threads.mp4 b/public/assets/videos/threads.mp4
diff --git a/public/assets/videos/threads.webm b/public/assets/videos/threads.webm
diff --git a/public/assets/videos/tiltedcard.mp4 b/public/assets/videos/tiltedcard.mp4
diff --git a/public/assets/videos/tiltedcard.webm b/public/assets/videos/tiltedcard.webm
diff --git a/public/assets/videos/truefocus.mp4 b/public/assets/videos/truefocus.mp4
diff --git a/public/assets/videos/truefocus.webm b/public/assets/videos/truefocus.webm
diff --git a/public/assets/videos/variableproximity.mp4 b/public/assets/videos/variableproximity.mp4
diff --git a/public/assets/videos/variableproximity.webm b/public/assets/videos/variableproximity.webm
diff --git a/public/assets/videos/waves.mp4 b/public/assets/videos/waves.mp4
diff --git a/public/assets/videos/waves.webm b/public/assets/videos/waves.webm
diff --git a/src/App.vue b/src/App.vue
@@ -1,19 +1,23 @@
 <template>
   <div>
-    <DisplayHeader v-if="!isCategoryPage" :activeItem="activeItem" />
+    <DisplayHeader v-if="!isSidebarPage" :activeItem="activeItem" />
 
     <router-view />
   </div>
 </template>
 
 <script setup lang="ts">
+import DisplayHeader from '@/components/landing/DisplayHeader/DisplayHeader.vue';
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
-import DisplayHeader from '@/components/landing/DisplayHeader/DisplayHeader.vue';
 
 const route = useRoute();
 
-const isCategoryPage = computed(() => /^\/[^/]+\/[^/]+$/.test(route.path));
+const sidebarPages = ['/favorites'];
+const isSidebarPage = computed(() => {
+  const path = route.path;
+  return sidebarPages.some(sidebarPath => path.includes(sidebarPath)) || /^\/[^/]+\/[^/]+$/.test(path);
+});
 
 const activeItem = computed(() => {
   if (route.path === '/') return 'home';