mxp / index.html

Commit History

Create a dynamic, premium login and signup interface for the POKE: Bitcoin & Ethereum platform, following the same dark-themed, clean, and minimal style as the main app, with a dark blue night sky & stars background. Visual Design Background: High-quality dark blue night sky with scattered stars. Subtle twinkling effect for stars (CSS animation). Soft parallax movement to create depth. Overlay: Semi-transparent black layer (rgba(0,0,0,0.5)) for readability. Colors: Primary: Electric Blue #00AEEF Accent: Neon Green #00FF9F Text: White #FFFFFF with soft grey for secondary text. Font: “Inter” or “Poppins” for modern, clean readability. Layout & Elements Central Auth Card: Dark background card, rounded corners (border-radius: 16px), soft glowing shadow. Card sits centered vertically and horizontally. Top tabs for Login and Signup, styled with neon underlines when active. Login Form Fields: Email, Password, “Forgot Password” link. Signup Form Fields: Full Name, Email, Password, Confirm Password. Extra: Password visibility toggle (eye icon). Social Login: Google button (optional). Dynamic Interactions Sliding/Flipping Animation: When switching between Login and Signup, the card either: Slide horizontally to reveal the other form, or Flip in 3D (like a card turning over). Smooth transition duration: 0.4–0.6s. Validation Feedback: Shake animation for incorrect inputs. Green glow for valid submissions. Hover Effects: Buttons glow with electric blue outline. Tab hover changes underline color to neon green. Extra Details Logo: POKE logo above the forms. Slogan: “Fast. Fair. Secure.” under logo. Responsive Design: Works seamlessly on desktop, tablet, and mobile. - Follow Up Deployment
348160d
verified

dxlorhuggingface commited on

Create a dark-themed cryptocurrency trading platform named POKE: Bitcoin & Ethereum, inspired by the design and structure of the MXPay crypto website. Core Features & Flow 1. Login Bonus Notification On user login, display a modal pop-up saying: "🎉 Congratulations! You’ve won a $25 bonus. Complete KYC to claim your reward." Pop-up should have a sleek dark modal style with glowing button accents. 2. Step-by-Step KYC Verification Step 1: Form for full name and address (two-column layout). Step 2: File upload for National ID or Driver’s License (drag & drop or click to upload). Progress tracker at the top (e.g., “Step 1 of 2”). Smooth fade transitions between steps. 3. Supported Cryptos BTC and ETH only. Show real-time prices in a floating top bar ticker (white/green text on dark background). Fast buy/sell forms with live rate updates. 4. Dynamic Tabs (JavaScript Rendering) Dashboard sections like Overview, Buy/Sell, Transfers, KYC, Settings. Switching tabs updates content without reloading the page. Highlight active tab with neon-style underline. 5. UI/UX Design Dark theme palette: Background: #0B0E11 Primary accent: Electric blue (#00AEEF) and Neon green (#00FF9F) Text: White with subtle grey for secondary text Smooth animations for tab transitions, hover effects, and form submissions. Use clean sans-serif font like “Inter” or “Poppins”. 6. Layout Inspiration from MXPay Hero section at top with balance summary. Side navigation bar with icons. Card-based layout for trading forms and data panels. Compact header with logo on left and profile menu on right. Additional Requirements: Fully responsive (desktop, tablet, mobile). Clean, minimal code structure (HTML, CSS, JavaScript). JavaScript handles all dynamic rendering without full page reloads. - Follow Up Deployment
a3cba1b
verified

dxlorhuggingface commited on

undefined - Initial Deployment
fd124c4
verified

dxlorhuggingface commited on