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

\n {activeTab === 'aitools' \n ? 'Discover the best AI sites and tools for productivity'\n : activeTab === 'binextrap'\n ? 'Store and manage your Bank Identification Numbers'\n : activeTab === 'marketplace'\n ? 'Premium digital products and services for sale'\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 Collection\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 Selling Hub\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 Expiry Date\n

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

\n Card Type\n

\n {cardData.type}\n

\n Cardholder Name\n

\n {cardData.holderName}\n

\n )}\n

\n\n {/* Right Column - 3D Card */}\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 \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