ShellPhantom/cryptoflash-oracle-wizard

1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>CryptoFlash Oracle Wizard</title>7    <script src="https://cdn.tailwindcss.com"></script>8    <script src="https://unpkg.com/feather-icons"></script>9    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10    <script>11        tailwind.config = {12            theme: {13                extend: {14                    colors: {15                        primary: {16                            500: '#6366f1',17                        },18                        secondary: {19                            500: '#ec4899',20                        }21                    }22                }23            }24        }25    </script>26</head>27<body class="bg-gradient-to-br from-gray-900 to-gray-800 min-h-screen text-white">28    <!-- Navigation -->29    <nav class="bg-gray-800/50 backdrop-blur-md border-b border-gray-700">30        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">31            <div class="flex items-center justify-between h-16">32                <div class="flex items-center">33                    <i data-feather="zap" class="text-primary-500 mr-2"></i>34                    <span class="text-xl font-bold">CryptoFlash Oracle</span>35                </div>36                <div class="hidden md:block">37                    <div class="ml-10 flex items-baseline space-x-4">38                        <a href="#" class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>39                        <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Generator</a>40                        <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Web3</a>41                        <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Docs</a>42                    </div>43                </div>44                <button class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium flex items-center">45                    <i data-feather="wallet" class="mr-2"></i>46                    Connect Wallet47                </button>48            </div>49        </div>50    </nav>51 52    <!-- Main Content -->53    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">54        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">55            <!-- Form Section -->56            <div class="bg-gray-800/50 backdrop-blur-md rounded-xl p-6 border border-gray-700 shadow-lg">57                <h2 class="text-2xl font-bold mb-6 flex items-center">58                    <i data-feather="edit" class="mr-2 text-primary-500"></i>59                    Oracle Flash Tool60                </h2>61                <form class="space-y-4">62                    <div>63                        <label class="block text-sm font-medium mb-1">Currency Type</label>64                        <select class="w-full bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary-500">65                            <option>USDT</option>66                            <option>USDC</option>67                            <option>DAI</option>68                        </select>69                    </div>70                    <div>71                        <label class="block text-sm font-medium mb-1">Wallet Name</label>72                        <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="My Flash Wallet">73                    </div>74                    <div>75                        <label class="block text-sm font-medium mb-1">Choose Network</label>76                        <select class="w-full bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary-500">77                            <option>Ethereum</option>78                            <option>Polygon</option>79                            <option>Binance Smart Chain</option>80                            <option>Avalanche</option>81                        </select>82                    </div>83                    <div>84                        <label class="block text-sm font-medium mb-1">Amount</label>85                        <input type="number" class="w-full bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="0.00">86                    </div>87                    <div>88                        <label class="block text-sm font-medium mb-1">Child Address</label>89                        <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="0x...">90                    </div>91                    <div>92                        <label class="block text-sm font-medium mb-1">Wallet Address</label>93                        <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="0x...">94                    </div>95                    <div>96                        <label class="block text-sm font-medium mb-1">Transaction Hash</label>97                        <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="0x...">98                    </div>99                    <button type="submit" class="w-full bg-primary-500 hover:bg-primary-600 text-white py-3 px-4 rounded-md font-medium flex items-center justify-center">100                        <i data-feather="zap" class="mr-2"></i>101                        Flash Now102                    </button>103                </form>104            </div>105 106            <!-- Summary Section -->107            <div class="bg-gray-800/50 backdrop-blur-md rounded-xl p-6 border border-gray-700 shadow-lg">108                <h2 class="text-2xl font-bold mb-6 flex items-center">109                    <i data-feather="activity" class="mr-2 text-secondary-500"></i>110                    Flash Summary111                </h2>112                <div class="space-y-6">113                    <div class="bg-gray-700/50 rounded-lg p-4">114                        <div class="flex justify-between items-center">115                            <span class="text-gray-300">Flash Balance</span>116                            <span class="text-xl font-bold">$500,000,000</span>117                        </div>118                    </div>119                    <div class="space-y-4">120                        <h3 class="font-medium">Flash Options</h3>121                        <div class="space-y-3">122                            <label class="flex items-center space-x-3">123                                <input type="checkbox" class="form-checkbox h-4 w-4 text-primary-500 rounded focus:ring-primary-500">124                                <span>Direct default proxy</span>125                            </label>126                            <label class="flex items-center space-x-3">127                                <input type="checkbox" class="form-checkbox h-4 w-4 text-primary-500 rounded focus:ring-primary-500">128                                <span>Don't use proxy</span>129                            </label>130                            <label class="flex items-center space-x-3">131                                <input type="checkbox" class="form-checkbox h-4 w-4 text-primary-500 rounded focus:ring-primary-500">132                                <span>Transferable</span>133                            </label>134                            <label class="flex items-center space-x-3">135                                <input type="checkbox" class="form-checkbox h-4 w-4 text-primary-500 rounded focus:ring-primary-500">136                                <span>Not Transferable</span>137                            </label>138                            <label class="flex items-center space-x-3">139                                <input type="checkbox" class="form-checkbox h-4 w-4 text-primary-500 rounded focus:ring-primary-500">140                                <span>Make 100% confirmed before sending</span>141                            </label>142                        </div>143                    </div>144                    <div class="bg-gray-700/50 rounded-lg p-4">145                        <h4 class="text-sm font-medium mb-2">Recent Activity</h4>146                        <div class="space-y-2">147                            <div class="flex justify-between text-sm">148                                <span>ETH Flash</span>149                                <span class="text-green-400">+$120,000</span>150                            </div>151                            <div class="flex justify-between text-sm">152                                <span>USDT Transfer</span>153                                <span class="text-red-400">-$50,000</span>154                            </div>155                        </div>156                    </div>157                </div>158            </div>159        </div>160    </main>161 162    <!-- Footer -->163    <footer class="bg-gray-800/50 backdrop-blur-md border-t border-gray-700">164        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">165            <div class="flex flex-col md:flex-row justify-between items-center">166                <div class="flex items-center mb-4 md:mb-0">167                    <i data-feather="zap" class="text-primary-500 mr-2"></i>168                    <span class="text-sm">© 2023 Flash USDT Phantom</span>169                </div>170                <div class="flex space-x-4">171                    <a href="#" class="text-gray-300 hover:text-white text-sm">Status</a>172                    <a href="#" class="text-gray-300 hover:text-white text-sm">Docs</a>173                    <a href="#" class="text-gray-300 hover:text-white text-sm">Security</a>174                    <a href="#" class="text-gray-300 hover:text-white text-sm">Terms</a>175                </div>176            </div>177        </div>178    </footer>179 180    <script>181        feather.replace();182    </script>183</body>184</html>185