🚀 DEPLOY TO PLESK - QUICK GUIDE
================================

📦 FILES TO UPLOAD:
-------------------
1. index.html          ← Main page (EXACT copy of React version)
2. styles.css          ← All styles, animations, effects
3. script.js           ← All interactive features
4. main.js             ← YOUR wallet connection file
5. favicon.png         ← Tiffany favicon

🎯 FEATURES INCLUDED (Same as React version):
---------------------------------------------
✅ Black background with gradient (#000 to #111)
✅ Two moving orbs with mouse tracking (#81d8d0)
✅ Spotlight effect following mouse
✅ Hexagonal pattern overlay
✅ 30 floating particles with animations
✅ 20 floating jewelry SVGs (rings, necklaces, gems, earrings, bracelets)
✅ Official Tiffany & Co. logo in navigation
✅ Connect Wallet button with "connect-wallet" class
✅ 3D card tilt effect on NFT preview
✅ Animated NFT video
✅ Feature grid (Verified, Exclusive, Instant, Free)
✅ Stats section (10,000 Total, 8,470 Claimed, 1,530 Remaining)
✅ Claim form with wallet input
✅ Claim NFT button with "connect-wallet" class
✅ Gradient text animation on "NFTiff"
✅ All hover effects and transitions
✅ Fully responsive design
✅ Footer

📋 UPLOAD TO PLESK:
-------------------

METHOD 1 - File Manager (Easiest):
1. Login to Plesk: https://93.185.167.174:8443
2. Click your domain: nftiffany.com
3. Go to Files → File Manager
4. Navigate to httpdocs folder
5. Click Upload
6. Upload all 5 files
7. Done! Visit https://nftiffany.com

METHOD 2 - FTP:
1. Use FileZilla or any FTP client
2. Host: 93.185.167.174
3. Port: 21
4. Upload all files to /httpdocs/
5. Done!

🔌 WALLET CONNECTION INTEGRATION:
---------------------------------

Both buttons have the "connect-wallet" class:
- Navigation "Connect Wallet" button
- Claim form "Claim NFT" button

In your main.js, add event listeners:

```javascript
document.addEventListener('DOMContentLoaded', () => {
    // Get both connect-wallet buttons
    const buttons = document.querySelectorAll('.connect-wallet');
    
    buttons.forEach(button => {
        button.addEventListener('click', async () => {
            // YOUR WALLET CONNECTION CODE HERE
            const address = await connectWallet();
            
            // Update the page UI
            if (window.nftApp) {
                window.nftApp.setWalletConnected(address);
            }
        });
    });
});
```

✅ VERIFICATION:
----------------
After uploading, check:
- Page loads at https://nftiffany.com
- Background is black with gradient
- Moving orbs respond to mouse
- Spotlight follows mouse
- 20 jewelry pieces floating
- 30 particles animating
- NFT video playing
- 3D tilt effect on card
- Both buttons have "connect-wallet" class
- "NFTiff" text has gradient shimmer

🎉 THAT'S IT!
Your exact React page is now pure HTML/CSS/JS!
No build process, no npm, works on any hosting!
