add overview link

Author: joaquim-verges

apps/portal/src/app/page.tsx

@@ -5,6 +5,7 @@ import Link from "next/link";
 import DocsHero from "./_images/docs-hero.svg";
 
 import {
+  ConnectOverviewIcon,
   ContractDeployIcon,
   ContractExploreIcon,
   ContractInteractIcon,
@@ -248,6 +249,12 @@ function WalletsSection() {
       <SectionTitle id="connect-learn" title="Learn" level={5} />
 
       <Grid>
+        <ArticleCardIndex
+          href="/connect"
+          title="Overview"
+          description="Everything you need to know about thirdweb Connect"
+          icon={ConnectOverviewIcon}
+        />
         <ArticleCardIndex
           href="/connect/sign-in/overview"
           title="Sign-In"

apps/portal/src/app/unreal-engine/redirects.mjs

@@ -1,7 +1,7 @@
 // @ts-check
 
 const redirects = {
-  "/unreal/:path*": "/unreal-engine-engine/:path*",
+  "/unreal/:path*": "/unreal-engine/:path*",
   "/unreal-engine/cpp/wallet-handle": "/unreal-engine/cpp/wallet-handles",
   "/unreal-engine/blueprints/private-key-wallet":
     "unreal-engine/blueprints/in-app-wallet",

apps/portal/src/icons/index.ts

@@ -22,6 +22,7 @@ export { PaymentsNFTCheckoutIcon } from "./products/payments/PaymentsNFTCheckout
 export { PaymentsSponsoredIcon } from "./products/payments/PaymentsSponsoredIcon";
 export { PayIcon } from "./products/payments/PayIcon";
 // wallets
+export { ConnectOverviewIcon } from "./products/wallets/ConnectOverviewIcon";
 export { EcosystemWalletsIcon } from "./products/wallets/EcosystemWalletsIcon";
 export { WalletsAuthIcon } from "./products/wallets/WalletsAuthIcon";
 export { WalletsConnectIcon } from "./products/wallets/WalletsConnectIcon";

apps/portal/src/icons/products/wallets/ConnectOverviewIcon.tsx

@@ -0,0 +1,38 @@
+export function ConnectOverviewIcon(props: { className?: string }) {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={props.className}
+    >
+      <title>connect overview</title>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.5 3C13.6716 3 13 3.67157 13 4.5V9.5C13 10.3284 13.6716 11 14.5 11H19.5C20.3284 11 21 10.3284 21 9.5V4.5C21 3.67157 20.3284 3 19.5 3H14.5ZM3 14.5C3 13.6716 3.67157 13 4.5 13H9.5C10.3284 13 11 13.6716 11 14.5V19.5C11 20.3284 10.3284 21 9.5 21H4.5C3.67157 21 3 20.3284 3 19.5V14.5ZM13 14.5C13 13.6716 13.6716 13 14.5 13H19.5C20.3284 13 21 13.6716 21 14.5V19.5C21 20.3284 20.3284 21 19.5 21H14.5C13.6716 21 13 20.3284 13 19.5V14.5Z"
+        fill="#9C30B7"
+      />
+      <path
+        d="M4.5 11C3.67157 11 3 10.3284 3 9.5L3 4.5C3 3.67157 3.67157 3 4.5 3L9.5 3C10.3284 3 11 3.67157 11 4.5L11 9.5C11 10.3284 10.3284 11 9.5 11L4.5 11Z"
+        fill="url(#paint0_linear_618_1297)"
+        fillOpacity="0.8"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_618_1297"
+          x1="3"
+          y1="7"
+          x2="17.402"
+          y2="14.1623"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#E5A1F5" />
+          <stop offset="1" stopColor="#E169FF" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}