diff --git a/app/dashboard/drafts/page.js b/app/dashboard/drafts/page.js
index fdc2866f..258a9932 100644
--- a/app/dashboard/drafts/page.js
+++ b/app/dashboard/drafts/page.js
@@ -53,7 +53,7 @@ export default async function AccountPage() {
           style={{ maxWidth: 1200 }}
         >
           <div className="flex flex-row justify-between items-baseline mt-3">
-            <h1 className="my-3 text-3xl font-semibold">My posts</h1>
+            <h1 className="my-3 text-3xl font-semibold">Your posts</h1>
           </div>
           <Navigation activeTab={1} />
           {/* set post type to empty so it gets tools too */}
diff --git a/app/dashboard/published/page.js b/app/dashboard/published/page.js
index b07ea72e..aaf38f13 100644
--- a/app/dashboard/published/page.js
+++ b/app/dashboard/published/page.js
@@ -43,7 +43,7 @@ export default async function AccountPage() {
           style={{ maxWidth: 1200 }}
         >
           <div className="flex flex-row justify-between items-baseline mt-3">
-            <h1 className="my-3 text-3xl font-semibold">My posts</h1>
+            <h1 className="my-3 text-3xl font-semibold">Your posts</h1>
           </div>
           <Navigation activeTab={2} />
           {/* set post type to empty so it gets tools too */}
diff --git a/components/Dashboard/Dashboard.jsx b/components/Dashboard/Dashboard.jsx
index 25191b30..bbb19247 100644
--- a/components/Dashboard/Dashboard.jsx
+++ b/components/Dashboard/Dashboard.jsx
@@ -11,6 +11,7 @@ import Skeleton from "./Skeleton";
 const Dashboard = ({ postStatus, postType, currentTab }) => {
   const { user } = useUser({
     redirectIfFound: false,
+    redirectTo: "/",
   });
 
   const { posts, loading, refetch, total, pageSize } = useFetchPosts(
diff --git a/components/Navbar/parts/NewPostDialog.js b/components/Navbar/parts/NewPostDialog.js
index 238de69b..a3cdf975 100644
--- a/components/Navbar/parts/NewPostDialog.js
+++ b/components/Navbar/parts/NewPostDialog.js
@@ -46,7 +46,7 @@ const NewPostDialog = ({button}) => {
     <Dialog onOpenChange={toggleSubmitOpen} open={submitOpen}>
         <DialogTrigger asChild>
         {button==true?
-       <Button variant={"confirmBig"} className="rounded-full">
+       <Button variant={"confirmBig"} className="!rounded-xl !h-[44px] !px-4 !font-medium !py-0">
           Create new
         </Button>
         :<div className="flex cursor-pointer text-black/80 text-sm mr-1">
diff --git a/components/ProfileBadge.js b/components/ProfileBadge.js
index fe13e93a..bf758d06 100644
--- a/components/ProfileBadge.js
+++ b/components/ProfileBadge.js
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import React from "react";
 import { keyframes } from "@stitches/react";
 import { styled } from "../stitches.config";
@@ -156,7 +156,6 @@ const StyledArrow = styled(DropdownMenuPrimitive.Arrow, {
   fill: "white",
 });
 
-
 // Exports
 export const DropdownMenu = DropdownMenuPrimitive.Root;
 export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -205,7 +204,6 @@ const IconButton = styled("button", {
 // }
 
 export const ProfileBadgeDropdown = ({ icon, user }) => {
-
   const router = useRouter();
   const { mutateUser } = useUser({
     redirectTo: "/",
@@ -215,11 +213,17 @@ export const ProfileBadgeDropdown = ({ icon, user }) => {
     <Box>
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
-          <IconButton aria-label="Customise options" className="!rounded-full">{icon}</IconButton>
+          <IconButton aria-label="Customise options" className="!rounded-full">
+            {icon}
+          </IconButton>
         </DropdownMenuTrigger>
 
-        <DropdownMenuPrimitive.DropdownMenuPortal container={typeof document !=='undefined' && document?.getElementById('main-nav')}>
-
+        <DropdownMenuPrimitive.DropdownMenuPortal
+          container={
+            typeof document !== "undefined" &&
+            document?.getElementById("main-nav")
+          }
+        >
           <DropdownMenuContent
             side={"bottom"}
             align={"center"}
@@ -229,16 +233,15 @@ export const ProfileBadgeDropdown = ({ icon, user }) => {
           >
             <DropdownMenuItem
               onSelect={() => {
-                if(user?.profile?.approved){
+                if (user?.profile?.approved) {
                   router.push(`/people/${user?.profile?.slug}`);
-                }else{
+                } else {
                   router.push(`/account/profile`);
                 }
               }}
             >
-              
-                  <UserCircle size={26} className="opacity-80 mr-3"/>
-                  Profile
+              <UserCircle size={26} className="opacity-80 mr-3" />
+              Profile
             </DropdownMenuItem>
 
             <DropdownMenuSeparator />
@@ -248,22 +251,23 @@ export const ProfileBadgeDropdown = ({ icon, user }) => {
                 router.push("/dashboard/drafts");
               }}
             >
-              <Article size={26} className="opacity-80 mr-3"/>
-              Dashboard
+              <Article size={26} className="opacity-80 mr-3" />
+              Posts
             </DropdownMenuItem>
-            <DropdownMenuSeparator />
 
-            <DropdownMenuItem
-              onSelect={() => {
-                router.push(`/onboard?onboard=true`);
-              }}
-            >
-              <CircleWavyCheck size={26}  className="opacity-80 mr-3" />
-              {/* <Link href="/account"> */}
-              Setup
-              {/* </Link> */}
-              {/* <RightSlot>⌘+T</RightSlot> */}
-            </DropdownMenuItem>
+            {user?.profile?.onboardComplete !== true ? (
+              <>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem
+                  onSelect={() => {
+                    router.push(`/onboard?onboard=true`);
+                  }}
+                >
+                  <CircleWavyCheck size={26} className="opacity-80 mr-3" />
+                  Setup
+                </DropdownMenuItem>
+              </>
+            ) : null}
             {/* <DropdownMenuSeparator /> */}
 
             {/* <DropdownMenuItemBanner
@@ -298,7 +302,7 @@ export const ProfileBadgeDropdown = ({ icon, user }) => {
             </DropdownMenuItem>
             <DropdownMenuSeparator /> */}
             <DropdownMenuSeparator />
-          <DropdownMenuItem
+            <DropdownMenuItem
               onSelect={() => {
                 router.push("/account");
               }}
@@ -314,7 +318,7 @@ export const ProfileBadgeDropdown = ({ icon, user }) => {
               Help
             </DropdownMenuItem> */}
 
-            {user?.isAdmin? (
+            {user?.isAdmin ? (
               <>
                 <DropdownMenuSeparator />
                 <DropdownMenuItem
@@ -334,7 +338,9 @@ export const ProfileBadgeDropdown = ({ icon, user }) => {
                   👾 Strapi
                 </DropdownMenuItem>
               </>
-            ):''}
+            ) : (
+              ""
+            )}
             {user?.profile?.companies?.length ? (
               <>
                 <DropdownMenuSeparator />
@@ -346,7 +352,9 @@ export const ProfileBadgeDropdown = ({ icon, user }) => {
                   Business hub
                 </DropdownMenuItem>
               </>
-            ):''}
+            ) : (
+              ""
+            )}
             <DropdownMenuSeparator />
             <DropdownMenuItem
               onSelect={async () => {
diff --git a/components/icons/index.js b/components/icons/index.js
index 2bb24645..6375332e 100644
--- a/components/icons/index.js
+++ b/components/icons/index.js
@@ -184,7 +184,7 @@ export const CircleWavyCheck = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 256 256"
     >
@@ -192,6 +192,20 @@ export const CircleWavyCheck = ({ size, className, color }) => {
     </svg>
   );
 };
+export const CircleWavyQuestion = ({ size, className, color }) => {
+  return (
+    <svg
+      className={className}
+      width={size ? size : "32"}
+      height={size ? size : "32"}
+      fill={color ? color : "currentColor"}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+    >
+      <path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180Zm28-72c0,17.38-13.76,31.93-32,35.28V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36S168,88.15,168,108Z"></path>
+    </svg>
+  );
+};
 export const Article = ({ size, className, color }) => {
   return (
     <svg
@@ -199,7 +213,7 @@ export const Article = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H40V56H216V200ZM184,96a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,96Zm0,32a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,128Zm0,32a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,160Z"></path>
@@ -213,7 +227,7 @@ export const UserCircle = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"></path>
@@ -228,7 +242,7 @@ export const MagnifyingGlass = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path>
@@ -243,7 +257,7 @@ export const FacebookLogo = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm8,191.63V152h24a8,8,0,0,0,0-16H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,0-16H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0,0,16h24v63.63a88,88,0,1,1,16,0Z"></path>
@@ -257,7 +271,7 @@ export const LinkedinLogo = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z"></path>
@@ -271,7 +285,7 @@ export const TwitterLogo = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M214.75,211.71l-62.6-98.38,61.77-67.95a8,8,0,0,0-11.84-10.76L143.24,99.34,102.75,35.71A8,8,0,0,0,96,32H48a8,8,0,0,0-6.75,12.3l62.6,98.37-61.77,68a8,8,0,1,0,11.84,10.76l58.84-64.72,40.49,63.63A8,8,0,0,0,160,224h48a8,8,0,0,0,6.75-12.29ZM164.39,208,62.57,48h29L193.43,208Z"></path>
@@ -285,7 +299,7 @@ export const ArrowSquareOut = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"></path>
@@ -299,7 +313,7 @@ export const ChartBar = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z"></path>
@@ -313,7 +327,7 @@ export const Gift = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M216,72H180.92c.39-.33.79-.65,1.17-1A29.53,29.53,0,0,0,192,49.57,32.62,32.62,0,0,0,158.44,16,29.53,29.53,0,0,0,137,25.91a54.94,54.94,0,0,0-9,14.48,54.94,54.94,0,0,0-9-14.48A29.53,29.53,0,0,0,97.56,16,32.62,32.62,0,0,0,64,49.57,29.53,29.53,0,0,0,73.91,71c.38.33.78.65,1.17,1H40A16,16,0,0,0,24,88v32a16,16,0,0,0,16,16v64a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V136a16,16,0,0,0,16-16V88A16,16,0,0,0,216,72ZM149,36.51a13.69,13.69,0,0,1,10-4.5h.49A16.62,16.62,0,0,1,176,49.08a13.69,13.69,0,0,1-4.5,10c-9.49,8.4-25.24,11.36-35,12.4C137.7,60.89,141,45.5,149,36.51Zm-64.09.36A16.63,16.63,0,0,1,96.59,32h.49a13.69,13.69,0,0,1,10,4.5c8.39,9.48,11.35,25.2,12.39,34.92-9.72-1-25.44-4-34.92-12.39a13.69,13.69,0,0,1-4.5-10A16.6,16.6,0,0,1,84.87,36.87ZM40,88h80v32H40Zm16,48h64v64H56Zm144,64H136V136h64Zm16-80H136V88h80v32Z"></path>
@@ -327,7 +341,7 @@ export const NotePencil = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z"></path>
@@ -341,7 +355,7 @@ export const Briefcase = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M216,56H176V48a24,24,0,0,0-24-24H104A24,24,0,0,0,80,48v8H40A16,16,0,0,0,24,72V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V72A16,16,0,0,0,216,56ZM96,48a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96ZM216,72v41.61A184,184,0,0,1,128,136a184.07,184.07,0,0,1-88-22.38V72Zm0,128H40V131.64A200.19,200.19,0,0,0,128,152a200.25,200.25,0,0,0,88-20.37V200ZM104,112a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H112A8,8,0,0,1,104,112Z"></path>
@@ -355,7 +369,7 @@ export const MapPin = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"></path>
@@ -369,7 +383,7 @@ export const Trash = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"></path>
@@ -383,7 +397,7 @@ export const DotsThree = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z"></path>
@@ -397,7 +411,7 @@ export const Package = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z"></path>
@@ -411,7 +425,7 @@ export const TextAa = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M87.24,52.59a8,8,0,0,0-14.48,0l-64,136a8,8,0,1,0,14.48,6.81L39.9,160h80.2l16.66,35.4a8,8,0,1,0,14.48-6.81ZM47.43,144,80,74.79,112.57,144ZM200,96c-12.76,0-22.73,3.47-29.63,10.32a8,8,0,0,0,11.26,11.36c3.8-3.77,10-5.68,18.37-5.68,13.23,0,24,9,24,20v3.22A42.76,42.76,0,0,0,200,128c-22.06,0-40,16.15-40,36s17.94,36,40,36a42.73,42.73,0,0,0,24-7.25,8,8,0,0,0,16-.75V132C240,112.15,222.06,96,200,96Zm0,88c-13.23,0-24-9-24-20s10.77-20,24-20,24,9,24,20S213.23,184,200,184Z"></path>
@@ -425,7 +439,7 @@ export const DribbbleLogo = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.65,96.18Q211.83,120,208,120a168.58,168.58,0,0,0-43.94,5.84A166.52,166.52,0,0,0,150.61,96a168.32,168.32,0,0,0,38.2-31.55A87.78,87.78,0,0,1,215.65,120.18ZM176.28,54.46A151.75,151.75,0,0,1,142,82.52a169.22,169.22,0,0,0-38.63-39,88,88,0,0,1,73,10.94ZM85.65,50.88a153.13,153.13,0,0,1,42,39.18A151.82,151.82,0,0,1,64,104a154.19,154.19,0,0,1-20.28-1.35A88.39,88.39,0,0,1,85.65,50.88ZM40,128a87.73,87.73,0,0,1,.53-9.64A168.85,168.85,0,0,0,64,120a167.84,167.84,0,0,0,72.52-16.4,150.82,150.82,0,0,1,12.31,27.13,167.11,167.11,0,0,0-24.59,11.6,169.22,169.22,0,0,0-55.07,51.06A87.8,87.8,0,0,1,40,128Zm42,75a152.91,152.91,0,0,1,50.24-46.79,148.81,148.81,0,0,1,20.95-10,152.48,152.48,0,0,1,3.73,33.47,152.93,152.93,0,0,1-3.49,32.56A87.92,87.92,0,0,1,82,203Zm89.06,1.73a170,170,0,0,0,1.86-25,168.69,168.69,0,0,0-4.45-38.47A152.31,152.31,0,0,1,208,136q3.8,0,7.61.19A88.13,88.13,0,0,1,171.06,204.72Z"></path>
@@ -439,7 +453,7 @@ export const GithubLogo = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M208.31,75.68A59.78,59.78,0,0,0,202.93,28,8,8,0,0,0,196,24a59.75,59.75,0,0,0-48,24H124A59.75,59.75,0,0,0,76,24a8,8,0,0,0-6.93,4,59.78,59.78,0,0,0-5.38,47.68A58.14,58.14,0,0,0,56,104v8a56.06,56.06,0,0,0,48.44,55.47A39.8,39.8,0,0,0,96,192v8H72a24,24,0,0,1-24-24A40,40,0,0,0,8,136a8,8,0,0,0,0,16,24,24,0,0,1,24,24,40,40,0,0,0,40,40H96v16a8,8,0,0,0,16,0V192a24,24,0,0,1,48,0v40a8,8,0,0,0,16,0V192a39.8,39.8,0,0,0-8.44-24.53A56.06,56.06,0,0,0,216,112v-8A58.14,58.14,0,0,0,208.31,75.68ZM200,112a40,40,0,0,1-40,40H112a40,40,0,0,1-40-40v-8a41.74,41.74,0,0,1,6.9-22.48A8,8,0,0,0,80,73.83a43.81,43.81,0,0,1,.79-33.58,43.88,43.88,0,0,1,32.32,20.06A8,8,0,0,0,119.82,64h32.35a8,8,0,0,0,6.74-3.69,43.87,43.87,0,0,1,32.32-20.06A43.81,43.81,0,0,1,192,73.83a8.09,8.09,0,0,0,1,7.65A41.72,41.72,0,0,1,200,104Z"></path>
@@ -453,7 +467,7 @@ export const Globe = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path>
@@ -467,7 +481,7 @@ export const Sparkle = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path>
@@ -481,7 +495,7 @@ export const Envelope = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z"></path>
@@ -495,7 +509,7 @@ export const FolderPlus = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M216,72H131.31L104,44.69A15.86,15.86,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.4,15.4,0,0,0,39.38,216H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72ZM92.69,56l16,16H40V56ZM216,200H40V88H216Zm-88-88a8,8,0,0,1,8,8v16h16a8,8,0,0,1,0,16H136v16a8,8,0,0,1-16,0V152H104a8,8,0,0,1,0-16h16V120A8,8,0,0,1,128,112Z"></path>
@@ -509,7 +523,7 @@ export const ListChecks = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z"></path>
@@ -523,7 +537,7 @@ export const User = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"></path>
@@ -537,7 +551,7 @@ export const Tag = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path>
@@ -551,7 +565,7 @@ export const ArrowRight = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path>
@@ -565,7 +579,7 @@ export const CaretRight = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path>
@@ -579,7 +593,7 @@ export const House = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z"></path>
@@ -593,7 +607,7 @@ export const RssSimple = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M224,192a8,8,0,0,1-16,0c0-79.4-64.6-144-144-144a8,8,0,0,1,0-16C152.22,32,224,103.78,224,192ZM64,104a8,8,0,0,0,0,16,72.08,72.08,0,0,1,72,72,8,8,0,0,0,16,0A88.1,88.1,0,0,0,64,104Zm4,72a12,12,0,1,0,12,12A12,12,0,0,0,68,176Z"></path>
@@ -607,7 +621,7 @@ export const Compass = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM172.42,72.84l-64,32a8.05,8.05,0,0,0-3.58,3.58l-32,64A8,8,0,0,0,80,184a8.1,8.1,0,0,0,3.58-.84l64-32a8.05,8.05,0,0,0,3.58-3.58l32-64a8,8,0,0,0-10.74-10.74ZM138,138,97.89,158.11,118,118l40.15-20.07Z"></path>
@@ -622,7 +636,7 @@ export const Robot = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M200,48H136V16a8,8,0,0,0-16,0V48H56A32,32,0,0,0,24,80V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32V80A32,32,0,0,0,200,48Zm16,144a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V80A16,16,0,0,1,56,64H200a16,16,0,0,1,16,16Zm-52-56H92a28,28,0,0,0,0,56h72a28,28,0,0,0,0-56Zm-24,16v24H116V152ZM80,164a12,12,0,0,1,12-12h8v24H92A12,12,0,0,1,80,164Zm84,12h-8V152h8a12,12,0,0,1,0,24ZM72,108a12,12,0,1,1,12,12A12,12,0,0,1,72,108Zm88,0a12,12,0,1,1,12,12A12,12,0,0,1,160,108Z"></path>
@@ -636,7 +650,7 @@ export const Swatches = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M88,180a12,12,0,1,1-12-12A12,12,0,0,1,88,180Zm152-23.81V208a16,16,0,0,1-16,16H76a46.36,46.36,0,0,1-7.94-.68,44,44,0,0,1-35.43-50.95l25-143.13a15.94,15.94,0,0,1,18.47-13L130.84,26a16,16,0,0,1,12.92,18.52l-12.08,69L199.49,89a16,16,0,0,1,20.45,9.52L239,150.69A18.35,18.35,0,0,1,240,156.19ZM103,184.87,128,41.74,73.46,32l-25,143.1A28,28,0,0,0,70.9,207.57,27.29,27.29,0,0,0,91.46,203,27.84,27.84,0,0,0,103,184.87ZM116.78,195,224,156.11,204.92,104,128.5,131.7l-9.78,55.92A44.63,44.63,0,0,1,116.78,195ZM224,173.12,127.74,208H224Z"></path>
@@ -650,7 +664,7 @@ export const Wheelchair = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M255.59,189.47a8,8,0,0,0-10.12-5.06l-17.42,5.81-28.9-57.8A8,8,0,0,0,192,128H112V104h56a8,8,0,0,0,0-16H112V79a32,32,0,1,0-16,0V89.81A72,72,0,0,0,112,232c33.52,0,63.69-22.71,71.75-54a8,8,0,1,0-15.5-4C162.09,198,137.91,216,112,216A56,56,0,0,1,96,106.34V136a8,8,0,0,0,8,8h83.05l29.79,59.58a8,8,0,0,0,9.69,4l24-8A8,8,0,0,0,255.59,189.47ZM88,48a16,16,0,1,1,16,16A16,16,0,0,1,88,48Z"></path>
@@ -664,7 +678,7 @@ export const FlowArrow = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M245.66,74.34l-32-32a8,8,0,0,0-11.32,11.32L220.69,72H208c-49.33,0-61.05,28.12-71.38,52.92-9.38,22.51-16.92,40.59-49.48,42.84a40,40,0,1,0,.1,16c43.26-2.65,54.34-29.15,64.14-52.69C161.41,107,169.33,88,208,88h12.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,245.66,74.34ZM48,200a24,24,0,1,1,24-24A24,24,0,0,1,48,200Z"></path>
@@ -678,7 +692,7 @@ export const BoundingBox = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M208,96a16,16,0,0,0,16-16V48a16,16,0,0,0-16-16H176a16,16,0,0,0-16,16v8H96V48A16,16,0,0,0,80,32H48A16,16,0,0,0,32,48V80A16,16,0,0,0,48,96h8v64H48a16,16,0,0,0-16,16v32a16,16,0,0,0,16,16H80a16,16,0,0,0,16-16v-8h64v8a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16V176a16,16,0,0,0-16-16h-8V96ZM176,48h32V80H176ZM48,48H80V63.9a.51.51,0,0,0,0,.2V80H48ZM80,208H48V176H80v15.9a.51.51,0,0,0,0,.2V208Zm128,0H176V176h32Zm-24-48h-8a16,16,0,0,0-16,16v8H96v-8a16,16,0,0,0-16-16H72V96h8A16,16,0,0,0,96,80V72h64v8a16,16,0,0,0,16,16h8Z"></path>
@@ -692,7 +706,7 @@ export const GitBranch = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M232,64a32,32,0,1,0-40,31v17a8,8,0,0,1-8,8H96a23.84,23.84,0,0,0-8,1.38V95a32,32,0,1,0-16,0v66a32,32,0,1,0,16,0V144a8,8,0,0,1,8-8h88a24,24,0,0,0,24-24V95A32.06,32.06,0,0,0,232,64ZM64,64A16,16,0,1,1,80,80,16,16,0,0,1,64,64ZM96,192a16,16,0,1,1-16-16A16,16,0,0,1,96,192ZM200,80a16,16,0,1,1,16-16A16,16,0,0,1,200,80Z"></path>
@@ -706,7 +720,7 @@ export const HandEye = ({ size, className, color }) => {
       className={className}
       width={size ? size : "32"}
       height={size ? size : "32"}
-      fill={color?color:'currentColor'}
+      fill={color ? color : "currentColor"}
       viewBox="0 0 256 256"
     >
       <path d="M188,88a27.75,27.75,0,0,0-12,2.71V60a28,28,0,0,0-41.36-24.6A28,28,0,0,0,80,44v6.71A27.75,27.75,0,0,0,68,48,28,28,0,0,0,40,76v76a88,88,0,0,0,176,0V116A28,28,0,0,0,188,88Zm12,64a72,72,0,0,1-144,0V76a12,12,0,0,1,24,0v36a8,8,0,0,0,16,0V44a12,12,0,0,1,24,0v60a8,8,0,0,0,16,0V60a12,12,0,0,1,24,0v60a8,8,0,0,0,16,0v-4a12,12,0,0,1,24,0Zm-60,16a12,12,0,1,1-12-12A12,12,0,0,1,140,168Zm-12-40c-36.52,0-54.41,34.94-55.16,36.42a8,8,0,0,0,0,7.16C73.59,173.06,91.48,208,128,208s54.41-34.94,55.16-36.42a8,8,0,0,0,0-7.16C182.41,162.94,164.52,128,128,128Zm0,64c-20.63,0-33.8-16.52-38.7-24,4.9-7.48,18.07-24,38.7-24s33.81,16.53,38.7,24C161.8,175.48,148.63,192,128,192Z"></path>
diff --git a/components/toolbox/HeroCard.js b/components/toolbox/HeroCard.js
index 0e63cfe1..e8fdc275 100644
--- a/components/toolbox/HeroCard.js
+++ b/components/toolbox/HeroCard.js
@@ -2,6 +2,7 @@ import Image from "next/image";
 import gumletLoader from "@/components/new-index/gumletLoader";
 import Link from "next/link";
 import Button from "@/components/Primitives/Button"
+import { CircleWavyQuestion } from "../icons";
 const HeroCard = ({logo, post, tags, featuredImage}) =>{
     return(
         <div
@@ -69,19 +70,10 @@ const HeroCard = ({logo, post, tags, featuredImage}) =>{
 
             <div className="flex order-1 md:order-2 col-span-3 md:col-span-1 flex-col justify-end">
               <div className="flex text-base text-white">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="mr-1.5"
-                  width="24"
-                  height="24"
-                  fill="currentColor"
-                  viewBox="0 0 256 256"
-                >
-                  <path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180Zm28-72c0,17.38-13.76,31.93-32,35.28V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36S168,88.15,168,108Z"></path>
-                </svg>
+               <CircleWavyQuestion className={'mr-1.5'}/>
                 <div className="mb-4">
                   <div className="inline">
-                    Is this your tool?{" "}
+                    Is this yours?{" "}
                     <Link
                       className="underline"
                       href={`/toolbox/post/${post.id}/claim`}
diff --git a/lib/iron-session/useUser.js b/lib/iron-session/useUser.js
index 91f004c7..68bb5465 100644
--- a/lib/iron-session/useUser.js
+++ b/lib/iron-session/useUser.js
@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect } from 'react'
-import Router from 'next/router'
+import {useRouter} from 'next/navigation'
 import useSWR from 'swr'
 // import { User } from 'pages/api/auth/user'
 const fetcher = (url) => fetch(url).then((res) => res.json())
@@ -10,6 +10,7 @@ export default function useUser({
   redirectTo = '',
   redirectIfFound = false,
 } = {}) {
+  const router = useRouter()
   const { data: user, mutate: mutateUser, isValidating:isLoading } = useSWR(`/api/auth/user`, fetcher)
   useEffect(() => {
     // if no redirect needed, just return (example: already on /dashboard)
@@ -22,7 +23,7 @@ export default function useUser({
       // If redirectIfFound is also set, redirect if the user was found
       (redirectIfFound && user?.isLoggedIn)
     ) {
-      Router.push(redirectTo)
+      router.push(redirectTo)
     }
   }, [user, redirectIfFound, redirectTo])
 
diff --git a/pages/account/index.jsx b/pages/account/index.jsx
index 8e6f76f3..5385aa0a 100644
--- a/pages/account/index.jsx
+++ b/pages/account/index.jsx
@@ -9,7 +9,7 @@ import axios from "axios";
 import useUser from "@/lib/iron-session/useUser";
 import { getPostsByPageAndAuthor } from "@/lib/api";
 import { useEffect, useState } from "react";
-import {CircleWavyCheck} from '@/components/icons'
+import {CircleWavyCheck, CircleWavyQuestion} from '@/components/icons'
 
 const toast = dynamic(() => import("react-hot-toast"), { ssr: true });
 const Form = dynamic(() => import("@/components/Form"), { ssr: true });
@@ -67,7 +67,8 @@ const AccountPage = ({ preview }) => {
                 <div className="mb-3">
                   <div className="shadow-sm flex w-full bg-white p-4 px-4 rounded-xl text-gray-900 border border-gray-300/70">
                     <div className="mr-4 my-auto">
-                      <CircleWavyCheck size="44" />
+                      <CircleWavyQuestion size="44"/>
+                      {/* <CircleWavyCheck size="44" /> */}
                     </div>
                     <p className="w-full max-w-4xl">
                       Your{" "}
diff --git a/pages/account/profile.js b/pages/account/profile.js
index e6631b0e..0c982a85 100644
--- a/pages/account/profile.js
+++ b/pages/account/profile.js
@@ -8,116 +8,136 @@ import { getPostsByPageAndAuthor } from "@/lib/api";
 import { useEffect, useState } from "react";
 import ProfilePageLayout from "@/components/people/ProfilePageLayout";
 
-
-const toast = dynamic(() => import('react-hot-toast'), { ssr: true })
+const toast = dynamic(() => import("react-hot-toast"), { ssr: true });
 
 const AccountPage = ({ preview }) => {
-
-  const {user} = useUser({
-    redirectTo: '/',
+  const { user } = useUser({
+    redirectTo: "/",
     redirectIfFound: false,
-  })
-
-  const [hasPosts, setHasPosts] = useState(true)
-  
+  });
 
-  useEffect(()=>{
+  const [hasPosts, setHasPosts] = useState(true);
 
-    const checkUserPosts= async () =>{
+  useEffect(() => {
+    const checkUserPosts = async () => {
       let sort = ["featured:desc", "tier:asc", "date:desc"];
       let allPosts =
-        (await getPostsByPageAndAuthor(false, 1, 1, [user?.profile?.slug], sort)) ||
-        [];
-        let has = false
-        if(allPosts?.data?.length){
-          has = true
-        }
-        setHasPosts(has)
-    }
-    if(user){
-      checkUserPosts()
+        (await getPostsByPageAndAuthor(
+          false,
+          1,
+          1,
+          [user?.profile?.slug],
+          sort
+        )) || [];
+      let has = false;
+      if (allPosts?.data?.length) {
+        has = true;
+      }
+      setHasPosts(has);
+    };
+    if (user) {
+      checkUserPosts();
     }
+  }, [user]);
 
-  },[user])
+  const [sent, setSent] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
 
-  const [sent, setSent] = useState(false)
-  const [isLoading, setIsLoading] = useState(false)
 
   if (!user) {
-    return <Fallback />;
+    return(
+    <div className="min-h-screen flex flex-col justify-center">
+      <Fallback />
+    </div>)
   }
 
   if (user?.isLoggedIn) {
     return (
-
       <Layout>
-
         <ProfilePageLayout
-        fromAccountPage={true}
+          fromAccountPage={true}
           previewOnly={true}
-          allPosts={null}  
+          allPosts={null}
           preview={false}
           pagination={null}
           slug={null}
           unapproved={true}
           pageNo={0}
-          author = {user?.profile}
+          author={user?.profile}
           // kofi = {kofi}
           // github = {github}
           // twitter = {twitter}
           // dribbble = {dribbble}
           // authorUrl = {authorUrl}
           // skills = {skills}
-          />
+        />
       </Layout>
     );
   }
 
   // TODO
-  return( <Layout preview={preview}>
-    <Head>
-      <title>Account Settings</title>
-    </Head>
-
-<div>Unauthenticated, whoops!</div>
-    </Layout>)
+  return (
+    <Layout preview={preview}>
+      <Head>
+        <title>Account Settings</title>
+      </Head>
+
+      <div>Unauthenticated, whoops!</div>
+    </Layout>
+  );
 };
 
 export default AccountPage;
 
-
-const showSuccessToast = (loadingToastId) =>{
-  toast.dismiss(loadingToastId)
-  toast.custom((t) => (
-    <div
-      className={`${
-        t.visible ? 'animate-enter' : 'animate-leave'
-      } max-w-md bg-white shadow-lg rounded-lg pointer-events-auto flex ring-1 ring-black ring-opacity-5`}
-    >
-      <div className="relative border border-gray-200 rounded-lg shadow-lg">
-        <button
-        onClick={() => toast.dismiss(t.id)}
-        className="absolute p-1 bg-gray-100 border border-gray-300 rounded-full -top-1 -right-1">
-          <svg xmlns="http://www.w3.org/2000/svg" className="w-3 h-3" viewBox="0 0 20 20" fill="currentColor">
-            <path fillRule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clipRule="evenodd" />
-          </svg>
-        </button>
-        <div className="flex items-center p-4">
-          <div className="flex flex-col justify-start h-10">
-
-            <svg viewBox="0 0 24 24" className="text-teal-600 w-5 h-5 mx-auto">
-            <path fill="currentColor" d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z">
-            </path>
-          </svg>
-          </div>
-          <div className="ml-3 overflow-hidden">
-            <p className="font-medium text-gray-900">Check your email.</p>
-            <p className="max-w-xs text-sm text-gray-500 truncate">
-             Click the link in your inbox to sign in.
-            </p>
+const showSuccessToast = loadingToastId => {
+  toast.dismiss(loadingToastId);
+  toast.custom(
+    t => (
+      <div
+        className={`${
+          t.visible ? "animate-enter" : "animate-leave"
+        } max-w-md bg-white shadow-lg rounded-lg pointer-events-auto flex ring-1 ring-black ring-opacity-5`}
+      >
+        <div className="relative border border-gray-200 rounded-lg shadow-lg">
+          <button
+            onClick={() => toast.dismiss(t.id)}
+            className="absolute p-1 bg-gray-100 border border-gray-300 rounded-full -top-1 -right-1"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              className="w-3 h-3"
+              viewBox="0 0 20 20"
+              fill="currentColor"
+            >
+              <path
+                fillRule="evenodd"
+                d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+                clipRule="evenodd"
+              />
+            </svg>
+          </button>
+          <div className="flex items-center p-4">
+            <div className="flex flex-col justify-start h-10">
+              <svg
+                viewBox="0 0 24 24"
+                className="text-teal-600 w-5 h-5 mx-auto"
+              >
+                <path
+                  fill="currentColor"
+                  d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
+                ></path>
+              </svg>
+            </div>
+            <div className="ml-3 overflow-hidden">
+              <p className="font-medium text-gray-900">Check your email.</p>
+              <p className="max-w-xs text-sm text-gray-500 truncate">
+                Click the link in your inbox to sign in.
+              </p>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  ), {duration:10000})
-}
+    ),
+    { duration: 10000 }
+  );
+};
diff --git a/pages/admin/index.js b/pages/admin/index.js
index 62b36557..560b475a 100644
--- a/pages/admin/index.js
+++ b/pages/admin/index.js
@@ -35,7 +35,7 @@ export default function Index() {
                 style={{ maxWidth: 1200 }}
                 >
                     <div className="flex flex-row justify-between items-baseline mt-3">
-                        <h1 className="my-3 text-3xl font-semibold">My posts</h1>
+                        <h1 className="my-3 text-3xl font-semibold">Your posts</h1>
                     </div>
                     <Navigation activeTab={1}/>
                     <Dashboard postStatus='draft' />
diff --git a/pages/apply/form.js b/pages/apply/form.js
index f649ce93..921ad7ff 100644
--- a/pages/apply/form.js
+++ b/pages/apply/form.js
@@ -43,7 +43,7 @@ export default function Apply() {
         <Meta
           seo={{
             title: "Apply for Prototypr Account",
-            description: "Applicaiton to create an account",
+            description: "Application to create an account",
             //   image: "",
             canonical: "https://prototypr.io/early-acess",
             url: "https://prototypr.io/early-acess",