diff --git a/pages/learn/index.js b/pages/learn/index.js index 4c1654aaf..e898e7752 100644 --- a/pages/learn/index.js +++ b/pages/learn/index.js @@ -44,7 +44,8 @@ const buildLearnContent = () => { title: 'Guide for Token Issuers: Username, Toml file, Project Registration', slug: 'guide-for-token-issuers' }, - { title: 'Bithomp Image Services', slug: 'image-services' } + { title: 'Bithomp Image Services', slug: 'image-services' }, + { title: 'NFT Explorer', slug: 'nft-explorer' } ] } ] diff --git a/pages/learn/nft-explorer.js b/pages/learn/nft-explorer.js new file mode 100644 index 000000000..9ffdcb994 --- /dev/null +++ b/pages/learn/nft-explorer.js @@ -0,0 +1,237 @@ +import { serverSideTranslations } from 'next-i18next/serverSideTranslations' +import SEO from '../../components/SEO' +import { getIsSsrMobile } from '../../utils/mobile' +import { network } from '../../utils' +import { nativeCurrency, explorerName, xahauNetwork } from '../../utils' +import Link from 'next/link' +import Image from 'next/image' +import Breadcrumbs from '../../components/Breadcrumbs' + +export async function getServerSideProps(context) { + const { locale } = context + return { + props: { + isSsrMobile: getIsSsrMobile(context), + ...(await serverSideTranslations(locale, ['common'])) + } + } +} + +export default function NftExplorer() { + return ( + <> + +
+ +
+

+ {' '} + {xahauNetwork ? 'Xahau Explorer' : 'Bithomp'} — The Best Way to Explore {explorerName} NFTs{' '} +

+
+
+ NFT Explorer +
{explorerName} NFT Explorer
+
+
+

+ We started Bithomp to make the {explorerName} more open and easy to explore. Over time, NFTs became an + important part of that story — and we wanted to give them the same level of visibility and detail. That’s + how our {xahauNetwork ? 'Xahau' : 'XRPL'} NFT Explorer came to life — + built for everyone who creates, collects, or just loves {explorerName} NFTs - built for the community. +

+

What we offer and what makes our {explorerName} NFT explorer unique

+

One place for every type of NFT

+

+ No matter where an NFT was minted or which marketplace it belongs to, you can find it on Bithomp. We + showcase all types of {xahauNetwork ? 'Xahau' : 'XRPL'} NFTs — with or without images, including music, + videos, animated 3D models, panoramic views, and more. +

+ {!xahauNetwork && ( +
+

+ NFT with music and video +
+ + View NFT + +

+ +

+ 360° panoramic NFTs +
+ + View NFT + +

+ +

+ Animated NFTs +
+ + View NFT + +

+
+ )} +

Sales History and Validated Offers

+

+ Every NFT has a story, and we make it easy to follow. You can explore the complete sales history — including + when and where it was minted, sold, or transferred — and view validated buy and sell offers showing where + and at what price it can be purchased. Whether you’re tracking price trends or simply curious about a + specific NFT or collection, all the information is just one click away. +

+
+
+ NFT sales history and offers +
{explorerName} NFT sales history and offers
+
+
+

Instant Media Display

+

+ Browsing NFTs should be quick and effortless. We cache images and video files to make viewing almost + instantaneous — even when you open large collections or high-resolution assets. It feels quick and + responsive, just as it should. +

+

Find Any {explorerName} NFT in Seconds

+

+ Looking for a specific NFT on {xahauNetwork ? 'Xahau' : 'XRPL'}? With our {xahauNetwork ? 'Xahau' : 'XRPL'}{' '} + NFT Explorer, it’s incredibly easy. Our advanced filters and sorting tools help you find exactly what you + need — fast. +

+
+
+ NFT Explorer +
{explorerName} NFT Explorer
+
+
+

You can:

+
    +
  • Search NFTs by name across all NFTs ever minted on the {explorerName}
  • +
  • Search NFTs by issuer or owner
  • +
  • Filter NFTs by the minting date or a specific time period
  • +
  • Sort by listing time — from the oldest to the newest offers
  • +
  • Exclude or include burned NFTs or NFTs without media
  • +
  • Discover the most viewed NFTs on our explorer
  • +
+

+ Whether you’re hunting for a particular collection, exploring new listings, or analyzing popular NFTs, our + explorer makes the search effortless and intuitive. +

+

Data Transparency and Exports

+

+ If you enjoy digging deeper, we’ve got you covered. You can export NFT metadata and all related attributes + to CSV, making it easy to analyze, track, or build on top of {explorerName} NFT data. For developers, our + API includes dedicated NFT-related endpoints. +

+
+

+ + 👉 + {' '} + Learn more in our documentation +

+
+

Manage Your {xahauNetwork ? 'Xahau' : 'XRPL'} NFTs — All in One Place

+

+ With {xahauNetwork ? 'Xahau Explorer' : 'Bithomp'}, you can do much more than explore. Our NFT tools let you + mint, trade, and manage your {explorerName} NFTs directly from the same interface — quickly, securely, and + without intermediaries. +

+

Here’s what you can do right on {xahauNetwork ? 'Xahau Explorer' : 'Bithomp'}:

+
+
+ Manage your NFTs +
{explorerName} Manage your NFTs
+
+
+
    +
  • + Mint new NFTs on {explorerName} — including mint and list for sale in one transaction + {xahauNetwork && ', or mint and send with Remit'} +
  • +
    +

    + + 👉 + {' '} + Mint {explorerName} NFTs here +

    +
    + +
  • Buy NFTs from existing offers
  • +
  • List your NFTs for sale — for {nativeCurrency} or tokens
  • +
  • Make, accept, or cancel offers
  • +
  • Transfer NFTs between wallets
  • + + {!xahauNetwork && ( + <> +
  • Modify the URI if the NFT is mutable (Dynamic NFTs have the "mutable" flag enabled")
  • + + )} + +
  • Burn NFTs you no longer need
  • +
  • Set your NFT as your avatar on your {xahauNetwork ? 'Xahau Explorer' : 'Bithomp'} profile
  • +
+

+ 🔥 And the best part — you’re not limited to one wallet. You can connect using Ledger, Xaman, Gem Wallet, + MetaMask, Crossmark, and more. +

+ ❤️ Explore {xahauNetwork ? 'Xahau' : 'XRPL'} NFTs the smart way — with{' '} + {xahauNetwork ? 'Xahau Explorer' : 'Bithomp'} +
+
+
+
+ + ) +} diff --git a/pages/sitemap.xml.js b/pages/sitemap.xml.js index b7083bff8..6036024c1 100644 --- a/pages/sitemap.xml.js +++ b/pages/sitemap.xml.js @@ -99,7 +99,8 @@ if (network === 'mainnet') { { loc: 'learn/xrp-xah-taxes', changefreq: 'monthly', priority: '0.9' }, { loc: 'learn/issue-a-token', changefreq: 'monthly', priority: '0.9' }, { loc: 'learn/guide-for-token-issuers', changefreq: 'monthly', priority: '0.9' }, - { loc: 'learn/image-services', changefreq: 'monthly', priority: '0.6' } + { loc: 'learn/image-services', changefreq: 'monthly', priority: '0.6' }, + { loc: 'learn/nft-explorer', changefreq: 'monthly', priority: '0.7' } ) } @@ -142,7 +143,8 @@ function generateSiteMap(posts) { 'learn/amm', 'learn/issue-a-token', 'learn/guide-for-token-issuers', - 'learn/image-services' + 'learn/image-services', + 'learn/nft-explorer' ] const oldPages = ['explorer/'] const pagesWithoutTranslation = [...noTranslatedPages, ...oldPages] diff --git a/public/images/xahauexplorer/learn/nft-explorer/cover.jpg b/public/images/xahauexplorer/learn/nft-explorer/cover.jpg new file mode 100644 index 000000000..e01fa57a5 Binary files /dev/null and b/public/images/xahauexplorer/learn/nft-explorer/cover.jpg differ diff --git a/public/images/xahauexplorer/learn/nft-explorer/history-screen.png b/public/images/xahauexplorer/learn/nft-explorer/history-screen.png new file mode 100644 index 000000000..d89415694 Binary files /dev/null and b/public/images/xahauexplorer/learn/nft-explorer/history-screen.png differ diff --git a/public/images/xahauexplorer/learn/nft-explorer/nft-options.png b/public/images/xahauexplorer/learn/nft-explorer/nft-options.png new file mode 100644 index 000000000..36adf36da Binary files /dev/null and b/public/images/xahauexplorer/learn/nft-explorer/nft-options.png differ diff --git a/public/images/xahauexplorer/learn/nft-explorer/screen.png b/public/images/xahauexplorer/learn/nft-explorer/screen.png new file mode 100644 index 000000000..0b71a3f29 Binary files /dev/null and b/public/images/xahauexplorer/learn/nft-explorer/screen.png differ diff --git a/public/images/xrplexplorer/learn/nft-explorer/cover.jpg b/public/images/xrplexplorer/learn/nft-explorer/cover.jpg new file mode 100644 index 000000000..b9354e985 Binary files /dev/null and b/public/images/xrplexplorer/learn/nft-explorer/cover.jpg differ diff --git a/public/images/xrplexplorer/learn/nft-explorer/history-screen.png b/public/images/xrplexplorer/learn/nft-explorer/history-screen.png new file mode 100644 index 000000000..9d478aae8 Binary files /dev/null and b/public/images/xrplexplorer/learn/nft-explorer/history-screen.png differ diff --git a/public/images/xrplexplorer/learn/nft-explorer/nft-options.png b/public/images/xrplexplorer/learn/nft-explorer/nft-options.png new file mode 100644 index 000000000..9e772ba84 Binary files /dev/null and b/public/images/xrplexplorer/learn/nft-explorer/nft-options.png differ diff --git a/public/images/xrplexplorer/learn/nft-explorer/screen.png b/public/images/xrplexplorer/learn/nft-explorer/screen.png new file mode 100644 index 000000000..b184e0ab0 Binary files /dev/null and b/public/images/xrplexplorer/learn/nft-explorer/screen.png differ