# 🎮 CubicHome – Pagina de destinație a serverului Minecraft Premium

Un șablon modern și de calitate superioară pentru pagini de destinație destinate serverelor Minecraft. Realizat cu TailwindCSS, oferă afișarea în timp real a stării serverului, animații fluide și protecție antifurt.


---

## ✨ Caracteristici

### 🎯 Caracteristici principale

- **Starea serverului în** timp real – Numărul de jucători și starea serverului în timp real prin intermediul API-ului mcstatus.io
- **Copierea adresei IP cu un singur clic** – Copiază adresa IP a serverului cu notificări de tip „toast” atractive
- **Localizarea automată a serverului** – Detectează și afișează automat localizarea serverului împreună cu steagul țării respective
- **Secțiunea Echipa** – Prezintă-ți echipa cu avatare Minecraft de pe mc-heads.net
- **Adaptabil la dispozitive mobile** – Design complet adaptabil pentru toate dispozitivele

### 🎨 Design premium

- **Interfață modernă** – Glassmorphism, degradeuri și animații fluide
- **Paralaxă 3D pentru mouse** – fundalul personajului principal urmează mișcarea mouse-ului
- **Elemente animate** – Particule plutitoare, puncte de stare intermitente, efecte la trecerea cursorului
- **Efect de strălucire premium** – Animații strălucitoare care atrag privirea asupra elementelor cheie
- **Tema întunecată** – O estetică frumoasă, întunecată, specifică jocurilor

### 🔒 Protecție antifurt

- **Detectarea DevTools** – Blochează conținutul paginii atunci când DevTools este deschis
- **Clicul dreapta dezactivat** – împiedică accesul la meniul contextual
- **Comenzi rapide de la tastatură blocate** – Blochează Ctrl+U, Ctrl+S, F12, Ctrl+Shift+I
- **Configurabil** – Poate fi dezactivat în timpul dezvoltării

### ⚡ Linkuri rapide

- Integrarea magazinelor (Tebex, CraftingStore etc.)
- Butonul de invitație pe Discord
- Linkuri pentru vot

---

## 📦 Instalare

1. **Descărcați** fișierele șablon
2. **Încărcați** pe serviciul dvs. de găzduire web
3. **Editează** `assets/js/config.js`pentru a personaliza
4. **Gata!** Pagina ta de destinație este gata

---

## ⚙️ Configurare

Toate setările se găsesc în`assets/js/config.js`:

### Brandingul șabloanelor

```javascript
template: {
name: "CubicHome", // Your brand name
year: "2025", // Copyright year
copyright: "© {year} {name} Template",
templateProtect: true // Anti-theft protection (true/false)
}
```

### Setări server

```javascript
server: {
name: "Your Server Name", // Displayed in hero section
ip: "play.yourserver.com", // Server IP for players
port: 25565, // Server port
isBedrock: false, // true for Bedrock servers
}
```

### Linkuri rapide

```javascript
links: {
store: {
enabled: true,
url: "https://store.yourserver.com",
label: "Store",
description: "Get ranks & items"
},
discord: {
enabled: true,
url: "https://discord.gg/YOUR_INVITE"
},
vote: {
enabled: true,
url: "https://minecraft-server.net/vote/yourserver"
}
}
```

### Echipa de personal

```javascript
staff: [
{
username: "Notch", // Minecraft username (auto-fetches avatar)
role: "Owner", // Their role
color: "amber", // Tailwind color: amber, red, blue, green, purple
},
// Add more staff members...
];
```

### Secțiunea „Caracteristici”

```javascript
features: [
{
icon: "bi-gem", // Bootstrap icon
title: "Custom Items",
description: "Unique weapons and tools.",
gradient: "from-purple-500 to-pink-500",
},
// Add up to 4 features...
];
```

### Setări temă

```javascript
theme: {
enableSmoothScroll: true, // Smooth scroll on anchor clicks
enableAnimations: true, // Enable scroll animations
enableParallax: true // Enable mouse parallax effect
}
```

---

## 🎨 Personalizare

### Schimbarea culorilor

Editați configurația TailwindCSS în`index.html`:

```javascript
tailwind.config = {
theme: {
extend: {
colors: {
primary: "#4ade80", // Main green
"primary-dark": "#22c55e",
accent: "#fbbf24", // Gold accent
surface: "#1e293b",
dark: "#0f172a",
},
},
},
};
```

### Modificarea trecutului eroului

Înlocuiți `assets/img/hero.jpg`cu propria imagine.

### Schimbarea faviconului

Înlocuiți `assets/img/favicon.png`cu propria dvs. favicon.

---

## 📁 Structura fișierelor

```
CubicHome/
├── index.html # Main HTML file
├── README.md # This file
├── assets/
│ ├── css/
│ │ └── style.css # All custom styles
│ ├── js/
│ │ ├── config.js # Configuration file
│ │ └── main.js # Main JavaScript
│ └── img/
│ ├── hero.jpg # Hero background
│ └── favicon.png # Site favicon
```

---

## 🔧 Tehnologii utilizate

- **HTML5** - Marcaj semantic
- **TailwindCSS** – CSS bazat pe utilități (prin CDN)
- **Icoane Bootstrap** – Bibliotecă de icoane (prin CDN)
- **JavaScript pur** – Nu este necesar jQuery
- **API-ul mcstatus.io** – Starea serverului
- **mc-heads.net** - Avatare Minecraft
- **flagcdn.com** - Steaguri naționale
- **ipwho.is** - Geolocalizare IP

---

## 🛡️ Protecție antifurt

Șablonul include o protecție integrată împotriva copierii neautorizate:

| Caracteristică | Descriere |
| ------------------ | --------------------------------------------- |
| Detectarea DevTools | Înlocuiește conținutul paginii atunci când se deschide DevTools |
| Blocare clic dreapta | Dezactivează meniul contextual |
| Ctrl+U Bloc | Previne comanda rapidă „Vizualizare sursă” |
| Blocul F12 | Împiedică utilizarea comenzii rapide DevTools |
| Detectarea programului de depanare | Detectează întreruperea execuției JavaScript |

**Pentru a dezactiva această opțiune în timpul dezvoltării:**

```javascript
template: {
templateProtect: false; // Disable protection
}
```

---

## 📄 Licență și mențiuni

**Șablon realizat de:** illusion @ [CodeStrike.STORE](https://codestrike.store)

**Condiții de utilizare:**

- ✅ Se poate folosi pentru proiecte personale sau ale clienților
- ✅ Modificați și personalizați după cum este necesar
- ❌ Revânzarea sau redistribuirea șablonului
- ❌ Eliminarea mențiunilor de credit fără permisiune

---

## 🆘 Asistență

Pentru asistență, accesați [CodeStrike.STORE](https://codestrike.store) sau alăturați-vă comunității noastre de pe Discord.

---

**Realizat cu ❤️ de illusion @ CodeStrike.STORE**