diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index dc64c0c..47d3284 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -14,6 +14,7 @@ import {
   TrendingUp,
   Clock,
   CheckCircle,
+  Crop,
 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { toast } from 'react-hot-toast';
@@ -58,6 +59,12 @@ const modules = [
     icon: Captions,
     href: '/video/subtitles',
   },
+  {
+    title: 'Frame Extractor',
+    description: 'Extract high-quality frames from videos',
+    icon: Crop,
+    href: '/video/extract',
+  },
   {
     title: 'Text to Speech',
     description: 'Convert text to natural speech with ElevenLabs',
@@ -123,6 +130,7 @@ export default function Dashboard() {
     if (href === '/video/upscale') return mimeType.startsWith('video/');
     if (href === '/video/subtitles') return mimeType.startsWith('video/');
     if (href === '/video/generate') return mimeType.startsWith('image/'); // Image to Video
+    if (href === '/video/extract') return mimeType.startsWith('video/');
     if (href === '/text/alt-text') return mimeType.startsWith('image/');
     if (href === '/audio/voice-to-text') return mimeType.startsWith('audio/') || mimeType.startsWith('video/');
     return false;