{"id":3785,"date":"2025-08-15T21:09:12","date_gmt":"2025-08-16T01:09:12","guid":{"rendered":"https:\/\/migihub.com\/blog\/"},"modified":"2025-11-23T07:18:06","modified_gmt":"2025-11-23T11:18:06","slug":"le-hub-insights","status":"publish","type":"page","link":"https:\/\/migihub.com\/fr\/le-hub-insights\/","title":{"rendered":"Blog"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Bienvenue sur le site Insights Hub de MigiHub<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Le Hub Insights. L'innovation. Interpr\u00e9tation. <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tBienvenue sur le blog de MigiHub – votre espace de r\u00e9f\u00e9rence pour les histoires, les strat\u00e9gies et les outils qui fa\u00e7onnent l’avenir de l’interpr\u00e9tation en langue des signes<\/a>. Des ind\u00e9pendants aux entreprises, explorez notre blog pour d\u00e9couvrir comment simplifier les op\u00e9rations, adopter la technologie et \u00e9voluer en toute confiance. \n\nR\u00e9servez une d\u00e9monstration d\u00e8s aujourd’hui \u2192<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Gagner\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\n\n \n \n Informations sur le service client<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {margin:0;padding:0;box-sizing:border-box;}\n body {background:#f4f5fa;color:#361c5f;font-family:'Poppins',sans-serif;line-height:1.6;padding:20px;}\n .container{max-width:1200px;margin:40px auto;padding:0 20px;}\n header{text-align:center;margin-bottom:50px;}\n h1{font-size:2.8rem;margin-bottom:15px;color:#2F0A61;font-weight:700;}\n .subtitle{font-size:1.2rem;color:#8C57FF;max-width:700px;margin:0 auto;font-weight:300;}\n\n \/* Category Filter *\/\n .category-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:50px;}\n .category-btn{background:#fff;border:1px solid #EDE4FF;padding:12px 28px;border-radius:50px;cursor:pointer;font-weight:500;transition:all .3s ease;color:#361c5f;font-size:1rem;box-shadow:0 2px 5px rgba(0,0,0,.05);}\n .category-btn:hover{background:#EDE4FF;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.08);}\n .category-btn.active{background:#8C57FF;color:#fff;border-color:#8C57FF;box-shadow:0 4px 10px rgba(142,87,255,.3);}\n\n \/* Blog Grid *\/\n .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:35px;margin-bottom:50px;}\n .blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:all .4s ease;display:flex;flex-direction:column;height:100%;}\n .blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.15);}\n .card-image{height:220px;overflow:hidden;position:relative;}\n .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}\n .blog-card:hover .card-image img{transform:scale(1.05);}\n .card-header{padding:25px 25px 15px;}\n .category-tag{display:inline-block;padding:6px 16px;border-radius:30px;font-size:.9rem;font-weight:600;background:#EDE4FF;color:#8C57FF;margin-bottom:18px;margin-right:8px;}\n .watch-time{font-size:.95rem;color:#8C57FF;display:flex;align-items:center;gap:8px;margin-bottom:15px;}\n .watch-time i{color:#8C57FF;}\n .card-content{padding:0 25px 25px;flex-grow:1;display:flex;flex-direction:column;}\n .card-content h3{font-size:1.4rem;margin-bottom:18px;color:#2F0A61;line-height:1.4;font-weight:600;flex-grow:1;}\n .read-more{display:inline-flex;align-items:center;color:#8C57FF;font-weight:600;text-decoration:none;gap:8px;transition:all .3s ease;font-size:1.05rem;margin-top:10px;}\n .read-more:hover{color:#5e17eb;gap:12px;}\n\n \/* Pagination *\/\n .pagination-container{display:flex;justify-content:center;margin-top:50px;}\n .pagination{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 25px;border-radius:50px;box-shadow:0 5px 15px rgba(0,0,0,.08);}\n .page-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #EDE4FF;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:1.05rem;}\n .page-btn:hover{background:#EDE4FF;transform:translateY(-2px);}\n .page-btn.active{background:#8C57FF;color:#fff;border-color:#8C57FF;box-shadow:0 4px 10px rgba(142,87,255,.3);}\n .ellipsis{padding:0 10px;color:#8C57FF;}\n\n \/* Responsive *\/\n @media(max-width:992px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;}h1{font-size:2.4rem;}}\n @media(max-width:768px){.blog-grid{grid-template-columns:1fr;max-width:600px;margin:auto;}h1{font-size:2.2rem;}.subtitle{font-size:1.1rem;}}\n @media(max-width:576px){.category-btn{padding:10px 20px;font-size:.95rem;}h1{font-size:2rem;}.pagination{padding:10px 15px;}.page-btn{width:38px;height:38px;font-size:.95rem;}}\n\n .loading,.no-results{text-align:center;grid-column:1\/-1;color:#8C57FF;font-size:1.2rem;}\n .loading{padding:40px;}\n .no-results{padding:60px 20px;}\n .status-indicator{text-align:center;padding:20px;color:#8C57FF;font-size:1rem;margin-top:20px;}\n <\/style>\n\n\n<div class=\"container\">\n \n\n <div class=\"category-filter\" id=\"category-filter\">\n <button class=\"category-btn active\" data-category=\"all\">Tous les articles<\/button>\n <\/div>\n\n <div class=\"blog-grid\" id=\"blog-grid\">\n <div class=\"loading\"><i class=\"fas fa-spinner fa-spin\"><\/i> Chargement des articles de blog...<\/div>\n <\/div>\n\n <div class=\"pagination-container\" id=\"pagination-container\">\n <div class=\"pagination\" id=\"pagination\"><\/div>\n <\/div>\n\n <div class=\"status-indicator\" id=\"status-indicator\">Initialisation de la grille de blog...<\/div>\n<\/div>\n\n<script>\nconst siteUrl = 'https:\/\/migihub.com';\nconst restUrl = `${siteUrl}\/wp-json\/wp\/v2`;\n\nconst postsPerPage = 6;\nlet currentPage = 1;\nlet currentCategory = 'all';\nlet allPosts = [];\nlet filteredPosts = [];\nlet categoriesMap = {};\nlet usedCategories = new Set();\n\nconst blogGrid = document.getElementById('blog-grid');\nconst categoryFilter = document.getElementById('category-filter');\nconst paginationContainer = document.getElementById('pagination-container');\nconst paginationEl = document.getElementById('pagination');\nconst statusIndicator = document.getElementById('status-indicator');\n\ndocument.addEventListener('DOMContentLoaded', () => {\n statusIndicator.innerHTML = `Fetching posts from: ${siteUrl}`;\n fetchPosts().then(fetchCategories);\n});\n\nasync function fetchPosts() {\n try {\n const response = await fetch(`${restUrl}\/posts?_embed&per_page=100`);\n if (!response.ok) throw new Error('Failed to fetch posts');\n\n const posts = await response.json();\n allPosts = posts.map(post => {\n let categoryIds = [];\n if (post.categories && post.categories.length > 0) {\n categoryIds = post.categories;\n post.categories.forEach(catId => usedCategories.add(catId));\n }\n\n let imageUrl = 'https:\/\/picsum.photos\/600\/400?random';\n if (post._embedded?.['wp:featuredmedia']?.[0]) {\n imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n }\n\n const wordCount = post.content.rendered.replace(\/<[^>]+>\/g,'').split(\/\\s+\/).length;\n const readTime = Math.ceil(wordCount \/ 200);\n\n return {\n id: post.id,\n title: post.title.rendered,\n link: post.link,\n date: post.date,\n categoryIds: categoryIds,\n image: imageUrl,\n readTime: `${readTime} min read`\n };\n });\n\n filteredPosts = [...allPosts];\n statusIndicator.innerHTML = `Loaded ${allPosts.length} posts`;\n renderBlogPosts();\n setupPagination();\n } catch (error) {\n blogGrid.innerHTML = '<div class=\"no-results\">Error loading posts.<\/div>';\n statusIndicator.innerHTML = `Error: ${error.message}`;\n }\n}\n\nasync function fetchCategories() {\n if (usedCategories.size === 0) return;\n\n try {\n const response = await fetch(`${restUrl}\/categories?include=${Array.from(usedCategories).join(',')}`);\n if (!response.ok) throw new Error('Failed to fetch categories');\n\n const categories = await response.json();\n categories.forEach(cat => { categoriesMap[cat.id] = cat.name; });\n\n allPosts.forEach(post => {\n post.categoryNames = post.categoryIds.map(id => categoriesMap[id] || \"General\");\n });\n\n categories.forEach(cat => {\n const button = document.createElement('button');\n button.className = 'category-btn';\n button.setAttribute('data-category', cat.id);\n button.textContent = cat.name;\n categoryFilter.appendChild(button);\n });\n\n setupCategoryFilters();\n renderBlogPosts();\n } catch (error) {\n statusIndicator.innerHTML += `<br>Error fetching categories: ${error.message}`;\n }\n}\n\nfunction renderBlogPosts() {\n const startIndex = (currentPage - 1) * postsPerPage;\n const endIndex = startIndex + postsPerPage;\n const postsToShow = filteredPosts.slice(startIndex, endIndex);\n\n blogGrid.innerHTML = '';\n if (postsToShow.length === 0) {\n blogGrid.innerHTML = '<div class=\"no-results\">No posts found in this category.<\/div>';\n paginationContainer.style.display = 'none';\n return;\n }\n\n postsToShow.forEach(post => {\n const card = document.createElement('div');\n card.className = 'blog-card';\n card.innerHTML = `\n <div class=\"card-image\"><img decoding=\"async\" src=\"${post.image}\" alt=\"${post.title}\"><\/div>\n <div class=\"card-header\">\n ${(post.categoryNames||[\"General\"]).map(name=>`<span class=\"category-tag\">${name}<\/span>`).join('')}\n <div class=\"watch-time\"><i class=\"far fa-clock\"><\/i> ${post.readTime}<\/div>\n <\/div>\n <div class=\"card-content\">\n <h3>${post.title}<\/h3>\n <a href=\"${post.link}\" class=\"read-more\">Read more <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>`;\n blogGrid.appendChild(card);\n });\n\n paginationContainer.style.display = 'flex';\n}\n\nfunction setupCategoryFilters() {\n const categoryButtons = document.querySelectorAll('.category-btn');\n categoryButtons.forEach(button => {\n button.onclick = () => {\n categoryButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n currentCategory = button.getAttribute('data-category');\n currentPage = 1;\n if (currentCategory === 'all') {\n filteredPosts = [...allPosts];\n } else {\n filteredPosts = allPosts.filter(post => \n post.categoryIds.includes(parseInt(currentCategory))\n );\n }\n renderBlogPosts();\n setupPagination();\n };\n });\n}\n\nfunction setupPagination() {\n const totalPages = Math.ceil(filteredPosts.length \/ postsPerPage);\n paginationEl.innerHTML = '';\n if (totalPages <= 1) {paginationContainer.style.display='none';return;}\n\n if (currentPage > 1) {\n const prevBtn = document.createElement('div');\n prevBtn.className = 'page-btn';\n prevBtn.innerHTML = '<i class=\"fas fa-chevron-left\"><\/i>';\n prevBtn.onclick = () => {currentPage--;renderBlogPosts();setupPagination();};\n paginationEl.appendChild(prevBtn);\n }\n\n for (let i=1;i<=totalPages;i++){\n const pageBtn=document.createElement('div');\n pageBtn.className='page-btn';\n if(i===currentPage) pageBtn.classList.add('active');\n pageBtn.textContent=i;\n pageBtn.onclick=()=>{currentPage=i;renderBlogPosts();setupPagination();};\n paginationEl.appendChild(pageBtn);\n }\n\n if (currentPage < totalPages) {\n const nextBtn = document.createElement('div');\n nextBtn.className = 'page-btn';\n nextBtn.innerHTML = '<i class=\"fas fa-chevron-right\"><\/i>';\n nextBtn.onclick = () => {currentPage++;renderBlogPosts();setupPagination();};\n paginationEl.appendChild(nextBtn);\n }\n}\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bienvenue sur le site Insights Hub de MigiHub Le Hub Insights. L’innovation. Interpr\u00e9tation. Bienvenue sur le blog de MigiHub – votre espace de r\u00e9f\u00e9rence pour les histoires, les strat\u00e9gies et les outils qui fa\u00e7onnent l’avenir de l’interpr\u00e9tation en langue des signes. Des ind\u00e9pendants aux entreprises, explorez notre blog pour d\u00e9couvrir comment simplifier les op\u00e9rations, adopter […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3785","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/migihub.com\/fr\/wp-json\/wp\/v2\/pages\/3785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/migihub.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/migihub.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/migihub.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/migihub.com\/fr\/wp-json\/wp\/v2\/comments?post=3785"}],"version-history":[{"count":25,"href":"https:\/\/migihub.com\/fr\/wp-json\/wp\/v2\/pages\/3785\/revisions"}],"predecessor-version":[{"id":9614,"href":"https:\/\/migihub.com\/fr\/wp-json\/wp\/v2\/pages\/3785\/revisions\/9614"}],"wp:attachment":[{"href":"https:\/\/migihub.com\/fr\/wp-json\/wp\/v2\/media?parent=3785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}