Simple PreRegister Landing Page 1.0.0

Hello!
This is my first file. I created a simple and light Pre-Register Landing Page.
Usually made for a pre-launch server that has Pre-Register Event/Account Register Tracker Milestone.

Configuration

connection.php (link to your Database)
Replace:

• root with your username database
• blank with your password database
• ragnarok with your Server database

<?php
$conn = new mysqli("localhost", "root", "", "ragnarok"); 
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
?>

index.php (Milestone reward information)

Replace:

• Jellopy with your Reward (Total 100 account registered)
• Fluff with your Reward (Total 300 account registered)
• Manta with your Reward (Total 500 account registered)
• Sword with your Reward (Total 1000 account registered)

You can also edit the amount.

// EDIT ITEM REWARD HERE
if ($total_accounts >= 1000) {
	$current_reward = "Sword";
} elseif ($total_accounts >= 500) {
	$current_reward = "Manta";
} elseif ($total_accounts >= 300) {
	$current_reward = "Fluff";
} elseif ($total_accounts >= 100) {
	$current_reward = "Jellopy";
} elseif ($total_accounts >= 0) {
	$current_reward = "None";
}

Other Edit:

If you want the Form center, open:

Open: .../css/style.css

Find:

.container {
position: absolute;
left: 150px;
background: linear-gradient(135deg, #ffffff, #f8f9fa);
padding: 20px;
border-radius: 12px;
box-shadow: 7px 12px 20px rgba(0, 0, 0, 0.15);
width: 100%;
height: 500px;
max-width: 550px;
overflow-y: auto;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

Replace:

.container {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 100%;
height: 500px;
max-width: 400px;
overflow-y: auto;
}

Thankyou.