\n {activeTab === 'aitools' ? 'AI Tools Hub' : \n activeTab === 'binextrap' ? 'BIN Extrap Collection' : \n activeTab === 'marketplace' ? 'Premium Marketplace' :\n 'Credit Card Generator'}\n

\n {activeTab === 'aitools' \n ? 'Discover the best AI tools for productivity and creativity'\n : activeTab === 'binextrap'\n ? 'Store and manage your Bank Identification Numbers collection'\n : activeTab === 'marketplace'\n ? 'High-quality digital products and premium services'\n : 'Generate test credit cards with Luhn algorithm validation'\n }\n

\n setActiveTab('generate')}\n className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${\n activeTab === 'generate'\n ? 'bg-blue-500/30 text-blue-200 shadow-lg'\n : 'text-blue-300 hover:text-blue-200'\n }`}\n >\n \n Card Generator\n \n setActiveTab('binextrap')}\n className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${\n activeTab === 'binextrap'\n ? 'bg-green-500/30 text-green-200 shadow-lg'\n : 'text-green-300 hover:text-green-200'\n }`}\n >\n \n BIN Extrap\n \n setActiveTab('aitools')}\n className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${\n activeTab === 'aitools'\n ? 'bg-purple-500/30 text-purple-200 shadow-lg'\n : 'text-purple-300 hover:text-purple-200'\n }`}\n >\n \n AI Tools\n \n setActiveTab('marketplace')}\n className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${\n activeTab === 'marketplace'\n ? 'bg-emerald-500/30 text-emerald-200 shadow-lg'\n : 'text-emerald-300 hover:text-emerald-200'\n }`}\n >\n \n Marketplace\n \n

\n \n \n For testing purposes only\n \n

\n {activeTab === 'aitools' ? (\n \n ) : activeTab === 'binextrap' ? (\n \n ) : activeTab === 'marketplace' ? (\n \n ) : (\n

\n {/* Left Column - Card Generator */}\n

\n \n Generate New Card\n

\n \n

\n\n {/* Card Details */}\n {cardData && (\n

\n \n Generated Card Details\n {bulkResults && (\n \n 1 of {bulkResults.totalGenerated}\n \n )}\n

\n Card Number\n

\n {cardData.number.replace(/(\\d{4})(?=\\d)/g, '$1 ')}\n

\n CVV\n

\n {cardData.cvv}\n

\n \n

\n Expiry Date\n

\n {cardData.expiryMonth}/{cardData.expiryYear}\n

\n Card Type\n

\n {cardData.type}\n

\n \n

\n Cardholder Name\n

\n {cardData.holderName}\n

\n\n

\n {\n const text = `Card Number: ${cardData.number}\\nCVV: ${cardData.cvv}\\nExpiry: ${cardData.expiryMonth}/${cardData.expiryYear}\\nName: ${cardData.holderName}`;\n navigator.clipboard.writeText(text);\n }}\n className=\"flex-1 btn-icy rounded-lg py-3 px-6 font-medium transition-all duration-300 hover:scale-105 flex items-center justify-center\"\n >\n \n Copy Details\n \n \n {bulkResults && (\n setBulkResults(bulkResults)}\n className=\"flex-1 btn-icy rounded-lg py-3 px-6 font-medium transition-all duration-300 hover:scale-105 flex items-center justify-center\"\n >\n \n View All ({bulkResults.totalGenerated})\n \n )}\n

\n )}\n

\n\n {/* Right Column - 3D Card Display */}\n

\n \n 3D Card Preview\n

\n \n

\n\n {/* Features */}\n

\n \n Features\n

\n \n \n \n Luhn Algorithm Validation\n
\n \n \n \n Multiple Card Types\n
\n \n \n \n 3D Card Animation\n
\n \n \n \n Custom BIN Support\n
\n \n \n \n Bulk Generation\n
\n \n \n \n Export Options\n

\n )}\n

\n \n \n \n Generate New Card\n

\n \n \n \n Generated Card Details\n {bulkResults && (\n \n 1 of {bulkResults.totalGenerated}\n \n )}\n

\n \n \n \n 3D Card Preview\n

\n \n \n \n Features\n

\n \n Generate New Card\n

\n \n Generated Card Details\n {bulkResults && (\n \n 1 of {bulkResults.totalGenerated}\n \n )}\n

\n \n 3D Card Preview\n

\n \n Features\n