diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..c29e6fb --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,95 @@ + +body { + background-color: #F5F5F5; + color: #212121; + font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.navbar { + background-color: #FFFFFF; + box-shadow: 0 2px 4px rgba(0,0,0,.05); +} + +.hero { + background: linear-gradient(45deg, #512DA8, #673AB7); + color: white; + padding: 6rem 1rem; + text-align: center; +} + +.hero h1 { + font-weight: 700; + font-size: 3.5rem; +} + +.hero p { + font-size: 1.25rem; + opacity: 0.9; +} + +.btn-primary { + background-color: #512DA8; + border-color: #512DA8; + padding: 0.75rem 1.5rem; + border-radius: 0.25rem; + font-weight: 600; +} + +.btn-primary:hover { + background-color: #4527A0; + border-color: #4527A0; +} + +.btn-secondary { + background-color: #FFC107; + border-color: #FFC107; + color: #212121; + padding: 0.75rem 1.5rem; + border-radius: 0.25rem; + font-weight: 600; +} + +.btn-secondary:hover { + background-color: #FFB300; + border-color: #FFB300; +} + +.section { + padding: 4rem 1rem; +} + +.feature-card { + background-color: #FFFFFF; + border: none; + border-radius: 0.5rem; + padding: 2rem; + text-align: center; + box-shadow: 0 4px 12px rgba(0,0,0,.08); + transition: transform 0.2s; +} + +.feature-card:hover { + transform: translateY(-5px); +} + +.feature-icon { + width: 48px; + height: 48px; + stroke-width: 1.5; + margin-bottom: 1rem; + color: #512DA8; +} + +.developer-section { + background-color: #FFFFFF; + border-radius: 0.5rem; + padding: 3rem; + box-shadow: 0 4px 12px rgba(0,0,0,.08); +} + +.toast-container { + position: fixed; + top: 1rem; + right: 1rem; + z-index: 1055; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..6afb7ee --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,68 @@ + +document.addEventListener('DOMContentLoaded', function () { + const connectWalletBtn = document.getElementById('connectWalletBtn'); + const depositForm = document.getElementById('depositForm'); + const walletInfo = document.getElementById('walletInfo'); + const balanceInfo = document.getElementById('balanceInfo'); + const depositBtn = document.getElementById('depositBtn'); + + let walletConnected = false; + let balance = 0; + + if (connectWalletBtn) { + connectWalletBtn.addEventListener('click', () => { + if (!walletConnected) { + walletConnected = true; + connectWalletBtn.textContent = 'Wallet Connected'; + connectWalletBtn.disabled = true; + walletInfo.textContent = 'Connected Wallet: 4a...tX9z'; + balanceInfo.textContent = `Your Balance: ${balance.toFixed(2)} SOL`; + depositForm.classList.remove('d-none'); + showToast('Wallet Connected!', 'Your Solana wallet is now connected.', 'success'); + } + }); + } + + if (depositBtn) { + depositBtn.addEventListener('click', (e) => { + e.preventDefault(); + const amountInput = document.getElementById('solAmount'); + const amount = parseFloat(amountInput.value); + + if (isNaN(amount) || amount <= 0) { + showToast('Invalid Amount', 'Please enter a valid amount of SOL.', 'danger'); + return; + } + + balance += amount; + balanceInfo.textContent = `Your Balance: ${balance.toFixed(2)} SOL`; + amountInput.value = ''; + showToast('Deposit Successful!', `${amount} SOL has been added to your balance.`, 'success'); + }); + } + + function showToast(title, message, type) { + const toastContainer = document.getElementById('toast-container'); + if (!toastContainer) return; + + const toastId = 'toast-' + Math.random().toString(36).substr(2, 9); + const toastHTML = ` + + `; + toastContainer.insertAdjacentHTML('beforeend', toastHTML); + + const toastElement = document.getElementById(toastId); + const toast = new bootstrap.Toast(toastElement, { delay: 5000 }); + toast.show(); + toastElement.addEventListener('hidden.bs.toast', () => { + toastElement.remove(); + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..0dfef96 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,126 @@ - - - - New Style - - - - - - - - - - - - - - - - - - - + + + Sol Launch + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + +
+
+

Launch Your Solana Meme Coin, Securely.

+

A transparent, developer-first platform for launching the next generation of meme coins on Solana.

+ Launch Your Coin +
+
+ +
+
+

Why Launch With Us?

+
+
+
+ +
Secure Escrow
+

Developer funds are held in a secure contract, withdrawable only by the platform owner, ensuring safety for early investors.

+
+
+
+
+ +
Transparent Audits
+

All deposits and platform withdrawals are logged and publicly visible, building trust and accountability.

+
+
+
+
+ +
Instant Listing
+

Once your project is approved, get listed on our platform immediately and gain visibility with investors.

+
+
+
+
+
+ +
+
+
+
+
+

Become a Meme Coin Developer

+

Ready to launch? Connect your wallet and deposit SOL to get started.

+ +
+ +
+ +
+

+

+
+
+ + +
+
+ +
+
+
+
+
+
+
+
+ + + +
+ + + + + - + \ No newline at end of file