d-bis/js
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make --turbo work (#4593)

Browse Source 
## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
The focus of this PR is to update file paths for image sources and add the `--turbo` flag to the `next dev` script for improved performance.

### Detailed summary
- Updated file paths for image sources in multiple components
- Added `--turbo` flag to `next dev` script in `package.json` for improved performance

> The following files were skipped due to too many changes: `apps/dashboard/src/pages/sdk.tsx`, `apps/dashboard/src/pages/learn/index.tsx`, `apps/dashboard/src/pages/solutions/gaming.tsx`, `apps/dashboard/src/pages/solutions/commerce.tsx`, `apps/dashboard/src/pages/community/ambassadors.tsx`

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

<!-- end pr-codex -->
This commit is contained in:
jnsdls
2024-09-15 03:49:06 +00:00
parent 06ef6f0a07
commit 1168bc702f
17 changed files with 87 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/dashboard/package.json
+1 -1
View File
@@ -4,7 +4,7 @@
"private": true,
"scripts": {
"preinstall": "npx only-allow pnpm",
"dev": "next dev",
"dev": "next dev --turbo",
"build": "next build",
"start": "next start",
"format": "biome format ./src --write",
apps/dashboard/src/components/FTUX/components/Graphics.tsx
+1 -1
View File
@@ -65,7 +65,7 @@ export const ConnectWalletImage: React.FC = () => (
<ChakraNextImage
alt=""
boxSize="75px"
src={require("/public/logos/wallet.png")}
src={require("../../../../public/logos/wallet.png")}
/>
</Center>
</motion.div>
apps/dashboard/src/components/contract-components/shared/contract-id-image.tsx
+2 -2
View File
@@ -35,8 +35,8 @@ export const ContractIdImage: React.FC<ContractIdImageProps> = ({
const img =
publishMetadata.data?.image !== "custom"
? publishMetadata.data?.image ||
require("/public/assets/tw-icons/general.png")
: require("/public/assets/tw-icons/general.png");
require("../../../../public/assets/tw-icons/general.png")
: require("../../../../public/assets/tw-icons/general.png");
const isStaticImage = img && typeof img !== "string";
apps/dashboard/src/components/explore/upsells/publish-submit.tsx
+2 -2
View File
@@ -18,7 +18,7 @@ export const PublishUpsellCard: React.FC = () => {
<div className="flex gap-2">
<Image
className="size-6 hidden md:block"
src={require("/public/assets/product-pages/publish/hero-icon-1.png")}
src={require("../../../../public/assets/product-pages/publish/hero-icon-1.png")}
alt=""
/>
@@ -34,7 +34,7 @@ export const PublishUpsellCard: React.FC = () => {
<div className="flex gap-2">
<Image
className="size-6 hidden md:block"
src={require("/public/assets/product-pages/publish/hero-icon-2.png")}
src={require("../../../../public/assets/product-pages/publish/hero-icon-2.png")}
alt=""
/>
<p className="text-muted-foreground">
apps/dashboard/src/components/landing-pages/plan.tsx
+1 -1
View File
@@ -59,7 +59,7 @@ export const LandingPlan = ({
return (
<Flex key={listItem.id} alignItems="center" gap="12px">
<ChakraNextImage
src={require("/public/assets/landingpage/check.svg")}
src={require("../../../public/assets/landingpage/check.svg")}
height="16px"
width="16px"
alt=""
apps/dashboard/src/pages/account-abstraction.tsx
+3 -3
View File
@@ -16,17 +16,17 @@ const TRACKING_CATEGORY = "smart-wallet-landing";
const GUIDES = [
{
title: "The Quick-Start Guide to Account Abstraction",
image: require("/public/assets/product-pages/smart-wallet/get-started.png"),
image: require("../../public/assets/product-pages/smart-wallet/get-started.png"),
link: "https://portal.thirdweb.com/wallets/smart-wallet/get-started",
},
{
title: "Choosing Between Simple, Managed, & Dynamic Smart Accounts",
image: require("/public/assets/product-pages/smart-wallet/which-contract.png"),
image: require("../../public/assets/product-pages/smart-wallet/which-contract.png"),
link: "https://blog.thirdweb.com/smart-contract-deep-dive-building-smart-wallets-for-individuals-and-teams/",
},
{
title: "How to Enable Batch Transactions with Account Abstraction",
image: require("/public/assets/product-pages/smart-wallet/batch-txns.png"),
image: require("../../public/assets/product-pages/smart-wallet/batch-txns.png"),
link: "https://blog.thirdweb.com/guides/how-to-batch-transactions-with-the-thirdweb-sdk/",
},
];
apps/dashboard/src/pages/community/ambassadors.tsx
+21 -21
View File
@@ -261,22 +261,22 @@ const Ambassadors: ThirdwebNextPage = () => {
placeItems="center"
>
<AmbassadorCard
icon={require("/public/assets/ambassadors/card-1-icon.svg")}
icon={require("../../../public/assets/ambassadors/card-1-icon.svg")}
>
You are insatiably curious about new web3 tools.
</AmbassadorCard>
<AmbassadorCard
icon={require("/public/assets/ambassadors/card-2-icon.svg")}
icon={require("../../../public/assets/ambassadors/card-2-icon.svg")}
>
You revel in creating and sharing web3 content.
</AmbassadorCard>
<AmbassadorCard
icon={require("/public/assets/ambassadors/connections.svg")}
icon={require("../../../public/assets/ambassadors/connections.svg")}
>
You forge lasting connections with others.
</AmbassadorCard>
<AmbassadorCard
icon={require("/public/assets/ambassadors/card-3-icon.svg")}
icon={require("../../../public/assets/ambassadors/card-3-icon.svg")}
>
{/* You are approachable and adept at forging connections across contexts. */}
{/* Update image for this one ToDO */}
@@ -319,27 +319,27 @@ const Ambassadors: ThirdwebNextPage = () => {
>
<ProductCard
title="Be a thirdweb brand ambassador"
icon={require("/public/assets/ambassadors/recognition-icon.svg")}
icon={require("../../../public/assets/ambassadors/recognition-icon.svg")}
>
Advocate for thirdweb&apos;s toolset and its role in web3.
</ProductCard>
<ProductCard
title="Build your projcts. Share the results."
icon={require("/public/assets/ambassadors/mentorship-icon.svg")}
icon={require("../../../public/assets/ambassadors/mentorship-icon.svg")}
>
Showcase your projects built using thirdweb through your
favorite social media
</ProductCard>
<ProductCard
title="Support the newcomers"
icon={require("/public/assets/ambassadors/merch-icon.svg")}
icon={require("../../../public/assets/ambassadors/merch-icon.svg")}
>
Assist community members by answering questions,
troubleshooting issues, and providing guidance.
</ProductCard>
<ProductCard
title="Network"
icon={require("/public/assets/ambassadors/network-icon.svg")}
icon={require("../../../public/assets/ambassadors/network-icon.svg")}
>
{/* TODO, rethink the reaching out to potential individuals */}
Grow the community by welcoming new members, initiating
@@ -347,7 +347,7 @@ const Ambassadors: ThirdwebNextPage = () => {
</ProductCard>
{/* <ProductCard
title="Access"
icon={require("/public/assets/ambassadors/access-icon.svg")}
icon={require("../../../public/assets/ambassadors/access-icon.svg")}
>
Insider access to the team, roadmap, events.
</ProductCard> */}
@@ -394,19 +394,19 @@ const Ambassadors: ThirdwebNextPage = () => {
placeItems="center"
>
<AmbassadorCard
icon={require("/public/assets/ambassadors/learn.svg")}
icon={require("../../../public/assets/ambassadors/learn.svg")}
>
Enhance your skills with exclusive workshops and the latest in
web3.
</AmbassadorCard>
<AmbassadorCard
icon={require("/public/assets/ambassadors/oss.svg")}
icon={require("../../../public/assets/ambassadors/oss.svg")}
>
Fuel your web3 passion with a platform to explore, create and
innovate.
</AmbassadorCard>
<AmbassadorCard
icon={require("/public/assets/ambassadors/card-3-icon.svg")}
icon={require("../../../public/assets/ambassadors/card-3-icon.svg")}
>
Get rewarded with exclusive benefits such as free thirdweb
credits.
@@ -465,33 +465,33 @@ const Ambassadors: ThirdwebNextPage = () => {
>
<ProductCard
title="Recognition"
icon={require("/public/assets/ambassadors/recognition-icon.svg")}
icon={require("../../../public/assets/ambassadors/recognition-icon.svg")}
>
Grow your personal brand from recognition on our pages.
</ProductCard>
<ProductCard
title="Mentorship"
icon={require("/public/assets/ambassadors/mentorship-icon.svg")}
icon={require("../../../public/assets/ambassadors/mentorship-icon.svg")}
>
Learn directly from experts on web3 development and related
topics.
</ProductCard>
<ProductCard
title="Feedback Sessions"
icon={require("/public/assets/ambassadors/merch-icon.svg")}
icon={require("../../../public/assets/ambassadors/merch-icon.svg")}
>
Participate in feedback sessions that have a direct impact on
the thirdweb toolset
</ProductCard>
<ProductCard
title="Network"
icon={require("/public/assets/ambassadors/network-icon.svg")}
icon={require("../../../public/assets/ambassadors/network-icon.svg")}
>
Meet like-minded individuals and grow your network in web3.
</ProductCard>
<ProductCard
title="Become A Thought Leader"
icon={require("/public/assets/ambassadors/access-icon.svg")}
icon={require("../../../public/assets/ambassadors/access-icon.svg")}
>
Establish yourself as a thought leader in the web3 industry.
</ProductCard>
@@ -541,23 +541,23 @@ const Ambassadors: ThirdwebNextPage = () => {
placeItems="center"
>
<AmbassadorCard
icon={require("/public/assets/ambassadors/hackathon.svg")}
icon={require("../../../public/assets/ambassadors/hackathon.svg")}
>
Gain early access to the latest tools and experiment with
cutting edge technology.
</AmbassadorCard>
<AmbassadorCard
icon={require("/public/assets/ambassadors/card-2-icon.svg")}
icon={require("../../../public/assets/ambassadors/card-2-icon.svg")}
>
Build brand new experienes with the thirdweb toolset.
</AmbassadorCard>
<AmbassadorCard
icon={require("/public/assets/ambassadors/office-hours.svg")}
icon={require("../../../public/assets/ambassadors/office-hours.svg")}
>
Be involved in stages of product design and direction.
</AmbassadorCard>
<AmbassadorCard
icon={require("/public/assets/ambassadors/card-3-icon.svg")}
icon={require("../../../public/assets/ambassadors/card-3-icon.svg")}
>
Push the boundary of what&apos;s possible in web3 with
thirdweb.
apps/dashboard/src/pages/connect.tsx
+2 -2
View File
@@ -83,12 +83,12 @@ export const metrics = [
const GUIDES = [
{
title: "The Quick-Start Guide to thirdweb Connect",
image: require("/public/assets/product-pages/connect/get-started.png"),
image: require("../../public/assets/product-pages/connect/get-started.png"),
link: "https://portal.thirdweb.com/connect",
},
{
title: "Add a Connect Wallet Button to Your App or Website",
image: require("/public/assets/product-pages/connect/connect-wallet.png"),
image: require("../../public/assets/product-pages/connect/connect-wallet.png"),
link: "https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton",
},
];
apps/dashboard/src/pages/dashboards.tsx
+3 -3
View File
@@ -64,7 +64,7 @@ const Dashboard: ThirdwebNextPage = () => {
>
<ProductCard
title="Monitor contract activity"
icon={require("/public/assets/product-pages/dashboard/hero-icon-1.png")}
icon={require("../../public/assets/product-pages/dashboard/hero-icon-1.png")}
>
Get fast insights into your contract activity. Unlock features in
Dashboard for each extension implemented in your contract. (e.g.
@@ -72,14 +72,14 @@ const Dashboard: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Interact with contracts"
icon={require("/public/assets/product-pages/dashboard/hero-icon-2.png")}
icon={require("../../public/assets/product-pages/dashboard/hero-icon-2.png")}
>
Fine-tune contract behavior with quick access to contract
configurations (e.g. royalty, primary sale fee, etc.)
</ProductCard>
<ProductCard
title="Collaborate with team"
icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
icon={require("../../public/assets/product-pages/dashboard/hero-icon-3.png")}
>
Share contract management access with your team members. Control
team access to contracts with permissions. Safe is supported.
apps/dashboard/src/pages/engine.tsx
+3 -3
View File
@@ -94,17 +94,17 @@ export const metrics = [
const GUIDES = [
{
title: "The Quick-Start Guide to thirdweb Engine",
image: require("/public/assets/product-pages/engine/guide-get-started.png"),
image: require("../../public/assets/product-pages/engine/guide-get-started.png"),
link: "https://portal.thirdweb.com/engine/get-started",
},
{
title: "Airdrop Tokens and NFTs to Users",
image: require("/public/assets/product-pages/engine/guide-airdrop.png"),
image: require("../../public/assets/product-pages/engine/guide-airdrop.png"),
link: "https://portal.thirdweb.com/engine/guides/airdrop-nfts",
},
{
title: "Create a Gasless NFT Mint Farcaster Frame",
image: require("/public/assets/product-pages/engine/guide-farcaster-frame.png"),
image: require("../../public/assets/product-pages/engine/guide-farcaster-frame.png"),
link: "https://blog.thirdweb.com/guides/create-an-nft-mint-farcaster-frame/",
},
];
apps/dashboard/src/pages/in-app-wallets.tsx
+6 -6
View File
@@ -17,17 +17,17 @@ const TRACKING_CATEGORY = "embedded-wallets-landing";
const GUIDES = [
{
title: "Docs: In-App Wallets Overview",
image: require("/public/assets/product-pages/embedded-wallets/embedded-wallet.png"),
image: require("../../public/assets/product-pages/embedded-wallets/embedded-wallet.png"),
link: "https://portal.thirdweb.com/connect/in-app-wallet/overview",
},
{
title: "Live Demo: In-App Wallets",
image: require("/public/assets/product-pages/embedded-wallets/paper.png"),
image: require("../../public/assets/product-pages/embedded-wallets/paper.png"),
link: "https://catattack.thirdweb.com",
},
{
title: "Quick-Start Template: In-App Wallet + Account Abstraction",
image: require("/public/assets/product-pages/smart-wallet/get-started.png"),
image: require("../../public/assets/product-pages/smart-wallet/get-started.png"),
link: "https://github.com/thirdweb-example/embedded-smart-wallet",
},
];
@@ -87,7 +87,7 @@ const EmbeddedWalletsLanding: ThirdwebNextPage = () => {
"Let users access your app instantly an email address, Google account, or social logins.",
Component: (
<ChakraNextImage
src={require("/public/assets/product-pages/embedded-wallets/seamless.png")}
src={require("../../public/assets/product-pages/embedded-wallets/seamless.png")}
alt=""
borderRadius="lg"
/>
@@ -99,7 +99,7 @@ const EmbeddedWalletsLanding: ThirdwebNextPage = () => {
"Spin up in-app wallets for your users with your app or game's existing auth system.",
Component: (
<ChakraNextImage
src={require("/public/assets/product-pages/embedded-wallets/auth.png")}
src={require("../../public/assets/product-pages/embedded-wallets/auth.png")}
alt=""
borderRadius="lg"
/>
@@ -111,7 +111,7 @@ const EmbeddedWalletsLanding: ThirdwebNextPage = () => {
"Enable users to log into their accounts (and access their wallets) from any device, in one click. Support for web, mobile, & Unity.",
Component: (
<ChakraNextImage
src={require("/public/assets/product-pages/embedded-wallets/cross-platform.png")}
src={require("../../public/assets/product-pages/embedded-wallets/cross-platform.png")}
alt=""
borderRadius="lg"
/>
apps/dashboard/src/pages/learn/index.tsx
+9 -9
View File
@@ -87,7 +87,7 @@ const Learn: ThirdwebNextPage = () => {
>
<ProductCard
title="Domain Expertise"
icon={require("/public/assets/product-pages/sdk/hero-icon-3.png")}
icon={require("../../../public/assets/product-pages/sdk/hero-icon-3.png")}
>
Our program will help you enhance your technical skills and
knowledge, enabling you to excel in web3 development and become
@@ -95,7 +95,7 @@ const Learn: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Community Building"
icon={require("/public/assets/product-pages/dashboard/hero-icon-2.png")}
icon={require("../../../public/assets/product-pages/dashboard/hero-icon-2.png")}
>
Connect with a network of web3 developers and content matter
experts through our program. Build lasting relationships and
@@ -103,14 +103,14 @@ const Learn: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Career Launch"
icon={require("/public/assets/product-pages/sdk/hero-icon-2.png")}
icon={require("../../../public/assets/product-pages/sdk/hero-icon-2.png")}
>
Get access to valuable resources to help you find your next job
or start your own web3 company.
</ProductCard>
<ProductCard
title="Comprehensive curriculum"
icon={require("/public/assets/product-pages/deploy/hero-icon-1.png")}
icon={require("../../../public/assets/product-pages/deploy/hero-icon-1.png")}
>
Learn essential web3 concepts and gain in-depth knowledge of the
thirdweb SDK that empowers you to build secure decentralized
@@ -118,14 +118,14 @@ const Learn: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Expert-Led Training"
icon={require("/public/assets/product-pages/authentication/verify.png")}
icon={require("../../../public/assets/product-pages/authentication/verify.png")}
>
Learn from industry-leading web3 developers who bring real-world
experience and insights into the classroom.
</ProductCard>
<ProductCard
title="Flexible Program Formats"
icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
icon={require("../../../public/assets/product-pages/dashboard/hero-icon-3.png")}
>
Choose from a range of program formats, including self-paced
courses, virtual workshops, or live bootcamps, to suit your
@@ -145,7 +145,7 @@ const Learn: ThirdwebNextPage = () => {
>
<ProductCard
title="Product Manager"
icon={require("/public/assets/product-pages/dashboard/hero-icon-1.png")}
icon={require("../../../public/assets/product-pages/dashboard/hero-icon-1.png")}
>
Learn how to create, manage, and integrate NFTs and other
digital assets into dApps and platforms using thirdweb
@@ -153,7 +153,7 @@ const Learn: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Web3 Developer"
icon={require("/public/assets/product-pages/dashboard/hero-icon-1.png")}
icon={require("../../../public/assets/product-pages/dashboard/hero-icon-1.png")}
>
For both front and back-end engineers to learn how to build
secure and scalable dApps using the thirdweb SDK and relevant
@@ -161,7 +161,7 @@ const Learn: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Back-end Engineer"
icon={require("/public/assets/product-pages/dashboard/hero-icon-1.png")}
icon={require("../../../public/assets/product-pages/dashboard/hero-icon-1.png")}
>
Gain expertise in developing web3 services by reviewing common
server-side workflows as well as creating and integrating smart
apps/dashboard/src/pages/sdk.tsx
+7 -7
View File
@@ -73,7 +73,7 @@ const Web3SDK: ThirdwebNextPage = () => {
>
<ProductCard
title="Speaks your language"
icon={require("/public/assets/product-pages/sdk/hero-icon-1.png")}
icon={require("../../public/assets/product-pages/sdk/hero-icon-1.png")}
>
Use SDKs in programming languages that you are most comfortable
with.
@@ -96,14 +96,14 @@ const Web3SDK: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Go-to-market faster"
icon={require("/public/assets/product-pages/sdk/hero-icon-2.png")}
icon={require("../../public/assets/product-pages/sdk/hero-icon-2.png")}
>
Utilities for common use cases so that you do not have to reinvent
the wheel every time and have faster development cycles.
</ProductCard>
<ProductCard
title="Simplifying web3 complexity"
icon={require("/public/assets/product-pages/sdk/hero-icon-3.png")}
icon={require("../../public/assets/product-pages/sdk/hero-icon-3.png")}
>
Build apps and games that interact with contracts easily. Thorough
developer documentation on following best practices. No need to
@@ -161,28 +161,28 @@ const Web3SDK: ThirdwebNextPage = () => {
SDKs.
</>
}
icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
icon={require("../../public/assets/product-pages/dashboard/hero-icon-3.png")}
href="https://portal.thirdweb.com/"
/>
<ProductLearnMoreCard
title="UI Components SDK"
category={TRACKING_CATEGORY}
description="Plug-and-play UI Components for common web3 use cases, e.g. Connect Wallet button, Web3 button, NFT renderer, and IPFS renderer."
icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
icon={require("../../public/assets/product-pages/dashboard/hero-icon-3.png")}
href="/ui-components"
/>
<ProductLearnMoreCard
title="Game Engine SDK"
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."
icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
icon={require("../../public/assets/product-pages/dashboard/hero-icon-3.png")}
href="https://portal.thirdweb.com/unity"
/>
<ProductLearnMoreCard
title="Mobile SDK"
category={TRACKING_CATEGORY}
description="Integrate web3 into mobile apps with our React Native SDK. Comes with hooks and UI components that let you easily build native apps for iOS and Android."
icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
icon={require("../../public/assets/product-pages/dashboard/hero-icon-3.png")}
href="https://portal.thirdweb.com/react-native/latest"
/>
</SimpleGrid>
apps/dashboard/src/pages/solutions/commerce.tsx
+10 -10
View File
@@ -95,14 +95,14 @@ const Commerce: ThirdwebNextPage = () => {
>
<ProductCard
title="Recognize loyal customers with NFTs "
icon={require("/public/assets/product-pages/extensions/hero-icon-1.png")}
icon={require("../../../public/assets/product-pages/extensions/hero-icon-1.png")}
>
Distribute NFTs to your most loyal customers and create new customer
segments for future campaigns.
</ProductCard>
<ProductCard
title="Reward customers with exclusive access"
icon={require("/public/assets/product-pages/extensions/hero-icon-3.png")}
icon={require("../../../public/assets/product-pages/extensions/hero-icon-3.png")}
>
Reward your customers and collab with other brands by tokengating
your storefront. Give token holders exclusive access to products,
@@ -110,7 +110,7 @@ const Commerce: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Grow your revenue with NFT sales"
icon={require("/public/assets/product-pages/extensions/hero-icon-2.png")}
icon={require("../../../public/assets/product-pages/extensions/hero-icon-2.png")}
>
Create additional revenue streams with NFT sales. Sell NFTs directly
through your storefront as a new product category or bundle with a
@@ -135,7 +135,7 @@ const Commerce: ThirdwebNextPage = () => {
category={TRACKING_CATEGORY}
description="Prebuilt contracts or build your own with the Solidity SDK to
distribute NFTs through your commerce app."
icon={require("/public/assets/product-pages/dashboard/hero-icon-1.png")}
icon={require("../../../public/assets/product-pages/dashboard/hero-icon-1.png")}
href="/explore/commerce"
/>
<ProductLearnMoreCard
@@ -144,7 +144,7 @@ const Commerce: ThirdwebNextPage = () => {
description="Powerful SDKs enables you to build commerce apps that connects
to users' wallets. Easily bootstrap projects with a single
command."
icon={require("/public/assets/product-pages/dashboard/hero-icon-2.png")}
icon={require("../../../public/assets/product-pages/dashboard/hero-icon-2.png")}
href="https://portal.thirdweb.com/contracts/interact/overview"
/>
<ProductLearnMoreCard
@@ -153,7 +153,7 @@ const Commerce: ThirdwebNextPage = () => {
description="View and interact with your Shopify store smart contracts
directly from a user interface, e.g. view all the NFTs that have
been minted to your most loyal customers."
icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
icon={require("../../../public/assets/product-pages/dashboard/hero-icon-3.png")}
href="/dashboard"
/>
</SimpleGrid>
@@ -167,7 +167,7 @@ const Commerce: ThirdwebNextPage = () => {
<SimpleGrid columns={{ base: 1, md: 2, lg: 4 }} gap={6}>
<ProductCard
title="Launch customer loyalty reward programs"
icon={require("/public/assets/solutions-pages/commerce/hero-icon-1.png")}
icon={require("../../../public/assets/solutions-pages/commerce/hero-icon-1.png")}
>
<Text size="body.lg">
Distribute membership passes with contracts from{" "}
@@ -197,7 +197,7 @@ const Commerce: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Sell digital collectibles"
icon={require("/public/assets/solutions-pages/commerce/hero-icon-2.png")}
icon={require("../../../public/assets/solutions-pages/commerce/hero-icon-2.png")}
>
<Text size="body.lg">
Merchants can sell digital collectibles direct from e-commerce
@@ -207,7 +207,7 @@ const Commerce: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Unlock both virtual and real world experiences"
icon={require("/public/assets/solutions-pages/commerce/hero-icon-3.png")}
icon={require("../../../public/assets/solutions-pages/commerce/hero-icon-3.png")}
>
<Text size="body.lg">
Sell digital tickets with exclusive access to online and offline
@@ -217,7 +217,7 @@ const Commerce: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Add web3 data to your customer funnel"
icon={require("/public/assets/solutions-pages/commerce/hero-icon-4.png")}
icon={require("../../../public/assets/solutions-pages/commerce/hero-icon-4.png")}
>
<Text size="body.lg">
Authenticate web3 users using{" "}
apps/dashboard/src/pages/solutions/gaming.tsx
+10 -10
View File
@@ -110,8 +110,8 @@ export const metrics = [
title: "Gala Games",
description:
"Partnering with DreamWorks to integrate their brand IP into the VOXverse — and bringing fans onchain with interoperable digital collectibles.",
image: require("/public/assets/solutions-pages/gaming/case-study-gala.png"),
mobileImage: require("/public/assets/solutions-pages/gaming/mobile-case-study-gala.png"),
image: require("../../../public/assets/solutions-pages/gaming/case-study-gala.png"),
mobileImage: require("../../../public/assets/solutions-pages/gaming/mobile-case-study-gala.png"),
items: [],
href: "https://blog.thirdweb.com/case-studies/dreamworks-launches-nft-avatars-for-web3-games-with-gala-and-the-sims-creators-voxverse/",
hoverBackground: "#0053FF",
@@ -120,8 +120,8 @@ export const metrics = [
title: "Paima Studios",
description:
"Bringing onchain games to all players — with instant onboarding, an `invisible` wallet experience, and the smoothest gameplay with signless & gasless UX.",
image: require("/public/assets/solutions-pages/gaming/case-study-ztx.png"),
mobileImage: require("/public/assets/solutions-pages/gaming/mobile-case-study-ztx.png"),
image: require("../../../public/assets/solutions-pages/gaming/case-study-ztx.png"),
mobileImage: require("../../../public/assets/solutions-pages/gaming/mobile-case-study-ztx.png"),
items: [],
href: "https://paimastudios.com",
hoverBackground: "#00B477",
@@ -236,7 +236,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
>
<ImageCard
title="Unity"
image={require("/public/assets/solutions-pages/gaming/gaming-unity.png")}
image={require("../../../public/assets/solutions-pages/gaming/gaming-unity.png")}
TRACKING_CATEGORY={TRACKING_CATEGORY}
href="https://portal.thirdweb.com/unity"
linkTitle="Read the Unity SDK docs"
@@ -244,7 +244,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
/>
<ImageCard
title="Unreal Engine"
image={require("/public/assets/solutions-pages/gaming/gaming-unreal.png")}
image={require("../../../public/assets/solutions-pages/gaming/gaming-unreal.png")}
TRACKING_CATEGORY={TRACKING_CATEGORY}
href="https://portal.thirdweb.com/solutions/gaming/unreal-engine/quickstart"
linkTitle="Read the Unreal Engine docs"
@@ -252,7 +252,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
/>
<ImageCard
title="Mobile"
image={require("/public/assets/solutions-pages/gaming/gaming-phone.png")}
image={require("../../../public/assets/solutions-pages/gaming/gaming-phone.png")}
TRACKING_CATEGORY={TRACKING_CATEGORY}
linkTitle="Read the React Native docs"
href="https://portal.thirdweb.com/react-native/latest"
@@ -278,7 +278,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
>
<ImageCard
title="Web3 Warriors"
image={require("/public/assets/solutions-pages/gaming/web3warriors.png")}
image={require("../../../public/assets/solutions-pages/gaming/web3warriors.png")}
TRACKING_CATEGORY={TRACKING_CATEGORY}
href="https://web3warriors.thirdweb.com"
category="Unity"
@@ -291,7 +291,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
<ImageCard
title="Cat Attack"
image={require("/public/assets/solutions-pages/gaming/catattack-square.png")}
image={require("../../../public/assets/solutions-pages/gaming/catattack-square.png")}
TRACKING_CATEGORY={TRACKING_CATEGORY}
href="https://catattack.thirdweb.com"
category="Mobile"
@@ -304,7 +304,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
<ImageCard
title="Play Speed Racer"
image={require("/public/assets/solutions-pages/gaming/gaming-speed-racer.png")}
image={require("../../../public/assets/solutions-pages/gaming/gaming-speed-racer.png")}
TRACKING_CATEGORY={TRACKING_CATEGORY}
href="https://engine-express.thirdweb-preview.com/"
category="Unreal Engine"
apps/dashboard/src/pages/solutions/minting.tsx
+2 -2
View File
@@ -93,8 +93,8 @@ const SolutionsMinting: ThirdwebNextPage = () => {
/>
</LandingGridSection>
<LandingDesktopMobileImage
image={require("/public/assets/solutions-pages/minting/what-can-you-build.png")}
mobileImage={require("/public/assets/solutions-pages/minting/what-can-you-build-mobile.png")}
image={require("../../../public/assets/solutions-pages/minting/what-can-you-build.png")}
mobileImage={require("../../../public/assets/solutions-pages/minting/what-can-you-build-mobile.png")}
/>
<LandingGridSection>
apps/dashboard/src/pages/ui-components.tsx
+4 -4
View File
@@ -65,7 +65,7 @@ const UIComponents: ThirdwebNextPage = () => {
>
<ProductCard
title="Accelerate time-to-market"
icon={require("/public/assets/product-pages/ui-components/hero-icon-1.png")}
icon={require("../../public/assets/product-pages/ui-components/hero-icon-1.png")}
>
Utilities for common web3 frontend use cases, e.g. enable connect
wallet, render NFTs metadata, and more. Faster development cycles
@@ -73,7 +73,7 @@ const UIComponents: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Simplifying web3 complexity"
icon={require("/public/assets/product-pages/ui-components/hero-icon-2.png")}
icon={require("../../public/assets/product-pages/ui-components/hero-icon-2.png")}
>
We have thorough developer documentation on following best
practices. No need to worry about configuring for each partner
@@ -81,7 +81,7 @@ const UIComponents: ThirdwebNextPage = () => {
</ProductCard>
<ProductCard
title="Customizable UI components"
icon={require("/public/assets/product-pages/ui-components/hero-icon-3.png")}
icon={require("../../public/assets/product-pages/ui-components/hero-icon-3.png")}
>
All of our UI components are fully customizable which you can
fine-tune for your specific use case.
@@ -112,7 +112,7 @@ const UIComponents: ThirdwebNextPage = () => {
<ProductSection py={{ base: 12, lg: 24 }}>
<SimpleGrid columns={{ base: 1, md: 4 }} gap={14}>
<ProductLearnMoreCard
icon={require("/public/assets/product-pages/authentication/sign-in.png")}
icon={require("../../public/assets/product-pages/authentication/sign-in.png")}
category={TRACKING_CATEGORY}
title="Connect Wallet"
description="Easily allow users to sign in using their crypto wallets with multiple wallet options (e.g. Coinbase, Metamask, WalletConnect, and more)."