docs: new wallet overview comparing regular connect, in app, and ecosystem wallets

Author: ElasticBottle

apps/portal/src/app/connect/wallet/assets/custom-modals.png

@@ -0,0 +1,97 @@
+import { Callout, DocImage, createMetadata, FeatureCard } from "@doc";
+import customModal from "../assets/custom-modals.png";
+import EcosystemWalletOverview from "../assets/ecosystem-wallet.png";
+
+export const metadata = createMetadata({
+	image: {
+		title: "thirdweb Connect",
+		icon: "wallets",
+	},
+	title: "thirdweb Sign-In",
+	description:
+		"thirdweb Connect is a comprehensive toolkit for connecting end-user wallets to applications and games.",
+});
+
+# Overview
+
+A flexible sign-up flow that accommodates different preferences is critical when onboarding users. thirdweb offers multiple wallet solutions to meet various integration needs:
+
+1. **Connect** - Traditional wallet connection with 350+ providers
+2. **In-App Wallet** - Seamless onboarding with email, social, and passkey options
+3. **Ecosystem Wallet** - Branded wallet service for cross-application authentication
+
+<DocImage src={EcosystemWalletOverview} />
+
+### Features
+
+<div
+	className="my-4 grid gap-2 md:grid-cols-2 lg:grid-cols-2 "
+>
+	<FeatureCard
+		title="Wallet Support"
+		description="350+ wallet providers supported"
+		iconUrl="/icons/feature-cards/wallet.svg"
+	/>
+    <FeatureCard
+    	title="Fiat On-Ramp"
+    	description="Enable purchase options directly in modal"
+        iconUrl="/icons/feature-cards/fiat-ramp.svg"
+    />
+
+    <FeatureCard
+    	title="Seamless onboarding"
+    	description="Email, phone, social, and passkey options"
+        iconUrl="/icons/feature-cards/fingerprint.svg"
+    />
+    <FeatureCard
+		title="Customizable"
+		description="Match your applications branding"
+		iconUrl="/icons/feature-cards/customize.svg"
+	/>
+		<FeatureCard
+		title="Gasless"
+		description="Enable free transactions with smart accounts"
+		iconUrl="/icons/feature-cards/gasless.svg"
+	/>
+
+    <FeatureCard
+    	title="Localization"
+    	description="Support for multiple languages"
+        iconUrl="/icons/feature-cards/localization.svg"
+    />
+	<FeatureCard
+		title="Cross-Chain Support"
+		description="Enable end users to view assets, balances, and activities for apps and games across any EVM-compatible chain"
+		iconUrl="/icons/feature-cards/compatibility.svg"
+	/>
+	<FeatureCard
+		title="User Attribution & Analytics"
+		description="Unlock analytics for developers and end user activity across your ecosystem"
+		iconUrl="/icons/feature-cards/compatibility.svg"
+	/>
+</div>
+
+### Solutions
+
+| SOLUTION | BEST FOR | PRICING |
+|----------|----------|----------|
+| Connect | Applications needing traditional EOA wallet integration | Free |
+| In-App Wallet | Mainstream applications requiring seamless onboarding | [Free up to 1,000 MAW, then $0.02/MAW](https://thirdweb.com/pricing) |
+| Ecosystem Wallet | Organizations building branded wallet networks | [From $250/mo per instance](https://thirdweb.com/pricing) |
+
+### Use Cases
+
+- **Gaming & Entertainment** - Cross-game accounts and gasless transactions
+- **Enterprise & Loyalty** - Custom authentication and user attribution
+- **DeFi & NFT** - Traditional wallet connection and fiat on-ramps
+- **Chain Ecosystems** - Unified accounts across chain applications
+
+### Integration Options
+
+| OPTION                                               | BEST FOR                                                               |
+| ---------------------------------------------------- | ---------------------------------------------------------------------- |
+| [ConnectButton](/connect/sign-in/ConnectButton)      | Developers who want an easy-to-integrate button with modal.            |
+| [ConnectEmbed](/connect/sign-in/ConnectEmbed)        | Developers who want an easy-to-integrate full sign-in page experience. |
+| [Custom UI (useConnect)](/connect/sign-in/Custom-UI) | Developers who want complete customization over the modal branding.    |
+
+<DocImage src={customModal} />