Update featured builds (#23)

packages/nextjs/components/BuildCard.tsx

@@ -21,7 +21,7 @@ export const BuildCard = ({
       <div className="w-full h-[220px] relative">
         <Image src={src} alt={name} fill className="w-full object-center object-cover" />
       </div>
-      <div className="card-body gap-0 border-t">
+      <div className="card-body gap-0 border-t border-primary bg-base-100">
         <h3 className="card-title m-0">{name}</h3>
         <p className="m-0">{description}</p>
       </div>

packages/nextjs/components/ChallengeCard.tsx

@@ -27,7 +27,11 @@ export const Card = ({
         <h3 className="text-lg m-0 mb-2">{name}</h3>
         <p className="text-gray-700 m-0 text-sm">{description}</p>
       </div>
-      <TrackedLink id={name} href={link} className="btn btn-accent btn-sm md:self-start rounded-3xl mt-auto">
+      <TrackedLink
+        id={name}
+        href={link}
+        className="btn btn-accent btn-sm md:self-start rounded-3xl mt-auto hover:opacity-100"
+      >
         Fork the Repo
       </TrackedLink>
     </div>

packages/nextjs/components/Header.tsx

@@ -20,7 +20,7 @@ export const Header = () => {
         <TrackedLink
           id="buidlguidl:app"
           href="https://app.buidlguidl.com"
-          className="btn btn-neutral hover:bg-info hover:border-info text-accent-content btn-xs md:btn-sm px-4 font-light"
+          className="btn btn-neutral hover:bg-info hover:border-info text-accent-content btn-xs md:btn-sm px-4 font-light hover:opacity-100"
         >
           Go to App
         </TrackedLink>

packages/nextjs/pages/index.tsx

@@ -75,7 +75,7 @@ const Home: NextPage<{
               <TrackedLink
                 id="SpeedRunEthereum"
                 href="https://speedrunethereum.com/"
-                className="btn btn-accent btn-md lg:self-start px-8"
+                className="btn btn-accent btn-md lg:self-start px-8 hover:opacity-100"
               >
                 Get Started Now!
               </TrackedLink>
@@ -146,7 +146,7 @@ const Home: NextPage<{
               <TrackedLink
                 id="Scaffold-ETH-2"
                 href="https://www.github.com/scaffold-eth/scaffold-eth-2"
-                className="btn btn-accent btn-md lg:self-start px-8"
+                className="btn btn-accent btn-md lg:self-start px-8 hover:opacity-100"
               >
                 Start using SE-2
               </TrackedLink>
@@ -179,23 +179,23 @@ const Home: NextPage<{
           {/* Card Container  */}
           <div className="flex gap-8 flex-wrap lg:flex-nowrap justify-center mt-8">
             {/* Card */}
-            <BuildCard
-              name="Punkwallet"
-              description="Web wallet with wallet connect up front send funds quickly on any EVM network fork this wallet and build your own!"
-              src="/assets/build-punkwallet.png"
-              link="https://app.buidlguidl.com/build/mTKhXMLEOCQEgPgG57R9"
-            />
             <BuildCard
               name="abi.ninja"
               description="Interact with any contract on Ethereum with a friendly UI/UX"
               src="/assets/build-abiNinja.png"
-              link="https://app.buidlguidl.com/build/oAXJ151jdDixCEgwnpf6"
+              link="https://abi.ninja/"
+            />
+            <BuildCard
+              name="hacked wallet recovery"
+              description="Recover assets from a compromised wallet using Flashbots"
+              src="/assets/build-walletHackedRecovery.png"
+              link="https://hackedwalletrecovery.com/"
             />
             <BuildCard
-              name="Scaffold Wallet"
-              description="Ethereum Minimalistic Wallet for Android"
-              src="/assets/build-se-wallet.png"
-              link="https://buidlguidl.com/build/oFWIYHo7WkvFQ29WQ12J"
+              name="address.vision"
+              description="Search for an address or ENS to show their token and NFT holdings in most popular EVMs"
+              src="/assets/build-addressVision.png"
+              link="https://address.vision/"
             />
           </div>
           <TrackedLink id="buidlguidl:projects" href="https://app.buidlguidl.com/builds" className="link mt-8">
@@ -205,7 +205,6 @@ const Home: NextPage<{
       </div>
 
       {/* Stats Streamed / Builder / Builds  */}
-      {/* ToDo. Use real data*/}
       <div className="bg-white">
         <div className="container flex flex-col items-center justify-center max-w-[90%] lg:max-w-7xl mx-auto py-16 lg:py-28 lg:px-12 gap-6">
           <div className="flex flex-col gap-8 md:flex-row justify-between items-start mt-4 lg:w-4/5">
@@ -296,7 +295,7 @@ const Home: NextPage<{
               <TrackedLink
                 id="co-fund-email"
                 href="mailto:partnerships@buidlguidl.com"
-                className="btn btn-primary btn-md px-8 mt-8"
+                className="btn btn-primary btn-md px-8 mt-8 hover:opacity-100"
               >
                 Co-fund with us
               </TrackedLink>

packages/nextjs/tailwind.config.js

@@ -30,9 +30,6 @@ module.exports = {
           ".tooltip": {
             "--tooltip-tail": "6px",
           },
-          "a:hover": {
-            opacity: 1,
-          },
         },
       },
       {