@@ -34,7 +34,7 @@ export const PublishUpsellCard: React.FC = () => {
diff --git a/apps/dashboard/src/components/landing-pages/plan.tsx b/apps/dashboard/src/components/landing-pages/plan.tsx
index 460ab8c41..4a9d7231b 100644
--- a/apps/dashboard/src/components/landing-pages/plan.tsx
+++ b/apps/dashboard/src/components/landing-pages/plan.tsx
@@ -59,7 +59,7 @@ export const LandingPlan = ({
return (
{
placeItems="center"
>
You are insatiably curious about new web3 tools.
You revel in creating and sharing web3 content.
You forge lasting connections with others.
{/* You are approachable and adept at forging connections across contexts. */}
{/* Update image for this one ToDO */}
@@ -319,27 +319,27 @@ const Ambassadors: ThirdwebNextPage = () => {
>
Advocate for thirdweb's toolset and its role in web3.
Showcase your projects built using thirdweb through your
favorite social media
Assist community members by answering questions,
troubleshooting issues, and providing guidance.
{/* TODO, rethink the reaching out to potential individuals */}
Grow the community by welcoming new members, initiating
@@ -347,7 +347,7 @@ const Ambassadors: ThirdwebNextPage = () => {
{/*
Insider access to the team, roadmap, events.
*/}
@@ -394,19 +394,19 @@ const Ambassadors: ThirdwebNextPage = () => {
placeItems="center"
>
Enhance your skills with exclusive workshops and the latest in
web3.
Fuel your web3 passion with a platform to explore, create and
innovate.
Get rewarded with exclusive benefits such as free thirdweb
credits.
@@ -465,33 +465,33 @@ const Ambassadors: ThirdwebNextPage = () => {
>
Grow your personal brand from recognition on our pages.
Learn directly from experts on web3 development and related
topics.
Participate in feedback sessions that have a direct impact on
the thirdweb toolset
Meet like-minded individuals and grow your network in web3.
Establish yourself as a thought leader in the web3 industry.
@@ -541,23 +541,23 @@ const Ambassadors: ThirdwebNextPage = () => {
placeItems="center"
>
Gain early access to the latest tools and experiment with
cutting edge technology.
Build brand new experienes with the thirdweb toolset.
Be involved in stages of product design and direction.
Push the boundary of what's possible in web3 with
thirdweb.
diff --git a/apps/dashboard/src/pages/connect.tsx b/apps/dashboard/src/pages/connect.tsx
index 8ce115282..cfbbb715a 100644
--- a/apps/dashboard/src/pages/connect.tsx
+++ b/apps/dashboard/src/pages/connect.tsx
@@ -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",
},
];
diff --git a/apps/dashboard/src/pages/dashboards.tsx b/apps/dashboard/src/pages/dashboards.tsx
index 1eb141d63..d0ca36d42 100644
--- a/apps/dashboard/src/pages/dashboards.tsx
+++ b/apps/dashboard/src/pages/dashboards.tsx
@@ -64,7 +64,7 @@ const Dashboard: ThirdwebNextPage = () => {
>
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 = () => {
Fine-tune contract behavior with quick access to contract
configurations (e.g. royalty, primary sale fee, etc.)
Share contract management access with your team members. Control
team access to contracts with permissions. Safe is supported.
diff --git a/apps/dashboard/src/pages/engine.tsx b/apps/dashboard/src/pages/engine.tsx
index 89072ca13..cd6fd0328 100644
--- a/apps/dashboard/src/pages/engine.tsx
+++ b/apps/dashboard/src/pages/engine.tsx
@@ -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/",
},
];
diff --git a/apps/dashboard/src/pages/in-app-wallets.tsx b/apps/dashboard/src/pages/in-app-wallets.tsx
index c762338cc..955672cb5 100644
--- a/apps/dashboard/src/pages/in-app-wallets.tsx
+++ b/apps/dashboard/src/pages/in-app-wallets.tsx
@@ -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: (
@@ -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: (
@@ -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: (
diff --git a/apps/dashboard/src/pages/learn/index.tsx b/apps/dashboard/src/pages/learn/index.tsx
index 6b3374d7e..5b0a8938b 100644
--- a/apps/dashboard/src/pages/learn/index.tsx
+++ b/apps/dashboard/src/pages/learn/index.tsx
@@ -87,7 +87,7 @@ const Learn: ThirdwebNextPage = () => {
>
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 = () => {
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 = () => {
Get access to valuable resources to help you find your next job
or start your own web3 company.
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 = () => {
Learn from industry-leading web3 developers who bring real-world
experience and insights into the classroom.
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 = () => {
>
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 = () => {
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 = () => {
Gain expertise in developing web3 services by reviewing common
server-side workflows as well as creating and integrating smart
diff --git a/apps/dashboard/src/pages/sdk.tsx b/apps/dashboard/src/pages/sdk.tsx
index 413189fb2..526f2477d 100644
--- a/apps/dashboard/src/pages/sdk.tsx
+++ b/apps/dashboard/src/pages/sdk.tsx
@@ -73,7 +73,7 @@ const Web3SDK: ThirdwebNextPage = () => {
>
Use SDKs in programming languages that you are most comfortable
with.
@@ -96,14 +96,14 @@ const Web3SDK: ThirdwebNextPage = () => {
Utilities for common use cases so that you do not have to reinvent
the wheel every time and have faster development cycles.
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/"
/>
diff --git a/apps/dashboard/src/pages/solutions/commerce.tsx b/apps/dashboard/src/pages/solutions/commerce.tsx
index a6a7714bf..1e0fa3f9d 100644
--- a/apps/dashboard/src/pages/solutions/commerce.tsx
+++ b/apps/dashboard/src/pages/solutions/commerce.tsx
@@ -95,14 +95,14 @@ const Commerce: ThirdwebNextPage = () => {
>
Distribute NFTs to your most loyal customers and create new customer
segments for future campaigns.
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 = () => {
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"
/>
{
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"
/>
{
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"
/>
@@ -167,7 +167,7 @@ const Commerce: ThirdwebNextPage = () => {
Distribute membership passes with contracts from{" "}
@@ -197,7 +197,7 @@ const Commerce: ThirdwebNextPage = () => {
Merchants can sell digital collectibles direct from e-commerce
@@ -207,7 +207,7 @@ const Commerce: ThirdwebNextPage = () => {
Sell digital tickets with exclusive access to online and offline
@@ -217,7 +217,7 @@ const Commerce: ThirdwebNextPage = () => {
Authenticate web3 users using{" "}
diff --git a/apps/dashboard/src/pages/solutions/gaming.tsx b/apps/dashboard/src/pages/solutions/gaming.tsx
index 0c6d555d2..9cdc98656 100644
--- a/apps/dashboard/src/pages/solutions/gaming.tsx
+++ b/apps/dashboard/src/pages/solutions/gaming.tsx
@@ -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 = () => {
>
{
/>
{
/>
{
>
{
{
{
/>
diff --git a/apps/dashboard/src/pages/ui-components.tsx b/apps/dashboard/src/pages/ui-components.tsx
index 997812729..cccf22fbb 100644
--- a/apps/dashboard/src/pages/ui-components.tsx
+++ b/apps/dashboard/src/pages/ui-components.tsx
@@ -65,7 +65,7 @@ const UIComponents: ThirdwebNextPage = () => {
>
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 = () => {
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 = () => {
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 = () => {