fix: Popular searches should be links (#79)

Author: stanleyjones

fern/home/index.mdx

@@ -132,7 +132,7 @@ hide-feedback: true
       background-image: linear-gradient(var(--background) 25%, color-mix(in srgb, var(--background) 70%, transparent) 100%);
     }
   }
-  
+
   @keyframes moveUp {
     0% {
       transform: translateY(0);
@@ -198,7 +198,7 @@ hide-feedback: true
         p {
           display: none !important;
         }
-        
+
         button {
           font-size: 0.75rem;
           padding: 0 !important;
@@ -216,7 +216,7 @@ hide-feedback: true
     transition: box-shadow 0.2s ease-in-out;
     position: relative;
     overflow: hidden;
-    
+
     p {
       color: var(--grayscale-1) !important;
       font-weight: 600;
@@ -254,7 +254,7 @@ hide-feedback: true
 
       &:before {
         opacity: 0.5;
-        animation: 
+        animation:
           slideBlurLeft 6s cubic-bezier(0.45, 0, 0.55, 1) infinite,
           floatVerticalLeft 4s ease-in-out infinite,
           fadeEdges 6s ease-in-out infinite;
@@ -263,7 +263,7 @@ hide-feedback: true
 
       &:after {
         opacity: 0.5;
-        animation: 
+        animation:
           slideBlurRight 6s cubic-bezier(0.45, 0, 0.55, 1) infinite,
           floatVerticalRight 4s ease-in-out infinite,
           fadeEdges 6s ease-in-out infinite;
@@ -279,7 +279,7 @@ hide-feedback: true
     &:hover {
       &:before {
         opacity: 0.5;
-        animation: 
+        animation:
           slideBlurLeft 6s cubic-bezier(0.45, 0, 0.55, 1) infinite,
           floatVerticalLeft 4s ease-in-out infinite,
           fadeEdgesDark 6s ease-in-out infinite;
@@ -288,7 +288,7 @@ hide-feedback: true
 
       &:after {
         opacity: 0.5;
-        animation: 
+        animation:
           slideBlurRight 6s cubic-bezier(0.45, 0, 0.55, 1) infinite,
           floatVerticalRight 4s ease-in-out infinite,
           fadeEdgesDark 6s ease-in-out infinite;
@@ -464,11 +464,11 @@ hide-feedback: true
 
         .fern-card {
           padding: 1rem;
-      
+
           .font-semibold {
             font-size: 1.25rem;
             line-height: 1.5rem;
-          } 
+          }
         }
       }
 
@@ -506,9 +506,10 @@ hide-feedback: true
       </div>
       <div class="search-options">
         <p class="t-muted">Popular searches</p>
-        <button class="fern-button minimal">Transfers API</button>
-        <button class="fern-button minimal">How to send transactions</button>
-        <button class="fern-button minimal">NFT smart contract</button>
+        <a href="/reference/transfers-api-quickstart"><button class="fern-button minimal">Transfers API</button></a>
+        <a href="/docs/sending-transactions"><button class="fern-button minimal">How to send transactions</button></a>
+        <a href="/docs/how-to-create-an-nft"><button class="fern-button
+        minimal">NFT smart contract</button></a>
       </div>
     </div>
   </div>