<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>U2QUICKEY Z | United Touch S - Premium Zangersheide Stallion</title>
    
    <!-- SEO Metadata -->
    <meta name="description" content="U2QUICKEY Z (United Touch S x Global Express VDL). Premium Zangersheide showjumping stallion. AES Licensed, Excellent X-rays. Breeding in Estonia at Perila Stables.">
    <meta name="keywords" content="U2QUICKEY Z, United Touch S, showjumping stallion, breeding stallion, Zangersheide, Perila Stables, Kullo Kender, horse breeding Estonia, AES licensed, siitosori, hyppyhevonen, hobusekasvatus, sugutäkk, Perila Tallid">
    
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">

    <style>
        :root {
            --gold: #c5a059;
            --dark-brown: #2c1e14;
            --light-grey: #f9f9f9;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            line-height: 1.7;
            margin: 0;
            color: #333;
            background-color: #fff;
        }

        /* Language Toggle */
        .lang-nav {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background: rgba(255,255,255,0.95);
            padding: 5px;
            border-radius: 30px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            display: flex;
            gap: 2px;
        }

        .lang-nav button {
            background: none;
            border: none;
            padding: 8px 14px;
            cursor: pointer;
            font-weight: 700;
            border-radius: 25px;
            transition: 0.3s;
            color: #555;
            font-size: 0.75rem;
        }

        .lang-nav button.active {
            background: var(--gold);
            color: white;
        }

        /* Language visibility logic */
        [lang="fi"], [lang="et"] { display: none; }
        body.fi-mode [lang="en"], body.fi-mode [lang="et"] { display: none; }
        body.fi-mode [lang="fi"] { display: block; }
        body.et-mode [lang="en"], body.et-mode [lang="fi"] { display: none; }
        body.et-mode [lang="et"] { display: block; }

        /* Hero Image - No Cropping */
        .hero-container { width: 100%; background-color: #000; position: relative; }
        .hero-container img { width: 100%; height: auto; display: block; }
        .hero-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.85));
            color: white;
            text-align: center;
            padding: 50px 20px;
        }
        .hero-overlay h1 { font-size: clamp(2rem, 8vw, 5rem); margin: 0; font-weight: 700; }

        .container { max-width: 1100px; margin: auto; padding: 40px 20px; }
        h2 { font-size: 2.2rem; font-weight: 700; margin-bottom: 25px; }

        /* Pedigree Card */
        .pedigree-card {
            background: var(--light-grey);
            padding: 30px;
            border-radius: 15px;
            margin: 40px 0;
            text-align: center;
            border: 1px solid #eee;
        }
        .pedigree-link {
            display: inline-block;
            margin-top: 20px;
            color: var(--gold);
            text-decoration: none;
            font-weight: 700;
            border: 2px solid var(--gold);
            padding: 12px 30px;
            border-radius: 50px;
            transition: 0.3s;
        }
        .pedigree-link:hover { background: var(--gold); color: white; }

        /* Gallery */
        .gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 40px 0; }
        .gallery img { width: 100%; height: auto; border-radius: 10px; display: block; }

        /* Terms Box - Readability Fixes */
        .terms { 
            background: var(--dark-brown); 
            color: #ffffff; 
            padding: 50px; 
            border-radius: 15px; 
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        .terms h2 { color: var(--gold); border-bottom: 1px solid rgba(197, 160, 89, 0.3); padding-bottom: 15px; margin-top: 0; }
        .discount { 
            background: rgba(255, 255, 255, 0.1); 
            border-left: 4px solid var(--gold); 
            padding: 20px; 
            margin: 25px 0; 
            font-weight: 700;
        }

        /* Contact & Footer */
        .contact-info { text-align: center; padding: 60px 20px; }
        .contact-info a { color: var(--gold); text-decoration: none; font-size: 1.3rem; font-weight: 700; }
        footer { text-align: center; padding: 30px; background: #f8f8f8; font-size: 0.85rem; color: #777; }

        @media (max-width: 768px) {
            .gallery { grid-template-columns: 1fr; }
            .terms { padding: 30px 20px; }
        }
    </style>
</head>
<body>

    <nav class="lang-nav">
        <button id="enBtn" class="active" onclick="setLang('en')">EN</button>
        <button id="fiBtn" onclick="setLang('fi')">FI</button>
        <button id="etBtn" onclick="setLang('et')">ET</button>
    </nav>

    <div class="hero-container">
        <img src="horse2.jpg" alt="U2QUICKEY Z Standing">
        <div class="hero-overlay">
            <div lang="en">
                <h1>U2QUICKEY Z</h1>
                <p style="color: var(--gold); text-transform: uppercase; letter-spacing: 2px;">Power, Pedigree, and Performance</p>
            </div>
            <div lang="fi">
                <h1>U2QUICKEY Z</h1>
                <p style="color: var(--gold); text-transform: uppercase; letter-spacing: 2px;">Voimaa, Sukujuuria ja Suorituskykyä</p>
            </div>
            <div lang="et">
                <h1>U2QUICKEY Z</h1>
                <p style="color: var(--gold); text-transform: uppercase; letter-spacing: 2px;">Võimsus, Sugupuu ja Sooritusvõime</p>
            </div>
        </div>
    </div>

    <div class="container">
        <!-- Intro Text -->
        <div lang="en">
            <h2>Excellence in Motion</h2>
            <p>We are proud to present <strong>U2QUICKEY Z</strong> (ZANG, born 2020), a young stallion with an exceptional genetic foundation. Bred by E. & M.J. Sleutels (Keystud), he combines some of the most successful bloodlines in modern showjumping. U2QUICKEY Z offers a rare opportunity for breeders in the Nordic and Baltic regions to access the powerful genetics of the global showjumping sensation, United Touch S.</p>
            <p>U2QUICKEY Z is now partnered with Estonia’s top rider, <strong>KULLO KENDER</strong>. This collaboration ensures the stallion’s athletic potential is developed to the highest standard.</p>
        </div>
        <div lang="fi">
            <h2>Huipputason suorituskykyä</h2>
            <p>Meillä on ilo esitellä <strong>U2QUICKEY Z</strong> (ZANG, s. 2020), nuori ori, jolla on poikkeuksellinen geneettinen perimä. E. & M.J. Sleutelsin (Keystud) kasvattama ori yhdistää nykyaikaisen esteratsastuksen menestyneimmät verilinjat. U2QUICKEY Z tarjoaa Pohjoismaiden ja Baltian kasvattajille harvinaislaatuisen tilaisuuden hyödyntää maailmanlaajuisen sensaation, United Touch S:n, voimakasta perimää suoraan tällä alueella.</p>
            <p>Olemme innoissamme voidessamme kertoa, että orin ratsastajana toimii Viron huippuratsastaja <strong>KULLO KENDER</strong>.</p>
        </div>
        <div lang="et">
            <h2>U2QUICKEY Z – võimsus ja kvaliteet</h2>
            <p>Meil on au esitleda <strong>U2QUICKEY Z</strong>-i (ZANG, sündinud 2020), noort täkku, kellel on erakordne geneetiline pagas ja suurepärane hüppetehnika. E. & M.J. Sleutelsi (Keystud) poolt aretatud täkk ühendab endas kaasaegse takistussõidu tippliinid. U2QUICKEY Z pakub Põhjamaade ja Baltikumi aretajatele harukordset võimalust saada ligipääs maailmatasemel sensatsiooni United Touch S-i võimsale geneetikale.</p>
            <p>U2QUICKEY Z-i treenib ja temaga võistleb <strong>KULLO KENDER</strong>.</p>
        </div>

        <!-- Pedigree Card -->
        <div class="pedigree-card">
            <h2 lang="en">Pedigree & Health</h2>
            <h2 lang="fi">Suku ja Terveys</h2>
            <h2 lang="et">Sugupuu ja tervis</h2>
            
            <p style="font-size: 1.1rem;">
                <strong>Sire/Isä/Isa:</strong> UNITED TOUCH S <br>
                <strong>Dam/Emä/Ema:</strong> Celica (by GLOBAL EXPRESS VDL) <br>
                <strong>Licensing:</strong> AES Licensed ***
            </p>
            <p>Health: X-ray result <strong>"EXCELLENT" ★★★★</strong><br>
            <small>(4/4, Estonian Sporthorse Breeders Society)</small></p>

            <a href="https://www.horsetelex.com/horses/pedigree/2171865/u2quickey-z" target="_blank" class="pedigree-link">
                <span lang="en">Full Pedigree on Horsetelex</span>
                <span lang="fi">Täysi sukutaulu Horsetelexissä</span>
                <span lang="et">Vaata täielikku sugupuud Horsetelexis</span>
            </a>
        </div>

        <div class="gallery">
            <img src="horse1.jpg" alt="U2QUICKEY Z Photo">
            <img src="horse3.jpg" alt="U2QUICKEY Z Action">
        </div>

        <!-- Terms Box -->
        <div class="terms">
            <div lang="en">
                <h2>Breeding Terms</h2>
                <p><strong>Fresh Semen:</strong> Available at Perila Stables. €200 + VAT (visit fee) + €750 + VAT (upon successful pregnancy).</p>
                <p><strong>Frozen Semen:</strong> €800 + VAT per straw (plus shipping).</p>
                <div class="discount">⭐ SPECIAL OFFER: 25% DISCOUNT for mares with documented results of 1.25m+ on Horsetelex.</div>
                <p><strong>Location:</strong> Estonia, Perila Stables (40 min from Tallink Ferry Terminal).</p>
            </div>
            <div lang="fi">
                <h2>Jalostusehdot</h2>
                <p><strong>Tuoresperma:</strong> Saatavilla Perilan talleilla. 200 € + alv (siemennys) + 750 € + alv (kantavuusmaksu).</p>
                <p><strong>Pakastesperma:</strong> 800 € + alv / olki (lisäksi toimituskulut).</p>
                <div class="discount">⭐ ERITYISTARJOUS: 25 % ALENNUS tammoille, joilla on tuloksia vähintään 1.25 m tasolta.</div>
                <p><strong>Sijainti:</strong> Viro, Perila Tallid (alle 40 min Tallink-terminaalista).</p>
            </div>
            <div lang="et">
                <h2>Paaritustingimused</h2>
                <p><strong>Värske sperma:</strong> Saadaval Perila Tallides. 200 € + KM (visiiditasu) + 750 € + KM (tiinestumisel).</p>
                <p><strong>Külmutatud sperma:</strong> 800 € + KM / kõrs (lisandub transport).</p>
                <div class="discount">⭐ PAKKUMINE: 25% SOODUSTUS märadele, kellel on Horsetelexis tulemus 1.25m või kõrgem.</div>
                <p><strong>Asukoht:</strong> Eesti, Perila Tallid (40 min Tallink terminalist).</p>
            </div>
        </div>

        <div class="contact-info">
            <h2 lang="en">Contact</h2>
            <h2 lang="fi">Yhteystiedot</h2>
            <h2 lang="et">Kontakt</h2>
            <p><strong>Kaupo Karelson</strong><br>
            <a href="tel:+3725019743">+372 5019743</a><br>
            <a href="mailto:info@u2quickey.com">info@u2quickey.com</a></p>
        </div>
    </div>

    <footer>
        <p>&copy; 2026 OÜ Producer. All Rights Reserved.</p>
    </footer>

    <script>
        function setLang(lang) {
            document.body.classList.remove('fi-mode', 'et-mode');
            document.querySelectorAll('.lang-nav button').forEach(b => b.classList.remove('active'));
            
            if (lang === 'fi') {
                document.body.classList.add('fi-mode');
                document.getElementById('fiBtn').classList.add('active');
            } else if (lang === 'et') {
                document.body.classList.add('et-mode');
                document.getElementById('etBtn').classList.add('active');
            } else {
                document.getElementById('enBtn').classList.add('active');
            }
        }
    </script>
</body>
</html>