I'll help you create a basic investment platform website with the requested features. Here's the initial setup: Investment Platform

Start Earning Today

Join our investment plans and grow your money daily

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f8f9fa; } .navbar { box-shadow: 0 2px 4px rgba(0,0,0,0.1); } #mainContent { min-height: 70vh; display: flex; align-items: center; } .investment-card { border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s; } .investment-card:hover { transform: translateY(-5px); } .card-header { background-color: #0d6efd; color: white; padding: 15px; } .card-body { padding: 20px; } .btn-primary { background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { background-color: #0b5ed7; border-color: #0a58ca; } // Firebase configuration const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_SENDER_ID", appId: "YOUR_APP_ID" }; // Initialize Firebase firebase.initializeApp(firebaseConfig); const auth = firebase.auth(); const db = firebase.firestore(); // DOM elements const loginLink = document.getElementById('loginLink'); const signupLink = document.getElementById('signupLink'); const getStartedBtn = document.getElementById('getStartedBtn'); const loginModal = new bootstrap.Modal(document.getElementById('loginModal')); const signupModal = new bootstrap.Modal(document.getElementById('signupModal')); // Event listeners loginLink.addEventListener('click', () => loginModal.show()); signupLink.addEventListener('click', () => signupModal.show()); getStartedBtn.addEventListener('click', () => signupModal.show()); // Auth functions document.getElementById('loginForm').addEventListener('submit', (e) => { e.preventDefault(); const email = e.target[0].value; const password = e.target[1].value; auth.signInWithEmailAndPassword(email, password) .then(() => { loginModal.hide(); loadDashboard(); }) .catch(error => alert(error.message)); }); document.getElementById('signupForm').addEventListener('submit', (e) => { e.preventDefault(); const name = e.target[0].value; const email = e.target[1].value; const password = e.target[2].value; const phone = e.target[3].value; auth.createUserWithEmailAndPassword(email, password) .then((userCredential) => { return db.collection('users').doc(userCredential.user.uid).set({ name, email, phone, balance: 0, investments: [], transactions: [] }); }) .then(() => { signupModal.hide(); loadDashboard(); }) .catch(error => alert(error.message)); }); // Load dashboard function loadDashboard() { const user = auth.currentUser; if (user) { db.collection('users').doc(user.uid).get().then(doc => { const userData = doc.data(); document.getElementById('mainContent').innerHTML = `

Dashboard

Welcome, ${userData.name}

Current Balance: PKR ${userData.balance.toFixed(2)}

`; // Add event listeners for dashboard links document.getElementById('logoutLink').addEventListener('click', logout); }); } } // Logout function function logout() { auth.signOut().then(() => { window.location.reload(); }); } // Check auth state auth.onAuthStateChanged(user => { if (user) { loadDashboard(); } }); Dashboard - InvestPro

Dashboard

// Firebase configuration (same as in app.js) const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_SENDER_ID", appId: "YOUR_APP_ID" }; // Initialize Firebase firebase.initializeApp(firebaseConfig); const auth = firebase.auth(); const db = firebase.firestore(); // DOM elements const dashboardContent = document.getElementById('dashboardContent'); const logoutLink = document.getElementById('logoutLink'); // Load dashboard content function loadDashboardContent() { const user = auth.currentUser; if (user) { db.collection('users').doc(user.uid).get().then(doc => { const userData = doc.data(); dashboardContent.innerHTML = `

Welcome, ${userData.name}

Current Balance: PKR ${userData.balance.toFixed(2)}

`; }); } } // Logout function logoutLink.addEventListener('click', () => { auth.signOut().then(() => { window.location.href = 'index.html'; }); }); // Check auth state auth.onAuthStateChanged(user => { if (user) { loadDashboardContent(); } else { window.location.href = 'index.html'; } }); You'll need to: 1. Replace the Firebase configuration with your own Firebase project details 2. Add more functionality for investment plans, withdrawals, and transaction history 3. Implement the payment verification system with Easypaisa 4. Add daily earnings calculation logic 5. Enhance the UI with more features and better design

Start Earning Today

Login

Sign Up

Dashboard

Welcome, ${userData.name}

Current Balance: PKR ${userData.balance.toFixed(2)}

Dashboard

Welcome, ${userData.name}

Current Balance: PKR ${userData.balance.toFixed(2)}