+
+ );
+ }
+
return (
+
+ Error Loading Page
+Failed to load About Us content. Please try again later.
+ +
- {/* Hero Section - Our Vision Page Style */}
+ {/* Hero Section - Dynamic from API */}
@@ -364,32 +396,22 @@ export function AboutUs() {
- {/* Back Navigation */}
- {/*
navigateTo('/contact?topic=management-development')}
+ text={aboutUsData?.hero_section?.cta_text || "Talk to Us"}
+ onClick={() => navigateTo(aboutUsData?.hero_section?.cta_destination || '/contact?topic=management-development')}
ariaLabel="Talk to us about management development"
className="primary-cta-button-blue cta-text-white"
/>
@@ -399,7 +421,7 @@ export function AboutUs() {
- {/* Section 1: Our Promise */}
+ {/* Section 1: Our Promise - Dynamic from API */}
-
-
- {/* Section 4: Our Team */}
+ {/* Section 4: Our Team - Dynamic from API */}
- {/* Section 5: Our Methodology */}
+ {/* Section 5: Our Methodology (Static - unchanged) */}
({ id: 'all', name: 'All Categories' });
const [selectedReadTime, setSelectedReadTime] = useState('All Read Times');
- const [selectedDateRange, setSelectedDateRange] = useState('All Time');
- const [selectedTopic, setSelectedTopic] = useState('All Topics');
- const [sortBy, setSortBy] = useState('Most Recent');
+ const [selectedDateRange, setSelectedDateRange] = useState('all_time');
+ const [selectedTopic, setSelectedTopic] = useState<{
+ id: string;
+ name: string;
+ }>({
+ id: 'all',
+ name: 'All Topics'
+ });
+ const [sortBy, setSortBy] = useState('most_recent');
const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid');
const [currentPage, setCurrentPage] = useState(1);
- const articlesPerPage = 4;
+ const [debouncedSearch, setDebouncedSearch] = useState('');
+ const articlesPerPage = 6;
const containerRef = useRef(null);
+ const [allTags, setAllTags] = useState<{ id: string; name: string }[]>([]);
- // Use articlesData instead of the old articles variable
- const articles = articlesData;
-
- // Get unique values for filters - FIXED: using articlesData
- const categories = ['All Categories', ...Array.from(new Set(articlesData.map(article => article.category)))];
- const authors = ['All Authors', ...Array.from(new Set(articlesData.map(article => article.author)))];
- const readTimes = ['All Read Times', 'Under 5 min', '5-10 min', 'Over 10 min'];
- const dateRanges = ['All Time', 'Last 7 days', 'Last 30 days', 'Last 3 months'];
- const allTags = Array.from(new Set(articlesData.flatMap(article => article.tags)));
- const sortOptions = [
- { value: 'Most Recent', label: 'Most Recent' },
- { value: 'oldest', label: 'Oldest First' },
- { value: 'title', label: 'Title A-Z' },
- { value: 'readTime', label: 'Read Time' },
- { value: 'popular', label: 'Most Popular' }
- ];
-
- // Filter and sort articles - FIXED: using articlesData
- const filteredArticles = articlesData.filter(article => {
- const matchesSearch = article.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
- article.excerpt.toLowerCase().includes(searchTerm.toLowerCase()) ||
- article.author.toLowerCase().includes(searchTerm.toLowerCase()) ||
- article.tags.some(tag => tag.toLowerCase().includes(searchTerm.toLowerCase()));
- const matchesCategory = selectedCategory === 'All Categories' || article.category === selectedCategory;
- const matchesAuthor = selectedAuthor === 'All Authors' || article.author === selectedAuthor;
-
- // FIXED: Read time filter - properly parse the read time
- const readTimeMinutes = parseInt(article.readTime.replace(' min read', '')) || 0;
- const matchesReadTime = selectedReadTime === 'All Read Times' ||
- (selectedReadTime === 'Under 5 min' && readTimeMinutes < 5) ||
- (selectedReadTime === '5-10 min' && readTimeMinutes >= 5 && readTimeMinutes <= 10) ||
- (selectedReadTime === 'Over 10 min' && readTimeMinutes > 10);
-
- // Date range filter
- const articleDate = new Date(article.date);
- const now = new Date();
- const matchesDateRange = selectedDateRange === 'All Time' ||
- (selectedDateRange === 'Last 7 days' && (now.getTime() - articleDate.getTime()) <= 7 * 24 * 60 * 60 * 1000) ||
- (selectedDateRange === 'Last 30 days' && (now.getTime() - articleDate.getTime()) <= 30 * 24 * 60 * 60 * 1000) ||
- (selectedDateRange === 'Last 3 months' && (now.getTime() - articleDate.getTime()) <= 90 * 24 * 60 * 60 * 1000);
-
- // Topic filter
- const matchesTopic = selectedTopic === 'All Topics' ||
- article.tags.includes(selectedTopic);
-
- return matchesSearch && matchesCategory && matchesAuthor && matchesReadTime && matchesDateRange && matchesTopic;
- }).sort((a, b) => {
- switch (sortBy) {
- case 'Most Recent':
- return new Date(b.date).getTime() - new Date(a.date).getTime();
- case 'oldest':
- return new Date(a.date).getTime() - new Date(b.date).getTime();
- case 'title':
- return a.title.localeCompare(b.title);
- case 'readTime':
- // FIXED: Sort by read time - properly parse the values
- return (parseInt(a.readTime.replace(' min read', '')) || 0) - (parseInt(b.readTime.replace(' min read', '')) || 0);
- case 'popular':
- return parseInt(b.views) - parseInt(a.views);
- default:
- return 0;
- }
+ // Fetch categories for filter dropdown
+ const {
+ data: categoriesData,
+ isLoading: isLoadingCategories
+ } = useGetFaqCategoriesQuery({
+ limit: 100,
+ offset: 0
});
- // Paginate results
- const totalPages = Math.ceil(filteredArticles.length / articlesPerPage);
- const startIndex = (currentPage - 1) * articlesPerPage;
- const currentArticles = filteredArticles.slice(startIndex, startIndex + articlesPerPage);
+ // Filter categories to only those for blog and create options with id and name
+ const categories: CategoryOption[] = [
+ { id: 'all', name: 'All Categories' },
+ ...(categoriesData?.data?.items
+ ?.filter((category: any) => category.for_blog)
+ .map((category: any) => ({
+ id: category.id,
+ name: category.category_name
+ })) || [])
+ ];
+ // Debounce search term
+ useEffect(() => {
+ const timer = setTimeout(() => {
+ setDebouncedSearch(searchTerm);
+ }, 500);
+ return () => clearTimeout(timer);
+ }, [searchTerm]);
+
+ // Fetch blogs from API with all parameters
+ const {
+ data: blogsData,
+ isLoading: isLoadingBlogs,
+ isError: isBlogsError,
+ refetch: refetchBlogs
+ } = useGetBlogsQuery({
+ limit: articlesPerPage,
+ offset: (currentPage - 1) * articlesPerPage,
+ search: debouncedSearch || undefined,
+ content_status: 'publish',
+ content_type: 'BLOG',
+ date_range: selectedDateRange !== 'all_time' ? selectedDateRange : undefined,
+ sort_by: sortBy,
+ content_category_id: selectedCategory.id !== 'all' ? selectedCategory.id : undefined, // Send UUID
+ tag_id: selectedTopic.id !== 'all' ? selectedTopic.id : undefined,
+ });
+
+
+ const sortOptions = [
+ { value: 'most_recent', label: 'Most Recent' },
+ { value: 'oldest_first', label: 'Oldest First' },
+ { value: 'title_az', label: 'Title A-Z' }
+ ];
+
+ const readTimes = ['All Read Times', 'Under 5 min', '5-10 min', 'Over 10 min'];
+ const dateRanges = [
+ { value: 'all_time', label: 'All Time' },
+ { value: 'last_7_days', label: 'Last 7 days' },
+ { value: 'last_30_days', label: 'Last 30 days' },
+ { value: 'last_3_months', label: 'Last 3 months' }
+ ];
+
+ // Format date function
const formatDate = (dateString: string) => {
return new Date(dateString).toLocaleDateString('en-US', {
year: 'numeric',
@@ -116,25 +130,94 @@ export function Articles() {
});
};
- const clearAllFilters = () => {
- setSearchTerm('');
- setSelectedCategory('All Categories');
- setSelectedAuthor('All Authors');
- setSelectedReadTime('All Read Times');
- setSelectedDateRange('All Time');
- setSelectedTopic('All Topics');
- setSortBy('Most Recent');
+ // Calculate read time based on content length (approx)
+ const calculateReadTime = (content: string): string => {
+ const wordsPerMinute = 200;
+ const wordCount = content.split(/\s+/).length;
+ const minutes = Math.ceil(wordCount / wordsPerMinute);
+ return `${minutes} min read`;
};
- const hasActiveFilters = searchTerm ||
- selectedCategory !== 'All Categories' ||
- selectedAuthor !== 'All Authors' ||
+ // Filter articles by read time (client-side only - API doesn't support this)
+ const getReadTimeFilteredArticles = () => {
+ if (selectedReadTime === 'All Read Times' || !blogsData?.data?.items) {
+ return blogsData?.data?.items || [];
+ }
+
+ return (blogsData?.data?.items || []).filter((blog: BlogItem) => {
+ const readTimeMinutes = parseInt(calculateReadTime(blog.content).replace(' min read', '')) || 0;
+ return (selectedReadTime === 'Under 5 min' && readTimeMinutes < 5) ||
+ (selectedReadTime === '5-10 min' && readTimeMinutes >= 5 && readTimeMinutes <= 10) ||
+ (selectedReadTime === 'Over 10 min' && readTimeMinutes > 10);
+ });
+ };
+
+ const finalFilteredArticles = getReadTimeFilteredArticles();
+
+ const totalPages = Math.ceil((blogsData?.data?.pagination?.total || 0) / articlesPerPage);
+
+ const clearAllFilters = () => {
+ setSearchTerm('');
+ setDebouncedSearch('');
+ setSelectedCategory({ id: 'all', name: 'All Categories' });
+ setSelectedReadTime('All Read Times');
+ setSelectedDateRange('all_time');
+ setSelectedTopic({ id: 'all', name: 'All Topics' });
+ setSortBy('most_recent');
+ setCurrentPage(1);
+ };
+
+ const hasActiveFilters = Boolean(
+ searchTerm ||
+ selectedCategory.id !== 'all' ||
selectedReadTime !== 'All Read Times' ||
- selectedDateRange !== 'All Time' ||
- selectedTopic !== 'All Topics';
+ selectedDateRange !== 'all_time' ||
+ selectedTopic.id !== 'all'
+ );
+
+ useEffect(() => {
+ if (!blogsData?.data?.items || allTags.length > 0) return;
+
+ const tags = Array.from(
+ new Map(
+ blogsData.data.items
+ .flatMap((blog: BlogItem) => blog.blog_tags || [])
+ .map(tag => [tag.id, { id: tag.id, name: tag.tag_name }])
+ ).values()
+ );
+
+ setAllTags(tags);
+}, [blogsData]);
+
+ // Handle loading state
+ if (isLoadingBlogs || isLoadingCategories) {
+ return (
+
-
-
*/}
-
- Advancing Leadership Through Insight + {aboutUsData?.hero_section?.headline || "Advancing Leadership Through Insight"}
- Founded in 2016 with the vision of being a world class institution in the thought and practice of leadership. We facilitate institutions to build Leadership capacity and capability while helping individuals unleash their potential. + + {aboutUsData?.hero_section?.subtext || "Founded in 2016 with the vision of being a world class institution in the thought and practice of leadership. We facilitate institutions to build Leadership capacity and capability while helping individuals unleash their potential."} +
@@ -410,7 +432,7 @@ export function AboutUs() {
viewport={{ once: true }}
className="text-center"
>
-
- {/* Section 2: How We Work */}
+ {/* Section 2: How We Work - Dynamic from API */}
- {/* Section 2: How We Work */}
+ {/* Section 2: How We Work - Dynamic from API */}
@@ -434,109 +456,143 @@ export function AboutUs() {
viewport={{ once: true }}
className="text-center mb-16"
>
- How We Work
+ {aboutUsData?.how_we_work_title || "How We Work"}
- {/* Four Key Points Grid */}
+ {/* Four Key Points Grid - Using API data if available, otherwise fallback to static */}
-
-
- 0) ? (
+ aboutUsData.how_we_work.map((item, index) => (
+
-
-
- Co-created interventions
-
- We collaborate with you to design solutions that fit your unique organizational context and strategic objectives.
-
-
-
-
+
+
+ {index === 0 && {item.title}
+
+ {item.description}
+
+
+
+
+ ))
+ ) : (
+ // Fallback to static data if API data is not available
+ <>
+
+
+
+ Co-created interventions
+
+ We collaborate with you to design solutions that fit your unique organizational context and strategic objectives.
+
+
+
+
-
-
-
- Grounded in business context
-
- Every solution is tailored to your specific business environment, challenges, and growth objectives.
-
-
-
-
+
+
+ Grounded in business context
+
+ Every solution is tailored to your specific business environment, challenges, and growth objectives.
+
+
+
+
-
-
-
- Research-backed, behaviour-anchored
-
- Our methodologies are rooted in rigorous research and focused on sustainable behavioral transformation.
-
-
-
-
+
+
+ Research-backed, behaviour-anchored
+
+ Our methodologies are rooted in rigorous research and focused on sustainable behavioral transformation.
+
+
+
+
-
-
-
- Delivered through immersive formats
-
- Interactive, experiential learning approaches that engage participants and drive lasting impact.
-
-
-
-
+
+
+ Delivered through immersive formats
+
+ Interactive, experiential learning approaches that engage participants and drive lasting impact.
+
+
+
+
+
+ )}
- {/* Section 3: Who We Are - Updated Statistics */}
+ {/* Section 3: Who We Are - Updated Statistics - Dynamic from API */}
@@ -552,7 +608,7 @@ export function AboutUs() {
- Who we are
+ {aboutUsData?.who_we_are_title || "Who we are"}
@@ -568,96 +624,122 @@ export function AboutUs() {
- {/* Updated Statistics Grid */}
+ {/* Updated Statistics Grid - Dynamic from API */}
-
-
- 150+
-
-
-
- CORPORATES
-
-
+ {(aboutUsData?.stat_section && aboutUsData.stat_section.length > 0) ? (
+ aboutUsData.stat_section.map((stat, index) => (
+
+
+ {stat.number}{stat.suffix}
+
+
+
+ {stat.label.toUpperCase()}
+
+
+ ))
+ ) : (
+ // Fallback to static statistics if API data is not available
+ <>
+
+
+ 150+
+
+
+
+ CORPORATES
+
+
-
-
- 27,000+
-
-
-
- LEADERS
-
-
+
+
+ 27,000+
+
+
+
+ LEADERS
+
+
-
-
- 5,000+
-
-
-
- ROOM NIGHTS
-
-
+
+
+ 5,000+
+
+
+
+ ROOM NIGHTS
+
+
-
-
- India & APAC
-
-
-
- PRESENCE
-
-
+
+
+ India & APAC
+
+
+
+ PRESENCE
+
+
+
+ )}
@@ -434,109 +456,143 @@ export function AboutUs() {
viewport={{ once: true }}
className="text-center mb-16"
>
-
How We Work
+{aboutUsData?.how_we_work_title || "How We Work"}
- {/* Four Key Points Grid */} + {/* Four Key Points Grid - Using API data if available, otherwise fallback to static */}
-
-
+
+
-
-
+
-
+
-
+
-
- 0) ? (
+ aboutUsData.how_we_work.map((item, index) => (
+
-
-
-
- Co-created interventions
-- We collaborate with you to design solutions that fit your unique organizational context and strategic objectives. -
-
+
+
+ ))
+ ) : (
+ // Fallback to static data if API data is not available
+ <>
+
+ {index === 0 &&
+
+
+ {item.title}
++ {item.description} +
+
+
+
+
+
+
+ Co-created interventions
++ We collaborate with you to design solutions that fit your unique organizational context and strategic objectives. +
+
-
-
-
-
-
- Grounded in business context
-- Every solution is tailored to your specific business environment, challenges, and growth objectives. -
-
+
+
-
+
+
+
+ Grounded in business context
++ Every solution is tailored to your specific business environment, challenges, and growth objectives. +
+
-
-
-
-
-
- Research-backed, behaviour-anchored
-- Our methodologies are rooted in rigorous research and focused on sustainable behavioral transformation. -
-
+
+
-
+
+
+
+ Research-backed, behaviour-anchored
++ Our methodologies are rooted in rigorous research and focused on sustainable behavioral transformation. +
+
-
-
-
-
-
- Delivered through immersive formats
-- Interactive, experiential learning approaches that engage participants and drive lasting impact. -
-
+
+
+
+ )}
+
+
+
+ Delivered through immersive formats
++ Interactive, experiential learning approaches that engage participants and drive lasting impact. +
+
@@ -552,7 +608,7 @@ export function AboutUs() {
@@ -568,96 +624,122 @@ export function AboutUs() {
- Who we are
+ {aboutUsData?.who_we_are_title || "Who we are"}
-
-
+ {(aboutUsData?.stat_section && aboutUsData.stat_section.length > 0) ? (
+ aboutUsData.stat_section.map((stat, index) => (
+
+
+ ))
+ ) : (
+ // Fallback to static statistics if API data is not available
+ <>
+
+
-
-
+
+
-
-
+
+
-
-
+
+
+
+ )}
- 150+
-
-
-
- CORPORATES
-
-
+ {stat.number}{stat.suffix}
+
+
+
+ {stat.label.toUpperCase()}
+
+
+ 150+
+
+
+
+ CORPORATES
+
+
- 27,000+
-
-
-
- LEADERS
-
-
+ 27,000+
+
+
+
+ LEADERS
+
+
- 5,000+
-
-
-
- ROOM NIGHTS
-
-
+ 5,000+
+
+
+
+ ROOM NIGHTS
+
+
- India & APAC
-
-
-
- PRESENCE
-
-
+ India & APAC
+
+
+
+ PRESENCE
+
+
@@ -669,8 +751,8 @@ export function AboutUs() {
viewport={{ once: true }}
className="text-center mb-16"
>
-
Our Team
+{aboutUsData?.our_team_title || "Our Team"}
We have a team of 7 consultants and 4 young consultants. All our senior Consultants are ex-business professionals with experience ranging from 15-30 years in varied business functions and carry a deep understanding of the area they are engaging in. Two of them bring in Board room experience. – Meet them @@ -678,9 +760,9 @@ export function AboutUs() {
- {teamMembers.map((member, index) => (
+ {staticTeamMembers.map((member, index) => (
))}
+
+ {/* Alternative: Use API team data if needed */}
+ {/* {aboutUsData?.our_team && aboutUsData.our_team.length > 0 && (
+
+ {aboutUsData.our_team.map((member, index) => (
+
+
+ ))}
+
+ )} */}
+
+
+ 
+
+
+
+
+
+
+ View Profile
+
+
+
+ + {member.name_role.split(' - ')[0]} +
++ {member.name_role.split(' - ')[1] || ''} +
+{member.bio}
+
@@ -750,19 +881,19 @@ export function AboutUs() {
- {/* Vertical Line Fill - Blue - Animated on Scroll - Ends exactly at Phase 3 dot */}
+ {/* Vertical Line Fill - Blue - Animated on Scroll */}
@@ -1168,8 +1299,6 @@ export function AboutUs() {
-
-
{/* Testimonials Section */}
+
+ );
+ }
+
+ // Handle error state
+ if (isBlogsError) {
+ return (
+
+
+ );
+ }
return (
-
+
+
+
+ Failed to load articles
+Please try again later
+ +
+
{/* Hero Section */}
@@ -169,18 +252,16 @@ export function Articles() {
@@ -197,7 +278,7 @@ export function Articles() {
- {/* Author Filter */}
-
- {/* FIXED: Using articlesData.length */}
-
{articlesData.length}+
+ {blogsData?.data?.pagination?.total || 0}+
Expert Articles
- {/* FIXED: Using categories from articlesData */}
{categories.length - 1}
Categories
-
25,400
- Total Reads
+ {allTags.length}+
+ Topics
-
-
-
-
- {/* Read Time Filter */}
+ {/* Read Time Filter - Client-side only */}