diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index e53e315..7ff8002 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,7 +5,11 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="chore: use string tools">
-      <change beforePath="$PROJECT_DIR$/src/pages/list/shuffle/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/list/shuffle/index.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/Hero.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Hero.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/Navbar/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Navbar/index.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/input/ToolFileInput.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/input/ToolFileInput.tsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -33,12 +37,12 @@
     &quot;assignee&quot;: &quot;iib0011&quot;
   }
 }</component>
-  <component name="GithubPullRequestsUISettings">{
-  &quot;selectedUrlAndAccountId&quot;: {
-    &quot;url&quot;: &quot;https://github.com/iib0011/omni-tools&quot;,
-    &quot;accountId&quot;: &quot;59b4836a-7ded-49a0-a358-5e8d81d0d44b&quot;
+  <component name="GithubPullRequestsUISettings"><![CDATA[{
+  "selectedUrlAndAccountId": {
+    "url": "https://github.com/iib0011/omni-tools.git",
+    "accountId": "45f8cd51-000f-4ba4-a4c6-c4d96ac9b1e5"
   }
-}</component>
+}]]></component>
   <component name="KubernetesApiProvider">{
   &quot;isMigrated&quot;: true
 }</component>
@@ -57,46 +61,47 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">{
-  &quot;keyToString&quot;: {
-    &quot;ASKED_ADD_EXTERNAL_FILES&quot;: &quot;true&quot;,
-    &quot;ASKED_SHARE_PROJECT_CONFIGURATION_FILES&quot;: &quot;true&quot;,
-    &quot;Docker.Dockerfile build.executor&quot;: &quot;Run&quot;,
-    &quot;Docker.Dockerfile.executor&quot;: &quot;Run&quot;,
-    &quot;Playwright.JoinText Component.executor&quot;: &quot;Run&quot;,
-    &quot;Playwright.JoinText Component.should merge text pieces with specified join character.executor&quot;: &quot;Run&quot;,
-    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
-    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
-    &quot;Vitest.compute function (1).executor&quot;: &quot;Run&quot;,
-    &quot;Vitest.compute function.executor&quot;: &quot;Run&quot;,
-    &quot;Vitest.mergeText.executor&quot;: &quot;Run&quot;,
-    &quot;Vitest.mergeText.should merge lines and preserve blank lines when deleteBlankLines is false.executor&quot;: &quot;Run&quot;,
-    &quot;Vitest.mergeText.should merge lines, preserve blank lines and trailing spaces when both deleteBlankLines and deleteTrailingSpaces are false.executor&quot;: &quot;Run&quot;,
-    &quot;git-widget-placeholder&quot;: &quot;main&quot;,
-    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
-    &quot;kotlin-language-version-configured&quot;: &quot;true&quot;,
-    &quot;last_opened_file_path&quot;: &quot;C:/Users/HP/IdeaProjects/omni-tools/src/components/options&quot;,
-    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
-    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
-    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
-    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
-    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
-    &quot;npm.dev.executor&quot;: &quot;Run&quot;,
-    &quot;npm.lint.executor&quot;: &quot;Run&quot;,
-    &quot;npm.prebuild.executor&quot;: &quot;Run&quot;,
-    &quot;npm.script:create:tool.executor&quot;: &quot;Run&quot;,
-    &quot;npm.test.executor&quot;: &quot;Run&quot;,
-    &quot;npm.test:e2e.executor&quot;: &quot;Run&quot;,
-    &quot;npm.test:e2e:run.executor&quot;: &quot;Run&quot;,
-    &quot;prettierjs.PrettierConfiguration.Package&quot;: &quot;C:\\Users\\HP\\IdeaProjects\\omni-tools\\node_modules\\prettier&quot;,
-    &quot;project.structure.last.edited&quot;: &quot;Problems&quot;,
-    &quot;project.structure.proportion&quot;: &quot;0.0&quot;,
-    &quot;project.structure.side.proportion&quot;: &quot;0.2&quot;,
-    &quot;settings.editor.selected.configurable&quot;: &quot;settings.typescriptcompiler&quot;,
-    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\HP\\IdeaProjects\\omni-tools\\node_modules\\typescript\\lib&quot;,
-    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "ASKED_ADD_EXTERNAL_FILES": "true",
+    "ASKED_SHARE_PROJECT_CONFIGURATION_FILES": "true",
+    "Docker.Dockerfile build.executor": "Run",
+    "Docker.Dockerfile.executor": "Run",
+    "Playwright.JoinText Component.executor": "Run",
+    "Playwright.JoinText Component.should merge text pieces with specified join character.executor": "Run",
+    "RunOnceActivity.OpenProjectViewOnStart": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "RunOnceActivity.git.unshallow": "true",
+    "Vitest.compute function (1).executor": "Run",
+    "Vitest.compute function.executor": "Run",
+    "Vitest.mergeText.executor": "Run",
+    "Vitest.mergeText.should merge lines and preserve blank lines when deleteBlankLines is false.executor": "Run",
+    "Vitest.mergeText.should merge lines, preserve blank lines and trailing spaces when both deleteBlankLines and deleteTrailingSpaces are false.executor": "Run",
+    "git-widget-placeholder": "main",
+    "ignore.virus.scanning.warn.message": "true",
+    "kotlin-language-version-configured": "true",
+    "last_opened_file_path": "C:/Users/HP/IdeaProjects/omni-tools/src/components/options",
+    "node.js.detected.package.eslint": "true",
+    "node.js.detected.package.tslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "npm.dev.executor": "Run",
+    "npm.lint.executor": "Run",
+    "npm.prebuild.executor": "Run",
+    "npm.script:create:tool.executor": "Run",
+    "npm.test.executor": "Run",
+    "npm.test:e2e.executor": "Run",
+    "npm.test:e2e:run.executor": "Run",
+    "prettierjs.PrettierConfiguration.Package": "C:\\Users\\HP\\IdeaProjects\\omni-tools\\node_modules\\prettier",
+    "project.structure.last.edited": "Problems",
+    "project.structure.proportion": "0.0",
+    "project.structure.side.proportion": "0.2",
+    "settings.editor.selected.configurable": "settings.typescriptcompiler",
+    "ts.external.directory.path": "C:\\Users\\Ibrahima\\IdeaProjects\\omni-tools\\node_modules\\typescript\\lib",
+    "vue.rearranger.settings.migration": "true"
   }
-}</component>
+}]]></component>
   <component name="ReactDesignerToolWindowState">
     <option name="myId2Visible">
       <map>
@@ -121,7 +126,7 @@
       <recent name="C:\Users\HP\IdeaProjects\omni-tools\src\tools" />
     </key>
   </component>
-  <component name="RunManager" selected="npm.lint">
+  <component name="RunManager" selected="npm.dev">
     <configuration name="Dockerfile build" type="docker-deploy" factoryName="dockerfile" temporary="true" server-name="Docker">
       <deployment type="dockerfile">
         <settings>
@@ -187,8 +192,8 @@
     </list>
     <recent_temporary>
       <list>
-        <item itemvalue="npm.lint" />
         <item itemvalue="npm.dev" />
+        <item itemvalue="npm.lint" />
         <item itemvalue="Docker.Dockerfile build" />
         <item itemvalue="Docker.Dockerfile" />
         <item itemvalue="npm.test:e2e" />
@@ -198,8 +203,8 @@
   <component name="SharedIndexes">
     <attachedChunks>
       <set>
-        <option value="bundled-jdk-9f38398b9061-39b83d9b5494-intellij.indexing.shared.core-IU-241.18034.62" />
-        <option value="bundled-js-predefined-1d06a55b98c1-0b3e54e931b4-JavaScript-IU-241.18034.62" />
+        <option value="bundled-jdk-9823dce3aa75-125ca727e0f0-intellij.indexing.shared.core-IU-243.24978.46" />
+        <option value="bundled-js-predefined-d6986cc7102b-76f8388c3a79-JavaScript-IU-243.24978.46" />
       </set>
     </attachedChunks>
   </component>
@@ -244,6 +249,7 @@
       <workItem from="1720729165596" duration="3258000" />
       <workItem from="1720911748039" duration="331000" />
       <workItem from="1720912096050" duration="3065000" />
+      <workItem from="1740259920741" duration="4992000" />
     </task>
     <task id="LOCAL-00053" summary="chore: printRunningSum">
       <option name="closed" value="true" />
diff --git a/README.md b/README.md
index eb70e6a..5b32147 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,9 @@
 # OmniTools
 
-Welcome to **OmniTools**, an open-source alternative to OnlineTools.com.
+Welcome to **OmniTools**, a self hosted alternative to OnlineTools.com.
 This project offers a variety of online tools to help with everyday tasks,
 all available for free and open for community contributions. Please don't forget to star the repo to support us.
-Here is the [live](https://omnitools.netlify.app/) website.
+Here is the [demo](https://omnitools.netlify.app/) website.
 
 ![img.png](img.png)
 
@@ -76,20 +76,27 @@ npm run test
 npm run test:e2e
 ```
 
-### Contributors
-
-<a href="https://github.com/iib0011/omni-tools/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=iib0011/omni-tools" />
-</a>
-
 [//]: # (<img src="https://api.star-history.com/svg?repos=iib0011/omni-tools&type=Date">)
 
 ## License
 
 This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
 
-## Contact
+## 🤝 Looking to contribute?
 
-For any questions or suggestions, feel free to open an issue or contact us at:
+We welcome contributions! You can help by:
 
-Email: ibracool99@gmail.com
+- ✅ Reporting bugs
+- ✅ Suggesting new features
+- ✅ Improving documentation
+- ✅ Submitting pull requests
+
+Check CONTRIBUTING.md inside each subproject for details.
+
+You can also join our [Discord server](https://discord.gg/A6eMSNwg)
+
+### Contributors
+
+<a href="https://github.com/iib0011/omni-tools/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=iib0011/omni-tools" />
+</a>
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 72545f6..c8d5b51 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -39,7 +39,7 @@ export default function Hero() {
     <Box width={{ xs: '90%', md: '80%', lg: '60%' }}>
       <Stack mb={1} direction={'row'} spacing={1} justifyContent={'center'}>
         <Typography sx={{ textAlign: 'center' }} fontSize={{ xs: 25, md: 30 }}>
-          Transform Your Workflow with{' '}
+          Get Things Done Quickly with{' '}
           <Typography
             fontSize={{ xs: 25, md: 30 }}
             display={'inline'}
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 14abec3..6ee693d 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -26,28 +26,26 @@ const Navbar: React.FC = () => {
   const toggleDrawer = (open: boolean) => () => {
     setDrawerOpen(open);
   };
+  const navItems: { label: string; path: string }[] = [
+    // { label: 'Features', path: '/features' }
+    // { label: 'About Us', path: '/about-us' }
+  ];
 
   const drawerList = (
     <List>
-      <ListItemButton onClick={() => navigate('/features')}>
-        <ListItemText primary="Features" />
-      </ListItemButton>
-      <ListItemButton onClick={() => navigate('/about-us')}>
-        <ListItemText primary="About Us" />
-      </ListItemButton>
-      <ListItemButton
-        component="a"
-        href="https://github.com/iib0011/omni-tools"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        <img
-          src={githubIcon}
-          alt="GitHub"
-          style={{ height: '24px', marginRight: '8px' }}
-        />
-        <Typography variant="button">Star us</Typography>
-      </ListItemButton>
+      {navItems.map((navItem) => (
+        <ListItemButton onClick={() => navigate(navItem.path)}>
+          <ListItemText primary={navItem.label} />
+        </ListItemButton>
+      ))}
+      <iframe
+        src="https://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=star&count=true&size=large"
+        frameBorder="0"
+        scrolling="0"
+        width="170"
+        height="30"
+        title="GitHub"
+      ></iframe>
     </List>
   );
 
@@ -59,15 +57,27 @@ const Navbar: React.FC = () => {
       <Toolbar sx={{ justifyContent: 'space-between', alignItems: 'center' }}>
         <Typography
           onClick={() => navigate('/')}
-          fontSize={20}
-          sx={{ cursor: 'pointer' }}
+          fontSize={25}
+          sx={{
+            cursor: 'pointer',
+            fontWeight: 600,
+            textShadow: '1px 1px 2px rgba(0,0,0,0.2)'
+          }}
           color={'primary'}
         >
           OmniTools
         </Typography>
         {isMobile ? (
           <>
-            <IconButton color="inherit" onClick={toggleDrawer(true)}>
+            <IconButton
+              color="inherit"
+              onClick={toggleDrawer(true)}
+              sx={{
+                '&:hover': {
+                  backgroundColor: theme.palette.primary.main
+                }
+              }}
+            >
               <MenuIcon />
             </IconButton>
             <Drawer
@@ -79,36 +89,35 @@ const Navbar: React.FC = () => {
             </Drawer>
           </>
         ) : (
-          <Stack direction={'row'}>
-            <Button color="inherit">
-              <Link
-                to="/features"
-                style={{ textDecoration: 'none', color: 'inherit' }}
+          <Stack direction={'row'} spacing={2}>
+            {navItems.map((item) => (
+              <Button
+                key={item.label}
+                color="inherit"
+                sx={{
+                  '&:hover': {
+                    color: theme.palette.primary.main,
+                    transition: 'color 0.3s ease',
+                    backgroundColor: 'white'
+                  }
+                }}
               >
-                Features
-              </Link>
-            </Button>
-            <Button color="inherit">
-              <Link
-                to="/about-us"
-                style={{ textDecoration: 'none', color: 'inherit' }}
-              >
-                About Us
-              </Link>
-            </Button>
-            <IconButton
-              color="primary"
-              href="https://github.com/iib0011/omni-tools"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <img
-                src={githubIcon}
-                alt="GitHub"
-                style={{ height: '24px', marginRight: '8px' }}
-              />
-              <Typography variant="button">Star us</Typography>
-            </IconButton>
+                <Link
+                  to={item.path}
+                  style={{ textDecoration: 'none', color: 'inherit' }}
+                >
+                  {item.label}
+                </Link>
+              </Button>
+            ))}
+            <iframe
+              src="https://ghbtns.com/github-btn.html?user=iib0011&repo=omni-tools&type=star&count=true&size=large"
+              frameBorder="0"
+              scrolling="0"
+              width="170"
+              height="30"
+              title="GitHub"
+            ></iframe>
           </Stack>
         )}
       </Toolbar>
diff --git a/src/components/input/ToolFileInput.tsx b/src/components/input/ToolFileInput.tsx
index 67ba26c..9f13675 100644
--- a/src/components/input/ToolFileInput.tsx
+++ b/src/components/input/ToolFileInput.tsx
@@ -38,6 +38,14 @@ export default function ToolFileInput({
         });
     }
   };
+  const handlePaste = (event: ClipboardEvent) => {
+    const clipboardItems = event.clipboardData?.items ?? [];
+    const item = clipboardItems[0];
+    if (item.type.includes('image')) {
+      const file = item.getAsFile();
+      onChange(file!);
+    }
+  };
   useEffect(() => {
     if (value) {
       const objectUrl = URL.createObjectURL(value);
@@ -57,6 +65,15 @@ export default function ToolFileInput({
   const handleImportClick = () => {
     fileInputRef.current?.click();
   };
+
+  useEffect(() => {
+    window.addEventListener('paste', handlePaste);
+
+    return () => {
+      window.removeEventListener('paste', handlePaste);
+    };
+  }, [handlePaste]);
+
   return (
     <Box>
       <InputHeader title={title} />