CubicHome

Introduction

CubicHome is a premium, modern landing page template designed specifically for Minecraft servers. It features a clean, professional design with live server status, smooth animations, and built-in protection against unauthorized copying.

Installation

Getting started with CubicHome is simple. Follow these steps:

File Structure

CubicHome/
├── index.html              # Main landing page
├── docs.html               # This documentation
├── README.md               # Quick reference
├── 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

Template Branding

Customize the template branding in config.js:

template: {
    name: "YourBrand",           // Brand name (navbar, footer)
    year: "2025",               // Copyright year
    copyright: "© {year} {name}", // Copyright text
    templateProtect: true       // Enable/disable protection
}

Server Settings

Configure your Minecraft server details:

server: {
    name: "Your Server Name",    // Display name
    ip: "play.yourserver.com",   // Server IP
    port: 25565,                // Server port
    isBedrock: false            // true for Bedrock
    // Location is auto-detected from IP!
}

Quick Links

Configure the hero section buttons:

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://vote-site.com/yourserver"
    }
}

Staff Team

Add your staff members. Avatars are fetched automatically from Minecraft usernames:

staff: [
    {
        username: "Notch",        // Minecraft username
        role: "Owner",           // Their role
        color: "amber"           // amber, red, blue, green, purple
    },
    {
        username: "jeb_",
        role: "Admin",
        color: "red"
    }
]

Features Section

Customize the "Why Choose Us" feature cards:

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
]

Browse icons at icons.getbootstrap.com

Theme Settings

theme: {
    enableSmoothScroll: true,  // Smooth anchor scrolling
    enableAnimations: true,   // Scroll animations
    enableParallax: true      // Mouse parallax effect
}

Customizing Colors

Change the color scheme in index.html (TailwindCSS config):

colors: {
    primary: '#4ade80',       // Main green
    'primary-dark': '#22c55e',
    accent: '#fbbf24',        // Gold accent
    surface: '#1e293b',       // Card background
    dark: '#0f172a'           // Page background
}

Changing Images

Anti-Theft Protection

The template includes built-in protection against unauthorized copying:

Credits & License

Get Support

Need help? We're here for you!