Updated docs and replaced outdated speed-racer (#4903)

## Problem solved

* Updated Unreal Engine docs
* Replaced speed-racer references with tappyfowl
* Fixed all references of `unreal`  to `unreal-engine`

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on renaming the `unreal` module to `unreal-engine`, updating related paths, icons, and metadata throughout the codebase. It also introduces new wallet functionalities and modifies some documentation for clarity.

### Detailed summary
- Renamed `unreal` to `unreal-engine` across various files.
- Updated paths and references in `Header.tsx`, `layout.tsx`, and `sidebar.tsx`.
- Changed icon references from `UnrealIcon` to `UnrealEngineIcon`.
- Modified metadata functions to use `createUnrealEngineMetadata`.
- Added new wallet functionalities in `in-app-wallet` and `wallet-handles`.
- Updated documentation in multiple `.mdx` files to reflect changes.
- Deleted obsolete assets and files related to the old `unreal` structure.

> The following files were skipped due to too many changes: `pnpm-lock.yaml`, `apps/portal/src/app/unreal-engine/blueprints/utilities/nodes.ts`, `apps/portal/src/app/unreal-engine/blueprints/in-app-wallet/nodes.ts`, `apps/portal/src/app/unreal/blueprints/smart-wallet/nodes.ts`

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

apps/dashboard/src/components/shared/ConnectSDKCard.tsx

@@ -40,9 +40,9 @@ export function ConnectSDKCard({
           label="Unity SDK"
         />
         <DocLink
-          link="https://portal.thirdweb.com/unreal/getting-started"
+          link="https://portal.thirdweb.com/unreal-engine/getting-started"
           icon={UnrealIcon}
-          label="Unreal SDK"
+          label="Unreal Engine SDK"
         />
         <DocLink
           link="https://portal.thirdweb.com/dotnet/getting-started"

apps/dashboard/src/pages/sdk.tsx

@@ -172,9 +172,9 @@ const Web3SDK: ThirdwebNextPage = () => {
             href="/ui-components"
           />
           <ProductLearnMoreCard
-            title="Game Engine SDK"
+            title="Game Engine SDKs"
             category={TRACKING_CATEGORY}
-            description="Unity SDK includes all supported platforms: Native (Windows, Mac, Linux), Mobile (iOS, Android), Console (PS, Xbox), Browser (WebGL). Unreal SDK coming soon."
+            description="Unity and Unreal Engine SDKs include all supported platforms: Native (Windows, Mac, Linux), Mobile (iOS, Android), Console (PS, Xbox), Browser (WebGL)."
             icon={require("../../public/assets/product-pages/dashboard/hero-icon-3.png")}
             href="https://portal.thirdweb.com/unity"
           />

apps/dashboard/src/pages/solutions/gaming.tsx

@@ -248,7 +248,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
               TRACKING_CATEGORY={TRACKING_CATEGORY}
               href="https://portal.thirdweb.com/solutions/gaming/unreal-engine/quickstart"
               linkTitle="Read the Unreal Engine docs"
-              label="unreal"
+              label="unreal-engine"
             />
             <ImageCard
               title="Mobile"
@@ -303,16 +303,16 @@ const SolutionsGaming: ThirdwebNextPage = () => {
             </ImageCard>
 
             <ImageCard
-              title="Play Speed Racer"
-              image={require("../../../public/assets/solutions-pages/gaming/gaming-speed-racer.png")}
+              title="Play TappyFowl"
+              image={require("../../../public/assets/solutions-pages/gaming/gaming-tappyfowl.png")}
               TRACKING_CATEGORY={TRACKING_CATEGORY}
-              href="https://engine-express.thirdweb-preview.com/"
+              href="https://tappyfowl.thirdweb.com/"
               category="Unreal Engine"
-              linkTitle="Play Speed Racer"
-              label="speed-racer"
+              linkTitle="Play TappyFowl"
+              label="tappyfowl"
             >
-              An Onchain Survival Game. Escape the dungeon by battling
-              terrifying bosses.
+              Guide your fowl through a fantastical landscape that requires
+              quick reflexes and precise timing.
             </ImageCard>
           </SimpleGrid>
         </Flex>
@@ -339,7 +339,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
         >
           <SolutionsGamingCard
             p={8}
-            label="unreal"
+            label="unreal-engine"
             href="https://portal.thirdweb.com/gaming"
           >
             <LandingIconSectionItem

apps/dashboard/src/pages/templates.tsx

@@ -139,12 +139,13 @@ export const templates: TemplateCardProps[] = [
     authorIcon: "/assets/templates/thirdweb-eth.png",
   },
   {
-    id: "unreal_demo",
-    title: "Speed Racers",
-    homepage: "https://engine-express.thirdweb-preview.com/",
-    repo: "https://github.com/thirdweb-example/unreal_demo",
-    description: "Racing demo game using Unreal and thirdweb Engine.",
-    img: "/assets/templates/speed-racer.png",
+    id: "unreal_engine_demo",
+    title: "TappyFowl",
+    homepage: "https://tappyfowl.thirdweb.com/",
+    repo: "https://github.com/thirdweb-example/TappyFowl",
+    description:
+      "Flappy Bird inspired demo game using Unreal Engine and thirdweb Engine.",
+    img: "/assets/templates/tappyfowl.png",
     hoverBorderColor: "hsl(248deg 89% 79% / 15%)",
     tags: ["Unreal", "Engine", "Gaming"],
     authorENS: "thirdweb.eth",

apps/portal/package.json

@@ -17,7 +17,7 @@
     "postextract-search-data": "next-sitemap"
   },
   "dependencies": {
-    "@dirtycajunrice/klee": "^1.0.0",
+    "@dirtycajunrice/klee": "^1.0.1",
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@next/mdx": "^13.5.6",

apps/portal/redirects.mjs

@@ -1,5 +1,7 @@
 // @ts-check
 
+import { unrealEngineRedirects } from "./src/app/unreal-engine/redirects.mjs";
+
 const reactRedirects = {
 	"/react": "/react/v4",
 	"/react/connecting-wallets": "/react/v4/connecting-wallets",
@@ -941,6 +943,7 @@ export const redirects = async () => {
 		...createRedirects(contractRedirects),
 		...createRedirects(otherRedirects),
 		...createRedirects(v5RestructuredRedirects),
+		...createRedirects(unrealEngineRedirects),
 		// references docs
 		latestReference("react", "v4"),
 		latestReference("react-native", "v0"),

apps/portal/src/app/Header.tsx

@@ -92,8 +92,8 @@ export const connectLinks = [
   },
   {
     name: "Unreal Engine",
-    href: "/unreal",
-    icon: "/icons/navbar/nav-icon-unreal.svg",
+    href: "/unreal-engine",
+    icon: "/icons/navbar/nav-icon-unreal-engine.svg",
   },
 ] as const;
 

apps/portal/src/app/connect/blockchain-api/page.mdx

@@ -1,5 +1,5 @@
 import { Stack, ArticleIconCard } from "@doc";
-import { TypeScriptIcon, ReactIcon, UnityIcon, UnrealIcon, DotNetIcon } from "@/icons";
+import { TypeScriptIcon, ReactIcon, UnityIcon, UnrealEngineIcon, DotNetIcon } from "@/icons";
 
 # Blockchain API
 
@@ -42,9 +42,9 @@ Perfomant, reliable and type safe API to read write to any contract on any EVM c
 />
 
 <ArticleIconCard
-	title="Unreal"
-	icon={UnrealIcon}
-	href="/unreal"
+	title="Unreal Engine"
+	icon={UnrealEngineIcon}
+	href="/unreal-engine"
 	description="Unral blueprints and C++ API"
 />
 

apps/portal/src/app/connect/sidebar.tsx

@@ -12,7 +12,7 @@ import {
   WalletsSmartIcon,
 } from "@/icons";
 import { CodeIcon, ExternalLink, ZapIcon } from "lucide-react";
-import { UnrealIcon } from "../../icons/sdks/UnrealIcon";
+import { UnrealEngineIcon } from "../../icons/sdks/UnrealEngineIcon";
 
 const connectSlug = "/connect/sign-in";
 const inAppSlug = "/connect/in-app-wallet";
@@ -79,9 +79,9 @@ export const sidebar: SideBar = {
           icon: <UnityIcon />,
         },
         {
-          name: "Unreal",
-          href: "/unreal",
-          icon: <UnrealIcon />,
+          name: "Unreal Engine",
+          href: "/unreal-engine",
+          icon: <UnrealEngineIcon />,
         },
       ],
     },
@@ -558,9 +558,9 @@ export const sidebar: SideBar = {
               icon: <UnityIcon />,
             },
             {
-              name: "Unreal",
-              href: "/unreal",
-              icon: <UnrealIcon />,
+              name: "Unreal Engine",
+              href: "/unreal-engine",
+              icon: <UnrealEngineIcon />,
             },
           ],
         },

apps/portal/src/app/infrastructure/page.mdx

@@ -51,8 +51,8 @@ All the infrastructure to scale and build production grade applications.
 />
 
 <GithubTemplateCard
-	title="Speed Racer"
-	href="https://github.com/thirdweb-example/engine-express"
+	title="TappyFowl"
+	href="https://github.com/thirdweb-example/TappyFowl"
 />
 
 <GithubTemplateCard
@@ -71,7 +71,7 @@ All the infrastructure to scale and build production grade applications.
 />
 
 <GithubTemplateCard
-	title="Unreal Demo"
-	href="https://github.com/thirdweb-example/unreal_demo"
+	title="Unreal Engine Demo"
+	href="https://github.com/thirdweb-example/TappyFowl"
 />
 </Grid>

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,
@@ -33,7 +34,7 @@ import {
 // 	User,
 // } from "lucide-react";
 import { CodeIcon } from "lucide-react";
-import { UnrealIcon } from "../icons/sdks/UnrealIcon";
+import { UnrealEngineIcon } from "../icons/sdks/UnrealEngineIcon";
 // import { LandingPageCTAs } from "./landing-page/CTAs";
 
 export default function Page() {
@@ -239,11 +240,21 @@ function WalletsSection() {
         />
         <SDKCardIndex href="/dotnet" title=".NET" icon={DotNetIcon} />
         <SDKCardIndex href="/unity" title="Unity" icon={UnityIcon} />
-        <SDKCardIndex href="/unreal" title="Unreal Engine" icon={UnrealIcon} />
+        <SDKCardIndex
+          href="/unreal-engine"
+          title="Unreal Engine"
+          icon={UnrealEngineIcon}
+        />
       </Grid>
       <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"