<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <title>تغییر صدا با هوش مصنوعی</title>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            font-family: 'Arial', sans-serif;
            background-color: #0d0d2b;
            color: #fff;
            overflow-x: hidden;
        }

        /* نوشته تغییر صدا با هوش مصنوعی */
        #ai-text {
            margin: 20px 0;
            font-size: 2em;
            color: #fff;
            text-align: center;
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
            animation: textGlow 3s infinite alternate;
            position: relative;
            z-index: 2;
        }

        @keyframes textGlow {
            from {
                text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
            }
            to {
                text-shadow: 0 0 20px rgba(255, 255, 255, 1);
            }
        }

        /* دکمه شروع تغییر صدا با تم هوش مصنوعی */
        .start-button {
            display: inline-block;
            margin: 20px auto;
            padding: 10px 30px;
            font-size: 1.5em;
            background: linear-gradient(90deg, #0fbcf9, #0be881);
            color: #fff;
            border: 2px solid #fff;
            border-radius: 50px;
            cursor: pointer;
            animation: buttonGlow 2s infinite ease-in-out, borderAnimation 3s infinite;
            transition: transform 0.3s ease, background 0.3s ease;
            box-shadow: 0 0 15px rgba(15, 188, 249, 0.7);
            position: relative;
            z-index: 2;
            text-decoration: none;
            text-align: center;
        }

        @keyframes borderAnimation {
            0%, 100% {
                border-color: transparent;
            }
            50% {
                border-color: #fff;
            }
        }

        .start-button:hover {
            transform: scale(1.1);
            background: linear-gradient(90deg, #0be881, #0fbcf9);
        }

        @keyframes buttonGlow {
            0%, 100% {
                box-shadow: 0 0 10px rgba(15, 188, 249, 0.7);
            }
            50% {
                box-shadow: 0 0 20px rgba(11, 232, 129, 1);
            }
        }

        /* دکمه‌های جدید با انیمیشن */
        .animated-button, .night-sky-button {
            width: 300px; /* اندازه یکسان برای هر دو دکمه */
            background-color: #1a1a2e;
            padding: 16px 32px;
            border-radius: 8px;
            color: white;
            font-size: 20px;
            border: none;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            display: inline-block;
            text-align: center;
            margin: 20px 10px;
            text-decoration: none;
        }

        /* استایل مخصوص دکمه چت با هوش مصنوعی */
        .animated-button {
            animation: pulse 3s infinite;
            color: white;
            text-decoration: none;
        }

        .animated-button span {
            position: relative;
            z-index: 3;
            color: white;
        }

        /* افکت آب در داخل دکمه */
        .animated-button::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(15, 188, 249, 0.5);
            z-index: 1;
            animation: calmWave 8s ease-in-out infinite;
        }

        /* افکت نور پشت دکمه */
        .animated-button::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05), transparent);
            animation: wind 40s linear infinite;
            z-index: 0;
        }

        @keyframes wind {
            0% {
                transform: translateX(0) translateY(0) rotate(0deg);
            }
            100% {
                transform: translateX(100%) translateY(-100%) rotate(360deg);
            }
        }

        /* انیمیشن موج‌های آرام */
        @keyframes calmWave {
            0%, 100% {
                clip-path: polygon(0% 70%, 10% 73%, 20% 70%, 30% 73%, 40% 70%, 50% 73%, 60% 70%, 70% 73%, 80% 70%, 90% 73%, 100% 70%, 100% 100%, 0% 100%);
            }
            50% {
                clip-path: polygon(0% 72%, 10% 75%, 20% 72%, 30% 75%, 40% 72%, 50% 75%, 60% 72%, 70% 75%, 80% 72%, 90% 75%, 100% 72%, 100% 100%, 0% 100%);
            }
        }

        .animated-button:hover {
            background-color: #0fbcf9;
            transform: scale(1.05);
            box-shadow: 0 0 20px rgba(15, 188, 249, 0.5);
            color: white;
        }

        /* کشتی و مرد */
        .ship {
            position: absolute;
            bottom: 25%;
            left: -20%;
            width: 30px;
            height: 30px;
            z-index: 2;
            animation: shipMove 16s linear infinite;
        }

        .boat {
            position: absolute;
            bottom: 0;
            left: 5px;
            width: 20px;
            height: 10px;
            background: sienna;
            border-radius: 0 0 5px 5px;
        }

        .sail {
            position: absolute;
            bottom: 10px;
            left: 7px;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 12px solid white;
        }

        .man {
            position: absolute;
            bottom: 10px;
            left: 12px;
            width: 5px;
            height: 10px;
            background: black;
        }

        .paddle {
            position: absolute;
            bottom: 5px;
            left: 15px;
            width: 15px;
            height: 2px;
            background: brown;
            transform-origin: left center;
            animation: paddleMove 1s linear infinite;
        }

        @keyframes paddleMove {
            0% {
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(45deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }

        @keyframes shipMove {
            0% {
                left: -20%;
            }
            100% {
                left: 100%;
            }
        }

        /* افکت محو شدن متن */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* دکمه آسمان پرستاره با سیارات متعدد */
        .night-sky-button {
            background-color: #000033;
            padding: 16px 32px;
            border-radius: 8px;
            color: #ffffff;
            font-size: 20px;
            border: none;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            display: inline-block;
            text-align: center;
            margin: 20px 10px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
            z-index: 2;
            text-decoration: none;
        }

        /* ایجاد پس‌زمینه آسمان پرستاره با سیارات متعدد */
        .night-sky-button::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: transparent url('data:image/svg+xml,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22planetGradient1%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff4500%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffff00%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient2%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%238a2be2%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%234b0082%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient3%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300ced1%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231e90ff%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient4%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff1493%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff69b4%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient5%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300ff7f%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237fff00%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient6%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23dc143c%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff4500%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient7%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ffd700%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffa500%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient8%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bfff%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231e90ff%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient9%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23adff2f%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237fff00%22/%3E%3C/radialGradient%3E%3CradialGradient%20id%3D%22planetGradient10%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff69b4%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff1493%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2220%22%20r%3D%220.9%22/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2240%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2260%22%20r%3D%220.8%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2280%22%20r%3D%220.9%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22100%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22120%22%20r%3D%220.8%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22140%22%20r%3D%220.9%22/%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%22160%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2240%22%20r%3D%220.8%22/%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2260%22%20r%3D%220.9%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%2280%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22100%22%20r%3D%220.8%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22120%22%20r%3D%220.9%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22140%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2260%22%20r%3D%220.8%22/%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%2280%22%20r%3D%220.9%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22100%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22120%22%20r%3D%220.8%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22140%22%20r%3D%220.9%22/%3E%3C/g%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%20from%3D%220%200%22%20to%3D%22-200%200%22%20dur%3D%2250s%22%20repeatCount%3D%22indefinite%22/%3E%3Cg%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%2250%22%20r%3D%225%22%20fill%3D%22url(%23planetGradient1)%22%3E%3CanimateMotion%20dur%3D%2230s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20-250%200%20C%20-150%20-50%20150%2050%20250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22-50%22%20cy%3D%2280%22%20r%3D%224%22%20fill%3D%22url(%23planetGradient2)%22%3E%3CanimateMotion%20dur%3D%2235s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20250%200%20C%20150%2050%20-150%20-50%20-250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%22110%22%20r%3D%225%22%20fill%3D%22url(%23planetGradient3)%22%3E%3CanimateMotion%20dur%3D%2240s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20-250%200%20C%20-150%2050%20150%20-50%20250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22-50%22%20cy%3D%22140%22%20r%3D%224%22%20fill%3D%22url(%23planetGradient4)%22%3E%3CanimateMotion%20dur%3D%2232s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20250%200%20C%20150%20-50%20-150%2050%20-250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%2270%22%20r%3D%225%22%20fill%3D%22url(%23planetGradient5)%22%3E%3CanimateMotion%20dur%3D%2238s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20-250%200%20C%20-150%20-50%20150%2050%20250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22-50%22%20cy%3D%22100%22%20r%3D%224%22%20fill%3D%22url(%23planetGradient6)%22%3E%3CanimateMotion%20dur%3D%2242s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20250%200%20C%20150%2050%20-150%20-50%20-250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%22130%22%20r%3D%225%22%20fill%3D%22url(%23planetGradient7)%22%3E%3CanimateMotion%20dur%3D%2236s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20-250%200%20C%20150%2050%20-150%20-50%20-250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22-50%22%20cy%3D%22160%22%20r%3D%224%22%20fill%3D%22url(%23planetGradient8)%22%3E%3CanimateMotion%20dur%3D%2240s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20250%200%20C%20150%20-50%20-150%2050%20-250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%2290%22%20r%3D%225%22%20fill%3D%22url(%23planetGradient9)%22%3E%3CanimateMotion%20dur%3D%2234s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20-250%200%20C%20150%20-50%20150%2050%20-250%200%22/%3E%3C/circle%3E%3Ccircle%20cx%3D%22-50%22%20cy%3D%22120%22%20r%3D%224%22%20fill%3D%22url(%23planetGradient10)%22%3E%3CanimateMotion%20dur%3D%2244s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20250%200%20C%20150%2050%20-150%20-50%20-250%200%22/%3E%3C/circle%3E%3C/g%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2215%22%20y2%3D%220%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%3E%3CanimateMotion%20dur%3D%2215s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%20200%20200%20L%20-200%20-200%22%20begin%3D%225s%22/%3E%3C/line%3E%3C/svg%3E') repeat;
            background-size: 200px 200px;
            animation: twinkling 50s linear infinite;
            z-index: 1;
        }

        /* انیمیشن حرکت ستاره‌ها */
        @keyframes twinkling {
            from {
                transform: translate3d(0, 0, 0);
            }
            to {
                transform: translate3d(-200px, 0, 0);
            }
        }

        .night-sky-button:hover {
            background-color: #000044;
            transform: scale(1.05);
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
        }

        .night-sky-button:link,
        .night-sky-button:visited,
        .night-sky-button:hover,
        .night-sky-button:active {
            color: #ffffff;
            text-decoration: none;
        }

        /* مدیا کوئری برای حالت موبایل */
        @media (max-width: 768px) {
            .start-button, .animated-button, .night-sky-button {
                width: 80%;
                font-size: 1em;
            }
        }
    </style>
</head>
<body>
    <!-- متن تغییر صدا با هوش مصنوعی -->
    <div id="ai-text">تغییر صدا با هوش مصنوعی</div>

    <!-- دکمه شروع تغییر صدا -->
    <div style="text-align: center;">
        <a class="start-button" href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/page-builder203">
            <span style="font-size: 16pt;">شروع تغییر صدا</span> (<span style="font-size: 12pt;">رایگان</span>)
        </a>
    </div>

    <!-- دکمه‌های جدید -->
    <div style="text-align: center;">
        <!-- دکمه چت با هوش مصنوعی -->
        <a href="https://aisada.ir/chat" class="animated-button">
            <span>چت با هوش مصنوعی</span>
            <div class="ship">
                <div class="boat"></div>
                <div class="sail"></div>
                <div class="man"></div>
                <div class="paddle"></div>
            </div>
        </a>

        <!-- دکمه ساخت تصاویر با هوش مصنوعی -->
        <a href="https://aisada.ir/flux" class="night-sky-button">ساخت تصاویر با هوش مصنوعی</a>
    </div>
</body>
</html>
پایین دو تا دکمه چت با هوش مصنوعی و ساخت عکس با هوش مصنوعی پایین این دو تا دکمه یک دکمه دیگه‌ای باشه که روش نوشته باشه نمایش ابزارهای هوش مصنوعی بیشتر که وقتی کاربر روی این دکمه کلیک می‌کنه دو تا دکمه دیگه در واقع نمایش داده بشه یک دکمه اسمش باشه گسترش تصاویر با هوش مصنوعی و یکی دیگه اسمش باشه ساخت ویدیو با هوش مصنوعی 
وقتی روی دکمه نمایش ابزارهای هوش مصنوعی بیشتر کلیک می‌کنیم اون دو تا دکمه اضافه هم نمایش داده بشه وقتی نمایش داده شد اسم دکمه تغییر کنه به کمتر  باز وقتی روی کمتر کلیک می‌کنیم دکمه‌ها برگرده به حالت قبلی و بسته بشه یه چیزی شبیه کد پایین 
<style>
    html, body {
        margin: 0;
        font-family: 'Arial', sans-serif;
        background-color: #0d0d2b;
        color: #fff;
        overflow-x: hidden;
        padding: 0;
    }

    /* بخش انتخاب صدا */
    #voice-actors {
        padding: 30px 20px;
        text-align: center;
        background-color: #0d0d2b;
        position: relative;
        overflow: hidden;
    }

    #voice-actors h2 {
        font-size: 2em;
        color: #fff;
        margin-bottom: 10px;
        position: relative;
        z-index: 1;
    }

    #voice-actors p {
        font-size: 1em;
        color: #aaa;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
    }

    .gallery-container {
        width: 100%;
        overflow-x: hidden;
    }

    .gallery {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .gallery-item {
        flex: 1 1 calc(25% - 10px);
        max-width: calc(25% - 10px);
        text-align: center;
        transition: transform 0.3s ease;
        overflow: hidden;
        border-radius: 10px;
    }

    .gallery-item img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: 3%;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        animation: imageFadeIn 1s ease forwards;
        opacity: 0;
    }

    @keyframes imageFadeIn {
        to {
            opacity: 1;
        }
    }

    .gallery-item p {
        margin-top: 5px;
        font-size: 0.8em;
        line-height: 1.2;
        color: #fff;
    }

    .gallery-item:hover img {
        transform: scale(1.05) rotate(2deg);
        box-shadow: 0 0 15px rgba(15, 188, 249, 0.7);
    }

    /* پنهان کردن آیتم‌های اضافی در ابتدا */
    .extra-item {
        display: none;
    }

    /* دکمه نمایش بیشتر/کمتر */
    #toggle-button {
        display: block;
        margin: 20px auto;
        padding: 10px 20px;
        font-size: 1em;
        background: linear-gradient(90deg, #0fbcf9, #0be881);
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        animation: buttonGlow 2s infinite ease-in-out;
        transition: transform 0.3s ease, background 0.3s ease;
        box-shadow: 0 0 15px rgba(15, 188, 249, 0.7);
        position: relative;
        z-index: 2;
    }

    #toggle-button:hover {
        transform: scale(1.05);
        background: linear-gradient(90deg, #0be881, #0fbcf9);
    }

    @keyframes buttonGlow {
        0%, 100% {
            box-shadow: 0 0 10px rgba(15, 188, 249, 0.7);
        }
        50% {
            box-shadow: 0 0 20px rgba(11, 232, 129, 1);
        }
    }

    /* مدیا کوئری برای حالت موبایل */
    @media (max-width: 768px) {
        .gallery-item {
            flex: 1 1 calc(25% - 10px);
            max-width: calc(25% - 10px);
        }
    }
</style>
<p dir="rtl" style="text-align: center;"><span style="font-size: 2em; text-align: center;">انتخاب صدای مورد نظر</span></p>
<section id="voice-actors">
<p>با استفاده از صدای افراد مشهور، صدای خود را تغییر دهید.</p>
<div class="gallery-container">
<div class="gallery"><!-- آیتم‌های گالری --> <!-- آیتم‌های ۱ تا ۲۰ --> <!-- آیتم ۱ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17330699"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188203.jpg" alt="شادمهر عقیلی" /> </a>
<p><span style="font-size: 8pt;"><span style="font-size: 10pt;">شادمهر</span> عقیلی</span></p>
</div>
<!-- آیتم ۲ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17330733"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188207.jpg" alt="فردوسی پور" /> </a>
<p>فردوسی پور</p>
</div>
<!-- آیتم ۳ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17330888"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188210.jpg" alt="یوسف" /> </a>
<p>یوسف</p>
</div>
<!-- آیتم ۴ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17333535"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/05193bd0-703f-4e3e-bfd8-5fa9b034dbe3.jpg" alt="هایده" /> </a>
<p>هایده</p>
</div>
<!-- آیتم ۵ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17333304"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188213.jpg" alt="فرزاد فرزین" /> </a>
<p>فرزاد فرزین</p>
</div>
<!-- آیتم ۶ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17333250"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/5dbc55de-d6ab-442f-9a00-da874521cc0b.jpg" alt="معین" /> </a>
<p>معین</p>
</div>
<!-- آیتم ۷ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17349597"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188502.jpg" alt="ناصر طهماسب (دوبلور)" /> </a>
<p><span style="font-size: 8pt;"><span style="font-size: 10pt;">ناصر طهماسب</span> (دوبلور)</span></p>
</div>
<!-- آیتم ۸ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17349594"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188224.jpg" alt="مهستی" /> </a>
<p>مهستی</p>
</div>
<!-- آیتم ۹ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17349586"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188221.jpg" alt="مجید رضوی" /> </a>
<p>مجید رضوی</p>
</div>
<!-- آیتم ۱۰ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17333709"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188218-۱.jpg" alt="علیرضا طلیسچی" /> </a>
<p><span style="color: #aaaaaa;">طلیسچی&nbsp;</span></p>
</div>
<!-- آیتم ۱۱ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17349606"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188512.jpg" alt="جومونگ" /> </a>
<p>جومونگ</p>
</div>
<!-- آیتم ۱۲ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17349629"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188518.jpg" alt="مهدی احمدوند" /> </a>
<p>مهدی <span style="font-size: 8pt;">احمدوند</span></p>
</div>
<!-- آیتم ۱۳ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17349638"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/64a802d3-a50d-45a7-8ba2-0262b9d7bdcd.jpg" alt="عمو پورنگ" /> </a>
<p>عمو پورنگ</p>
</div>
<!-- آیتم ۱۴ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17354615"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188649.jpg" alt="اشوان" /> </a>
<p>اشوان</p>
</div>
<!-- آیتم ۱۵ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17354618"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/1000188654.jpg" alt="باب اسفنجی" /> </a>
<p>باب اسفنجی</p>
</div>
<!-- آیتم ۱۶ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17354647"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/061a8986-6494-4c4b-8540-e55a6f5ae64c.jpg" alt="رونالدو" /> </a>
<p>رونالدو</p>
</div>
<!-- آیتم ۱۷ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17354695"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر%20صدا%20با%20هوش%20مصنوعی/31ec21f4-93cc-42bc-b2e4-339da2f8ee97.jpg" alt="ابی" /> </a>
<p>ابی</p>
</div>
<!-- آیتم ۱۸ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17354695"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/1000189520.jpg" alt="بهرام" /> </a>
<p>بهرام&nbsp;</p>
</div>
<!-- آیتم ۱۹ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17420794"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/1551c598-f02f-4ced-a037-33d2d7317edd.jpg" alt="بیلی آیلیش" /> </a>
<p>بیلی آیلیش</p>
</div>
<!-- آیتم ۲۰ -->
<div class="gallery-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17420930"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/45d85d2f-1b51-4ee2-a89a-d8e9b66b5d03.jpg" alt="حمیرا" /> </a>
<p>حمیرا</p>
</div>
<!-- آیتم‌های اضافی (کلاس extra-item) --> <!-- آیتم ۲۱ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17420802"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/bf38e73f-19c8-44e7-bf2f-e53b9fb8f6a1.jpg" alt="چنگیز جلیلوند" /> </a>
<p>چنگیز جلیلوند&nbsp;</p>
</div>
<!-- آیتم ۲۲ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17420834"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/094cc74f-01ec-45df-bb08-7de1eee4c76a.jpg" alt="امینم" /> </a>
<p>امینم</p>
</div>
<!-- آیتم ۲۳ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17420839"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/1000189540 (1).jpg" alt="سیاوش قمیشی" /> </a>
<p>سیاوش قمیشی&nbsp;</p>
</div>
<!-- آیتم ۲۴ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17437202"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/e778fb9a-d4dc-4553-b4c8-89b229f0c6eb.jpg" alt="اهورا نیازی" /> </a>
<p>اهورا نیازی&nbsp;</p>
</div>
<!-- آیتم ۲۵ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17421267"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/86501f6b-a29a-48ef-98ef-b97289de1a65.jpg" alt="جناب خان" /> </a>
<p>جناب خان&nbsp;</p>
</div>
<!-- آیتم ۲۶ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17421738"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/1000189552.jpg" alt="جواد خیابانی" /> </a>
<p>جواد خیابانی&nbsp;</p>
</div>
<!-- آیتم ۲۷ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17421954"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/1000189556.jpg" alt="مسی" /> </a>
<p>مسی</p>
</div>
<!-- آیتم ۲۸ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17436483"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/32eda534-2dfc-4053-8248-6fafea195a54.jpg" alt="سورنا" /> </a>
<p>سورنا</p>
</div>
<!-- آیتم ۲۹ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17436509"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/c942a66b-55e9-4987-8554-26ea572627e3.jpg" alt="یاس" /> </a>
<p>یاس</p>
</div>
<!-- آیتم ۳۰ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17437352"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/c52eefb1-071e-40ea-9bc2-e20a7c29cb81.jpg" alt="محسن چاوشی" /> </a>
<p>محسن چاوشی&nbsp;</p>
</div>
<!-- آیتم ۳۱ -->
<div class="gallery-item extra-item"><a href="https://apperio.ir/mobile/0V9S-0FG0-7Q3H-GKD4#/nav/online/news/getSingle/1149635/eyJpdiI6ImxrbW9Kb3Bqc0dTQk9aRmppSFB6c2c9PSIsInZhbHVlIjoidmJiTVN3ZGtia2lOVEdtWEQ3bUdwZXhWQ1pLZkxqdHNyd2VxVTlCZUVTaHcrWU04aWhYbjMvbmhCeDZ1RlJQSCIsIm1hYyI6IjBmZDM5N2EzODA5YmMyNGIyNTNjMTM5NGUyY2QxNDk3ZGRiMzk3NGMxZmEzNmM2ZWNlOTY4MTc0N2MxN2FhMmMiLCJ0YWciOiIifQ==/17437405"> <img src="https://app.puzzley.net/uploads/user/Jydo/تغیر صدا با هوش مصنوعی/79844dc8-44f2-4f13-84f3-af2d4ef8e08c.jpg" alt="پوری" /> </a>
<p>پوری</p>
</div>
</div>
</div>
<!-- دکمه نمایش بیشتر/کمتر --> <button id="toggle-button">نمایش مدل&zwnj;های بیشتر</button></section>
<!-- اسکریپت JavaScript -->
<p>
<script>
    // انتخاب دکمه و آیتم‌های اضافی
    const toggleButton = document.getElementById('toggle-button');
    const extraItems = document.querySelectorAll('.extra-item');
    let isExpanded = false;

    // افزودن رویداد کلیک به دکمه
    toggleButton.addEventListener('click', () => {
        if (!isExpanded) {
            // نمایش آیتم‌های اضافی
            extraItems.forEach(item => {
                item.style.display = 'block';
            });
            toggleButton.textContent = 'نمایش مدل‌های کمتر';
            isExpanded = true;
        } else {
            // پنهان کردن آیتم‌های اضافی
            extraItems.forEach(item => {
                item.style.display = 'none';
            });
            toggleButton.textContent = 'نمایش مدل‌های بیشتر';
            isExpanded = false;
        }
    });
</script>
</p> در این کد وقتی روی ه نمایش مدل‌های بیشتر کلیک می‌کنیم مدل‌های بیشتر نمایش میده اما دکمه بالای من رو تو جوری درست کن که وقتی روی نمایش ابزارهای بیشتر کلیک می‌کنیم دو تا دکمه اضافه را هم نمایش بده دکمه‌ها رو هم ثل دکمه‌های بالاتر درست کن که حال و هوای هوش و مصنوعی داشته باشه