🧠 PROMPT:

Create a futuristic, high-end Web3 AI platform named CROC AI, combining a crocodile meme identity with a powerful AI system, staking, and crypto trading features.

The platform must be structured as a multi-page, multi-file project (NOT single HTML) using:

HTML (separate pages)

CSS (modular, premium UI)

JavaScript (frontend logic)

Optional backend-ready (Node.js / Firebase)

Optional libraries: Three.js + GSAP

---

🧠 PROJECT STRUCTURE (WAJIB)

/croc-ai-platform │ ├── index.html (Home + Auth) ├── login.html ├── register.html ├── verify.html (email verification) ├── dashboard.html │ ├── /pages │ ├── market.html │ ├── staking.html │ ├── trade.html │ ├── ai.html │ ├── profile.html │ ├── /css │ ├── style.css │ ├── premium.css │ ├── /js │ ├── main.js │ ├── auth.js │ ├── ai.js │ ├── market.js │ ├── staking.js │ ├── trade.js │ ├── mail.js │ ├── /assets

👉 ALL pages MUST be separate files

---

🎨 DESIGN STYLE (WAJIB PREMIUM)

Theme: Dark (black + deep green + neon lime)

UI:

Glassmorphism

Floating cards

Neon glow

3D hover tilt

Effects:

Parallax scrolling

Smooth transitions

Glow borders

Background:

3D crocodile mascot (AI style)

Particles / blockchain grid

👉 Vibe: “AI Trading Platform + Billion Dollar Crypto Project”

---

🏠 INDEX.HTML (HOME + AUTH)

Must include:

🔥 Hero

Title: CROC AI — Intelligent Web3 System

Subtitle: AI-powered decentralized trading, staking, and analytics platform

---

📊 HOME CONTENT

1. Vision & Mission (dashboard preview style)

2. Market Preview:

BTC / USD

ETH / USD

SOL / USD

CROC / USD

CROC / SOL

3. AI preview section

---

🔐 AUTH SYSTEM (WAJIB ADA)

Buttons:

Login → login.html

Register → register.html

---

🔐 REGISTER SYSTEM (WAJIB EMAIL VERIFICATION)

register.html:

Fields:

Email

Password

Confirm Password

---

📧 EMAIL VERIFICATION FLOW

1. User registers

2. System sends verification email

3. User clicks link

4. Redirect to verify.html

5. Account activated

⚠️ Use:

Firebase Auth OR

Node.js + Nodemailer

---

🧠 DASHBOARD.HTML

After login:

Show:

User email

AI quick access

Market snapshot

Staking summary

---

☰ MENU (WAJIB)

Hamburger menu kanan atas

Menu:

Dashboard

Market

AI System

Staking

Trade

Profile

Logout

---

📊 MARKET PAGE (WAJIB)

Pairs:

BTC / USD

ETH / USD

SOL / USD

CROC / USD

CROC / SOL

Use:

CoinGecko API OR

Dummy data

---

💰 STAKING PAGE

Features:

Input amount

Select lock period

Show APY

Stake button

Optional:

Basic staking logic (frontend)

Advanced: blockchain ready

---

🔄 TRADE PAGE (WAJIB)

Trading pairs:

CROC / USDT

CROC / SOL

Token: Mint Address: JBBZDu9ttVm4y9e5EtSkuR5EcCPyYEzm7BZQiX73pump

---

Features:

Input amount

Swap UI (DEX style)

Price preview

Button: SWAP

Optional:

Jupiter API integration

---

🤖 AI PAGE

Features:

Chat interface (ChatGPT style)

Multi-language support

Crypto analysis

---

⚙️ JAVASCRIPT SYSTEM

auth.js

register()

login()

logout()

verifyEmail()

---

mail.js

send verification email

---

market.js

load market prices

---

staking.js

stake()

calculate APY

---

trade.js

swap logic (basic)

---

ai.js

AI request handler

---

🎮 EXTRA (BIAR LEVEL DEWA)

Add:

Chat typing animation

Loading spinner

Glow UI

Floating panels

Smooth page transitions

---

⚡ FINAL REQUIREMENTS

Website MUST:

✅ Multi-file structure
✅ Login + register + email verification
✅ Dashboard system
✅ Market data tampil
✅ Staking system ada
✅ Trade system (CROC pair)
✅ AI chat system
✅ UI premium 3D
✅ Responsive & modern