feat: shortDescription

src/pages/home/index.tsx

@@ -89,7 +89,7 @@ export default function Home() {
             >
               <Box>
                 <Typography fontWeight={'bold'}>{option.name}</Typography>
-                <Typography fontSize={12}>{option.description}</Typography>
+                <Typography fontSize={12}>{option.shortDescription}</Typography>
               </Box>
             </Box>
           )}

src/pages/image/png/change-colors-in-png/meta.ts

@@ -8,6 +8,7 @@ export const tool = defineTool('png', {
   image,
   description:
     "World's simplest online Portable Network Graphics (PNG) color changer. Just import your PNG image in the editor on the left, select which colors to change, and you'll instantly get a new PNG with the new colors on the right. Free, quick, and very powerful. Import a PNG – replace its colors.",
+  shortDescription: 'Quickly swap colors in a PNG image',
   keywords: ['change', 'colors', 'in', 'png'],
   component: lazy(() => import('./index'))
 });

src/pages/image/png/create-transparent/meta.ts

@@ -6,6 +6,7 @@ export const tool = defineTool('png', {
   name: 'Create transparent PNG',
   path: 'create-transparent',
   image,
+  shortDescription: 'Quickly make a PNG image transparent',
   description:
     "World's simplest online Portable Network Graphics transparency maker. Just import your PNG image in the editor on the left and you will instantly get a transparent PNG on the right. Free, quick, and very powerful. Import a PNG – get a transparent PNG.",
   keywords: ['create', 'transparent'],

src/pages/number/sum/meta.ts

@@ -8,6 +8,7 @@ export const tool = defineTool('number', {
   // image,
   description:
     'Quickly calculate the sum of numbers in your browser. To get your sum, just enter your list of numbers in the input field, adjust the separator between the numbers in the options below, and this utility will add up all these numbers.',
+  shortDescription: 'Quickly sum numbers',
   keywords: ['sum'],
   component: lazy(() => import('./index'))
 });

src/pages/string/join/index.tsx

@@ -113,39 +113,6 @@ s
   }
 ];
 
-const toolCards = [
-  {
-    title: 'Split Text',
-    description: 'Quickly split text into chunks.',
-    link: '/string/split'
-  },
-  {
-    title: 'Join Text',
-    description: 'Quickly merge lines of text together via a delimiter.',
-    link: '/string/join'
-  },
-  {
-    title: 'Join Text',
-    description: 'Quickly merge lines of text together via a delimiter.',
-    link: '/string/join'
-  },
-  {
-    title: 'Join Text',
-    description: 'Quickly merge lines of text together via a delimiter.',
-    link: '/string/join'
-  },
-  {
-    title: 'Join Text',
-    description: 'Quickly merge lines of text together via a delimiter.',
-    link: '/string/join'
-  },
-  {
-    title: 'Join Text',
-    description: 'Quickly merge lines of text together via a delimiter.',
-    link: '/string/join'
-  }
-];
-
 export default function JoinText() {
   const [input, setInput] = useState<string>('');
   const { showSnackBar } = useContext(CustomSnackBarContext);
@@ -246,8 +213,6 @@ export default function JoinText() {
           changeInputResult
         }))}
       />
-      <Separator backgroundColor="#5581b5" margin="50px" />
-      <AllTools title="All Text Tools" toolCards={toolCards} />
     </Box>
   );
 }

src/pages/string/join/meta.ts

@@ -8,6 +8,7 @@ export const tool = defineTool('string', {
   image,
   description:
     "World's Simplest Text Tool World's simplest browser-based utility for joining text. Load your text in the input form on the left and you'll automatically get merged text on the right. Powerful, free, and fast. Load text – get joined lines",
+  shortDescription: 'Quickly merge texts',
   keywords: ['text', 'join'],
   component: lazy(() => import('./index'))
 });

src/pages/string/split/meta.ts

@@ -8,6 +8,7 @@ export const tool = defineTool('string', {
   image,
   description:
     "World's simplest browser-based utility for splitting text. Load your text in the input form on the left and you'll automatically get pieces of this text on the right. Powerful, free, and fast. Load text – get chunks.",
+  shortDescription: 'Quickly split a text',
   keywords: ['text', 'split'],
   component: lazy(() => import('./index'))
 });

src/pages/string/to-morse/meta.ts

@@ -8,6 +8,7 @@ export const tool = defineTool('string', {
   // image,
   description:
     "World's simplest browser-based utility for converting text to Morse code. Load your text in the input form on the left and you'll instantly get Morse code in the output area. Powerful, free, and fast. Load text – get Morse code.",
+  shortDescription: 'Quickly encode text to morse',
   keywords: ['to', 'morse'],
   component: lazy(() => import('./index'))
 });