diff --git a/index.html b/index.html
new file mode 100644
index 0000000..ccd579c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,539 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ValoRen</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'Arial', sans-serif;
+        }
+
+        body {
+            background-color: #0f0f0f;
+            color: white;
+        }
+
+        .navbar {
+            background-color: #1a1a1a;
+            padding: 1.5rem 2rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid #333;
+        }
+
+        .logo {
+            color: #69e4f4;
+            font-size: 1.5rem;
+            font-weight: bold;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 1.5rem;
+        }
+
+        .nav-links a {
+            color: #999;
+            text-decoration: none;
+            font-size: 0.9rem;
+            transition: color 0.3s;
+            cursor: pointer;
+        }
+
+        .nav-links a:hover {
+            color: white;
+        }
+
+        .main-content {
+            display: flex;
+            padding: 4rem 6rem;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1400px;
+            margin: 0 auto;
+        }
+
+        .left-content {
+            max-width: 600px;
+        }
+
+        .title {
+            font-size: 2.5rem;
+            color: #eee;
+            margin-bottom: 1rem;
+            font-weight: 600;
+        }
+
+        .description {
+            color: #999;
+            font-size: 1.1rem;
+            line-height: 1.6;
+            margin-bottom: 2rem;
+        }
+
+        .buttons {
+            display: flex;
+            gap: 1rem;
+        }
+
+        .discord-btn {
+            background-color: #69e4f4;
+            color: black;
+            padding: 0.8rem 1.5rem;
+            border: none;
+            border-radius: 4px;
+            font-weight: bold;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+            transition: background-color 0.3s;
+        }
+
+        .discord-btn:hover {
+            background-color: #5ad3e3;
+        }
+
+        .products-container {
+            display: none;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 2rem;
+        }
+
+        .tabs {
+            display: flex;
+            gap: 1rem;
+            margin-bottom: 2rem;
+            justify-content: center;
+        }
+
+        .tab-button {
+            background: #1a1a1a;
+            border: none;
+            padding: 1rem 2rem;
+            color: #fff;
+            cursor: pointer;
+            border-radius: 4px;
+            transition: background-color 0.3s;
+        }
+
+        .tab-button.active {
+            background: #69e4f4;
+            color: black;
+        }
+
+        .tab-content {
+            display: none;
+        }
+
+        .tab-content.active {
+            display: block;
+        }
+
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 2rem;
+            padding: 2rem;
+        }
+
+        .pricing-tab {
+            background: linear-gradient(145deg, #1a1a1a, #2a2a2a);
+            border-radius: 15px;
+            padding: 2rem;
+            text-align: center;
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+        }
+
+        .pricing-tab:hover {
+            transform: translateY(-10px);
+            box-shadow: 0 8px 25px rgba(105, 228, 244, 0.2);
+        }
+
+        .pricing-tab img {
+            width: 120px;
+            height: 120px;
+            margin-bottom: 1.5rem;
+            object-fit: contain;
+        }
+
+        .pricing-duration {
+            color: #fff;
+            font-size: 1.4rem;
+            font-weight: bold;
+            margin-bottom: 1rem;
+        }
+
+        .pricing-description {
+            color: #999;
+            font-size: 0.9rem;
+            margin-bottom: 1rem;
+            line-height: 1.4;
+        }
+
+        .pricing-price {
+            color: #69e4f4;
+            font-size: 2rem;
+            font-weight: bold;
+            margin-bottom: 1.5rem;
+        }
+
+        .purchase-btn {
+            background: linear-gradient(45deg, #69e4f4, #5ad3e3);
+            color: black;
+            padding: 0.8rem 1.5rem;
+            border: none;
+            border-radius: 4px;
+            font-weight: bold;
+            cursor: pointer;
+            transition: transform 0.3s;
+        }
+
+        .purchase-btn:hover {
+            transform: scale(1.05);
+        }
+
+        .modal {
+            display: none;
+            position: fixed;
+            z-index: 1000;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.8);
+            padding-top: 60px;
+        }
+
+        .modal-content {
+            background-color: #1a1a1a;
+            margin: 5% auto;
+            padding: 20px;
+            border: 1px solid #888;
+            width: 80%;
+            max-width: 500px;
+            border-radius: 8px;
+        }
+
+        .close {
+            color: #aaa;
+            float: right;
+            font-size: 28px;
+            font-weight: bold;
+            cursor: pointer;
+        }
+
+        .close:hover {
+            color: #fff;
+        }
+
+        .login-modal {
+            display: none;
+            position: fixed;
+            z-index: 1000;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.8);
+        }
+
+        .login-modal-content {
+            background-color: #1a1a1a;
+            margin: 5% auto;
+            padding: 2rem;
+            border-radius: 8px;
+            width: 90%;
+            max-width: 400px;
+        }
+
+        .form-group {
+            margin-bottom: 1rem;
+        }
+
+        .form-group label {
+            display: block;
+            margin-bottom: 0.5rem;
+            color: #fff;
+        }
+
+        .form-group input {
+            width: 100%;
+            padding: 0.5rem;
+            border: 1px solid #333;
+            background: #2a2a2a;
+            color: #fff;
+            border-radius: 4px;
+        }
+
+        .form-group button {
+            width: 100%;
+            padding: 0.8rem;
+            background: #69e4f4;
+            border: none;
+            border-radius: 4px;
+            color: black;
+            font-weight: bold;
+            cursor: pointer;
+        }
+
+        .form-switch {
+            text-align: center;
+            margin-top: 1rem;
+            color: #999;
+        }
+
+        .form-switch a {
+            color: #69e4f4;
+            text-decoration: none;
+            cursor: pointer;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="navbar">
+        <div class="logo">ValoRen</div>
+        <div class="nav-links">
+            <a href="#" onclick="showHome()">Home</a>
+            <a href="#" onclick="showProducts()">Products</a>
+            <a href="https://discord.gg/XUqRVxdfHY" target="_blank">Discord</a>
+        </div>
+    </div>
+
+    <div id="home-content" class="main-content">
+        <div class="left-content">
+            <h1 class="title">Welcome to ValoRen</h1>
+            <p class="description">Experience the ultimate gaming experience. Join our community and enhance your gaming experience with exclusive features.</p>
+            <div class="buttons">
+                <button class="discord-btn" onclick="window.open('https://discord.gg/XUqRVxdfHY', '_blank')">
+                    <i class="fab fa-discord"></i> Join Discord
+                </button>
+                <button class="discord-btn" onclick="showProducts()" style="background-color: #5ad3e3;">
+                    <i class="fas fa-shopping-cart"></i> Products
+                </button>
+            </div>
+            <p style="margin-top: 20px; color: #999;">
+                Want to donate to us but you don't have money? Just click here <a href="https://bit.ly/4f9Q8NV" target="_blank" style="color: #69e4f4; text-decoration: none;">bit.ly</a> donate us for free! ☕
+            </p>
+        </div>
+        <div class="right-content">
+            <img src="800x450.png" alt="ValoRen" style="max-width: 100%; border-radius: 15px;">
+        </div>
+    </div>
+
+    <div id="products-content" class="products-container">
+        <div class="tabs">
+            <button class="tab-button active" onclick="switchTab('skinchanger')">Skin Changer</button>
+            <button class="tab-button" onclick="switchTab('vbucks')">Spoofers</button>
+        </div>
+
+        <div id="skinchanger-tab" class="tab-content active">
+            <div class="pricing-grid">
+                <div class="pricing-tab">
+                    <img src="1 Day.png" alt="1 Day">
+                    <div class="pricing-duration">1 Day</div>
+                    <div class="pricing-price">2.99€</div>
+                    <button onclick="handlePurchase('1 Day', '2.99')" class="purchase-btn">Purchase</button>
+                </div>
+                
+                <div class="pricing-tab">
+                    <img src="1 Week.png" alt="1 Week">
+                    <div class="pricing-duration">1 Week</div>
+                    <div class="pricing-price">3.99€</div>
+                    <button onclick="handlePurchase('1 Week', '3.99')" class="purchase-btn">Purchase</button>
+                </div>
+                
+                <div class="pricing-tab">
+                    <img src="1 Month.png" alt="1 Month">
+                    <div class="pricing-duration">1 Month</div>
+                    <div class="pricing-price">4.99€</div>
+                    <button onclick="handlePurchase('1 Month', '4.99')" class="purchase-btn">Purchase</button>
+                </div>
+                
+                <div class="pricing-tab">
+                    <img src="3 Month.png" alt="3 Month">
+                    <div class="pricing-duration">3 Month</div>
+                    <div class="pricing-price">7.99€</div>
+                    <button onclick="handlePurchase('3 Month', '7.99')" class="purchase-btn">Purchase</button>
+                </div>
+                
+                <div class="pricing-tab">
+                    <img src="Permanent.png" alt="Permanent">
+                    <div class="pricing-duration">Permanent</div>
+                    <div class="pricing-price">9.99€</div>
+                    <button onclick="handlePurchase('Permanent', '9.99')" class="purchase-btn">Purchase</button>
+                </div>
+            </div>
+        </div>
+
+        <div id="vbucks-tab" class="tab-content">
+            <div class="pricing-grid">
+                <div class="pricing-tab">
+                    <img src="VGC.png" alt="VGC">
+                    <div class="pricing-duration">ValoRen VGC</div>
+                    <div class="pricing-description">Get exclusive ValoRen VGC BYPASS For Free! This is like an spoofer GET UNBANNED! (This content is mine do not try to sell it ).<br><br>Password: VGCVALOREN</div>
+                    <div class="pricing-price">FREE</div>
+                    <button onclick="showLoginModal()" class="purchase-btn">GET</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Login Modal -->
+    <div id="loginModal" class="login-modal">
+        <div class="login-modal-content">
+            <span class="close" onclick="closeLoginModal()">&times;</span>
+            <div id="loginForm">
+                <h2>Login</h2>
+                <div class="form-group">
+                    <label for="loginUsername">Username</label>
+                    <input type="text" id="loginUsername" required>
+                </div>
+                <div class="form-group">
+                    <label for="loginPassword">Password</label>
+                    <input type="password" id="loginPassword" required>
+                </div>
+                <div class="form-group">
+                    <button onclick="handleLogin()">Login</button>
+                </div>
+                <div class="form-switch">
+                    Don't have an account? <a onclick="switchToRegister()">Register</a>
+                </div>
+            </div>
+            <div id="registerForm" style="display: none;">
+                <h2>Register</h2>
+                <div class="form-group">
+                    <label for="registerUsername">Username</label>
+                    <input type="text" id="registerUsername" required>
+                </div>
+                <div class="form-group">
+                    <label for="registerPassword">Password</label>
+                    <input type="password" id="registerPassword" required>
+                </div>
+                <div class="form-group">
+                    <label for="confirmPassword">Confirm Password</label>
+                    <input type="password" id="confirmPassword" required>
+                </div>
+                <div class="form-group">
+                    <button onclick="handleRegister()">Register</button>
+                </div>
+                <div class="form-switch">
+                    Already have an account? <a onclick="switchToLogin()">Login</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        function showHome() {
+            document.getElementById('home-content').style.display = 'flex';
+            document.getElementById('products-content').style.display = 'none';
+        }
+
+        function showProducts() {
+            document.getElementById('home-content').style.display = 'none';
+            document.getElementById('products-content').style.display = 'block';
+        }
+
+        function switchTab(tabName) {
+            document.querySelectorAll('.tab-button').forEach(button => {
+                button.classList.remove('active');
+            });
+            event.currentTarget.classList.add('active');
+
+            document.querySelectorAll('.tab-content').forEach(content => {
+                content.classList.remove('active');
+            });
+            document.getElementById(tabName + '-tab').classList.add('active');
+        }
+
+        function showLoginModal() {
+            document.getElementById('loginModal').style.display = 'block';
+        }
+
+        function closeLoginModal() {
+            document.getElementById('loginModal').style.display = 'none';
+        }
+
+        function switchToRegister() {
+            document.getElementById('loginForm').style.display = 'none';
+            document.getElementById('registerForm').style.display = 'block';
+        }
+
+        function switchToLogin() {
+            document.getElementById('loginForm').style.display = 'block';
+            document.getElementById('registerForm').style.display = 'none';
+        }
+
+        let users = JSON.parse(localStorage.getItem('users')) || [];
+
+        function handleRegister() {
+            const username = document.getElementById('registerUsername').value;
+            const password = document.getElementById('registerPassword').value;
+            const confirmPassword = document.getElementById('confirmPassword').value;
+
+            if (password !== confirmPassword) {
+                alert('Passwords do not match!');
+                return;
+            }
+
+            if (users.some(user => user.username === username)) {
+                alert('Username already exists!');
+                return;
+            }
+
+            users.push({ username, password });
+            localStorage.setItem('users', JSON.stringify(users));
+            alert('Registration successful! Please login.');
+            switchToLogin();
+        }
+
+        function handleLogin() {
+            const username = document.getElementById('loginUsername').value;
+            const password = document.getElementById('loginPassword').value;
+
+            const user = users.find(u => u.username === username && u.password === password);
+            
+            if (user) {
+                closeLoginModal();
+                const link = document.createElement('a');
+                link.href = 'https://shrinkme.ink/zTYZlm';
+                link.download = 'ValoRen_VBucks.rar';
+                document.body.appendChild(link);
+                link.click();
+                document.body.removeChild(link);
+                alert('Login successful! Your download will begin shortly. Remember the password: VGCVALOREN');
+            } else {
+                alert('Invalid username or password!');
+            }
+        }
+
+        function handlePurchase(duration, price) {
+            // Show message with PayPal.me instructions
+            alert(`NOTE: To purchase ${duration} access:\n\n1. Send ${price}€ to https://paypal.me/ValorenPayouts\n2. Take a screenshot of your payment proof\n3. Join our Discord server\n4. DM either ! SystemHook or RUGECY with your proof to receive your product.`);
+            
+            // Open PayPal.me in new tab
+            window.open('https://paypal.me/ValorenPayouts', '_blank');
+        }
+
+        // Close modal when clicking outside
+        window.onclick = function(event) {
+            if (event.target.className === 'modal' || event.target.className === 'login-modal') {
+                event.target.style.display = 'none';
+            }
+        }
+
+        showHome();
+    </script>
+</body>
+</html>
+
