index.html - main - KPUR/Netpresentvalue

index.html
1 079 строк53 KB
KPUR
index.html
13 июл 2025, 14:39
13 июл 2025, 14:39cee3366
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Net Present Value Community</title>
    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><rect width='100%' height='100%' fill='%231a202c'/><text x='50%' y='70%' font-size='70' text-anchor='middle' fill='%23ffffff'>NPV</text></svg>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --ton-blue: #0088cc;
            --eth-purple: #8a2be2;
            --poly-green: #8247e5;
            --bg-dark: #0f172a;
            --card-bg: #1e293b;
            --text-light: #f1f5f9;
            --text-secondary: #94a3b8;
            --accent: #4f46e5;
            --border: #334155;
            --gradient: linear-gradient(135deg, var(--ton-blue), var(--eth-purple), var(--poly-green));
            --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background: var(--bg-dark);
            color: var(--text-light);
            min-height: 100vh;
            background-image: 
                radial-gradient(circle at 10% 20%, rgba(0, 136, 204, 0.15) 0%, transparent 20%),
                radial-gradient(circle at 90% 80%, rgba(138, 43, 226, 0.15) 0%, transparent 20%);
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
            border-bottom: 2px solid var(--border);
            margin-bottom: 30px;
            flex-wrap: wrap;
        }
        
        .logo {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .logo-text {
            font-size: 1.8rem;
            font-weight: 700;
            background: var(--gradient);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: -0.5px;
            padding: 5px 0;
            text-shadow: 0 0 10px rgba(79, 70, 229, 0.3);
        }
        
        .language-switcher {
            position: relative;
            margin-top: 10px;
        }
        
        .lang-btn {
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid var(--border);
            color: var(--text-light);
            padding: 10px 20px;
            border-radius: 50px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            font-weight: 500;
        }
        
        .lang-btn:hover {
            background: rgba(79, 70, 229, 0.2);
            transform: translateY(-2px);
        }
        
        .lang-options {
            position: absolute;
            top: 120%;
            right: 0;
            background: var(--card-bg);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            display: none;
            z-index: 100;
            width: 100%;
            border: 1px solid var(--border);
        }
        
        .lang-option {
            padding: 12px 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 10px;
            transition: background 0.3s ease;
        }
        
        .lang-option:hover {
            background: rgba(79, 70, 229, 0.2);
        }
        
        .tabs {
            display: flex;
            gap: 10px;
            margin-bottom: 30px;
            flex-wrap: wrap;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 50px;
            padding: 5px;
            border: 1px solid var(--border);
        }
        
        .tab-btn {
            background: transparent;
            border: none;
            color: var(--text-secondary);
            padding: 15px 25px;
            border-radius: 50px;
            cursor: pointer;
            font-size: 1.1rem;
            display: flex;
            align-items: center;
            gap: 10px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            font-weight: 500;
        }
        
        .tab-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--gradient);
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -1;
        }
        
        .tab-btn:hover {
            color: var(--text-light);
            transform: translateY(-3px);
        }
        
        .tab-btn.active {
            background: rgba(79, 70, 229, 0.3);
            color: white;
            box-shadow: 0 0 15px rgba(79, 70, 229, 0.4);
        }
        
        .tab-btn i {
            font-size: 1.2rem;
            transition: transform 0.3s ease;
        }
        
        .tab-btn:hover i {
            transform: scale(1.1);
        }
        
        .tab-content {
            display: none;
            animation: fadeIn 0.5s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .tab-content.active {
            display: block;
        }
        
        .card {
            background: var(--card-bg);
            border-radius: 20px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: var(--shadow);
            border: 1px solid var(--border);
            position: relative;
            overflow: hidden;
        }
        
        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: var(--gradient);
        }
        
        .card h2 {
            margin-bottom: 25px;
            font-size: 1.8rem;
            display: flex;
            align-items: center;
            gap: 12px;
            color: var(--text-light);
            padding-bottom: 15px;
            border-bottom: 2px solid var(--border);
        }
        
        .card h2 i {
            background: var(--gradient);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .about-content {
            line-height: 1.8;
            color: var(--text-light);
        }
        
        .about-content p {
            margin-bottom: 20px;
        }
        
        .section-title {
            font-size: 1.5rem;
            margin: 25px 0 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid var(--border);
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .values-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }
        
        .value-item {
            background: rgba(79, 70, 229, 0.1);
            border-radius: 15px;
            padding: 20px;
            display: flex;
            gap: 15px;
            align-items: flex-start;
            transition: transform 0.3s ease;
            border: 1px solid var(--border);
        }
        
        .value-item:hover {
            transform: translateY(-5px);
            background: rgba(79, 70, 229, 0.2);
            box-shadow: var(--shadow);
        }
        
        .value-item i {
            color: var(--accent);
            font-size: 1.5rem;
            min-width: 30px;
            margin-top: 3px;
        }
        
        .token-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }
        
        .token-card {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 20px;
            padding: 25px;
            position: relative;
            overflow: hidden;
            transition: transform 0.3s ease;
            border: 1px solid var(--border);
        }
        
        .token-card:hover {
            transform: translateY(-7px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }
        
        .chain-info {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 15px;
        }
        
        .chain-badge {
            padding: 5px 12px;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: bold;
            background: rgba(0, 136, 204, 0.2);
            color: var(--ton-blue);
            display: flex;
            align-items: center;
            gap: 6px;
        }
        
        .ton-badge { background: rgba(0, 136, 204, 0.2); color: var(--ton-blue); }
        .poly-badge { background: rgba(130, 71, 229, 0.2); color: var(--poly-green); }
        .eth-badge { background: rgba(138, 43, 226, 0.2); color: var(--eth-purple); }
        
        .token-card h3 {
            margin-bottom: 15px;
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--text-light);
        }
        
        .address-box {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 12px;
            padding: 15px;
            margin: 15px 0;
            font-family: monospace;
            font-size: 0.85rem;
            word-break: break-all;
            position: relative;
            border: 1px solid var(--border);
            padding-right: 45px;
            line-height: 1.5;
        }
        
        .copy-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background: rgba(79, 70, 229, 0.2);
            border: 1px solid var(--border);
            color: var(--text-light);
            padding: 5px 10px;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .copy-btn:hover {
            background: rgba(79, 70, 229, 0.4);
        }
        
        .links {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-top: 20px;
        }
        
        .link-btn {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 20px;
            background: rgba(79, 70, 229, 0.1);
            border-radius: 12px;
            text-decoration: none;
            color: var(--text-light);
            transition: all 0.3s ease;
            border: 1px solid var(--border);
        }
        
        .link-btn:hover {
            background: rgba(79, 70, 229, 0.3);
            transform: translateX(7px);
            border-color: rgba(79, 70, 229, 0.5);
        }
        
        .link-btn i {
            width: 20px;
            text-align: center;
            color: var(--accent);
        }
        
        .social-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
        }
        
        .social-card {
            background: var(--card-bg);
            border-radius: 20px;
            padding: 25px;
            text-align: center;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
            border: 1px solid var(--border);
            cursor: pointer;
            text-decoration: none;
        }
        
        .social-card:hover {
            transform: translateY(-10px);
            background: rgba(79, 70, 229, 0.2);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        }
        
        .social-icon {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 1.8rem;
            background: var(--gradient);
            color: white;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .social-card span {
            color: var(--text-light);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s ease;
            line-height: 1.4;
        }
        
        .social-card:hover span {
            color: var(--accent);
        }
        
        .nft-card {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        
        .nft-image {
            width: 100%;
            border-radius: 20px;
            overflow: hidden;
            background: var(--gradient);
            padding: 5px;
            box-shadow: var(--shadow);
        }
        
        .nft-image img {
            width: 100%;
            border-radius: 15px;
            display: block;
            max-height: 400px;
            object-fit: cover;
        }
        
        .warning {
            background: rgba(255, 0, 0, 0.1);
            border-left: 4px solid #ff5555;
            padding: 25px;
            border-radius: 12px;
            margin-top: 30px;
            color: var(--text-light);
        }
        
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 14px 30px;
            background: var(--gradient);
            color: white;
            border: none;
            border-radius: 50px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            margin-top: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }
        
        .token-info {
            margin: 20px 0;
            padding: 15px;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 12px;
            border: 1px solid var(--border);
            font-size: 0.95rem;
            line-height: 1.6;
        }
        
        footer {
            text-align: center;
            padding: 40px 0 20px;
            border-top: 2px solid var(--border);
            margin-top: 50px;
            font-size: 0.9rem;
            color: var(--text-secondary);
        }
        
        @media (max-width: 768px) {
            header {
                flex-direction: column;
                gap: 20px;
                align-items: flex-start;
            }
            
            .tabs {
                justify-content: center;
                border-radius: 15px;
            }
            
            .tab-btn {
                padding: 12px 20px;
                font-size: 1rem;
                width: 100%;
                justify-content: center;
            }
            
            .token-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <div class="logo">
                <div class="logo-text">@Netpresentvalue the #Trend</div>
            </div>
            <div class="language-switcher">
                <button class="lang-btn">
                    <i class="fas fa-globe"></i> Русский <i class="fas fa-chevron-down"></i>
                </button>
                <div class="lang-options">
                    <div class="lang-option" data-lang="ru">
                        <i class="fas fa-check"></i> Русский
                    </div>
                    <div class="lang-option" data-lang="en">
                        <i class="fas fa-language"></i> English
                    </div>
                </div>
            </div>
        </header>
        
        <div class="tabs">
            <button class="tab-btn active" data-tab="about">
                <i class="fas fa-info-circle"></i> <span class="lang-text" data-key="about">О нас</span>
            </button>
            <button class="tab-btn" data-tab="tokens">
                <i class="fas fa-coins"></i> <span class="lang-text" data-key="tokens">Токены</span>
            </button>
            <button class="tab-btn" data-tab="nft">
                <i class="fas fa-image"></i> <span class="lang-text" data-key="nft">NFT</span>
            </button>
            <button class="tab-btn" data-tab="social">
                <i class="fas fa-hashtag"></i> <span class="lang-text" data-key="social">Социальные сети</span>
            </button>
        </div>
        
        <div id="about" class="tab-content active">
            <div class="card">
                <h2><i class="fas fa-users"></i> <span class="lang-text" data-key="about_title">О сообществе Net Present Value</span></h2>
                <div class="about-content">
                    <p><span class="lang-text" data-key="about_text1">Net Present Value (NPV) объединяет инвесторов и трейдеров, работающих с разными активами. Название проекта отражает его суть:</span></p>
                    
                    <div class="section-title">
                        <i class="fas fa-lightbulb"></i>
                        <span class="lang-text" data-key="financial_concept">Финансовый концепт</span>
                    </div>
                    <p>💡 <strong>Net Present Value</strong> <span class="lang-text" data-key="about_text2">(Чистая приведённая стоимость)</span> — <span class="lang-text" data-key="about_text3">ключевой финансовый показатель, демонстрирующий реальную ценность инвестиций.</span></p>
                    
                    <div class="section-title">
                        <i class="fas fa-gem"></i>
                        <span class="lang-text" data-key="alternative">Альтернативная трактовка</span>
                    </div>
                    <p>✨ 
                        <strong>NET</strong> <span class="lang-text" data-key="about_text5">(Сеть)</span> + 
                        <strong>PRESENT</strong> <span class="lang-text" data-key="about_text6">(Подарок)</span> + 
                        <strong>VALUE</strong> <span class="lang-text" data-key="about_text7">(Ценность)</span></p>
                    
                    <div class="section-title">
                        <i class="fas fa-bullseye"></i>
                        <span class="lang-text" data-key="our_goals">Наши цели</span>
                    </div>
                    <p><span class="lang-text" data-key="about_text8">Создание инвестиционного синдиката, который предоставляет:</span></p>
                    <ul>
                        <li><span class="lang-text" data-key="about_text9">Качественную аналитику рынков</span></li>
                        <li><span class="lang-text" data-key="about_text10">Образовательные материалы</span></li>
                        <li><span class="lang-text" data-key="about_text11">Инновационные финансовые продукты</span></li>
                    </ul>
                    
                    <div class="section-title">
                        <i class="fas fa-user-secret"></i>
                        <span class="lang-text" data-key="founder">Основатель</span>
                    </div>
                    <p><span class="lang-text" data-key="about_text12">Сообщество основано опытным инвестором <strong>KPUR</strong> из России, который развивает проект с 2024 года.</span></p>
                    
                    <div class="section-title">
                        <i class="fas fa-star"></i>
                        <span class="lang-text" data-key="values_title">Наши ценности</span>
                    </div>
                    <div class="values-grid">
                        <div class="value-item">
                            <i class="fas fa-chart-line"></i>
                            <div><span class="lang-text" data-key="value1">Последовательный рост капитала при минимальных рисках</span></div>
                        </div>
                        <div class="value-item">
                            <i class="fas fa-search"></i>
                            <div><span class="lang-text" data-key="value2">Изучение рынков, экономики и поведенческих моделей</span></div>
                        </div>
                        <div class="value-item">
                            <i class="fas fa-hands-helping"></i>
                            <div><span class="lang-text" data-key="value3">Поддержка начинающих инвесторов и защита от потерь</span></div>
                        </div>
                        <div class="value-item">
                            <i class="fas fa-comments"></i>
                            <div><span class="lang-text" data-key="value4">Уважение к мнению каждого участника сообщества</span></div>
                        </div>
                        <div class="value-item">
                            <i class="fas fa-ban"></i>
                            <div><span class="lang-text" data-key="value5">Отсутствие политических обсуждений и конфликтов</span></div>
                        </div>
                        <div class="value-item">
                            <i class="fas fa-exclamation-triangle"></i>
                            <div><span class="lang-text" data-key="value6">Мы НЕ даём индивидуальных инвестиционных рекомендаций</span></div>
                        </div>
                    </div>
                    
                    <a href="https://vk.com/@netpresentvalue-roadmap-dlya-net-present-value" class="btn" target="_blank">
                        <i class="fas fa-road"></i> <span class="lang-text" data-key="roadmap_btn">Дорожная карта проекта</span>
                    </a>
                </div>
            </div>
        </div>
        
        <div id="tokens" class="tab-content">
            <div class="card">
                <h2><i class="fas fa-coins"></i> <span class="lang-text" data-key="tokens_title">Токены Net Present Value</span></h2>
                
                <div class="token-info">
                    <p><span class="lang-text" data-key="token_info">Эти токены вознаграждают за активное участие в сообществе, изучающем инвестиции и блокчейн. Ограниченный выпуск. Функции развиваются в зависимости от потребностей участников. Токен технически доступен для торговли, но не имеет фиксированной стоимости и не предоставляет никаких гарантий. Работа с токеном сопряжена с рисками.</span></p>
                </div>
                
                <div class="token-grid">
                    <!-- TON Token -->
                    <div class="token-card">
                        <div class="chain-info">
                            <div class="chain-badge ton-badge">
                                <i class="fab fa-telegram"></i> TON Blockchain
                            </div>
                        </div>
                        <h3>NET PRESENT VALUE (NPV)</h3>
                        <p><strong><span class="lang-text" data-key="symbol">Символ:</span></strong> NPV</p>
                        <p><strong><span class="lang-text" data-key="total_supply">Общее предложение:</span></strong> 24,862,048</p>
                        
                        <div class="address-box">
                            EQBzKIYP_WVnYS5kDbz-3zat98htNCXQUVfmkaH7fLdcEaT3
                            <button class="copy-btn" data-address="EQBzKIYP_WVnYS5kDbz-3zat98htNCXQUVfmkaH7fLdcEaT3">
                                <i class="fas fa-copy"></i>
                            </button>
                        </div>
                        
                        <div class="links">
                            <a href="https://tonviewer.com/EQBzKIYP_WVnYS5kDbz-3zat98htNCXQUVfmkaH7fLdcEaT3" class="link-btn" target="_blank">
                                <i class="fas fa-eye"></i> <span class="lang-text" data-key="view_token">Просмотреть токен</span>
                            </a>
                            <a href="https://dedust.io/swap/TON/EQBzKIYP_WVnYS5kDbz-3zat98htNCXQUVfmkaH7fLdcEaT3" class="link-btn" target="_blank">
                                <i class="fas fa-exchange-alt"></i> <span class="lang-text" data-key="exchange_de">Обменять на DeDust</span>
                            </a>
                            <a href="https://app.ston.fi/swap?ft=TON&tt=EQBzKIYP_WVnYS5kDbz-3zat98htNCXQUVfmkaH7fLdcEaT3" class="link-btn" target="_blank">
                                <i class="fas fa-exchange-alt"></i> <span class="lang-text" data-key="exchange_st">Обменять на STON.fi</span>
                            </a>
                        </div>
                    </div>
                    
                    <!-- Polygon Token -->
                    <div class="token-card">
                        <div class="chain-info">
                            <div class="chain-badge poly-badge">
                                <i class="fas fa-polygon"></i> Polygon Blockchain
                            </div>
                        </div>
                        <h3>NET PRESENT VALUE (NPV)</h3>
                        <p><strong><span class="lang-text" data-key="symbol">Символ:</span></strong> NPV</p>
                        <p><strong><span class="lang-text" data-key="total_supply">Общее предложение:</span></strong> 777,777,777</p>
                        
                        <div class="address-box">
                            0x2B49580dd79289FEF7ffAa19AE89EbF0F45dE7A7
                            <button class="copy-btn" data-address="0x2B49580dd79289FEF7ffAa19AE89EbF0F45dE7A7">
                                <i class="fas fa-copy"></i>
                            </button>
                        </div>
                        
                        <div class="links">
                            <a href="https://polygonscan.com/token/0x2B49580dd79289FEF7ffAa19AE89EbF0F45dE7A7" class="link-btn" target="_blank">
                                <i class="fas fa-eye"></i> <span class="lang-text" data-key="view_token">Просмотреть токен</span>
                            </a>
                            <a href="https://app.uniswap.org/swap?outputCurrency=0x2b49580dd79289fef7ffaa19ae89ebf0f45de7a7" class="link-btn" target="_blank">
                                <i class="fas fa-exchange-alt"></i> <span class="lang-text" data-key="exchange_uni">Обменять на Uniswap</span>
                            </a>
                        </div>
                    </div>
                    
                    <!-- Ethereum Token -->
                    <div class="token-card">
                        <div class="chain-info">
                            <div class="chain-badge eth-badge">
                                <i class="fab fa-ethereum"></i> Ethereum Blockchain
                            </div>
                        </div>
                        <h3>Next Pro Vista (NPV)</h3>
                        <p><strong><span class="lang-text" data-key="symbol">Символ:</span></strong> NPV</p>
                        <p><strong><span class="lang-text" data-key="total_supply">Общее предложение:</span></strong> 381,654,729</p>
                        
                        <div class="address-box">
                            <span class="lang-text" data-key="proxy">Proxy:</span> 0xeD5a617F1f513DCaA7e81279eF9C5C450A8466eC
                            <button class="copy-btn" data-address="0xeD5a617F1f513DCaA7e81279eF9C5C450A8466eC">
                                <i class="fas fa-copy"></i>
                            </button>
                        </div>
                        
                        <div class="address-box">
                            <span class="lang-text" data-key="implementation">Implementation:</span> 0xC2DC257f6533Fa18954E12F8aADcF498D6C569Cb
                            <button class="copy-btn" data-address="0xC2DC257f6533Fa18954E12F8aADcF498D6C569Cb">
                                <i class="fas fa-copy"></i>
                            </button>
                        </div>
                        
                        <div class="links">
                            <a href="https://etherscan.io/address/0xed5a617f1f513dcaa7e81279ef9c5c450a8466ec" class="link-btn" target="_blank">
                                <i class="fas fa-eye"></i> <span class="lang-text" data-key="view_token">Просмотреть токен</span>
                            </a>
                            <a href="https://app.uniswap.org/swap?outputCurrency=0xeD5a617F1f513DCaA7e81279eF9C5C450A8466eC" class="link-btn" target="_blank">
                                <i class="fas fa-exchange-alt"></i> <span class="lang-text" data-key="exchange_uni">Обменять на Uniswap</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div id="nft" class="tab-content">
            <div class="card">
                <h2><i class="fas fa-image"></i> <span class="lang-text" data-key="nft_title">NFT Коллекция</span></h2>
                <div class="nft-card">
                    <h3><i class="fas fa-crown"></i> FERMA Collection</h3>
                    <p><span class="lang-text" data-key="nft_desc">Эксклюзивные аватары известных инвесторов и трейдеров в уникальном стиле. Каждый NFT имеет свой ранг и класс.</span></p>
                    <p><strong><span class="lang-text" data-key="nft_items">Количество:</span></strong> 123 NFT</p>
                    
                    <div class="nft-image">
                        <img src="https://s.getgems.io/nft/c/668788b84c594bb5da15c1d8/edit/images/1001488.png" alt="FERMA NFT Collection">
                    </div>
                    
                    <div class="address-box">
                        EQC9v_GSW1XcZEDb4SET51NhO7snQXfs81ltzyMtcoY4v0ol
                        <button class="copy-btn" data-address="EQC9v_GSW1XcZEDb4SET51NhO7snQXfs81ltzyMtcoY4v0ol">
                            <i class="fas fa-copy"></i>
                        </button>
                    </div>
                    
                    <div class="links">
                        <a href="https://tonviewer.com/EQC9v_GSW1XcZEDb4SET51NhO7snQXfs81ltzyMtcoY4v0ol" class="link-btn" target="_blank">
                            <i class="fas fa-eye"></i> <span class="lang-text" data-key="view_collection">Просмотреть коллекцию</span>
                        </a>
                        <a href="https://getgems.io/ferma" class="link-btn" target="_blank">
                            <i class="fas fa-shopping-cart"></i> <span class="lang-text" data-key="marketplace">Маркетплейс Getgems</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
        <div id="social" class="tab-content">
            <div class="card">
                <h2><i class="fas fa-hashtag"></i> <span class="lang-text" data-key="social_title">Социальные сети</span></h2>
                <p><span class="lang-text" data-key="social_subtitle">Присоединяйтесь к нашему сообществу в социальных сетях:</span></p>
                
                <div class="social-grid">
                    <a href="https://vk.link/netpresentvalue" class="social-card" target="_blank">
                        <div class="social-icon">
                            <i class="fas fa-link"></i>
                        </div>
                        <span>Официальный сайт</span>
                    </a>
                    
                    <a href="https://vk.com/netpresentvalue" class="social-card" target="_blank">
                        <div class="social-icon" style="background:linear-gradient(135deg, #0077b5, #00a0dc);">
                            <i class="fab fa-vk"></i>
                        </div>
                        <span>VKontakte</span>
                    </a>
                    
                    <a href="https://www.facebook.com/groups/netpresentvalue/" class="social-card" target="_blank">
                        <div class="social-icon" style="background:linear-gradient(135deg, #3b5998, #8b9dc3);">
                            <i class="fab fa-facebook"></i>
                        </div>
                        <span>Facebook</span>
                    </a>
                    
                    <a href="https://github.com/rucryptowhale" class="social-card" target="_blank">
                        <div class="social-icon" style="background:linear-gradient(135deg, #333, #6e5494);">
                            <i class="fab fa-github"></i>
                        </div>
                        <span>GitHub</span>
                    </a>
                    
                    <a href="https://t.me/Netpresentvalue" class="social-card" target="_blank">
                        <div class="social-icon" style="background:linear-gradient(135deg, #0088cc, #34b7f1);">
                            <i class="fab fa-telegram"></i>
                        </div>
                        <span>Telegram Channel</span>
                    </a>
                    
                    <a href="https://t.me/npvproject" class="social-card" target="_blank">
                        <div class="social-icon" style="background:linear-gradient(135deg, #0088cc, #34b7f1); border: 2px solid #34b7f1;">
                            <i class="fas fa-lock"></i>
                        </div>
                        <span>Приватный чат</span>
                    </a>
                    
                    <a href="https://x.com/NPVproject" class="social-card" target="_blank">
                        <div class="social-icon" style="background:linear-gradient(135deg, #000, #657786);">
                            <i class="fab fa-x-twitter"></i>
                        </div>
                        <span>Twitter / X</span>
                    </a>
                    
                    <a href="https://www.instagram.com/npvproject" class="social-card" target="_blank">
                        <div class="social-icon" style="background:linear-gradient(135deg, #e1306c, #833ab4);">
                            <i class="fab fa-instagram"></i>
                        </div>
                        <span>Instagram</span>
                    </a>
                    
                    <a href="https://discord.gg/WcuumfuUen" class="social-card" target="_blank">
                        <div class="social-icon" style="background:linear-gradient(135deg, #5865F2, #7289da);">
                            <i class="fab fa-discord"></i>
                        </div>
                        <span>Discord</span>
                    </a>
                </div>
            </div>
        </div>
        
        <div class="warning">
            <h3><i class="fas fa-exclamation-triangle"></i> <span class="lang-text" data-key="warning_title">Важное предупреждение</span></h3>
            <p><span class="lang-text" data-key="warning_text">Весь контент, предоставленный на нашем сайте, гиперссылках, связанных приложениях, форумах, блогах, аккаунтах в социальных сетях и других платформах, предназначен исключительно для общей информации и получен из различных источников. Мы не даем никаких гарантий относительно нашего контента и услуг, включая, но не ограничиваясь, точностью, безопасностью и своевременностью. Никакая часть контента и услуг, предоставляемых нами, не является финансовым, юридическим или любым другим видом консультации, предназначенной для вашего конкретного использования в каких-либо целях. Организаторы сообщества не имеют лицензий от финансовых регулирующих органов и не занимается ценными бумагами и не продвигают их. Любое использование или полагание на наш контент и услуги осуществляется исключительно на ваш страх и риск. Вы должны проводить собственное исследование, анализ, проверку и анализировать наш контент и услуги перед тем, как полагаться на них или использовать их.</span></p>
        </div>
        
        <footer>
            <p>© 2024 Net Present Value Community. <span class="lang-text" data-key="rights">Все права защищены.</span></p>
            <p><span class="lang-text" data-key="founded">Основано в 2024 году</span> | KPUR</p>
        </footer>
    </div>

    <script>
        // Translation data
        const translations = {
            ru: {
                about: "О нас",
                tokens: "Токены",
                nft: "NFT",
                social: "Социальные сети",
                about_title: "О сообществе Net Present Value",
                about_text1: "Net Present Value (NPV) объединяет инвесторов и трейдеров, работающих с разными активами. Название проекта отражает его суть:",
                financial_concept: "Финансовый концепт",
                about_text2: "(Чистая приведённая стоимость)",
                about_text3: "ключевой финансовый показатель, демонстрирующий реальную ценность инвестиций.",
                alternative: "Альтернативная трактовка",
                about_text5: "(Сеть)",
                about_text6: "(Подарок)",
                about_text7: "(Ценность)",
                our_goals: "Наши цели",
                about_text8: "Создание инвестиционного синдиката, который предоставляет:",
                about_text9: "Качественную аналитику рынков",
                about_text10: "Образовательные материалы",
                about_text11: "Инновационные финансовые продукты",
                founder: "Основатель",
                about_text12: "Сообщество основано опытным инвестором KPUR из России, который развивает проект с 2024 года.",
                values_title: "Наши ценности",
                value1: "Последовательный рост капитала при минимальных рисках",
                value2: "Изучение рынков, экономики и поведенческих моделей",
                value3: "Поддержка начинающих инвесторов и защита от потерь",
                value4: "Уважение к мнению каждого участника сообщества",
                value5: "Отсутствие политических обсуждений и конфликтов",
                value6: "Мы НЕ даём индивидуальных инвестиционных рекомендаций",
                roadmap_btn: "Дорожная карта проекта",
                tokens_title: "Токены Net Present Value",
                token_info: "Эти токены вознаграждают за активное участие в сообществе, изучающем инвестиции и блокчейн. Ограниченный выпуск. Функции развиваются в зависимости от потребностей участников. Токен технически доступен для торговли, но не имеет фиксированной стоимости и не предоставляет никаких гарантий. Работа с токеном сопряжена с рисками.",
                ton_token: "NPV на TON",
                poly_token: "NPV на Polygon",
                eth_token: "NPV на Ethereum",
                symbol: "Символ:",
                total_supply: "Общее предложение:",
                proxy: "Proxy:",
                implementation: "Implementation:",
                view_token: "Просмотреть токен",
                exchange_de: "Обменять на DeDust",
                exchange_st: "Обменять на STON.fi",
                exchange_uni: "Обменять на Uniswap",
                nft_title: "NFT Коллекция",
                nft_desc: "Эксклюзивные аватары известных инвесторов и трейдеров в уникальном стиле. Каждый NFT имеет свой ранг и класс.",
                nft_items: "Количество:",
                view_collection: "Просмотреть коллекцию",
                marketplace: "Маркетплейс Getgems",
                social_title: "Социальные сети",
                social_subtitle: "Присоединяйтесь к нашему сообществу в социальных сетях:",
                website: "Официальный сайт",
                private_chat: "Приватный чат",
                warning_title: "Важное предупреждение",
                warning_text: "Весь контент, предоставленный на нашем сайте, гиперссылках, связанных приложениях, форумах, блогах, аккаунтах в социальных сетях и других платформах, предназначен исключительно для общей информации и получен из различных источников. Мы не даем никаких гарантий относительно нашего контента и услуг, включая, но не ограничиваясь, точностью, безопасностью и своевременностью. Никакая часть контента и услуг, предоставляемых нами, не является финансовым, юридическим или любым другим видом консультации, предназначенной для вашего конкретного использования в каких-либо целях. Организаторы сообщества не имеют лицензий от финансовых регулирующих органов и не занимается ценными бумагами и не продвигают их. Любое использование или полагание на наш контент и услуги осуществляется исключительно на ваш страх и риск. Вы должны проводить собственное исследование, анализ, проверку и анализировать наш контент и услуги перед тем, как полагаться на них или использовать их.",
                rights: "Все права защищены.",
                founded: "Основано в 2024 году"
            },
            en: {
                about: "About",
                tokens: "Tokens",
                nft: "NFT",
                social: "Social Media",
                about_title: "About Net Present Value Community",
                about_text1: "Net Present Value (NPV) unites investors and traders working with various assets. The project name reflects its essence:",
                financial_concept: "Financial Concept",
                about_text2: "(Net Present Value)",
                about_text3: "a key financial indicator demonstrating the real value of investments.",
                alternative: "Alternative Interpretation",
                about_text5: "(Network)",
                about_text6: "(Gift)",
                about_text7: "(Value)",
                our_goals: "Our Goals",
                about_text8: "Creating an investment syndicate providing:",
                about_text9: "High-quality market analytics",
                about_text10: "Educational materials",
                about_text11: "Innovative financial products",
                founder: "Founder",
                about_text12: "The community was founded by experienced investor KPUR from Russia, developing the project since 2024.",
                values_title: "Our Values",
                value1: "Consistent capital growth with minimal risks",
                value2: "Study of markets, economics, and behavioral models",
                value3: "Support for novice investors and protection against losses",
                value4: "Respect for every community member's opinion",
                value5: "Absence of political discussions and conflicts",
                value6: "We do NOT provide individual investment recommendations",
                roadmap_btn: "Project Roadmap",
                tokens_title: "Net Present Value Tokens",
                token_info: "These tokens reward active participation in a community studying investments and blockchain. Limited issue. Features evolve based on participants' needs. The token is technically available for trading but has no fixed value and provides no guarantees. Working with tokens involves risks.",
                ton_token: "NPV on TON",
                poly_token: "NPV on Polygon",
                eth_token: "NPV on Ethereum",
                symbol: "Symbol:",
                total_supply: "Max Total Supply:",
                proxy: "Proxy:",
                implementation: "Implementation:",
                view_token: "View Token",
                exchange_de: "Exchange on DeDust",
                exchange_st: "Exchange on STON.fi",
                exchange_uni: "Exchange on Uniswap",
                nft_title: "NFT Collection",
                nft_desc: "Exclusive avatars of well-known investors and traders in a unique style. Each NFT has its own rank and class.",
                nft_items: "Items:",
                view_collection: "View Collection",
                marketplace: "Getgems Marketplace",
                social_title: "Social Networks",
                social_subtitle: "Join our community on social networks:",
                website: "Official Website",
                private_chat: "Private Chat",
                warning_title: "Important Warning",
                warning_text: "All content provided on our website, hyperlinks, related applications, forums, blogs, social media accounts, and other platforms is for general information purposes only and obtained from various sources. We make no warranties regarding our content and services, including but not limited to accuracy, security, and timeliness. No part of the content and services we provide constitutes financial, legal, or any other type of advice intended for your specific use for any purpose. The community organizers do not have licenses from financial regulators and do not deal with or promote securities. Any use or reliance on our content and services is solely at your own risk. You must conduct your own research, analysis, verification, and evaluation of our content and services before relying on or using them.",
                rights: "All rights reserved.",
                founded: "Founded in 2024"
            }
        };

        // Set initial language
        let currentLang = 'ru';

        // Function to apply translations
        function applyTranslations(lang) {
            currentLang = lang;
            document.querySelectorAll('.lang-text').forEach(element => {
                const key = element.getAttribute('data-key');
                if (translations[lang][key]) {
                    element.textContent = translations[lang][key];
                }
            });
        }

        // Tab switching functionality
        document.querySelectorAll('.tab-btn').forEach(button => {
            button.addEventListener('click', () => {
                // Remove active class from all buttons and content
                document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
                document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));
                
                // Add active class to clicked button
                button.classList.add('active');
                
                // Show corresponding content
                const tabId = button.getAttribute('data-tab');
                document.getElementById(tabId).classList.add('active');
            });
        });
        
        // Language switcher functionality
        const langBtn = document.querySelector('.lang-btn');
        const langOptions = document.querySelector('.lang-options');
        
        langBtn.addEventListener('click', () => {
            langOptions.style.display = langOptions.style.display === 'block' ? 'none' : 'block';
        });
        
        document.querySelectorAll('.lang-option').forEach(option => {
            option.addEventListener('click', () => {
                const lang = option.getAttribute('data-lang');
                applyTranslations(lang);
                langOptions.style.display = 'none';
                
                // Update button text
                langBtn.innerHTML = langBtn.innerHTML.replace(/Русский|English/, option.textContent.trim());
            });
        });
        
        // Copy address functionality
        document.querySelectorAll('.copy-btn').forEach(button => {
            button.addEventListener('click', () => {
                const address = button.getAttribute('data-address');
                navigator.clipboard.writeText(address).then(() => {
                    const originalHTML = button.innerHTML;
                    button.innerHTML = '<i class="fas fa-check"></i>';
                    setTimeout(() => {
                        button.innerHTML = originalHTML;
                    }, 2000);
                });
            });
        });
        
        // Close language dropdown when clicking outside
        document.addEventListener('click', (e) => {
            if (!langBtn.contains(e.target) && !langOptions.contains(e.target)) {
                langOptions.style.display = 'none';
            }
        });

        // Initialize translations
        applyTranslations(currentLang);
    </script>
</body>
</html>