diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 6eb85d2..30e786a 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -9,9 +9,9 @@ import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline';
 // Example navigation items
 const navigationItems = [
   { name: 'Home', href: '/' },
-  { name: 'Features', href: '/features.html' },
-  { name: 'Usecases', href: '/usecases.html' },
-  { name: 'Community', href: '/community.html' },
+  { name: 'Features', href: '/features' },
+  { name: 'Usecases', href: '/usecases' },
+  { name: 'Community', href: '/community' },
 ];
 
 export function Header() {