chore: show new tools in landing

src/components/Hero.tsx

@@ -19,9 +19,9 @@ const exampleTools: { label: string; url: string }[] = [
   { label: 'Sort a list', url: '/list/sort' },
   { label: 'Compress PNG', url: '/png/compress-png' },
   { label: 'Split a text', url: '/string/split' },
-  { label: 'Calculate number sum', url: '/number/sum' },
-  { label: 'Shuffle a list', url: '/list/shuffle' },
-  { label: 'Change colors in image', url: '/png/change-colors-in-png' }
+  { label: 'Split PDF', url: '/pdf/split-pdf' },
+  { label: 'Trim video', url: '/video/trim' },
+  { label: 'Calculate number sum', url: '/number/sum' }
 ];
 export default function Hero() {
   const [inputValue, setInputValue] = useState<string>('');

src/tools/index.ts

@@ -16,12 +16,12 @@ export const tools: DefinedTool[] = [
   ...imageTools,
   ...stringTools,
   ...jsonTools,
+  ...pdfTools,
   ...listTools,
   ...csvTools,
   ...videoTools,
   ...numberTools,
-  ...timeTools,
-  ...pdfTools
+  ...timeTools
 ];
 const categoriesConfig: {
   type: ToolCategory;
@@ -91,6 +91,11 @@ const categoriesConfig: {
       'Tools for working with time and date – draw clocks and calendars, generate time and date sequences, calculate average time, convert between time zones, and much more.'
   }
 ];
+// use for changelogs
+// console.log(
+//   'tools',
+//   tools.map(({ name, type }) => ({ type, name }))
+// );
 export const filterTools = (
   tools: DefinedTool[],
   query: string