import { useState } from ‘react’;
import { Helmet } from ‘react-helmet-async’;
import { Search } from ‘lucide-react’;
import { useLanguage } from ‘../context/LanguageContext’;
import PageHeader from ‘../components/common/PageHeader’;
import BlogCard from ‘../components/common/BlogCard’;
const BlogPage = () => {
const { t, language } = useLanguage();
const [searchTerm, setSearchTerm] = useState( »);
const [categoryFilter, setCategoryFilter] = useState(‘all’);
const blogPosts = [
{
id: ‘post1’,
title: language === ‘fr’ ? ‘Les tendances RH à suivre en 2025’ : ‘HR trends to watch in 2025’,
excerpt: language === ‘fr’
? ‘Découvrez les principales tendances qui façonneront le paysage RH dans les années à venir et comment s\’y préparer.’
: ‘Discover the main trends that will shape the HR landscape in the coming years and how to prepare for them.’,
image: ‘https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750’,
author: ‘Sophie Martin’,
date: ’15/05/2025′,
category: ‘strategy’
},
{
id: ‘post2’,
title: language === ‘fr’ ? ‘Comment digitaliser efficacement vos processus RH’ : ‘How to effectively digitize your HR processes’,
excerpt: language === ‘fr’
? ‘Guide pratique pour transformer vos processus RH grâce aux outils digitaux, avec des exemples concrets et des conseils d\’implémentation.’
: ‘Practical guide to transform your HR processes using digital tools, with concrete examples and implementation advice.’,
image: ‘https://images.pexels.com/photos/1181263/pexels-photo-1181263.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750’,
author: ‘Thomas Dubois’,
date: ’03/04/2025′,
category: ‘digital’
},
{
id: ‘post3’,
title: language === ‘fr’ ? ‘Les clés d\’un recrutement réussi’ : ‘Keys to successful recruitment’,
excerpt: language === ‘fr’
? ‘Découvrez les stratégies pour attirer, évaluer et sélectionner les meilleurs talents dans un marché compétitif.’
: ‘Discover strategies to attract, evaluate and select the best talent in a competitive market.’,
image: ‘https://images.pexels.com/photos/3205568/pexels-photo-3205568.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750’,
author: ‘Claire Bernard’,
date: ’18/03/2025′,
category: ‘recruitment’
},
{
id: ‘post4’,
title: language === ‘fr’ ? ‘L\’importance du bien-être au travail’ : ‘The importance of well-being at work’,
excerpt: language === ‘fr’
? ‘Analyse de l\’impact du bien-être sur la performance des collaborateurs et conseils pour mettre en place une politique efficace.’
: ‘Analysis of the impact of well-being on employee performance and advice for implementing an effective policy.’,
image: ‘https://images.pexels.com/photos/4101143/pexels-photo-4101143.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750’,
author: ‘Marc Leroy’,
date: ’27/02/2025′,
category: ‘management’
},
{
id: ‘post5’,
title: language === ‘fr’ ? ‘Concevoir des formations adaptées aux nouvelles générations’ : ‘Designing training adapted to new generations’,
excerpt: language === ‘fr’
? ‘Comment adapter vos méthodes de formation pour qu\’elles soient plus engageantes et efficaces pour les générations Y et Z.’
: ‘How to adapt your training methods to make them more engaging and effective for Generations Y and Z.’,
image: ‘https://images.pexels.com/photos/4778611/pexels-photo-4778611.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750’,
author: ‘Sophie Martin’,
date: ’15/01/2025′,
category: ‘training’
},
{
id: ‘post6’,
title: language === ‘fr’ ? ‘KPIs essentiels pour piloter votre fonction RH’ : ‘Essential KPIs to manage your HR function’,
excerpt: language === ‘fr’
? ‘Quels sont les indicateurs clés à suivre pour mesurer l\’efficacité de votre fonction RH et prendre les bonnes décisions.’
: ‘What are the key indicators to track to measure the effectiveness of your HR function and make the right decisions.’,
image: ‘https://images.pexels.com/photos/590022/pexels-photo-590022.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750’,
author: ‘Thomas Dubois’,
date: ’05/12/2024′,
category: ‘management’
}
];
const categories = [
{ id: ‘all’, label: language === ‘fr’ ? ‘Toutes les catégories’ : ‘All categories’ },
{ id: ‘strategy’, label: t(‘services.strategy’) },
{ id: ‘digital’, label: t(‘services.digital’) },
{ id: ‘training’, label: t(‘services.training’) },
{ id: ‘recruitment’, label: t(‘services.recruitment’) },
{ id: ‘management’, label: t(‘services.management’) }
];
const filteredPosts = blogPosts
.filter(post =>
(categoryFilter === ‘all’ || post.category === categoryFilter) &&
(post.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
post.excerpt.toLowerCase().includes(searchTerm.toLowerCase()))
);
return (
<>
{language === ‘fr’ ? ‘Blog – KYKAZ CONSULTING’ : ‘Blog – KYKAZ CONSULTING’}