diff --git a/documentation/docusaurus.config.js b/documentation/docusaurus.config.js
index 9aa83c2a..fbfd326c 100644
--- a/documentation/docusaurus.config.js
+++ b/documentation/docusaurus.config.js
@@ -159,10 +159,10 @@ const siteConfig = {
         },
         image: "img/prepverse_favicon.jpg",
         algolia: {
-            appId: "1",
-            apiKey: "2",
-            indexName: "prepverse",
-            contextualSearch: true,
+            appId: "WFEX2734BK",
+            apiKey: "ca4e3acfce16651e728fe959f2502f28",
+            indexName: "prepverseio",
+            // contextualSearch: true,
         },
         metadata: [
             {
diff --git a/documentation/package-lock.json b/documentation/package-lock.json
index 64dd438d..5bfe7df4 100644
--- a/documentation/package-lock.json
+++ b/documentation/package-lock.json
@@ -13,6 +13,7 @@
         "@docusaurus/preset-classic": "2.4.0",
         "@giscus/react": "^2.4.0",
         "@headlessui/react": "^1.7.15",
+        "@iconify/react": "^4.1.1",
         "@mdx-js/react": "^1.6.22",
         "@swc/core": "^1.3.64",
         "@tailwindcss/line-clamp": "^0.4.2",
@@ -2684,6 +2685,25 @@
         "react-dom": "^16 || ^17 || ^18"
       }
     },
+    "node_modules/@iconify/react": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@iconify/react/-/react-4.1.1.tgz",
+      "integrity": "sha512-jed14EjvKjee8mc0eoscGxlg7mSQRkwQG3iX3cPBCO7UlOjz0DtlvTqxqEcHUJGh+z1VJ31Yhu5B9PxfO0zbdg==",
+      "dependencies": {
+        "@iconify/types": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/cyberalien"
+      },
+      "peerDependencies": {
+        "react": ">=16"
+      }
+    },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -17272,6 +17292,19 @@
         "client-only": "^0.0.1"
       }
     },
+    "@iconify/react": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@iconify/react/-/react-4.1.1.tgz",
+      "integrity": "sha512-jed14EjvKjee8mc0eoscGxlg7mSQRkwQG3iX3cPBCO7UlOjz0DtlvTqxqEcHUJGh+z1VJ31Yhu5B9PxfO0zbdg==",
+      "requires": {
+        "@iconify/types": "^2.0.0"
+      }
+    },
+    "@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
+    },
     "@jridgewell/gen-mapping": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
diff --git a/documentation/package.json b/documentation/package.json
index f57181f6..11d7b444 100644
--- a/documentation/package.json
+++ b/documentation/package.json
@@ -21,6 +21,7 @@
     "@docusaurus/preset-classic": "2.4.0",
     "@giscus/react": "^2.4.0",
     "@headlessui/react": "^1.7.15",
+    "@iconify/react": "^4.1.1",
     "@mdx-js/react": "^1.6.22",
     "@swc/core": "^1.3.64",
     "@tailwindcss/line-clamp": "^0.4.2",
diff --git a/documentation/src/components/project-list/index.tsx b/documentation/src/components/project-list/index.tsx
index 4993f688..1719fff2 100644
--- a/documentation/src/components/project-list/index.tsx
+++ b/documentation/src/components/project-list/index.tsx
@@ -294,7 +294,7 @@ const ExampleList: React.FC = () => {
             <>
                 <div
                     className={clsx(
-                        "grid grid-cols-1 md:grid-cols-3",
+                        "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
                         "gap-4 2xl:gap-8",
                     )}
                 >
diff --git a/documentation/src/prepverse-theme/blog-footer.tsx b/documentation/src/prepverse-theme/blog-footer.tsx
index 3b9445b3..c0d8f8f8 100644
--- a/documentation/src/prepverse-theme/blog-footer.tsx
+++ b/documentation/src/prepverse-theme/blog-footer.tsx
@@ -3,231 +3,4 @@ import { LandingFooter } from "./landing-footer";
 
 export const BlogFooter = () => {
     return <LandingFooter />;
-};
-
-// import { useColorMode } from "@docusaurus/theme-common";
-// import clsx from "clsx";
-// import React from "react";
-// import { openFigma } from "../utils/open-figma";
-// import { footerDescription, menuItems, socialLinks } from "./footer-data";
-// import { HeartOutlinedIcon } from "./icons/heart-outlined";
-// import { PrepVerseLogoIcon } from "./icons/prepverse-logo";
-
-// export const BlogFooter = () => {
-//     const { colorMode } = useColorMode();
-
-//     return (
-//         <>
-//             <div
-//                 className={clsx(
-//                     "border-t border-t-solid",
-//                     "border-t-gray-00 dark:border-t-gray-700",
-//                     "dark:bg-footer-dark-bg",
-//                     "w-full",
-//                     "py-6",
-//                     "landing-sm:py-8",
-//                     "landing-md:py-11",
-//                     "px-4",
-//                     "landing-sm:px-8",
-//                     "landing-md:px-8",
-//                     "landing-lg:px-12",
-//                     "landing-xl:px-20",
-//                 )}
-//             >
-//                 <div
-//                     className={clsx(
-//                         "max-w-screen-landing-footer",
-//                         "w-full",
-//                         "flex flex-col",
-//                         "gap-6",
-//                         "landing-sm:gap-4",
-//                         "landing-md:gap-9",
-//                         "mx-auto",
-//                     )}
-//                 >
-//                     <div className={clsx("flex items-center justify-between")}>
-//                         <PrepVerseLogoIcon
-//                             className="dark:text-gray-0 text-gray-900"
-//                             onContextMenu={openFigma}
-//                         />
-//                     </div>
-//                     <div
-//                         className={clsx(
-//                             "flex",
-//                             "flex-col",
-//                             "landing-xl:flex-row",
-//                             "items-start",
-//                             "justify-between",
-//                             "landing-lg:gap-8",
-//                         )}
-//                     >
-//                         <div
-//                             className={clsx(
-//                                 "text-xs",
-//                                 "opacity-75",
-//                                 "landing-lg:opacity-100",
-//                                 "landing-lg:text-base",
-//                                 "text-gray-500 dark:text-gray-500",
-//                                 "font-semibold",
-//                                 "landing-md:max-w-[304px] w-full",
-//                                 "w-full",
-//                                 "flex-shrink-0",
-//                                 "mb-6",
-//                                 "landing-xl:mb-0",
-//                             )}
-//                         >
-//                             {footerDescription}
-//                         </div>
-//                         <div
-//                             className={clsx(
-//                                 "w-full",
-//                                 "landing-lg:w-auto",
-//                                 "landing-md:grid-cols-3 landing-lg:grid-cols-5 grid grid-cols-2",
-//                                 "landing-md:gap-4 gap-10",
-//                             )}
-//                         >
-//                             {menuItems.map((menu) => (
-//                                 <div
-//                                     className={clsx(
-//                                         "flex min-w-[144px] max-w-[304px] flex-col gap-4",
-//                                     )}
-//                                     key={menu.label}
-//                                 >
-//                                     <div className="dark:text-gray-0 text-base font-semibold text-gray-900">
-//                                         {menu.label}
-//                                     </div>
-//                                     <div className="flex flex-col gap-2">
-//                                         {menu.items.map((item) => (
-//                                             <a
-//                                                 href={item.href}
-//                                                 target="_blank"
-//                                                 key={item.label}
-//                                                 className={clsx(
-//                                                     "text-base",
-//                                                     "text-gray-700 dark:text-gray-400",
-//                                                     "opacity-75",
-//                                                     "no-underline hover:no-underline",
-//                                                     "hover:text-gray-700 hover:dark:text-gray-400",
-//                                                 )}
-//                                             >
-//                                                 {item.label}
-//                                             </a>
-//                                         ))}
-//                                     </div>
-//                                 </div>
-//                             ))}
-//                             <div
-//                                 className={clsx(
-//                                     "landing-md:col-span-3 landing-lg:col-span-2 w-full landing-content:max-w-[304px]",
-//                                 )}
-//                             >
-//                                 <div className={clsx("flex flex-col gap-4")}>
-//                                     <div className="dark:text-gray-0 text-base font-semibold text-gray-900">
-//                                         Contact
-//                                     </div>
-//                                     <div
-//                                         className={clsx(
-//                                             "text-base",
-//                                             "text-gray-700 dark:text-gray-400",
-//                                         )}
-//                                     >
-//                                         <a
-//                                             href="https://mail.google.com/mail/u/0/?fs=1&to=codewithsky@gmail.com&tf=cm"
-//                                             target="_blank"
-//                                             className={clsx(
-//                                                 "text-gray-700 dark:text-gray-400",
-//                                                 "no-underline hover:no-underline",
-//                                                 "hover:text-gray-700 hover:dark:text-gray-400",
-//                                             )}
-//                                         >
-//                                             codewithsky@gmail.com
-//                                         </a>
-//                                     </div>
-//                                 </div>
-//                             </div>
-//                         </div>
-//                     </div>
-//                 </div>
-//             </div>
-//             <div
-//                 className={clsx(
-//                     "border-t",
-//                     "border-t-gray-100 dark:border-t-gray-700",
-//                     "bg-gray-50 dark:bg-gray-800",
-//                     "w-full",
-//                     "px-4",
-//                     "landing-sm:px-8",
-//                     "landing-md:px-8",
-//                     "landing-lg:px-12",
-//                     "landing-xl:px-20",
-//                     "py-6",
-//                 )}
-//             >
-//                 <div
-//                     className={clsx(
-//                         "mx-auto",
-//                         "max-w-screen-landing-footer",
-//                         "w-full",
-//                         "landing-lg:gap-2 gap-6",
-//                         "flex items-center justify-between",
-//                         "landing-lg:flex-row flex-col-reverse",
-//                     )}
-//                 >
-//                     <div
-//                         className={clsx(
-//                             "text-base",
-//                             "text-gray-500 dark:text-gray-400",
-//                         )}
-//                     >
-//                         Copyright © 2023 PrepVerse{" "}
-//                         <HeartOutlinedIcon className="text-refine-red ml-2 inline leading-6" /> <br></br>
-//                         Built with Docusaurus & refine.
-//                     </div>
-//                     <div
-//                         className={clsx(
-//                             "flex items-center",
-//                             "gap-4",
-//                             "landing-lg:flex-row flex-col",
-//                             "landing-lg:max-w-none max-w-[382px]",
-//                         )}
-//                     >
-//                         <span
-//                             className={clsx(
-//                                 "text-gray-500 dark:text-gray-400",
-//                                 "landing-lg:text-left text-center opacity-75",
-//                             )}
-//                         >
-//                             Connect with me on
-//                         </span>
-//                         <div
-//                             className={clsx(
-//                                 "flex",
-//                                 "flex-row",
-//                                 "items-center",
-//                                 "gap-4",
-//                                 "justify-between",
-//                             )}
-//                         >
-//                             {socialLinks.map(({ href, icon: Icon }) => (
-//                                 <a
-//                                     href={href}
-//                                     key={href}
-//                                     target="_blank"
-//                                     rel="noreferrer"
-//                                     className={clsx(
-//                                         "text-gray-500 dark:text-gray-400",
-//                                         "opacity-75",
-//                                         "no-underline",
-//                                         "hover:text-gray-500 hover:no-underline hover:dark:text-gray-400",
-//                                     )}
-//                                 >
-//                                     <Icon className="landing-lg:w-6 landing-lg:h-6 h-9 w-9" />
-//                                 </a>
-//                             ))}
-//                         </div>
-//                     </div>
-//                 </div>
-//             </div>
-//         </>
-//     );
-// };
+};
\ No newline at end of file
diff --git a/documentation/src/prepverse-theme/common-footer.tsx b/documentation/src/prepverse-theme/common-footer.tsx
index 0f1b8d67..49eb3220 100644
--- a/documentation/src/prepverse-theme/common-footer.tsx
+++ b/documentation/src/prepverse-theme/common-footer.tsx
@@ -45,7 +45,7 @@ export const CommonFooter = () => {
                             "sm:mr-4",
                         )}
                     >
-                        Join us on
+                        Connect with me on
                     </div>
                     <div
                         className={clsx(
diff --git a/documentation/src/prepverse-theme/enterprise-hero-section.tsx b/documentation/src/prepverse-theme/enterprise-hero-section.tsx
index ba5a4546..b37aaf14 100644
--- a/documentation/src/prepverse-theme/enterprise-hero-section.tsx
+++ b/documentation/src/prepverse-theme/enterprise-hero-section.tsx
@@ -26,7 +26,6 @@ export const EnterpriseHeroSection = ({
                         "text-start",
                         "pl-4 landing-sm:pl-6 landing-md:pl-10",
                         "dark:text-gray-0 text-gray-900",
-                        "landing-lg:pt-8",
                     )}
                 >
                     I am{" "}
@@ -39,7 +38,6 @@ export const EnterpriseHeroSection = ({
                     >
                         Akash Singh
                     </span>
-                    .
                 </h1>
                 <p
                     className={clsx(
@@ -55,11 +53,13 @@ export const EnterpriseHeroSection = ({
                     <br></br>
                     <br></br>
                     "Face the challenge, Fight through the obstacles, Finish what you started."
+                    <br></br>
+                    <br></br>
                 </p>
                 <EnterpriseGetInTouchButton
                     className={clsx(
                         "pl-4 landing-sm:pl-6 landing-md:pl-10",
-                        "mt-6 landing-lg:mt-16",
+                        "mt-6 landing-lg:mt-2",
                     )}
                 />
             </div>
@@ -74,13 +74,11 @@ export const EnterpriseHeroSection = ({
             >
                 <CommonThemedImage
                     className={clsx(
-                        "landing-md:h-[400px] landing-md:w-[400px]",
+                        "landing-md:h-[420px] landing-md:w-[420px]",
                         "rounded-full",
                     )}
-                    // srcDark="https://refine.ams3.cdn.digitaloceanspaces.com/enterprise/enterprise-hero-image-dark.png"
-                    srcDark="https://avatars.githubusercontent.com/u/60146338"
-                    // srcLight="https://refine.ams3.cdn.digitaloceanspaces.com/enterprise/enterprise-hero-image-light.png"
-                    srcLight="https://avatars.githubusercontent.com/u/60146338"
+                    srcDark="https://github.com/AkashSingh3031.png"
+                    srcLight="https://github.com/AkashSingh3031.png"
                     alt="Akash Singh"
                 />
             </div>
diff --git a/documentation/src/prepverse-theme/footer-data.tsx b/documentation/src/prepverse-theme/footer-data.tsx
index 51b57b14..502b94ad 100644
--- a/documentation/src/prepverse-theme/footer-data.tsx
+++ b/documentation/src/prepverse-theme/footer-data.tsx
@@ -73,12 +73,12 @@ export const socialLinks = [
         icon: FooterGithubIcon,
         href: "https://github.com/AkashSingh3031",
     },
-    {
-        icon: FooterTwitterIcon,
-        href: "https://twitter.com/akashsingh3031",
-    },
     {
         icon: FooterLinkedinIcon,
         href: "https://www.linkedin.com/in/akashsingh3031",
     },
+    {
+        icon: FooterTwitterIcon,
+        href: "https://twitter.com/akashsingh3031",
+    },
 ];
diff --git a/documentation/src/prepverse-theme/icons/account-pin.tsx b/documentation/src/prepverse-theme/icons/account-pin.tsx
new file mode 100644
index 00000000..14b26dd6
--- /dev/null
+++ b/documentation/src/prepverse-theme/icons/account-pin.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+export const AccountPin = (props: React.SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={24}
+        height={24}
+        viewBox="0 0 24 24"
+        fill="none"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M14.256 21.744L12 24l-2.256-2.256C5.31 20.72 2 16.744 2 12C2 6.48 6.48 2 12 2s10 4.48 10 10c0 4.744-3.31 8.72-7.744 9.744m-8.233-6.328C7.491 17.606 9.695 19 12.16 19c2.464 0 4.669-1.393 6.136-3.584A8.968 8.968 0 0 0 12.16 13a8.968 8.968 0 0 0-6.137 2.416M12 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"
+            clipRule="evenodd"
+        />
+    </svg>
+);
diff --git a/documentation/src/prepverse-theme/landing-rainbow-button.tsx b/documentation/src/prepverse-theme/landing-rainbow-button.tsx
index 280999fa..d9dcbd71 100644
--- a/documentation/src/prepverse-theme/landing-rainbow-button.tsx
+++ b/documentation/src/prepverse-theme/landing-rainbow-button.tsx
@@ -1,8 +1,7 @@
 import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
 import clsx from "clsx";
 import Link from "@docusaurus/Link";
-
-import { PlayOutlinedIcon } from "./icons/play-outlined";
+import { AccountPin } from "./icons/account-pin";
 
 type Props = {
     children?: React.ReactNode;
@@ -85,7 +84,7 @@ export const LandingRainbowButton = ({
                         children
                     ) : (
                         <>
-                            {/* <PlayOutlinedIcon /> */}
+                            <AccountPin className="dark:text-black text-white font-semibold" />
                             <span className="dark:text-black text-white font-semibold">
                                 About Me
                             </span>
diff --git a/documentation/src/theme/BlogPostPage/index.js b/documentation/src/theme/BlogPostPage/index.js
index 0d811fdc..29aa3c06 100644
--- a/documentation/src/theme/BlogPostPage/index.js
+++ b/documentation/src/theme/BlogPostPage/index.js
@@ -1,19 +1,12 @@
 import React from "react";
 import clsx from "clsx";
-import {
-    HtmlClassNameProvider,
-    ThemeClassNames,
-} from "@docusaurus/theme-common";
-import {
-    BlogPostProvider,
-    useBlogPost,
-} from "@docusaurus/theme-common/internal";
+import { HtmlClassNameProvider, ThemeClassNames } from "@docusaurus/theme-common";
+import { BlogPostProvider, useBlogPost } from "@docusaurus/theme-common/internal";
 import BlogLayout from "@theme/BlogLayout";
 import BlogPostPageMetadata from "@theme/BlogPostPage/Metadata";
 import { BlogTOC } from "../../prepverse-theme/blog-toc";
-import Comment from '@site/src/components/blog-comment'
-
 import { BlogPostPageView, PostPaginator } from "../../components/blog";
+import Comment from '@site/src/components/blog-comment'
 
 function BlogPostPageContent({ children }) {
     const { metadata, toc } = useBlogPost();