Spaces:

likhonsheikhdev
/

flashusdt

Running

App Files Files Community

likhonsheikhdev commited on Jul 13

Commit

08e2e9d

verified ·

1 Parent(s): 1a914b1

make - Follow Up Deployment

Browse files

Files changed (1) hide show

index.html +208 -111

index.html CHANGED Viewed

@@ -2,148 +2,245 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <meta name="description" content="Secure and instant USDT transfers with Flash USDT Sender. Fast cryptocurrency transactions with 256-bit encryption.">
-    <meta name="keywords" content="USDT, cryptocurrency, transfer, blockchain, crypto wallet">
-    <meta name="author" content="Flash USDT Sender">
-    <meta property="og:title" content="Flash USDT Sender - Advanced Cryptocurrency Transfer Platform">
-    <meta property="og:description" content="Secure and instant USDT transfers with Flash USDT Sender">
-    <meta property="og:type" content="website">
-    <meta property="og:url" content="https://flashusdtsender.com">
-    <meta property="og:image" content="https://flashusdtsender.com/og-image.jpg">
-    <meta name="twitter:card" content="summary_large_image">
-    <title>Flash USDT Sender | Secure & Instant Cryptocurrency Transfers</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .gradient-bg {
-            background: linear-gradient(135deg, #26a69a 0%, #1e88e5 100%);
         }
-        .card-glow {
-            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 204, 153, 0.2);
         }
-        .input-glow:focus {
-            box-shadow: 0 0 0 2px rgba(0, 204, 153, 0.5);
         }
-        .security-badge {
-            animation: pulse 2s infinite;
-        }
-        @keyframes pulse {
-            0% { opacity: 1; }
-            50% { opacity: 0.7; }
-            100% { opacity: 1; }
         }
     </style>
 </head>
-<body class="gradient-bg min-h-screen flex items-center justify-center p-4 md:p-8">
-    <div class="max-w-md w-full bg-white rounded-xl shadow-xl overflow-hidden card-glow mx-auto">
-        <!-- Header -->
-        <div class="bg-gray-900 p-4 md:p-6 flex items-center justify-between">
-            <div class="flex items-center space-x-2 md:space-x-3">
-                <img src="https://i.ibb.co/cX1PgJg/tether.png" alt="USDT Logo" class="h-8 w-8 md:h-10 md:w-10">
-                <h1 class="text-white text-lg md:text-xl font-bold">Flash USDT Sender</h1>
             </div>
-            <div class="security-badge bg-green-500 text-white text-xs px-2 py-1 rounded-full flex items-center">
-                <i class="fas fa-lock mr-1 text-[10px] md:text-xs"></i>
-                <span class="text-[10px] md:text-xs">Secure</span>
             </div>
         </div>
-        <!-- Main Content -->
-        <div class="p-4 md:p-6">
-            <div class="text-center mb-4 md:mb-6">
-                <h2 class="text-xl md:text-2xl font-bold text-gray-800 mb-1 md:mb-2">Secure Access Required</h2>
-                <p class="text-gray-600 text-sm md:text-base">Enter your access key to continue</p>
             </div>
-            <form id="accessForm" class="space-y-4">
-                <div class="space-y-1">
-                    <label for="accessKey" class="block text-xs md:text-sm font-medium text-gray-700">Access Key</label>
-                    <div class="relative">
-                        <input
-                            type="password"
-                            id="accessKey"
-                            class="w-full px-3 py-2 md:px-4 md:py-3 text-sm md:text-base rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-green-500 input-glow transition"
-                            placeholder="Enter your secure access key"
-                            required
-                        >
-                        <button type="button" id="toggleKey" class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700">
-                            <i class="fas fa-eye text-sm md:text-base"></i>
-                        </button>
                     </div>
                 </div>
-                <div class="pt-1 md:pt-2">
-                    <button
-                        type="submit"
-                        class="w-full bg-green-600 hover:bg-green-700 text-white font-medium md:font-bold py-2 px-3 md:py-3 md:px-4 rounded-lg transition duration-200 flex items-center justify-center text-sm md:text-base"
-                    >
-                        <i class="fas fa-unlock-alt mr-1 md:mr-2 text-sm md:text-base"></i>
-                        Unlock Platform
-                    </button>
-                </div>
-            </form>
-            <div class="mt-4 md:mt-6 pt-4 md:pt-6 border-t border-gray-200">
-                <div class="grid grid-cols-3 gap-2 md:gap-4">
-                    <div class="text-center">
-                        <div class="text-green-600 mb-1">
-                            <i class="fas fa-shield-alt text-xl md:text-2xl"></i>
-                        </div>
-                        <p class="text-[10px] md:text-xs text-gray-600">256-bit Encryption</p>
                     </div>
-                    <div class="text-center">
-                        <div class="text-green-600 mb-1">
-                            <i class="fas fa-bolt text-xl md:text-2xl"></i>
-                        </div>
-                        <p class="text-[10px] md:text-xs text-gray-600">Instant Transfers</p>
                     </div>
-                    <div class="text-center">
-                        <div class="text-green-600 mb-1">
-                            <i class="fas fa-globe text-xl md:text-2xl"></i>
-                        </div>
-                        <p class="text-[10px] md:text-xs text-gray-600">Global Network</p>
                     </div>
                 </div>
             </div>
         </div>
-        <!-- Footer -->
-        <div class="bg-gray-100 px-4 md:px-6 py-3 md:py-4 text-center">
-            <p class="text-[10px] md:text-xs text-gray-600">
-                © 2023 Flash USDT Sender. All rights reserved.
-                <span class="block mt-1 space-x-2">
-                    <a href="#" class="text-green-600 hover:underline inline-block">Terms</a>
-                    <span class="text-gray-400">|</span>
-                    <a href="#" class="text-green-600 hover:underline inline-block">Privacy</a>
-                    <span class="text-gray-400">|</span>
-                    <a href="#" class="text-green-600 hover:underline inline-block">Support</a>
-                </span>
             </p>
         </div>
-    </div>
     <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const toggleKey = document.getElementById('toggleKey');
-            const accessKey = document.getElementById('accessKey');
-            toggleKey.addEventListener('click', function() {
-                if (accessKey.type === 'password') {
-                    accessKey.type = 'text';
-                    toggleKey.innerHTML = '<i class="fas fa-eye-slash"></i>';
-                } else {
-                    accessKey.type = 'password';
-                    toggleKey.innerHTML = '<i class="fas fa-eye"></i>';
-                }
-            });
-            document.getElementById('accessForm').addEventListener('submit', function(e) {
-                e.preventDefault();
-                // Here you would normally handle the form submission
-                alert('Access key submitted! (This is a demo)');
-            });
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=likhonsheikhdev/flashusdt" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Flash USDT Sender - Advanced Cryptocurrency Transfer Platform</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .gradient-bg {
+            background: linear-gradient(135deg, #00ff87 0%, #60efff 100%);
         }
+        .feature-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
         }
+        .glow {
+            animation: glow 2s ease-in-out infinite alternate;
         }
+        @keyframes glow {
+            from {
+                box-shadow: 0 0 5px rgba(0, 255, 135, 0.5);
+            }
+            to {
+                box-shadow: 0 0 20px rgba(0, 255, 135, 0.8);
+            }
         }
     </style>
 </head>
+<body class="bg-gray-900 text-white font-sans">
+    <!-- Header/Navigation -->
+    <header class="gradient-bg py-4 px-6 shadow-lg">
+        <div class="container mx-auto flex justify-between items-center">
+            <div class="flex items-center space-x-2">
+                <i class="fas fa-bolt text-2xl text-yellow-300"></i>
+                <h1 class="text-2xl font-bold">Flash USDT Sender</h1>
             </div>
+            <div class="hidden md:flex space-x-6">
+                <a href="#features" class="hover:text-yellow-300 transition">Features</a>
+                <a href="#how-it-works" class="hover:text-yellow-300 transition">How It Works</a>
+                <a href="#support" class="hover:text-yellow-300 transition">Support</a>
             </div>
+            <button class="md:hidden text-2xl">
+                <i class="fas fa-bars"></i>
+            </button>
         </div>
+    </header>
+    <!-- Hero Section -->
+    <section class="py-16 px-6">
+        <div class="container mx-auto flex flex-col md:flex-row items-center">
+            <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
+                <h2 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">
+                    Advanced <span class="text-green-400">USDT Transfer</span> Platform
+                </h2>
+                <p class="text-gray-300 mb-8 text-lg">
+                    Send USDT instantly across multiple blockchain networks with our powerful platform.
+                </p>
+                <div class="bg-gray-800 rounded-xl p-6 glow max-w-md">
+                    <h3 class="text-xl font-semibold mb-4">Get Access Now</h3>
+                    <p class="text-gray-300 mb-4">Enter your email to receive your access key after payment.</p>
+                    <form id="accessForm" class="space-y-4">
+                        <div>
+                            <label for="email" class="block text-sm font-medium text-gray-300 mb-1">Email Address</label>
+                            <input type="email" id="email" required
+                                   class="w-full px-4 py-3 rounded-lg bg-gray-700 border border-gray-600 focus:border-green-400 focus:outline-none transition">
+                        </div>
+                        <button type="submit"
+                                class="w-full gradient-bg text-gray-900 font-bold py-3 px-6 rounded-lg hover:opacity-90 transition flex items-center justify-center">
+                            <i class="fas fa-lock-open mr-2"></i> Get Access Key
+                        </button>
+                    </form>
+                </div>
             </div>
+            <div class="md:w-1/2">
+                <img src="https://raw.githubusercontent.com/FlashUSDTSenderSoftware/FlashUSDTSenderSoftware.github.io/refs/heads/main/IMG_0208.jpeg"
+                     alt="Flash USDT Sender"
+                     class="rounded-xl shadow-2xl w-full h-auto border-4 border-gray-700">
+            </div>
+        </div>
+    </section>
+    <!-- Features Section -->
+    <section id="features" class="py-16 px-6 bg-gray-800">
+        <div class="container mx-auto">
+            <h2 class="text-3xl font-bold text-center mb-12">
+                Powerful <span class="text-green-400">Features</span>
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <!-- Feature 1 -->
+                <div class="feature-card bg-gray-900 rounded-xl p-6 transition duration-300">
+                    <div class="text-green-400 text-4xl mb-4">
+                        <i class="fas fa-bolt"></i>
                     </div>
+                    <h3 class="text-xl font-semibold mb-2">Instant Access</h3>
+                    <p class="text-gray-300">
+                        Get immediate access to our platform after payment is confirmed.
+                    </p>
                 </div>
+                <!-- Feature 2 -->
+                <div class="feature-card bg-gray-900 rounded-xl p-6 transition duration-300">
+                    <div class="text-blue-400 text-4xl mb-4">
+                        <i class="fas fa-globe"></i>
                     </div>
+                    <h3 class="text-xl font-semibold mb-2">Multi-network Support</h3>
+                    <p class="text-gray-300">
+                        Send USDT across multiple blockchain networks (TRC20, ERC20) with ease.
+                    </p>
+                </div>
+                <!-- Feature 3 -->
+                <div class="feature-card bg-gray-900 rounded-xl p-6 transition duration-300">
+                    <div class="text-yellow-400 text-4xl mb-4">
+                        <i class="fas fa-headset"></i>
                     </div>
+                    <h3 class="text-xl font-semibold mb-2">24/7 Support</h3>
+                    <p class="text-gray-300">
+                        Our team is always available to help with any issues you encounter.
+                    </p>
+                </div>
+                <!-- Feature 4 -->
+                <div class="feature-card bg-gray-900 rounded-xl p-6 transition duration-300">
+                    <div class="text-purple-400 text-4xl mb-4">
+                        <i class="fas fa-sync-alt"></i>
                     </div>
+                    <h3 class="text-xl font-semibold mb-2">Regular Updates</h3>
+                    <p class="text-gray-300">
+                        Benefit from continuous platform enhancements and new features.
+                    </p>
                 </div>
             </div>
         </div>
+    </section>
+    <!-- Product Preview Section -->
+    <section class="py-16 px-6">
+        <div class="container mx-auto">
+            <div class="flex flex-col md:flex-row items-center">
+                <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
+                    <img src="https://raw.githubusercontent.com/FlashUSDTSenderSoftware/FlashUSDTSenderSoftware.github.io/refs/heads/main/Copy%20of%20Green%20Modern%20Futuristic%20Artificial%20Intelligence%20Presentation.jpeg"
+                         alt="Flash USDT Sender Interface"
+                         class="rounded-xl shadow-2xl w-full h-auto border-4 border-gray-700">
+                </div>
+                <div class="md:w-1/2">
+                    <h2 class="text-3xl font-bold mb-6">
+                        <span class="text-green-400">Modern</span> & <span class="text-blue-400">Intuitive</span> Interface
+                    </h2>
+                    <p class="text-gray-300 mb-6 text-lg">
+                        Our platform combines powerful functionality with an easy-to-use interface designed for both beginners and experienced crypto users.
+                    </p>
+                    <ul class="space-y-4">
+                        <li class="flex items-start">
+                            <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                            <span class="text-gray-300">Real-time transaction monitoring</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                            <span class="text-gray-300">Network fee optimization</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                            <span class="text-gray-300">Address book for frequent transfers</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
+                            <span class="text-gray-300">Transaction history with export options</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- CTA Section -->
+    <section class="gradient-bg py-16 px-6 text-gray-900">
+        <div class="container mx-auto text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Experience Lightning-Fast USDT Transfers?</h2>
+            <p class="text-xl mb-8 max-w-2xl mx-auto">
+                Join thousands of satisfied users who trust Flash USDT Sender for their cryptocurrency transfers.
             </p>
+            <button class="bg-gray-900 text-white font-bold py-3 px-8 rounded-lg hover:bg-gray-800 transition flex items-center mx-auto">
+                <i class="fas fa-rocket mr-2"></i> Get Started Now
+            </button>
         </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-800 py-8 px-6">
+        <div class="container mx-auto">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="mb-6 md:mb-0">
+                    <div class="flex items-center space-x-2">
+                        <i class="fas fa-bolt text-2xl text-green-400"></i>
+                        <h3 class="text-xl font-bold">Flash USDT Sender</h3>
+                    </div>
+                    <p class="text-gray-400 mt-2">Advanced Cryptocurrency Transfer Platform</p>
+                </div>
+                <div class="flex space-x-6">
+                    <a href="#" class="text-gray-400 hover:text-green-400 transition">
+                        <i class="fab fa-telegram text-2xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-green-400 transition">
+                        <i class="fab fa-twitter text-2xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-green-400 transition">
+                        <i class="fab fa-discord text-2xl"></i>
+                    </a>
+                </div>
+            </div>
+            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
+                <p>&copy; 2023 Flash USDT Sender. All rights reserved.</p>
+            </div>
+        </div>
+    </footer>
     <script>
+        // Form submission handling
+        document.getElementById('accessForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            const email = document.getElementById('email').value;
+            // Here you would typically send the email to your backend
+            // For demo purposes, we'll just show an alert
+            alert(`Access key will be sent to: ${email}\n(Simulated for demo purposes)`);
+            // Reset form
+            this.reset();
         });
+        // Mobile menu toggle would go here
+        // document.querySelector('.mobile-menu-button').addEventListener('click', function() {
+        //     document.querySelector('.mobile-menu').classList.toggle('hidden');
+        // });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=likhonsheikhdev/flashusdt" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>