// ================================= // VIDEOS // ================================= const homepageVideos = document.getElementById( "homepageVideos" ); const randomVideos = videos .sort(() => Math.random() - 0.5) .slice(0, 6); randomVideos.forEach(video
=> { homepageVideos.innerHTML += `

<a class='video-card' href='/videos/watch?id=${video.id}'>

    <video src="${video.video}" poster="${video.thumbnail}" muted autoplay loop playsinline preload="metadata">
</video>

    <div class="video-info">

        <h3>
            ${video.title}
        </h3>

        <p>
            ${video.city}
        </p>

    </div>

</a>

`; }); // ================================= // ESCORTS // ================================= const homepageEscorts = document.getElementById( "homepageEscorts" ); const randomEscorts = escorts .sort(() => Math.random() - 0.5) .slice(0, 6); randomEscorts.forEach(escort
=> { homepageEscorts.innerHTML += `

<div class="escort-card">

    <a class='escort-link' href='/escorts/profile?id=${escort.id}&slug=${escort.slug}'>



        <div class="escort-image-wrap">

            <img src="${escort.image}" alt="${escort.name}"> ${escort.hasVideo ? `

            <div class="video-icon">

                ▶

            </div>

            ` : ""}

        </div>



        <div class="escort-info">

            <h3>

                ${escort.name}

            </h3>

            <p>

                ${escort.city}

            </p>

        </div>

    </a>



    <a href="tel:${escort.phone}" class="call-btn">

Piga Simu

</a>

</div>

`; }); // ================================= // BLOGS // ================================= const homepageBlogs = document.getElementById( "homepageBlogs" ); const randomBlogs = blogs .sort(() => Math.random() - 0.5) .slice(0, 5); randomBlogs.forEach(blog
=> { homepageBlogs.innerHTML += `

<a class='blog-card' href='/blogs/blog?id=${blog.id}'>

    <img src="${blog.image}" alt="${blog.title}">



    <div class="blog-body">

        <span class="blog-category">

${blog.category}

</span>



        <h3>

            ${blog.title}

        </h3>



        <p>

            ${blog.excerpt}

        </p>

    </div>

</a>

`; }); // ================================= // SEO CONTENT // ================================= const seoContainer = document.getElementById( "seoContainer" ); const randomSeo = seoContents .sort(() => Math.random() - 0.5) .slice(0, 3); randomSeo.forEach(item
=> { seoContainer.innerHTML += `

<div class="seo-content-card">

    <h3>

        ${item.title}

    </h3>

    <p>

        ${item.text}

    </p>

</div>

`; }); // ================================= // HOMEPAGE SEO // ================================= const cities = [ ...new Set( escorts.map( escort => escort.city ) ) ]; const homepageDescription = `Browse ${escorts.length} escort profiles, ${videos.length}
videos and ${blogs.length} blogs across ${cities.join(", ")} Tanzania.`; let metaDescription = document.querySelector( 'meta[name="description"]' ); if (metaDescription) { metaDescription.content = homepageDescription; } const keywordList = [ ...cities,
...videos.flatMap( video => video.tags ), ...blogs.map( blog => blog.category ), ...seoContents.map( item => item.title ) ]; const uniqueKeywords = [...new Set(keywordList)]; let metaKeywords = document.querySelector( 'meta[name="keywords"]' ); if (!metaKeywords)
{ metaKeywords = document.createElement("meta"); metaKeywords.name = "keywords"; document.head.appendChild( metaKeywords ); } metaKeywords.content = uniqueKeywords.join(", ");