) => {
+ console.error('Image failed to load:', member.image);
+ setImageError(true);
+ };
+
return (
{/* Breadcrumb Section */}
@@ -120,6 +141,11 @@ const TeamMemberDetail: React.FC = ({ memberId, memberDat
{member.name}
+ {isTrainee && (
+
+ Trainee/Fellow
+
+ )}
{member.designation || member.position} {member.experience && `with ${member.experience} of experience`} at CMC Vellore
@@ -134,17 +160,29 @@ const TeamMemberDetail: React.FC = ({ memberId, memberDat
{/* Sidebar */}
- {/* Profile Image */}
-
-
{
- const target = e.target as HTMLImageElement;
- target.src = '/images/default-avatar.jpg';
- }}
- />
+ {/* Profile Image or Avatar */}
+
+ {shouldShowImage ? (
+
+ ) : (
+
+ )}
{/* Profile Info */}
@@ -160,7 +198,7 @@ const TeamMemberDetail: React.FC
= ({ memberId, memberDat
- {member.description || `${member.name} is a dedicated faculty member at CMC Vellore.`}
+ {member.description || `${member.name} is a dedicated ${isTrainee ? 'trainee' : 'faculty member'} at CMC Vellore.`}
diff --git a/src/components/home/PatientTestimonialSlider.tsx b/src/components/home/PatientTestimonialSlider.tsx
new file mode 100644
index 0000000..d7ecdb0
--- /dev/null
+++ b/src/components/home/PatientTestimonialSlider.tsx
@@ -0,0 +1,164 @@
+'use client'
+import React, { useState, useEffect } from 'react';
+import testimonialService, { Testimonial } from '@/services/testimonialService';
+
+export default function PatientTestimonialCarousel() {
+ const [testimonials, setTestimonials] = useState
([]);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState(null);
+
+ // Fetch testimonials on component mount
+ useEffect(() => {
+ fetchTestimonials();
+ }, []);
+
+ const fetchTestimonials = async () => {
+ try {
+ setLoading(true);
+ setError(null);
+ const data = await testimonialService.getActiveTestimonials();
+ // Only show first 3 testimonials
+ setTestimonials(data.slice(0, 3));
+ } catch (err) {
+ console.error('Error fetching testimonials:', err);
+ setError('Failed to load testimonials. Please try again later.');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ // Loading state
+ if (loading) {
+ return (
+
+
+
+
Loading testimonials...
+
+
+
+
+ Patient Testimonials
+
+
+
+
{error}
+
+
+
+
+
+ Patient Testimonials
+
+
+
+
No testimonials available.
+
+
+ {/* Section Header */}
+
+
+ Patient Testimonials
+
+
+
+ {/* Testimonial Cards Grid - Fixed to show only 3 */}
+
+ {testimonials.map((testimonial) => (
+
window.location.href = `/testimonials/${testimonial.id}`}
+ >
+ {/* Card */}
+
+ {/* Image/Story Content */}
+
+
+
+
+
+ {testimonial.story}
+
+
+
+
+
+ {/* Card Content */}
+
+ {/* Name and Age - As Heading */}
+
+ {testimonial.name}{testimonial.age ? `, ${testimonial.age}` : ''}
+
+
+ {/* Category - As Date */}
+
+ {testimonial.category || 'Patient Story'}
+
+
+
+
+ {/* Title Outside Card */}
+
+
+ {testimonial.title || 'A Journey of Hope and Recovery'}
+
+
+
+ ))}
+
+
+ {/* View More Button */}
+
+
+
+
+
{error || 'No testimonials available.'}
+
+ {/* Breadcrumb Section */}
+
+
+
+
+
+
+ {/* Top Section */}
+
+
+
+
+
+ Patient Stories
+
+
Stories of hope and recovery
+
+
+ Donate Now
+
+
+
+
+
+ {/* Main Content - Single Column */}
+
+ {/* Category Badge */}
+
+ {current.category}
+
+
+ {/* Title */}
+
+ {current.name}, {current.age}
+
+
+
+ {current.title}
+
+
+ {/* Content Sections */}
+
+
+
+
+ {current.story}
+
+
+
+
+
+
+ {current.outcome}
+
+
+
+
+
+
+
+ COMMUNITY IMPACT
+
+
+
+ {current.impact}
+
+
+
+
+ {/* Navigation */}
+
+
+
+
+ {activeIndex + 1} of {testimonials.length}
+
+
+
+
+
+ {/* Back to All Stories Link */}
+
+
+
+ Back to All Stories
+
+
+
+
+ {/* Bottom CTA */}
+
+
+
+
+
+ Support Emergency Trauma Care
+
+
+ Your donation ensures trauma victims receive immediate, life-saving treatment.
+
+
+
+ Donate Now
+
+
+
+
+
+ {/* Breadcrumb Navigation */}
+
+
+ {/* Page Header */}
+
+
+
+ {title}
+
+
+ {description && (
+
+ {description}
+
+ )}
+
+
+
+
+
Loading testimonials...
+
+
+
+
{error}
+
+
+
handleTestimonialClick(testimonial)}
+ >
+
+
+
+
+
+ {testimonial.story}
+
+
+
+
+
+
+
+ {testimonial.name}{testimonial.age ? `, ${testimonial.age}` : ''}
+
+
+ {testimonial.category || 'Patient Story'}
+
+ {testimonial.title && (
+
+ {testimonial.title}
+
+ )}
+
+
+ {/* Breadcrumb Section */}
+
+
+
+
+
+
+
+ {title}
+
+
+
+ Real stories of hope, recovery, and resilience from patients treated at Christian Medical College, Vellore. Each story represents the dedication of our medical team and the strength of our patients.
+
+
+
+
+ {/* Stats Section */}
+
+
+ {/* Trauma Cases Section */}
+ {traumaCases.length > 0 && (
+
+
+
+
+ Trauma & Emergency Cases
+
+
+ Stories of survival and recovery from critical trauma and emergency situations
+
+
+
+ {traumaCases.map((testimonial) => (
+
+ ))}
+
+
+ )}
+
+ {/* Surgical Cases Section */}
+ {surgicalCases.length > 0 && (
+
+
+
+
+ Surgical Success Stories
+
+
+ Remarkable journeys through complex surgical procedures and recovery
+
+
+
+ {surgicalCases.map((testimonial) => (
+
+ ))}
+
+
+ )}
+
+ {/* Other Cases Section */}
+ {otherCases.length > 0 && (
+
+
+
+
+ More Patient Stories
+
+
+ Additional testimonials from patients across various medical specialties
+
+
+
+ {otherCases.map((testimonial) => (
+
+ ))}
+
+
+ )}
+
+ {/* Show message if no testimonials */}
+ {testimonials.length === 0 && !loading && (
+
+
+
+ No Testimonials Available
+
+
+ Patient testimonials are currently being updated. Please check back later.
+
+
+
+ )}
+
+ {/* Bottom CTA Section */}
+
+
+
+
+
+ Support Emergency Trauma Care
+
+
+ Your donation ensures trauma victims receive immediate, life-saving treatment.
+
+
+
+ Donate Now
+
+
+
+
+
+
+ {stats.map((stat, idx) => (
+
+
+ {stat.value}
+
+
+ {stat.label}
+
+
+ ))}
+
+