switch css to next font import, fix logo on tool form (and make click…

…able)

components/Dashboard/PostCard.jsx

@@ -77,7 +77,7 @@ const PostCard = ({ post, refetch, user }) => {
           </div>}
           <div className="">
             <Link href={post.type=='article'?`/p/${post.id}`:`/toolbox/post/${post.id}`}>
-              <h3 className="text-xl mb-2 font-semibold max-w-2xl font-inter">
+              <h3 className="text-xl mb-2 font-semibold max-w-2xl ">
                 {post.title}
               </h3>
             </Link>

components/DashboardPartners/JobCard.jsx

@@ -61,7 +61,7 @@ const SponsorCard = ({ post, refetch, user }) => {
             </span>
           </div>} */}
           <div className="mb-3">
-            <h3 className="text-lg font-medium max-w-md font-inter">
+            <h3 className="text-lg font-medium max-w-md ">
               {post.title}
             </h3>
             {/* <p className="text-sm text-gray-500 mb-10">

components/DashboardPartners/SponsorCard.jsx

@@ -61,7 +61,7 @@ const SponsorCard = ({ post, refetch, user }) => {
             </span>
           </div>} */}
           <div className="mb-3">
-            <h3 className="text-lg font-medium max-w-md font-inter">
+            <h3 className="text-lg font-medium max-w-md ">
               {post.title}
             </h3>
             <p className="text-sm text-gray-500">

components/Navbar/Navbar.jsx

@@ -85,7 +85,7 @@ const Navbar = ({
     <>
       <nav
         id="main-nav"
-        className={`font-inter fixed top-0 ${navType == "full" ? "" : "md:top-2"}  w-full`}
+        className={` fixed top-0 ${navType == "full" ? "" : "md:top-2"}  w-full`}
         style={{ zIndex: 99 }}
       >
         <div

components/Navbar/parts/ActiveLinkNewMenu.jsx

@@ -11,8 +11,8 @@ const ActiveLinkNewMenu =({ children, href }) =>{
 
     return (
         <a href={href} onClick={handleClick}
-        className={`${((router.asPath?.indexOf(href)>-1 && href!=='/') || router.asPath==href)?'bg-blue-50 text-blue-800 font-medium bg-opacity-50 border':'text-gray-900 hover:bg-blue-50 font-medium hover:text-blue-600 bg-transparent'} px-4 text-[15px] hover:bg-gray-200 py-2 text-center inline-block font-inter tracking-tight cursor-pointer min-w-max cursor w-full rounded-full text-gray-500  `}
-        // className={`${((router.asPath?.indexOf(href)>-1 && href!=='/') || router.asPath==href)?'bg-blue-50 text-blue-800 font-medium bg-opacity-50 border':'text-gray-800 hover:bg-blue-50 font-normal hover:text-blue-600 bg-transparent'} px-6 hover:bg-gray-200 py-2 text-center block font-inter tracking-tight cursor-pointer min-w-max cursor w-full text-base rounded-full text-gray-500  `}
+        className={`${((router.asPath?.indexOf(href)>-1 && href!=='/') || router.asPath==href)?'bg-blue-50 text-blue-800 font-medium bg-opacity-50 border':'text-gray-900 hover:bg-blue-50 font-medium hover:text-blue-600 bg-transparent'} px-4 text-[15px] hover:bg-gray-200 py-2 text-center inline-block  tracking-tight cursor-pointer min-w-max cursor w-full rounded-full text-gray-500  `}
+        // className={`${((router.asPath?.indexOf(href)>-1 && href!=='/') || router.asPath==href)?'bg-blue-50 text-blue-800 font-medium bg-opacity-50 border':'text-gray-800 hover:bg-blue-50 font-normal hover:text-blue-600 bg-transparent'} px-6 hover:bg-gray-200 py-2 text-center block  tracking-tight cursor-pointer min-w-max cursor w-full text-base rounded-full text-gray-500  `}
         style={{borderColor:'#ebeff6'}}>
 
         {children}

components/Navbar/parts/MenuItems.jsx

@@ -622,7 +622,7 @@ export const NavigationMenuDemo = ({ activeNav, collapse }) => {
 
       {/* tagline */}
       <p
-        className={`my-auto font-inter-serif hidden xl:block normal-case font-semibold ${
+        className={`my-auto  hidden xl:block normal-case font-semibold ${
           !collapse
             ? "opacity-0 -z-10 absolute right-0 pt-3.5 text-gray-50 -mr-12 text-xs"
             : "text-base"

components/Navbar/parts/MenuItemsApp.js

@@ -625,7 +625,7 @@ export const NavigationMenuDemo = ({ activeNav, collapse }) => {
 
       {/* tagline */}
       <p
-        className={`my-auto font-inter-serif hidden xl:block normal-case font-semibold ${
+        className={`my-auto  hidden xl:block normal-case font-semibold ${
           !collapse
             ? "opacity-0 -z-10 absolute right-0 pt-3.5 text-gray-50 -mr-12 text-xs"
             : "text-base"

components/News/news-list.js

@@ -8,7 +8,7 @@ export default function NewsList({
 }) {
   return (
     <div className="hidden md:block bg-white rounded-lg mt-6 p-6 lg:mb-16">
-      <h1 className="text-sm font-semibold font-inter-serif mb-3">{title}</h1>
+      <h1 className="text-sm font-semibold  mb-3">{title}</h1>
 
       {posts.map((post, index) => {
         post = post.attributes;

components/SearchBar.jsx

@@ -113,7 +113,7 @@ const Hit = ({ hit }) => {
             hit={hit}
           />
           <div className="mt-1.5">
-            <span className="capitalize text-xs capitalize bg-gray-100 font-inter px-3 py-0.5 border border-black border-opacity-5 text-gray-500 rounded-full">
+            <span className="capitalize text-xs capitalize bg-gray-100  px-3 py-0.5 border border-black border-opacity-5 text-gray-500 rounded-full">
               {hit.type}
             </span>
           </div>

components/SearchModal.js

@@ -134,7 +134,7 @@ const Hit = ({ hit }) => {
             hit={hit}
           />
           <div className="mt-1.5">
-            <span className="capitalize text-xs capitalize bg-gray-100 font-inter px-3 py-0.5 border border-black border-opacity-5 text-gray-500 rounded-full">
+            <span className="capitalize text-xs capitalize bg-gray-100  px-3 py-0.5 border border-black border-opacity-5 text-gray-500 rounded-full">
               {hit.type}
             </span>
           </div>

components/Settings/topicsSubscription.js

@@ -36,7 +36,7 @@ const tags = [
   },
   {
     name: "User Research",
-    link: "/posts/ui/page/1",
+    link: "/posts/user-research/page/1",
   },
   {
     name: "Notion",

components/Sidebar/NetworkCTA.js

@@ -7,17 +7,17 @@ const PrototyprNetworkCTA = ({ data }) => {
       <div className="flex flex-col gap-1 justify-end items-end">
         <div className="w-full rounded-2xl h-auto bg-white border border-black/5 p-6 flex flex-col grid gap-3 shadow-sm">
           <div className="flex flex-col grid gap-2">
-            <p className="text-gray-800 font-medium max-w-[200px] text-[16px] mb-3 font-inter">
+            <p className="text-gray-800 font-medium max-w-[200px] text-[16px] mb-3 ">
               Share and Grow together in the Design Community.
             </p>
             <div className="mb-2 flex flex-wrap">
               <Link href="/write">
-                <button className="px-4 mb-2 py-2 xl:mr-2 text-white rounded-lg font-inter bg-blue-500 hover:bg-blue-400 text-sm font-semibold">
+                <button className="px-4 mb-2 py-2 xl:mr-2 text-white rounded-lg  bg-blue-500 hover:bg-blue-400 text-sm font-semibold">
                   Start Writing
                 </button>
               </Link>
               <Link href="/post/write-for-us">
-                <button className="px-4 hidden xl:block py-2 text-black rounded-lg font-inter font-semibold bg-gray-200 hover:bg-gray-100 text-sm">
+                <button className="px-4 hidden xl:block py-2 text-black rounded-lg  font-semibold bg-gray-200 hover:bg-gray-100 text-sm">
                   Learn more
                 </button>
               </Link>

components/Sidebar/NetworkCTA2.js

@@ -9,7 +9,7 @@ const PrototyprNetworkCTA = ({ data }) => {
         <div className="w-full flex space-between rounded-[12px] h-auto p-5">
           <div className="w-2/3 flex flex-col">
             <div>
-                <h2 className="text-gray-800 font-semibold text-lg font-inter">
+                <h2 className="text-gray-800 font-semibold text-lg ">
                 By creators, for creators
                 </h2>
                 <p className='text-sm text-gray-500 max-w-[250px]'>

components/SponsorSidebarCard.jsx

@@ -50,14 +50,14 @@ const SponsorSidebarCard = ({
                 )}
               </div>
               <div className="flex flex-col grid gap-1 justify-center">
-                <p className=" overflow-hidden line-clamp-2 inline my-auto font-inter text-sm">
+                <p className=" overflow-hidden line-clamp-2 inline my-auto  text-sm">
                   {title}
-                  <span className="text-xs ml-2 capitalize bg-gray-100 font-inter px-2 text-blue-800 py-0.5 border border-black border-opacity-5 text-black rounded-full">
+                  <span className="text-xs ml-2 capitalize bg-gray-100  px-2 text-blue-800 py-0.5 border border-black border-opacity-5 text-black rounded-full">
                     Promoted
                   </span>
                 </p>
                 {/* <div className="flex flex-row gap-1 text-sm text-gray-500">
-                  <span className="text-xs mt-1 capitalize bg-gray-100 font-inter px-3.5 py-0.5 border border-black border-opacity-5 text-black rounded-full">
+                  <span className="text-xs mt-1 capitalize bg-gray-100  px-3.5 py-0.5 border border-black border-opacity-5 text-black rounded-full">
                     Sponsored
                   </span>
                 </div> */}
@@ -101,11 +101,11 @@ export const SponsorHomeCard = ({
                 )}
               </div>
               <div className="flex flex-col grid gap-1 justify-center">
-                <p className=" h-[18px] overflow-hidden line-clamp-1 inline font-inter text-sm">
+                <p className=" h-[18px] overflow-hidden line-clamp-1 inline  text-sm">
                   {title}
                 </p>
                 <div className="flex flex-row gap-1 text-sm text-gray-500">
-                  <span className="text-xs capitalize flex flex-row justify-center items-center bg-gray-100 font-inter px-4 border border-black border-opacity-5 text-black rounded-full">
+                  <span className="text-xs capitalize flex flex-row justify-center items-center bg-gray-100  px-4 border border-black border-opacity-5 text-black rounded-full">
                     Sponsored
                   </span>
                 </div>

components/admin/Dashboard/PostCard.jsx

@@ -77,7 +77,7 @@ const PostCard = ({ post, refetch, user }) => {
             </span>
           </div>}
           <div className="mb-3">
-            <h3 className="text-lg font-medium max-w-md font-inter">
+            <h3 className="text-lg font-medium max-w-md ">
               {post.title}
             </h3>
             <p className="text-sm text-gray-500 mb-6">

components/homepage/SponsorCard.js

@@ -9,7 +9,7 @@ const SponsorCard = ({ data }) => {
               <img src={data.src} />
             </div>
             <div className="w-full col-span-2 flex flex-col grid gap-1">
-              <p className="w-auto max-w-[150px] text-[#6B6B6B] font-medium tracking-[-0.1px] text-[13px] font-inter ">
+              <p className="w-auto max-w-[150px] text-[#6B6B6B] font-medium tracking-[-0.1px] text-[13px]  ">
                 {data.heading}
               </p>
               <div>

components/homepage/TabSwitcher.js

@@ -30,7 +30,7 @@ const TabSwitcher = ({ selectedTab, onTabChange }) => {
               return (
                 <span
                   onClick={() => onTabChange(tab)}
-                  className={`px-4 py-2 mb-2 block font-inter tracking-tight font-medium cursor-pointer cursor text-sm  mr-2 rounded-full ${
+                  className={`px-4 py-2 mb-2 block  tracking-tight font-medium cursor-pointer cursor text-sm  mr-2 rounded-full ${
                     selectedTab === tab.id
                       ? "bg-blue-600 font-semibold text-white"
                       : "bg-transparent text-gray-600"

components/homepage/TrendingFullWidth.js

@@ -99,7 +99,7 @@ const TrendingFullWidth = ({ tools, sponsor }) => {
               <div className="z-20 flex flex-col justify-end h-full w-full absolute p-3">
                 <div className="flex">
                   <div className="absolute top-0 right-0 mt-3 mr-3">
-                    <span className="capitalize bg-gray-100 font-inter px-2 py-0.5 border border-black border-opacity-5 text-black text-xs rounded-full">
+                    <span className="capitalize bg-gray-100  px-2 py-0.5 border border-black border-opacity-5 text-black text-xs rounded-full">
                       Promoted
                     </span>
                   </div>

components/landing-pages/components/common/button.js

@@ -4,7 +4,7 @@ const CTAButton = () => {
   return (
     <div>
       <Link href="/apply/form">
-        <button className="p-4 px-8 w-full max-w-[200px] text-[16px] rounded-full bg-[#195DE2] text-white font-medium font-inter border border-[#9DDBFD] border-opacity-40">
+        <button className="p-4 px-8 w-full max-w-[200px] text-[16px] rounded-full bg-[#195DE2] text-white font-medium  border border-[#9DDBFD] border-opacity-40">
           Apply to join
         </button>
       </Link>

components/landing-pages/components/network/features.js

@@ -119,10 +119,10 @@ const FeaturesContent = () => {
                   {/* <img className=" w-14 h-14 object-contain mb-3" src={x.icon} /> */}
                   <div>
                     <div>{x.icon}</div>
-                    <h2 className="text-[16px] font-semibold text-gray-900 mb-2 font-inter">
+                    <h2 className="text-[16px] font-semibold text-gray-900 mb-2 ">
                       {x.title}
                     </h2>
-                    <p className="text-black/60  leading-[28px] text-[16px] font-inter">
+                    <p className="text-black/60  leading-[28px] text-[16px] ">
                       {x.description}
                     </p>
                   </div>

components/landing-pages/components/network/hero.js

@@ -6,10 +6,10 @@ const Hero = () => {
       <div className="w-full max-w-6xl mx-auto  pt-32 md:pt-60 flex flex-col grid gap-10 px-5 ">
         <div className="flex flex-col grid gap-5 lg:flex lg:flex-row lg:gap-1 md:flex md:flex-col">
           <div className="flex flex-col max-w-xl z-[2] translate-y-20 md:translate-y-0">
-            <h1 className="text-[#0F1F40] tracking-tight max-w-md mb-5 md:max-w-lg font-semibold text-4xl md:text-6xl font-inter md:leading-tight ">
+            <h1 className="text-[#0F1F40] tracking-tight max-w-md mb-5 md:max-w-lg font-semibold text-4xl md:text-6xl  md:leading-tight ">
              Apply to become a Prototypr contributor
             </h1>
-            <p className="mb-5 text-[#335f8b] md:leading-[32px] leading-[28px] text-[16px] md:text-[18px] font-inter md:pr-6">
+            <p className="mb-5 text-[#335f8b] md:leading-[32px] leading-[28px] text-[16px] md:text-[18px]  md:pr-6">
               Prototypr content is open to all, but only invited members can currently get a profile and create posts. 
               You can get an invite from existing members or submit an application form.
             </p>

components/landing-pages/components/network/mission.js

@@ -24,23 +24,23 @@ const MissionSection = () => {
     <div className="w-full pb-40 bg-[#F8B700] px-5 ">
       <div className="w-full max-w-6xl mx-auto  ">
         <div className="max-w-3xl pt-20 md:pt-32">
-          <h3 className="text-black/70 text-[40px] leading-[50px] md:text-[56px] md:leading-[70px] font-semibold font-inter">
+          <h3 className="text-black/70 text-[40px] leading-[50px] md:text-[56px] md:leading-[70px] font-semibold ">
             {/* Our mission is to make Design Open for all, just like Open Source
             Code. */}
             We're creating a more mindful, open, and fair publishing platform.
           </h3>
-          <h3 className="text-black/60 text-[24px] leading-[70px] font-semibold font-inter my-3 md:my-5">
+          <h3 className="text-black/60 text-[24px] leading-[70px] font-semibold  my-3 md:my-5">
             Built in the open for design, code, and tech
           </h3>
         </div>
         <div className="flex grid md:grid-cols-2 flex-row flex-wrap gap-7 md:gap-10 my-5">
           {Benefits.map((item, i) => {
             return (
               <div key={i} className="max-w-lg grid flex flex-col grid gap-3">
-                <h3 className="font-bold font-inter text-[18px] text-black/70">
+                <h3 className="font-bold  text-[18px] text-black/70">
                   {item.title}
                 </h3>
-                <p className="leading-[34px] font-inter font-medium text-[18px] text-black/60">
+                <p className="leading-[34px]  font-medium text-[18px] text-black/60">
                   <div dangerouslySetInnerHTML={{__html:item.description}}/>
                 </p>
               </div>

components/landing-pages/components/network/networkCTA.js

@@ -10,7 +10,7 @@ const NetworkCTA = () => {
         </div>
         <div className=" max-w-6xl mx-auto flex flex-col justify-center items-center  h-full">
           <div className="w-full flex flex-col space-y-4 items-center pt-32 pb-10 z-[1]">
-            <h4 className="md:text-[60px] text-[40px] font-inter text-center font-semibold text-[#0F1F40] leading-[40px] md:leading-[70px] max-w-lg">
+            <h4 className="md:text-[60px] text-[40px]  text-center font-semibold text-[#0F1F40] leading-[40px] md:leading-[70px] max-w-lg">
             Become a contributor
             </h4>
             <CTAButton />

components/landing-pages/components/network/news.js

@@ -7,7 +7,7 @@ const BlogPostCard = ({img, title, link}) => {
     <div style={{backgroundImage:`url("${img}")`, backgroundPosition:'center', backgroundSize:'cover'}} className=" cursor-pointer transition ease-in-out w-full h-[240px] rounded-lg border border-black border-opacity-5"></div>
     </Link>
     <Link href={link}>
-    <p className="text-[16px] mt-3 font-semibold text-gray-900 font-inter">{title}</p>
+    <p className="text-[16px] mt-3 font-semibold text-gray-900 ">{title}</p>
     </Link>
     </div>
   );
@@ -20,7 +20,7 @@ const NewsContent = () => {
 
       <div className="w-full px-0 md:px-5 bg-white py-10 ">
         <div className="p-5 bg-[#fff] ] max-w-7xl mx-auto">
-          <h2 className="text-[24px] my-4 text-[#0F1F40] font-semibold font-inter max-w-md leading-[32px]">
+          <h2 className="text-[24px] my-4 text-[#0F1F40] font-semibold  max-w-md leading-[32px]">
             More about <br /> Open Design →
           </h2>
           <div className="flex flex-col lg:flex-nowrap lg:flex lg:flex-row md:flex md:flex-wrap md:flex-col md:space-x-5 py-2 ">

components/landing-pages/components/network/pitch.js

@@ -17,14 +17,14 @@ const PitchSection = () => {
           <div className="w-full max-w-7xl mx-auto px-0 md:px-5 z-10">
             <div className="w-full bg-[#195DE2] h-auto rounded-[32px] px-5 py-10 md:py-32 md:px-10">
               <div className="max-w-6xl mx-auto grid flex flex-col grid gap-5">
-                <h2 className="md:text-[50px] text-[30px] max-w-2xl leading-[40px] md:leading-[60px] font-semibold font-inter text-white">
+                <h2 className="md:text-[50px] text-[30px] max-w-2xl leading-[40px] md:leading-[60px] font-semibold  text-white">
                   {/* A place to meet like minded writers, share ideas and spread
                   knowledge */}
                    Be the signal<br/> through the noise
                   {/* Mindful designers, building towards a calmer, fairer, and more open web.  */}
                   {/* Thoughts into words. Words into designs. Designs into the hands of users. */}
                 </h2>
-                <p className="text-white/80 max-w-lg text-[18px] font-inter leading-[32px]">
+                <p className="text-white/80 max-w-lg text-[18px]  leading-[32px]">
                  Prototypr is a place for genuine stories from real people. Having been unindated with spam profiles and AI-generated posts, we're currently invite-only 
                  to maintain high quality content.
                 </p>