import React from 'react'; import { FaBitcoin } from 'react-icons/fa'; import { IconType } from 'react-icons'; // Content configuration const content = { heading: "Bitcoin NFT Collection", nfts: [ { id: 1, image: 'https://images.unsplash.com/photo-1644361566696-3d442b5b482a?q=80&w=3028&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', title: 'Bitcoin Genesis', artist: 'Satoshi', price: '0.5 BTC', description: 'The first-ever Bitcoin NFT representing the genesis block.', }, { id: 2, image: 'https://images.unsplash.com/photo-1580062329539-c76d0cce5c4c?q=80&w=1436&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', title: 'Digital Gold', artist: 'CryptoArtist', price: '1.2 BTC', description: 'A unique piece symbolizing the value of Bitcoin as digital gold.', }, { id: 3, image: 'https://images.unsplash.com/photo-1627435394622-c239422ce808?q=80&w=2944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', title: 'Blockchain Art', artist: 'BlockArt', price: '0.8 BTC', description: 'An artistic representation of the Bitcoin blockchain.', }, ] }; // Theme configuration const theme = { gradientDirection: "to-br", bgGradientFrom: "from-gray-950", bgGradientTo: "to-gray-900", headingGradientFrom: "from-yellow-400", headingGradientTo: "to-orange-500", cardBg: "bg-gray-800", cardTitleColor: "text-white", cardArtistColor: "text-yellow-400", cardDescriptionColor: "text-gray-400", cardPriceColor: "text-white", iconColor: "text-yellow-400", }; interface NFTCardProps { nft: { id: number; image: string; title: string; artist: string; price: string; description: string; }; icon: IconType; } const NFTCard: React.FC = ({ nft, icon: Icon }) => (

{nft.title}

{nft.artist}

{nft.description}

{nft.price}

); const BTCNftShowcase: React.FC = () => { return (

{content.heading}

{content.nfts.map((nft) => ( ))}

); }; export default BTCNftShowcase;

Marketplace Components

Bitcoin NFT Collection