Configuration

This showcases and explains the config.js file within the Loading Screen!

// Modern Loading Screen Configuration
const Config = {};

// ============================================
// BACKGROUND SETTINGS
// ============================================
Config.BackgroundSettings = {
    background_source: "video", // "video" or "image"
    background_video_path: "https://r2.fivemanage.com/4baLuhTMf2YpnXwmT7zX3/COMP(1).mp4",
    background_image_path: "", // Only used if background_source is "image"
    default_sound_volume: 30, // 0-100
}

// ============================================
// TITLE & BRANDING
// ============================================
Config.Title = {
    title: "YBN Development",
    subtitle: "Test Server",
    welcomeText: "WELCOME TO"
}

// ============================================
// MUSIC PLAYER SETTINGS
// ============================================
Config.MusicPlayer = {
    enabled: true, // Enable/disable music player
    autoplay: true, // Auto-play first song on load
    shuffle: false, // Shuffle songs
    defaultVolume: 30, // Default volume (0-100)
    switchVideoWithSong: true, // Automatically switch background video when song changes
    songs: [
        {
            title: "Midnight Drive",
            artist: "Synthwave Artist",
            cover: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop", // Dummy cover
            video: "https://r2.fivemanage.com/4baLuhTMf2YpnXwmT7zX3/COMP(1).mp4", // MP4 video with audio
            duration: 0 // Auto-detected, or set manually in seconds
        },
        {
            title: "Neon Nights",
            artist: "Electronic Vibes",
            cover: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=300&h=300&fit=crop", // Dummy cover
            video: "https://r2.fivemanage.com/4baLuhTMf2YpnXwmT7zX3/COMP(1).mp4", // MP4 video with audio
            duration: 0
        },
        {
            title: "City Lights",
            artist: "Urban Dreams",
            cover: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=300&h=300&fit=crop", // Dummy cover
            video: "https://r2.fivemanage.com/4baLuhTMf2YpnXwmT7zX3/COMP(1).mp4", // MP4 video with audio
            duration: 0
        },
        {
            title: "Retro Wave",
            artist: "80s Revival",
            cover: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop", // Dummy cover
            video: "https://r2.fivemanage.com/4baLuhTMf2YpnXwmT7zX3/COMP(1).mp4", // MP4 video with audio
            duration: 0
        },
        {
            title: "Digital Dreams",
            artist: "Cyber Sound",
            cover: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=300&h=300&fit=crop", // Dummy cover
            video: "https://r2.fivemanage.com/4baLuhTMf2YpnXwmT7zX3/COMP(1).mp4", // MP4 video with audio
            duration: 0
        }
    ]
}

// ============================================
// SOCIAL MEDIA LINKS
// ============================================
Config.SocialMedia = [
    {
        name: "Discord",
        icon: "fab fa-discord",
        url: "https://discord.gg/ybndev",
        color: "#5865F2",
        hoverColor: "#4752C4"
    },
    {
        name: "YouTube",
        icon: "fab fa-youtube",
        url: "https://youtube.com/@YBNDevelopment",
        color: "#FF0000",
        hoverColor: "#CC0000"
    },
    {
        name: "Twitter",
        icon: "fab fa-twitter",
        url: "https://twitter.com/yourlink",
        color: "#1DA1F2",
        hoverColor: "#1A91DA"
    },
    {
        name: "Instagram",
        icon: "fab fa-instagram",
        url: "https://instagram.com/yourlink",
        color: "#E4405F",
        hoverColor: "#C13584"
    },
    {
        name: "TikTok",
        icon: "fab fa-tiktok",
        url: "https://tiktok.com/@yourlink",
        color: "#000000",
        hoverColor: "#333333"
    }
]

// ============================================
// SERVER INFORMATION
// ============================================
Config.ServerInformation = {
    title: "SERVER INFORMATION",
    subtitle: "Learn more about our server",
    infos: [
        {
            info: "YBN Development is a group of young developers pathing their way into the Software (Gaming) Engineering community, we offer a lot of custom FiveM assets which can be found in this server!"
        },
        {
            info: "Join our community and experience the best roleplay server with custom scripts, vehicles, and features!"
        }
    ]
}

// ============================================
// SERVER RULES / TIPS
// ============================================
Config.ServerRules = {
    title: "SERVER TIPS",
    subtitle: "Helpful information for new players",
    rules: [
        {
            title: "TIP: 1",
            description: "Click K To Use The Player Menu!"
        },
        {
            title: "TIP: 2",
            description: "Any Questions, Feel Free To Make A Ticket!"
        },
        {
            title: "TIP: 3",
            description: "Everything Can Be Found In Here Before Purchasing"
        },
        {
            title: "TIP: 4",
            description: "Follow our Discord for updates and announcements!"
        }
    ]
}

// ============================================
// STAFF / TEAM MEMBERS
// ============================================
Config.Staff = {
    title: "PROJECT TEAM",
    subtitle: "Meet the developers",
    members: [
        {
            name: "Eazy",
            role: "Founder",
            avatar: "https://files.catbox.moe/11fjcq.png"
        },
        {
            name: "Cyvix",
            role: "Developer",
            avatar: "https://files.catbox.moe/zvya19.png"
        },
        {
            name: "R3",
            role: "Developer",
            avatar: "https://files.catbox.moe/zvya19.png"
        },
        {
            name: "Chrome",
            role: "Developer",
            avatar: "https://files.catbox.moe/zvya19.png"
        },
        {
            name: "Livened",
            role: "Developer",
            avatar: "https://files.catbox.moe/zvya19.png"
        },
        {
            name: "Busyness",
            role: "Developer",
            avatar: "https://files.catbox.moe/zvya19.png"
        }
    ]
}

// ============================================
// LOCALIZATION / TEXT
// ============================================
Config.Locales = {
    Welcome: "WELCOME TO",
    Sound: "Volume",
    Loading: "Loading in progress, please wait...",
    NowPlaying: "Now Playing",
    MusicPlayer: "Music Player",
    Play: "Play",
    Pause: "Pause",
    Next: "Next",
    Previous: "Previous",
    Shuffle: "Shuffle",
    Repeat: "Repeat"
}