<!DOCTYPE html>
<html lang="de">
<head>
<link rel="sitemap" type="application/xml" title="Sitemap" href="sitemap.xml">
<meta name="google-site-verification" content="DpQ6kGvRDKbeYOrpEuGnWrKwGOZ5WqVoMXJuvO4Ce4A" />
<meta name="title" content="HugoSMP Market – Buy HugoSMP Money & Items">
<meta name="description" content="Buy HugoSMP Money or Items with fast delivery via auction/order. Secure payments & 24/7 support.">
<meta name="keywords" content="HugoSMP, HugoSMP Shop, HugoSMP Market, hugosmp, hugosmp shop, hugosmp market, hugomarket">
<meta name="author" content="HugoSMP Market">
<meta name="theme-color" content="#8b5db0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="icon" href="icon.png">
<title>HugoSMP Market</title>
<link rel="stylesheet" href="style.css">
</head>

<body>

<div id="loader">
    <div class="loader-bg-glow"></div> <!-- Hintergrund-Leuchten -->
    <div class="loader-content">
        <div class="loader-visual">
            <img src="icon.png" alt="Logo" class="loader-img">
            <div class="loader-ring"></div> <!-- Rotierender Ring -->
        </div>
        <div class="loader-logo">HugoSMP Market</div>
        <div class="loader-bar">
            <div class="loader-progress"></div>
        </div>
    </div>
</div>

<nav>
    <!-- Links: Das Logo -->
    <div class="logo">HugoSMP Market</div>

    <!-- Rechts: Menü-Links + Sprachumschalter -->
    <div class="nav-right">
        <div class="nav-links">
            <a href="preise.html" data-translate="nav_prices">Preise</a>
            <a href="https://discord.com/invite/9Ww2W9JBrC" target="_blank">Discord</a>
        </div>
        
        <div class="lang-switch">
            <span onclick="setLanguage('de')" id="btn-de" class="active">DE</span>
            <span>|</span>
            <span onclick="setLanguage('en')" id="btn-en">EN</span>
        </div>
    </div>
</nav>


<section class="hero">
    <img src="Banner.png" alt="Hintergrundbild" class="hero-bg-image">
    <div class="hero-overlay"></div>

    <div class="hero-content">
        <!-- LINKER TEXT -->
        <div class="hero-text-left">
            <h1>Elevate Your HugoSMP Game</h1>
            <p>Experience the most premium marketplace for HugoSMP. Fast, secure, and built for players who don't settle for average. Join thousands of satisfied customers today.</p>
            <a href="https://discord.com/invite/9Ww2W9JBrC" target="_blank" class="btn">Access the Market</a>
        </div>

        <!-- RECHTES LUXUS ELEMENT -->
        <div class="hero-visual-right">
            <div class="luxury-badge">
                <span style="font-size: 60px;">💎</span>
                <p style="font-family:'Orbitron'; font-weight:bold; margin-top:10px;">#1 Marketplace</p>
                <p style="font-size: 12px; color: var(--primary-bright);">for HugoSMP Money and Items</p>
            </div>
        </div>
    </div>
</section>

<section class="how-section">
<div class="how-title">
<h2>How HugoSMP Market Works</h2>
<p>Buying Money is simple, fast and secure!</p>
</div>

<div class="how-grid">
<div class="how-card">
<div class="how-icon">🎫</div>
<h3>Open a Ticket</h3>
<p>Join our Discord server and open a purchase ticket. Our team will guide you through the order process.</p>
</div>

<div class="how-card">
<div class="how-icon">💳</div>
<h3>Complete Payment</h3>
<p>We currently accept payments via PayPal or Paysafecard. A staff member will provide the payment details inside your ticket.</p>
</div>

<div class="how-card">
<div class="how-icon">📦</div>
<h3>Receive Your Items</h3>
<p>After payment confirmation, the delivery is handled through the in-game auction house, providing a safe, reliable, and seamless transaction process.</p>
</div>

<div class="how-card">
<div class="how-icon">⚡</div>
<h3>Fast Delivery</h3>
<p>Most deliveries take only 5–10 minutes. Our team ensures a smooth and safe transaction.</p>
</div>
</div>
</section>

<section class="reviews-section">
<div class="reviews-title">
<h2>Customer Reviews</h2>
<p>Trusted by HugoSMP players</p>
</div>

<div class="reviews-grid">
<div class="review-card"><div class="stars">★★★★</div><p>Got my Money in less than 10 minutes. Fast delivery and very smooth trade, love it!</p><span>xPetroo</span></div>
<div class="review-card"><div class="stars">★★★★★</div><p>Best HugoSMP market I've used so far. Prices are better than other shops.</p><span>keinllooo</span></div>
<div class="review-card"><div class="stars">★★★★</div><p>Legit seller. Opened a ticket and received my order very fast.</p><span>Strozzi</span></div>
<div class="review-card"><div class="stars">★★★★★</div><p>Very professional service. Delivery was quick and safe.</p><span>!Nexo1kk</span></div>
<div class="review-card"><div class="stars">★★★★★</div><p>Ordered 500k coins and got them within minutes. Highly recommended.</p><span>_Sunroxx_</span></div>
<div class="review-card"><div class="stars">★★★★★</div><p>Ich würde nochmal kaufen, ging schnell und ist günstig</p><span>yomax_2011</span></div>
</div>
</section>

<section class="stats-section">
<div class="stats-grid">
<div class="stat-card"><h3 class="stat-number" data-target="160">0</h3><p>Orders Delivered</p></div>
<div class="stat-card"><h3 class="stat-number" data-target="139">0</h3><p>Happy Customers</p></div>
<div class="stat-card"><h3 class="stat-number" data-target="4">0</h3><p>Average Rating</p></div>
<div class="stat-card"><h3 class="stat-number" data-target="24">0</h3><p>Support Hours</p></div>
</div>
</section>

<!-- FAQ SECTION -->
<section class="faq-section">
    <div class="faq-title">
        <h2>Quick FAQ</h2>
        <p>Everything you need to know to dominate HugoSMP ⚡</p>
    </div>

    <div class="faq-grid">
        <div class="faq-item" onclick="toggle(this)">
            <div class="faq-question">🏪 What is HugoSMP Market?</div>
            <div class="faq-answer">
                Your shortcut to the top. We’re an independent marketplace built by pro players. Stop the endless grind and get the gear you need to actually enjoy the game. Simple, fast, and reliable.
            </div>
        </div>

        <div class="faq-item" onclick="toggle(this)">
            <div class="faq-question">🛒 What’s in stock?</div>
            <div class="faq-answer">
                Right now, we specialize in massive **Hugo-Coin packages**. Whether you're building a base or trading for god-tier gear, our coins get you there instantly. Stay tuned for rare item drops!
            </div>
        </div>

        <div class="faq-item" onclick="toggle(this)">
            <div class="faq-question">🎫 How do I buy?</div>
            <div class="faq-answer">
                It’s easy: Jump into our **Discord**, open a ticket, and tell us what you need. Our team handles the rest. No bots, no stress – just real support.
            </div>
        </div>

        <div class="faq-item" onclick="toggle(this)">
            <div class="faq-question">📦 How is it delivered?</div>
            <div class="faq-answer">
                The delivery is handled through the in-game auction house, providing a safe, reliable, and seamless transaction process.
            </div>
        </div>

        <div class="faq-item" onclick="toggle(this)">
            <div class="faq-question">⏱️ How long does it take?</div>
            <div class="faq-answer">
                We value your time. Most orders are delivered within **5–10 minutes**. We’re built for speed so you can get back to playing.
            </div>
        </div>

        <div class="faq-item" onclick="toggle(this)">
            <div class="faq-question">💲 Why a minimum order?</div>
            <div class="faq-answer">
                To keep fees low and delivery speeds high. A small minimum ensures every transaction is worth the effort for both sides, keeping the market healthy and fast for everyone.
            </div>
        </div>
    </div>
</section>


<footer class="footer">

    <div class="footer-container">
        <div class="footer-col brand">
            <h3>HUGOSMP MARKET</h3>
            <p>
                The #1 HugoSMP marketplace. Fast, secure and optimized for smooth in-game delivery via the auction house.
            </p>
        </div>
    </div>

    <div class="footer-payments">
        <p class="payment-title">SECURE PAYMENTS VIA TRUSTED METHODS</p>

        <div class="payment-icons">
        <div class="pay-card">
            <img src="https://upload.wikimedia.org/wikipedia/commons/b/b5/PayPal.svg" alt="PayPal">
        </div>

            <div class="pay-card">
                <img src="https://upload.wikimedia.org/wikipedia/commons/b/b1/PaysafeCard_Logo_2024.svg" alt="Paysafecard">
            </div>
        </div>
    </div>

    <!-- BOTTOM -->
    <div class="footer-bottom">
        <p>Copyright © Hugo Market 2026</p>
        <p><span class="highlight">The #1 HugoSMP Store</span> • 2026 Hugo Market. All rights reserved.</p>
        <p class="disclaimer">Not affiliated with Mojang Studios or Microsoft.</p>
    </div>

</footer>


<script>
// 1. FAQ Toggle
function toggle(el) {
    el.classList.toggle('open');
}

// 2. Scroll-Animationen (Einfliegen)
const observer = new IntersectionObserver(entries => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            entry.target.classList.add('active');
            if (entry.target.classList.contains('stat-number')) {
                startCount(entry.target);
            }
        }
    });
}, { threshold: 0.1 });

// Klassen für Animationen registrieren
document.querySelectorAll('.info-box,  .review-card').forEach(el => {
    el.classList.add('reveal');
    observer.observe(el);
});

// 3. Zahlen-Counter
function startCount(el) {
    const target = +el.getAttribute('data-target');
    let current = 0;
    const step = target / 50;
    const update = () => {
        if (current < target) {
            current += Math.ceil(step);
            el.innerText = Math.min(current, target);
            setTimeout(update, 30);
        } else {
            el.innerText = target + (target > 5 ? "+" : "");
        }
    };
    update();
}

const counterObserver = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            startCount(entry.target);
            // Hier auch den neuen Namen nutzen!
            counterObserver.unobserve(entry.target); 
        }
    });
}, { threshold: 0.1 });

document.querySelectorAll('.stat-number').forEach(s => {
    counterObserver.observe(s);
});

// 4. Übersetzer
const translations = {
    de: {
        nav_prices: "Preise",
        hero_h1: "Verbessere dein HugoSMP Spiel",
        hero_p: "Erlebe den exklusivsten Marktplatz für HugoSMP. Schnell, sicher und gebaut für Spieler, die keine Kompromisse machen. Schließe dich heute tausenden zufriedenen Kunden an.",
        hero_btn: "Zum Marktplatz",
        easter_coupon: "Nummer 1 Market",
        how_h2: "Wie HugoSMP Market funktioniert",
        how_p: "Geld kaufen ist einfach, schnell und sicher!",
        how_cards: [
            {h3: "Ticket öffnen", p: "Tritt unserem Discord bei und öffne ein Ticket. Unser Team führt dich durch den Kauf."},
            {h3: "Zahlung abschließen", p: "Wir akzeptieren PayPal oder Paysafecard. Ein Mitarbeiter gibt dir die Details im Ticket."},
            {h3: "Items erhalten", p: "Nach der Zahlung erfolgt die Lieferung sicher über das In-Game Auktionshaus."},
            {h3: "Schnelle Lieferung", p: "Die meisten Lieferungen dauern nur 5–10 Minuten. Wir garantieren einen reibungslosen Ablauf."}
        ],
        reviews_h2: "Kundenbewertungen",
        reviews_p: "Von HugoSMP-Spielern geschätzt",
        reviews_texts: [
            "Habe mein Geld in weniger als 10 Minuten erhalten. Schnelle Lieferung und sehr reibungsloser Handel!",
            "Bester HugoSMP Markt, den ich bisher genutzt habe. Die Preise sind besser als in anderen Shops.",
            "Legitimer Verkäufer. Ticket geöffnet und Bestellung sehr schnell erhalten.",
            "Sehr professioneller Service. Die Lieferung war schnell und sicher.",
            "500k Coins bestellt und innerhalb von Minuten erhalten. Sehr empfehlenswert.",
            "Ich würde nochmal kaufen, ging schnell und ist günstig"
        ],
        stats_labels: ["Bestellungen geliefert", "Glückliche Kunden", "Bewertung", "Support Stunden"],
        faq_h2: "Kurzes FAQ",
        faq_p: "Alles, was du wissen musst, um HugoSMP zu dominieren",
        faq_items: [
            {q: "🏪 Was ist HugoSMP Market?", a: "Deine Abkürzung an die Spitze. Wir sind ein unabhängiger Marktplatz von Profis."},
            {q: "🛒 Was ist auf Lager?", a: "Aktuell spezialisieren wir uns auf massive **Hugo-Coin Pakete**."},
            {q: "🎫 Wie kaufe ich ein?", a: "Ganz einfach: Komm in unser **Discord**, öffne ein Ticket und sag uns, was du brauchst."},
            {q: "📦 Wie wird geliefert?", a: "Die Lieferung erfolgt sicher über das In-Game Auktionshaus oder Order."},
            {q: "⏱️ Wie lange dauert es?", a: "Wir schätzen deine Zeit. Die meisten Bestellungen sind in **5–10 Minuten** fertig."},
            {q: "💲 Warum ein Mindestbestellwert?", a: "Um Gebühren niedrig und Lieferzeiten kurz zu halten."}
        ],
        footer_p: "Der #1 HugoSMP Marktplatz. Schnell, sicher und optimiert für In-Game Lieferung.",
        footer_secure: "SICHERE ZAHLUNG ÜBER VERTRAUENSWÜRDIGE METHODEN",
        footer_disclaimer: "Nicht mit Mojang Studios oder Microsoft verbunden."
    },
    en: {
        nav_home: "Prices",
        hero_h1: "Elevate Your HugoSMP Game",
        hero_p: "Experience the most premium marketplace for HugoSMP. Fast, secure, and built for players who don't settle for average.",
        hero_btn: "Access the Market",
        easter_coupon: "Number 1 Market",
        how_h2: "How HugoSMP Market Works",
        how_p: "Buying Money is simple, fast and secure!",
        how_cards: [
            {h3: "Open a Ticket", p: "Join our Discord server and open a purchase ticket."},
            {h3: "Complete Payment", p: "We currently accept payments via PayPal or Paysafecard."},
            {h3: "Receive Your Items", p: "After payment confirmation, delivery is via auction house or order."},
            {h3: "Fast Delivery", p: "Most deliveries take only 5–10 minutes. Smooth and safe."}
        ],
        reviews_h2: "Customer Reviews",
        reviews_p: "Trusted by HugoSMP players",
        reviews_texts: [
            "Got my Money in less than 10 minutes. Fast delivery and very smooth trade, love it!",
            "Best HugoSMP market I've used so far. Prices are better than other shops.",
            "Legit seller. Opened a ticket and received my order very fast.",
            "Very professional service. Delivery was quick and safe.",
            "Ordered 500k coins and got them within minutes. Highly recommended.",
            "I would buy again, it was fast and cheap"
        ],
        stats_labels: ["Orders Delivered", "Happy Customers", "Average Rating", "Support Hours"],
        faq_h2: "Quick FAQ",
        faq_p: "Everything you need to know to dominate HugoSMP",
        faq_items: [
            {q: "🏪 What is HugoSMP Market?", a: "Your shortcut to the top. Independent marketplace built by pro players."},
            {q: "🛒 What’s in stock?", a: "Right now, we specialize in massive **Hugo-Coin packages**."},
            {q: "🎫 How do I buy?", a: "It’s easy: Jump into our **Discord**, open a ticket."},
            {q: "📦 How is it delivered?", a: "The delivery is handled through the in-game auction house."},
            {q: "⏱️ How long does it take?", a: "We value your time. Most orders take **5–10 minutes**."},
            {q: "💲 Why a minimum order?", a: "To keep fees low and delivery speeds high."}
        ],
        footer_p: "The #1 HugoSMP marketplace. Fast, secure and optimized for smooth delivery.",
        footer_secure: "SECURE PAYMENTS VIA TRUSTED METHODS",
        footer_disclaimer: "Not affiliated with Mojang Studios or Microsoft."
    }
};

function setLanguage(lang) {
    document.getElementById('btn-de').classList.toggle('active', lang === 'de');
    document.getElementById('btn-en').classList.toggle('active', lang === 'en');

    document.querySelector('nav a[href="#"]').innerText = translations[lang].nav_home;
    document.querySelector('.hero-text-left h1').innerText = translations[lang].hero_h1;
    document.querySelector('.hero-text-left p').innerText = translations[lang].hero_p;
    document.querySelector('.btn').innerText = translations[lang].hero_btn;
    document.querySelector('.luxury-badge p').innerText = translations[lang].easter_coupon;

    document.querySelector('.how-title h2').innerText = translations[lang].how_h2;
    document.querySelector('.how-title p').innerText = translations[lang].how_p;
    document.querySelectorAll('.how-card').forEach((card, i) => {
        card.querySelector('h3').innerText = translations[lang].how_cards[i].h3;
        card.querySelector('p').innerText = translations[lang].how_cards[i].p;
    });

    document.querySelector('.reviews-title h2').innerText = translations[lang].reviews_h2;
    document.querySelector('.reviews-title p').innerText = translations[lang].reviews_p;
    document.querySelectorAll('.review-card p').forEach((p, i) => {
        p.innerText = translations[lang].reviews_texts[i];
    });

    document.querySelectorAll('.stat-card p').forEach((p, i) => {
        p.innerText = translations[lang].stats_labels[i];
    });

    document.querySelector('.faq-title h2').innerText = translations[lang].faq_h2;
    document.querySelector('.faq-title p').innerText = translations[lang].faq_p;
    document.querySelectorAll('.faq-item').forEach((item, i) => {
        item.querySelector('.faq-question').innerText = translations[lang].faq_items[i].q;
        item.querySelector('.faq-answer').innerText = translations[lang].faq_items[i].a;
    });

    document.querySelector('.footer-col p').innerText = translations[lang].footer_p;
    document.querySelector('.payment-title').innerText = translations[lang].footer_secure;
    document.querySelector('.disclaimer').innerText = translations[lang].footer_disclaimer;
}

// Dieser Befehl führt die Übersetzung sofort beim Laden der Seite aus
window.addEventListener('DOMContentLoaded', () => {
    setLanguage('de'); 
});


window.addEventListener('load', () => {
    setTimeout(() => {
        document.getElementById('loader').classList.add('fade-out');
    }, 1200); // 1 Sekunde für den Premium-Vibe
});
</script>

</body>
</html>