<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jojobet Giriş 2026 | Anında Erişim, Sınırsız Kazanç Fırsatı!</title>
    <meta name="description" content="Jojobet giriş adresi ile anında erişim sağla! 2026'ün en yüksek oranları, özel bonuslar ve 7/24 kesintisiz oyun deneyimi seni bekliyor. Hemen üye ol!">
    <meta name="keywords" content="jojobet, jojobet giriş, jojobet güncel adres, jojobet 2026, jojobet bonus, jojobet üyelik">
    <meta name="robots" content="index, follow">
    <meta name="author" content="Jojobet">
    <meta name="language" content="Turkish">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://swtestcenter.com/">
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="favicon.png">
    <link rel="apple-touch-icon" href="favicon.png">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://m.jojobetr.cn.com/">
    <meta property="og:title" content="Jojobet Giriş 2026 | Anında Erişim, Sınırsız Kazanç Fırsatı!">
    <meta property="og:description" content="Jojobet giriş ile 2026'ün en iyi bahis deneyimi. Yüksek oranlar, özel bonuslar ve anında ödeme garantisi!">
    <meta property="og:image" content="https://m.jojobetr.cn.com/og-image.jpg">
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://m.jojobetr.cn.com/">
    <meta property="twitter:title" content="Jojobet Giriş 2026 | Anında Erişim, Sınırsız Kazanç Fırsatı!">
    <meta property="twitter:description" content="Jojobet giriş ile 2026'ün en iyi bahis deneyimi. Yüksek oranlar, özel bonuslar ve anında ödeme garantisi!">
    <meta property="twitter:image" content="https://m.jojobetr.cn.com/twitter-image.jpg">
    
    <!-- Hreflang Tags -->
    <link rel="alternate" hreflang="tr" href="https://m.jojobetr.cn.com/">
    <link rel="alternate" hreflang="en" href="https://m.jojobetr.cn.com/">
    <link rel="alternate" hreflang="de" href="https://m.jojobetr.cn.com/">
    <link rel="alternate" hreflang="fr" href="https://m.jojobetr.cn.com/">
    <link rel="alternate" hreflang="x-default" href="https://m.jojobetr.cn.com/">
    
    <!-- Schema.org Markup -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Jojobet",
        "url": "https://www.jojobet.com",
        "logo": "https://m.jojobetr.cn.com/logo.png",
        "description": "Jojobet giriş adresi ile güvenilir online bahis ve casino platformu",
        "foundingDate": "2015",
        "address": {
            "@type": "PostalAddress",
            "addressCountry": "TR"
        },
        "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "Customer Support",
            "availableLanguage": ["Turkish", "English"]
        }
    }
    </script>
    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Jojobet",
        "url": "https://www.jojobet.com",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "https://m.jojobetr.cn.com/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>
    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {
                "@type": "Question",
                "name": "Jojobet giriş adresi nedir?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Jojobet giriş adresi sürekli güncellenmektedir. En son adres için resmi sitemizi takip edin."
                }
            },
            {
                "@type": "Question",
                "name": "Jojobet güvenilir mi?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Evet, Jojobet lisanslı ve güvenilir bir bahis platformudur."
                }
            }
        ]
    }
    </script>
    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "Jojobet Mobile App",
        "applicationCategory": "GameApplication",
        "operatingSystem": "iOS, Android",
        "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "TRY"
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.8",
            "ratingCount": "15000"
        }
    }
    </script>
    
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: Arial, sans-serif;
            background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
            color: #ffffff;
            line-height: 1.6;
            overflow-x: hidden;
        }
        
        /* Header Styles */
        header {
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(15px);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            padding: 15px 0;
            transition: all 0.4s ease;
            border-bottom: 1px solid rgba(255, 215, 0, 0.1);
        }
        
        header.scrolled {
            background: rgba(0, 0, 0, 0.98);
            box-shadow: 0 5px 40px rgba(255, 215, 0, 0.2);
        }
        
        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
        }
        
        .logo {
            font-size: 2.2rem;
            font-weight: 900;
            background: linear-gradient(45deg, #ffd700, #ff6b35, #f7931e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: neonGlow 2s ease-in-out infinite alternate;
            letter-spacing: 2px;
            text-transform: uppercase;
        }
        
        @keyframes neonGlow {
            from { filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.6)); }
            to { filter: drop-shadow(0 0 25px rgba(255, 107, 53, 0.9)); }
        }
        
        nav ul {
            list-style: none;
            display: flex;
            gap: 35px;
        }
        
        nav a {
            color: #ffffff;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
            position: relative;
            font-size: 0.95rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        nav a::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 0;
            height: 3px;
            background: linear-gradient(45deg, #ffd700, #ff6b35);
            transition: width 0.3s ease;
            border-radius: 2px;
        }
        
        nav a:hover {
            color: #ffd700;
        }
        
        nav a:hover::after {
            width: 100%;
        }
        
        .header-buttons {
            display: flex;
            gap: 15px;
        }
        
        .btn {
            padding: 14px 35px;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            font-weight: 700;
            transition: all 0.4s ease;
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.9rem;
        }
        
        .btn-primary {
            background: linear-gradient(45deg, #ff6b35, #f7931e, #ffd700);
            color: #0f0c29;
            box-shadow: 0 5px 20px rgba(255, 107, 53, 0.4);
        }
        
        .btn-secondary {
            background: transparent;
            border: 2px solid #ffd700;
            color: #ffd700;
        }
        
        .btn:hover {
            transform: translateY(-4px) scale(1.05);
            box-shadow: 0 15px 35px rgba(255, 215, 0, 0.5);
        }
        
        .btn-primary:hover {
            background: linear-gradient(45deg, #ffd700, #f7931e, #ff6b35);
        }
        
        /* Hero Section */
        .hero {
            margin-top: 80px;
            padding: 120px 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
            background: radial-gradient(ellipse at center, rgba(255,215,0,0.15) 0%, transparent 70%);
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,107,53,0.1) 0%, transparent 60%);
            animation: rotate 25s linear infinite;
        }
        
        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        
        .hero-content {
            position: relative;
            z-index: 1;
            max-width: 900px;
            margin: 0 auto;
        }
        
        .hero-badge {
            display: inline-block;
            background: linear-gradient(45deg, #ff6b35, #ffd700);
            color: #0f0c29;
            padding: 10px 25px;
            border-radius: 25px;
            font-weight: 700;
            margin-bottom: 25px;
            animation: pulse 2s infinite;
            font-size: 0.9rem;
        }
        
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        
        .hero h1 {
            font-size: 3.8rem;
            margin-bottom: 25px;
            animation: fadeInUp 1s ease;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            line-height: 1.2;
        }
        
        .hero h1 span {
            color: #ffd700;
            display: block;
            font-size: 2.5rem;
            margin-top: 10px;
        }
        
        .hero p {
            font-size: 1.4rem;
            margin-bottom: 40px;
            opacity: 0.95;
            animation: fadeInUp 1s ease 0.2s both;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .hero-buttons {
            display: flex;
            gap: 25px;
            justify-content: center;
            flex-wrap: wrap;
            animation: fadeInUp 1s ease 0.4s both;
        }
        
        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 60px;
            margin-top: 60px;
            animation: fadeInUp 1s ease 0.6s both;
        }
        
        .stat-item {
            text-align: center;
        }
        
        .stat-number {
            font-size: 2.5rem;
            font-weight: 900;
            color: #ffd700;
            display: block;
        }
        
        .stat-label {
            font-size: 0.9rem;
            opacity: 0.8;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        /* Features Section */
        .features {
            padding: 100px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .section-title {
            text-align: center;
            font-size: 2.8rem;
            margin-bottom: 60px;
            position: relative;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        
        .section-title::after {
            content: '';
            display: block;
            width: 120px;
            height: 4px;
            background: linear-gradient(45deg, #ff6b35, #ffd700);
            margin: 20px auto;
            border-radius: 2px;
        }
        
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 35px;
        }
        
        .feature-card {
            background: rgba(255, 255, 255, 0.03);
            padding: 45px 35px;
            border-radius: 25px;
            text-align: center;
            transition: all 0.4s ease;
            border: 1px solid rgba(255, 215, 0, 0.1);
            position: relative;
            overflow: hidden;
        }
        
        .feature-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,215,0,0.1), transparent);
            transition: left 0.5s ease;
        }
        
        .feature-card:hover::before {
            left: 100%;
        }
        
        .feature-card:hover {
            transform: translateY(-15px);
            background: rgba(255, 255, 255, 0.08);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
            border-color: rgba(255, 215, 0, 0.3);
        }
        
        .feature-icon {
            font-size: 3.5rem;
            margin-bottom: 25px;
            display: inline-block;
            animation: bounce 2s infinite;
        }
        
        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        
        .feature-card h3 {
            font-size: 1.6rem;
            margin-bottom: 18px;
            color: #ffd700;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .feature-card p {
            font-size: 1.05rem;
            opacity: 0.9;
            line-height: 1.7;
        }
        
        /* Content Section */
        .content-section {
            padding: 100px 20px;
            max-width: 1200px;
            margin: 0 auto;
            background: rgba(0, 0, 0, 0.25);
            border-radius: 30px;
            margin-top: 50px;
            margin-bottom: 50px;
        }
        
        .content-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }
        
        .content-text h2 {
            font-size: 2.8rem;
            margin-bottom: 25px;
            color: #ffd700;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .content-text p {
            margin-bottom: 22px;
            font-size: 1.15rem;
            line-height: 1.9;
            opacity: 0.95;
        }
        
        .content-image {
            position: relative;
            overflow: hidden;
            border-radius: 25px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
        }
        
        .content-image img {
            width: 100%;
            height: auto;
            border-radius: 25px;
            transition: transform 0.6s ease;
        }
        
        .content-image:hover img {
            transform: scale(1.08);
        }
        
        /* FAQ Section */
        .faq-section {
            padding: 100px 20px;
            max-width: 1000px;
            margin: 0 auto;
        }
        
        .faq-container {
            margin-top: 50px;
        }
        
        .faq-item {
            background: rgba(255, 255, 255, 0.03);
            margin-bottom: 25px;
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid rgba(255, 215, 0, 0.15);
            transition: all 0.4s ease;
        }
        
        .faq-item:hover {
            border-color: rgba(255, 107, 53, 0.5);
            transform: translateX(5px);
        }
        
        .faq-question {
            padding: 30px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 700;
            font-size: 1.2rem;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.02);
        }
        
        .faq-question:hover {
            background: rgba(255, 215, 0, 0.05);
            color: #ffd700;
        }
        
        .faq-answer {
            padding: 0 30px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s ease;
            font-size: 1.1rem;
            line-height: 1.8;
        }
        
        .faq-item.active .faq-answer {
            padding: 0 30px 30px;
            max-height: 500px;
        }
        
        .faq-toggle {
            font-size: 2rem;
            transition: transform 0.4s ease;
            color: #ff6b35;
            font-weight: 300;
        }
        
        .faq-item.active .faq-toggle {
            transform: rotate(45deg);
        }
        
        /* Reviews Section */
        .reviews-section {
            padding: 100px 20px;
            background: rgba(0, 0, 0, 0.3);
        }
        
        .reviews-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .reviews-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 35px;
            margin-top: 60px;
        }
        
        .review-card {
            background: rgba(255, 255, 255, 0.03);
            padding: 40px;
            border-radius: 25px;
            border: 1px solid rgba(255, 215, 0, 0.1);
            transition: all 0.4s ease;
            position: relative;
        }
        
        .review-card::after {
            content: '"';
            position: absolute;
            top: 20px;
            right: 30px;
            font-size: 5rem;
            color: rgba(255, 215, 0, 0.1);
            font-family: serif;
            line-height: 1;
        }
        
        .review-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
            border-color: rgba(255, 215, 0, 0.3);
        }
        
        .review-header {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }
        
        .review-avatar {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: linear-gradient(45deg, #ff6b35, #ffd700);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            font-weight: 900;
            margin-right: 20px;
            color: #0f0c29;
        }
        
        .review-info h4 {
            color: #ffd700;
            margin-bottom: 8px;
            font-size: 1.3rem;
        }
        
        .review-rating {
            color: #ffd700;
            font-size: 1.2rem;
            letter-spacing: 2px;
        }
        
        .review-card p {
            font-size: 1.1rem;
            line-height: 1.8;
            font-style: italic;
        }
        
        /* App Section */
        .app-section {
            padding: 100px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .app-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }
        
        .app-text h2 {
            font-size: 2.8rem;
            margin-bottom: 25px;
            color: #ffd700;
            text-transform: uppercase;
        }
        
        .app-text p {
            font-size: 1.2rem;
            line-height: 1.8;
            margin-bottom: 15px;
        }
        
        .app-buttons {
            display: flex;
            gap: 25px;
            margin-top: 40px;
            flex-wrap: wrap;
        }
        
        .app-btn {
            display: flex;
            align-items: center;
            gap: 15px;
            background: rgba(255, 255, 255, 0.1);
            padding: 18px 30px;
            border-radius: 15px;
            text-decoration: none;
            color: #ffffff;
            transition: all 0.4s ease;
            border: 2px solid rgba(255, 215, 0, 0.2);
        }
        
        .app-btn:hover {
            background: rgba(255, 215, 0, 0.15);
            transform: translateY(-5px);
            border-color: #ffd700;
        }
        
        .app-btn div small {
            font-size: 0.8rem;
            opacity: 0.8;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .app-btn div div {
            font-weight: 700;
            font-size: 1.3rem;
        }
        
        /* Footer */
        footer {
            background: rgba(0, 0, 0, 0.95);
            padding: 80px 20px 40px;
            margin-top: 100px;
            border-top: 1px solid rgba(255, 215, 0, 0.1);
        }
        
        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .footer-top {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 50px;
            margin-bottom: 60px;
        }
        
        .footer-logo {
            font-size: 2.2rem;
            font-weight: 900;
            background: linear-gradient(45deg, #ffd700, #ff6b35);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 25px;
            letter-spacing: 2px;
        }
        
        .footer-section h4 {
            color: #ffd700;
            margin-bottom: 25px;
            font-size: 1.3rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-section h4::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 3px;
            background: linear-gradient(45deg, #ff6b35, #ffd700);
            border-radius: 2px;
        }
        
        .footer-section ul {
            list-style: none;
        }
        
        .footer-section li {
            margin-bottom: 12px;
        }
        
        .footer-section a {
            color: #ffffff;
            text-decoration: none;
            opacity: 0.8;
            transition: all 0.3s ease;
            display: inline-block;
        }
        
        .footer-section a:hover {
            opacity: 1;
            color: #ffd700;
            transform: translateX(5px);
        }
        
        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 40px;
            text-align: center;
            opacity: 0.8;
            font-size: 0.95rem;
        }
        
        .social-links {
            display: flex;
            gap: 20px;
            margin-top: 25px;
        }
        
        .social-links a {
            width: 45px;
            height: 45px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-decoration: none;
            transition: all 0.3s ease;
            font-weight: 700;
            font-size: 1.1rem;
        }
        
        .social-links a:hover {
            background: linear-gradient(45deg, #ff6b35, #ffd700);
            transform: translateY(-5px) rotate(360deg);
            color: #0f0c29;
        }
        
        /* Sitemap Section */
        .sitemap-section {
            padding: 80px 20px;
            max-width: 1200px;
            margin: 0 auto;
            background: rgba(0, 0, 0, 0.25);
            border-radius: 30px;
            margin-bottom: 50px;
        }
        
        .sitemap-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }
        
        .sitemap-column h4 {
            color: #ffd700;
            margin-bottom: 20px;
            font-size: 1.2rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .sitemap-column ul {
            list-style: none;
        }
        
        .sitemap-column li {
            margin-bottom: 10px;
        }
        
        .sitemap-column a {
            color: #ffffff;
            text-decoration: none;
            opacity: 0.8;
            transition: all 0.3s ease;
            font-size: 0.95rem;
        }
        
        .sitemap-column a:hover {
            opacity: 1;
            color: #ff6b35;
            padding-left: 8px;
        }
        
        /* Language Selector */
        .language-selector {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background: rgba(0, 0, 0, 0.9);
            padding: 15px;
            border-radius: 15px;
            z-index: 999;
            border: 1px solid rgba(255, 215, 0, 0.2);
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }
        
        .language-selector select {
            background: transparent;
            color: #ffffff;
            border: 2px solid rgba(255, 215, 0, 0.3);
            padding: 10px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 1rem;
            font-weight: 600;
        }
        
        .language-selector select:focus {
            outline: none;
            border-color: #ffd700;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .header-container {
                flex-direction: column;
                gap: 20px;
            }
            
            nav ul {
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px;
            }
            
            .hero {
                padding: 80px 20px;
            }
            
            .hero h1 {
                font-size: 2.2rem;
            }
            
            .hero h1 span {
                font-size: 1.6rem;
            }
            
            .hero p {
                font-size: 1.1rem;
            }
            
            .hero-stats {
                flex-direction: column;
                gap: 30px;
            }
            
            .content-wrapper,
            .app-content {
                grid-template-columns: 1fr;
            }
            
            .features-grid,
            .reviews-grid {
                grid-template-columns: 1fr;
            }
            
            .section-title {
                font-size: 2rem;
            }
            
            .faq-question {
                font-size: 1rem;
                padding: 20px;
            }
        }
        
        /* Scroll Animation */
        .scroll-reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.8s ease;
        }
        
        .scroll-reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Loading Animation */
        .loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #0f0c29;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.5s ease;
        }
        
        .loader.hidden {
            opacity: 0;
            pointer-events: none;
        }
        
        .loader-content {
            text-align: center;
        }
        
        .loader-spinner {
            width: 60px;
            height: 60px;
            border: 4px solid rgba(255, 215, 0, 0.1);
            border-top-color: #ffd700;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        .loader-text {
            color: #ffd700;
            font-size: 1.2rem;
            font-weight: 700;
            letter-spacing: 2px;
            animation: pulse 1.5s infinite;
        }
        
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        
        /* Floating Elements */
        .floating {
            animation: floating 3s ease-in-out infinite;
        }
        
        @keyframes floating {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }
    </style>
</head>
<body>
    <!-- Loader -->
    <div class="loader" id="loader">
        <div class="loader-content">
            <div class="loader-spinner"></div>
            <div class="loader-text">JOJOBET</div>
        </div>
    </div>
    
    <!-- Header -->
    <header id="header">
        <div class="header-container">
            <div class="logo">JOJOBET</div>
            <nav>
                <ul>
                    <li><a href="#home">Ana Sayfa</a></li>
                    <li><a href="#about">Hakkımızda</a></li>
                    <li><a href="#features">Özellikler</a></li>
                    <li><a href="#faq">SSS</a></li>
                    <li><a href="#app">Uygulama</a></li>
                    <li><a href="#contact">İletişim</a></li>
                </ul>
            </nav>
            <div class="header-buttons">
                <a href="#" class="btn btn-secondary">Giriş Yap</a>
                <a href="#" class="btn btn-primary">Üye Ol</a>
            </div>
        </div>
    </header>
    
    <!-- Hero Section -->
    <section class="hero" id="home">
        <div class="hero-content">
            <div class="hero-badge">🚀 2026'ün En İyi Bahis Sitesi</div>
            <h1>Jojobet Giriş<br><span>Anında Erişim, Sınırsız Kazanç!</span></h1>
            <p>Türkiye'nin en güvenilir bahis ve casino platformuna hoş geldiniz. Yüksek oranlar, anında ödemeler ve özel bonuslarla kazancınızı katlayın!</p>
            <div class="hero-buttons">
                <a href="#" class="btn btn-primary">Hemen Üye Ol - %100 Bonus!</a>
                <a href="#" class="btn btn-secondary">Güncel Giriş Adresi</a>
            </div>
            <div class="hero-stats">
                <div class="stat-item">
                    <span class="stat-number">500K+</span>
                    <span class="stat-label">Aktif Üye</span>
                </div>
                <div class="stat-item">
                    <span class="stat-number">50+</span>
                    <span class="stat-label">Spor Dalı</span>
                </div>
                <div class="stat-item">
                    <span class="stat-number">2DK</span>
                    <span class="stat-label">Ortalama Ödeme</span>
                </div>
                <div class="stat-item">
                    <span class="stat-number">4.9</span>
                    <span class="stat-label">Kullanıcı Puanı</span>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Features Section -->
    <section class="features" id="features">
        <h2 class="section-title scroll-reveal">Neden Jojobet'i Seçmelisiniz?</h2>
        <div class="features-grid">
            <div class="feature-card scroll-reveal">
                <div class="feature-icon">⚡</div>
                <h3>Işık Hızında Giriş</h3>
                <p>Jojobet giriş ile saniyeler içinde hesabınıza erişin. Kesintisiz bağlantı ve anında yükleme garantisi ile oyun keyfinizi asla bölünmeyecek.</p>
            </div>
            <div class="feature-card scroll-reveal">
                <div class="feature-icon">🛡️</div>
                <h3>Banka Seviyesinde Güvenlik</h3>
                <p>256-bit SSL şifreleme ve iki faktörlü kimlik doğrulama ile verileriniz Fort Knox güvenliğinde. %100 güvenli ödeme altyapısı.</p>
            </div>
            <div class="feature-card scroll-reveal">
                <div class="feature-icon">🎁</div>
                <h3>Özel Bonus Fırsatları</h3>
                <p>Hoşgeldin bonusundan kayıp bonusuna, yatırım avantajlarından arkadaş davet ödüllerine kadar sürekli kazanç fırsatları.</p>
            </div>
            <div class="feature-card scroll-reveal">
                <div class="feature-icon">📱</div>
                <h3>Her Yerde Erişim</h3>
                <p>Jojobet mobil giriş ile iOS ve Android cihazlarınızdan 7/24 erişim. Uygulamamızı indirin, adres aramaya son verin!</p>
            </div>
            <div class="feature-card scroll-reveal">
                <div class="feature-icon">💎</div>
                <h3>Anında Para Çekme</h3>
                <p>Kazançlarınızı 24 saat içinde, bazı yöntemlerle 15 dakikada hesabınızda görün. Hızlı, güvenli ve sorunsuz ödeme garantisi.</p>
            </div>
            <div class="feature-card scroll-reveal">
                <div class="feature-icon">🎯</div>
                <h3>Binlerce Oyun Seçeneği</h3>
                <p>Spor bahislerinden canlı casinoya, slot oyunlarından poker masalarına kadar sınırsız eğlence ve kazanç fırsatı.</p>
            </div>
        </div>
    </section>
    
    <!-- About Section -->
    <section class="content-section" id="about">
        <div class="content-wrapper">
            <div class="content-text scroll-reveal">
                <h2>Jojobet ile Tanışın</h2>
                <p>Jojobet, 2015 yılından bu yana Türkiye'nin en güvenilir ve en çok tercih edilen online bahis platformu olarak hizmet vermektedir. Jojobet giriş adresi üzerinden yüz binlerce kullanıcıya kesintisiz ve adil oyun deneyimi sunuyoruz.</p>
                <p>Platformumuz, Curaçao eGaming lisansı ile tamamen yasal bir çerçevede faaliyet göstermekte olup, tüm uluslararası oyun standartlarına uygun olarak işletilmektedir. Jojobet olarak kullanıcı memnuniyetini ve adil oyun ilkelerini her zaman ön planda tutuyoruz.</p>
                <p>Spor bahisleri alanında piyasadaki en yüksek oranları sunan Jojobet, futbol, basketbol, tenis, voleybol ve 50'den fazla spor dalında binlerce bahis seçeneği sunmaktadır. Canlı bahis özelliğimiz ile maçları anlık olarak takip edip, anında kupon yapma imkanı sunuyoruz.</p>
                <p>Casino bölümümüzde dünyanın en prestijli oyun sağlayıcıları NetEnt, Microgaming, Evolution Gaming, Pragmatic Play gibi devlerin en popüler oyunlarını bulabilirsiniz. Slot oyunlarından masa oyunlarına, pokerden rulete, blackjack'ten baccarat'a kadar geniş bir yelpazede eğlence sizi bekliyor.</p>
                <p>Jojobet giriş adresimiz kullanıcılarımıza kesintisiz erişim imkanı sunmak için düzenli olarak optimize edilmekte ve güncellenmektedir. Mobil uyumlu tasarımımız sayesinde akıllı telefon ve tabletlerinizden de kolayca erişim sağlayabilir, istediğiniz yerden bahis yapabilirsiniz.</p>
                <p>7/24 aktif profesyonel müşteri destek ekibimiz, canlı destek hattı, e-posta ve telefon iletişim kanallarımız üzerinden her türlü sorunuz ve talebiniz için hizmetinizdedir. Ortalama yanıt süremiz 2 dakikadır.</p>
                <p>Sorumlu oyun politikası çerçevesinde, kullanıcılarımızın sağlıklı bir oyun ortamında eğlenmesini sağlamak için günlük, haftalık ve aylık limit koyma araçları, soğuma periyotları ve self-exclusion seçenekleri sunmaktayız.</p>
                <p>Jojobet olarak sürekli kendimizi geliştiriyor, kullanıcı geri bildirimlerini dikkate alarak platformumuzu her geçen gün daha iyi hale getiriyoruz. Siz de Jojobet ailesine katılın, farklı bir bahis deneyimi yaşayın ve kazancınızı katlayın!</p>
            </div>
            <div class="content-image scroll-reveal floating">
                <img src="https://images.unsplash.com/photo-1596831443702-1f1eb4bc57e8?w=600" alt="Jojobet Online Bahis Platformu">
            </div>
        </div>
    </section>
    
    <!-- FAQ Section -->
    <section class="faq-section" id="faq">
        <h2 class="section-title scroll-reveal">Sıkça Sorulan Sorular - Jojobet</h2>
        <div class="faq-container">
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>1. Jojobet giriş adresi nedir ve nasıl erişirim?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Jojobet giriş adresi sürekli güncellenmektedir. En güncel adresimize ana sayfamız üzerinden veya mobil uygulamamızdan kesintisiz erişebilirsiniz. Uygulamamızı indirerek adres değişikliklerinden etkilenmeden direkt erişim sağlayabilirsiniz.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>2. Jojobet güvenilir mi ve lisanslı mı?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Evet, Jojobet Curaçao eGaming lisansı ile tamamen yasal ve güvenilir bir platformdur. 256-bit SSL şifreleme teknolojisi kullanarak tüm kullanıcı verilerini ve finansal işlemleri koruyoruz. 2015'ten bu yana 500.000'den fazla aktif kullanıcıya hizmet vermekteyiz.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>3. Jojobet üyelik işlemleri nasıl yapılır ve ne kadar sürer?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Jojobet üyelik işlemi oldukça basittir. Ana sayfadaki "Üye Ol" butonuna tıklayarak kişisel bilgilerinizi girin. E-posta adresinize gönderilen doğrulama linkine tıklayarak hesabınızı aktive edin. Tüm süreç ortalama 3 dakika sürmektedir.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>4. Jojobet para yatırma ve çekme yöntemleri nelerdir?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Banka havalesi, kredi kartı, Papara, Paycell, Bitcoin, Ethereum, Jeton ve daha birçok yöntemle para yatırabilirsiniz. Çekim işlemleri için aynı yöntemleri kullanabilirsiniz. Minimum yatırım tutarı 50 TL, minimum çekim tutarı 100 TL'dir.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>5. Jojobet bonusları ve promosyonları nelerdir?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>%100 Hoşgeldin Bonusu (maksimum 1000 TL), %20 Çevrimsiz Yatırım Bonusu, %25 Kayıp Bonusu, Arkadaşını Getir Bonusu (500 TL) ve özel turnuvalar gibi birçok fırsat sunuyoruz. Her bonusun kendi çevrim şartları bulunmaktadır.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>6. Jojobet mobil uygulaması nasıl indirilir?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Hem iOS hem de Android için Jojobet mobil uygulamamız mevcuttur. App Store ve Google Play üzerinden "Jojobet" aratarak indirebilirsiniz. Uygulama sayesinde adres değişikliklerinden etkilenmeden hızlı giriş yapabilir, tüm özelliklere erişebilirsiniz.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>7. Jojobet canlı destek hattı ne zaman aktif?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Jojobet canlı destek ekibi 7 gün 24 saat, 365 gün hizmetinizdedir. Günün her saati Türkçe destek alabilirsiniz. Ortalama yanıt süremiz 2 dakikadır. Ayrıca destek@jojobet.com e-posta adresinden de bize ulaşabilirsiniz.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>8. Jojobet hesap doğrulama işlemi nasıl yapılır?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Hesap doğrulama (KYC) için kimlik kartı/ehliyet/passaport, ikametgah belgesi (son 3 aya ait fatura) ve kullandığınız ödeme yöntemine ait dokümanları göndermeniz gerekmektedir. Bu işlem güvenliğiniz için zorunludur ve 24 saat içinde tamamlanır.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>9. Jojobet minimum ve maksimum bahis limitleri nedir?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Spor bahislerinde minimum bahis tutarı 5 TL, maksimum tutar ise etkinliğe göre değişmekle birlikte 100.000 TL'ye kadar çıkabilmektedir. Casino oyunlarında minimum bahis 1 TL'den başlamakta, VIP masalarda 10.000 TL'ye kadar çıkabilmektedir.</p>
                </div>
            </div>
            
            <div class="faq-item scroll-reveal">
                <div class="faq-question">
                    <span>10. Jojobet şifremi unuttum, nasıl sıfırlarım?</span>
                    <span class="faq-toggle">+</span>
                </div>
                <div class="faq-answer">
                    <p>Giriş sayfasındaki "Şifremi Unuttum" linkine tıklayarak kayıtlı e-posta adresinize sıfırlama bağlantısı gönderebilirsiniz. Alternatif olarak canlı destek hattından kimlik doğrulaması yaparak şifrenizi sıfırlayabilirsiniz. İşlem 5 dakika içinde tamamlanır.</p>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Reviews Section -->
    <section class="reviews-section" id="reviews">
        <div class="reviews-container">
            <h2 class="section-title scroll-reveal">Kullanıcılarımız Ne Diyor?</h2>
            <div class="reviews-grid">
                <div class="review-card scroll-reveal">
                    <div class="review-header">
                        <div class="review-avatar">AK</div>
                        <div class="review-info">
                            <h4>Ahmet K.</h4>
                            <div class="review-rating">★★★★★</div>
                        </div>
                    </div>
                    <p>"3 yıldır Jojobet kullanıyorum ve çok memnunum. Jojobet giriş her zaman hızlı, hiçbir sorun yaşamıyorum. Ödemeler gerçekten 15 dakika içinde hesabımda. Canlı destek harika, oranlar çok iyi. Kesinlikle tavsiye ederim!"</p>
                </div>
                
                <div class="review-card scroll-reveal">
                    <div class="review-header">
                        <div class="review-avatar">MY</div>
                        <div class="review-info">
                            <h4>Mehmet Y.</h4>
                            <div class="review-rating">★★★★★</div>
                        </div>
                    </div>
                    <p>"Mobil uygulama mükemmel çalışıyor. Artık adres aramakla uğraşmıyorum. Bonuslar gerçekten çevrimsiz ve kullanışlı. Geçen ay 50.000 TL çekim yaptım, 10 dakikada hesabımdaydı. Jojobet'e teşekkürler!"</p>
                </div>
                
                <div class="review-card scroll-reveal">
                    <div class="review-header">
                        <div class="review-avatar">SC</div>
                        <div class="review-info">
                            <h4>Selin C.</h4>
                            <div class="review-rating">★★★★★</div>
                        </div>
                    </div>
                    <p>"Casino oyunları çok çeşitli, özellikle canlı casino bölümü gerçek bir kumarhane atmosferi sunuyor. Krupiyeler çok profesyonel. Slot turnuvalarında 2. oldum ve 10.000 TL kazandım. Güvenilir ve eğlenceli bir platform!"</p>
                </div>
            </div>
        </div>
    </section>
    
    <!-- App Section -->
    <section class="app-section" id="app">
        <div class="app-content">
            <div class="app-text scroll-reveal">
                <h2>Jojobet Her Yerde Yanınızda!</h2>
                <p>Jojobet deneyimini cebinize taşıyın! Mobil uygulamamız ile istediğiniz yerden, istediğiniz zaman bahis yapın, casino oyunlarının keyfini çıkarın. Adres değişikliklerinden etkilenmeyin!</p>
                <ul style="margin: 30px 0; list-style: none; font-size: 1.1rem;">
                    <li style="margin-bottom: 15px;">✓ Tek dokunuşla hızlı giriş ve anlık bildirimler</li>
                    <li style="margin-bottom: 15px;">✓ Tüm ödeme yöntemleri ve hızlı işlemler</li>
                    <li style="margin-bottom: 15px;">✓ Canlı maç izleme ve anlık istatistikler</li>
                    <li style="margin-bottom: 15px;">✓ 7/24 Türkçe canlı destek erişimi</li>
                    <li style="margin-bottom: 15px;">✓ Özel mobil bonusları ve promosyonlar</li>
                </ul>
                <div class="app-buttons">
                    <a href="#" class="app-btn">
                        <span style="font-size: 2.5rem;">🍎</span>
                        <div>
                            <small>Download on the</small>
                            <div>App Store</div>
                        </div>
                    </a>
                    <a href="#" class="app-btn">
                        <span style="font-size: 2.5rem;">🤖</span>
                        <div>
                            <small>Get it on</small>
                            <div>Google Play</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="app-image scroll-reveal floating">
                <img src="https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=600" alt="Jojobet Mobil Uygulama" style="border-radius: 30px; box-shadow: 0 30px 60px rgba(0,0,0,0.5);">
            </div>
        </div>
    </section>
    
    <!-- Sitemap Section -->
    <section class="sitemap-section" id="sitemap">
        <h2 class="section-title scroll-reveal">Site Haritası</h2>
        <div class="sitemap-grid">
            <div class="sitemap-column">
                <h4>Jojobet Giriş</h4>
                <ul>
                    <li><a href="#">Ana Sayfa</a></li>
                    <li><a href="#">Giriş Yap</a></li>
                    <li><a href="#">Üye Ol</a></li>
                    <li><a href="#">Şifremi Unuttum</a></li>
                    <li><a href="#">Güncel Adres</a></li>
                </ul>
            </div>
            <div class="sitemap-column">
                <h4>Bahis Seçenekleri</h4>
                <ul>
                    <li><a href="#">Spor Bahisleri</a></li>
                    <li><a href="#">Canlı Bahis</a></li>
                    <li><a href="#">Sanal Sporlar</a></li>
                    <li><a href="#">E-Spor Bahisleri</a></li>
                    <li><a href="#">Özel Bahisler</a></li>
                </ul>
            </div>
            <div class="sitemap-column">
                <h4>Casino Oyunları</h4>
                <ul>
                    <li><a href="#">Slot Oyunları</a></li>
                    <li><a href="#">Canlı Casino</a></li>
                    <li><a href="#">Masa Oyunları</a></li>
                    <li><a href="#">Video Poker</a></li>
                    <li><a href="#">Jackpot Oyunları</a></li>
                </ul>
            </div>
            <div class="sitemap-column">
                <h4>Promosyonlar</h4>
                <ul>
                    <li><a href="#">Hoşgeldin Bonusu</a></li>
                    <li><a href="#">Yatırım Bonusları</a></li>
                    <li><a href="#">Kayıp Bonusu</a></li>
                    <li><a href="#">Arkadaş Bonusu</a></li>
                    <li><a href="#">VIP Programı</a></li>
                </ul>
            </div>
            <div class="sitemap-column">
                <h4>Yardım Merkezi</h4>
                <ul>
                    <li><a href="#">Sıkça Sorulan Sorular</a></li>
                    <li><a href="#">Canlı Destek</a></li>
                    <li><a href="#">Ödeme Yöntemleri</a></li>
                    <li><a href="#">Güvenlik Merkezi</a></li>
                    <li><a href="#">Oyun Kuralları</a></li>
                </ul>
            </div>
            <div class="sitemap-column">
                <h4>Kurumsal</h4>
                <ul>
                    <li><a href="#">Hakkımızda</a></li>
                    <li><a href="#">Lisans Bilgileri</a></li>
                    <li><a href="#">Sorumlu Oyun</a></li>
                    <li><a href="#">Gizlilik Politikası</a></li>
                    <li><a href="#">İletişim</a></li>
                </ul>
            </div>
        </div>
    </section>
    
    <!-- Footer -->
    <footer id="contact">
        <div class="footer-container">
            <div class="footer-top">
                <div class="footer-section">
                    <div class="footer-logo">JOJOBET</div>
                    <p>Jojobet giriş adresi ile Türkiye'nin en güvenilir ve en kazançlı bahis ve casino platformuna hoş geldiniz. 500.000+ üyemiz arasına katılın!</p>
                    <div class="social-links">
                        <a href="#">f</a>
                        <a href="#">t</a>
                        <a href="#">in</a>
                        <a href="#">ig</a>
                        <a href="#">yt</a>
                    </div>
                </div>
                <div class="footer-section">
                    <h4>Hızlı Linkler</h4>
                    <ul>
                        <li><a href="#">Jojobet Giriş</a></li>
                        <li><a href="#">Üye Ol</a></li>
                        <li><a href="#">Bonuslar</a></li>
                        <li><a href="#">Mobil Uygulama</a></li>
                        <li><a href="#">Canlı Destek</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Destek</h4>
                    <ul>
                        <li><a href="#">Yardım Merkezi</a></li>
                        <li><a href="#">Sıkça Sorulan Sorular</a></li>
                        <li><a href="#">Canlı Destek</a></li>
                        <li><a href="#">E-posta Desteği</a></li>
                        <li><a href="#">İletişim Formu</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Yasal Bilgiler</h4>
                    <ul>
                        <li><a href="#">Kullanım Koşulları</a></li>
                        <li><a href="#">Gizlilik Politikası</a></li>
                        <li><a href="#">Lisans Bilgileri</a></li>
                        <li><a href="#">Sorumlu Oyun</a></li>
                        <li><a href="#">Çerez Politikası</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 Jojobet. Tüm hakları saklıdır. | 18+ yaş sınırı uygulanmaktadır. | Kumar bağımlılık yapabilir.</p>
            </div>
        </div>
    </footer>
    
    <!-- Language Selector -->
    <div class="language-selector">
        <select onchange="changeLanguage(this.value)">
            <option value="tr">🇹🇷 Türkçe</option>
            <option value="en">🇬🇧 English</option>
            <option value="de">🇩🇪 Deutsch</option>
            <option value="fr">🇫🇷 Français</option>
        </select>
    </div>
    
    <script>
        // Loader
        window.addEventListener('load', function() {
            setTimeout(function() {
                document.getElementById('loader').classList.add('hidden');
            }, 800);
        });
        
        // Header scroll effect
        window.addEventListener('scroll', function() {
            const header = document.getElementById('header');
            if (window.scrollY > 50) {
                header.classList.add('scrolled');
            } else {
                header.classList.remove('scrolled');
            }
        });
        
        // FAQ Accordion
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', function() {
                const item = this.parentElement;
                const isActive = item.classList.contains('active');
                
                // Close all items
                document.querySelectorAll('.faq-item').forEach(faq => {
                    faq.classList.remove('active');
                });
                
                // Open clicked item if it wasn't active
                if (!isActive) {
                    item.classList.add('active');
                }
            });
        });
        
        // Scroll Reveal Animation
        const observerOptions = {
            threshold: 0.1,
            rootMargin: "0px 0px -50px 0px"
        };
        
        const observer = new IntersectionObserver(function(entries) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('active');
                }
            });
        }, observerOptions);
        
        document.querySelectorAll('.scroll-reveal').forEach(el => {
            observer.observe(el);
        });
        
        // Smooth scroll for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
        
        // Language change function
        function changeLanguage(lang) {
            const urls = {
                'tr': 'https://m.jojobetr.cn.com/tr/',
                'en': 'https://m.jojobetr.cn.com/en/',
                'de': 'https://m.jojobetr.cn.com/de/',
                'fr': 'https://m.jojobetr.cn.com/fr/'
            };
            console.log('Changing language to:', lang);
            // window.location.href = urls[lang];
        }
        
        // Counter animation for stats
        function animateValue(obj, start, end, duration) {
            let startTimestamp = null;
            const step = (timestamp) => {
                if (!startTimestamp) startTimestamp = timestamp;
                const progress = Math.min((timestamp - startTimestamp) / duration, 1);
                obj.innerHTML = Math.floor(progress * (end - start) + start);
                if (progress < 1) {
                    window.requestAnimationFrame(step);
                }
            };
            window.requestAnimationFrame(step);
        }
        
        // Trigger counter animation when stats are visible
        const statsObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    // Animate numbers here if needed
                    statsObserver.unobserve(entry.target);
                }
            });
        });
        
        document.querySelectorAll('.hero-stats').forEach(stats => {
            statsObserver.observe(stats);
        });
    </script>
</body>
</html>