Further update

src/components/Layouts/Header.tsx

@@ -13,12 +13,12 @@ const Header = () => {
 
   return (
     <header className="sticky bg-white top-0 z-50 shadow-sm">
-      <div className="container max-w-7xl mx-auto px-4 sm:px-6">
+      <div className="container max-w-none mx-auto px-4 sm:px-6">
         <div className="flex justify-between items-center py-3 sm:py-4">
-          {/* Logo */}
+          {/* Left Logo */}
           <div className="flex-shrink-0">
             <Link href="/" onClick={closeAllMenus} className="flex items-center">
-              <div className="relative w-80 h-18 mr-3 rounded overflow-hidden">
+              <div className="relative w-60 sm:w-80 h-14 sm:h-18 mr-3 rounded overflow-hidden">
                 <Image
                   src="/images/logo.png"
                   alt="CMC Logo"
@@ -52,34 +52,53 @@ const Header = () => {
             ))}
           </nav>
 
-          {/* Mobile menu button */}
-          <button
-            className="lg:hidden p-2 text-blue-900 hover:text-red-600 transition-colors"
-            onClick={() => setIsMenuOpen(!isMenuOpen)}
-          >
-            <svg
-              className="w-6 h-6"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
+          {/* Right side - Logo with Batch ID and Mobile Menu Button */}
+          <div className="flex items-center gap-4">
+            {/* Right Logo with Batch ID */}
+            <div className="flex flex-col items-center">
+              <div className="relative w-16 h-16 sm:w-20 sm:h-20 rounded overflow-hidden">
+                <Image
+                  src="/images/rightlogo.png"
+                  alt="Batch Logo"
+                  fill
+                  className="object-contain"
+                  priority
+                />
+              </div>
+              <span className="text-xs sm:text-sm font-semibold text-blue-900 mt-1">
+                H - 2 0 2 4 - 1 4 3 1
+              </span>
+            </div>
+
+            {/* Mobile menu button */}
+            <button
+              className="lg:hidden p-2 text-blue-900 hover:text-red-600 transition-colors"
+              onClick={() => setIsMenuOpen(!isMenuOpen)}
             >
-              {isMenuOpen ? (
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M6 18L18 6M6 6l12 12"
-                />
-              ) : (
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M4 6h16M4 12h16M4 18h16"
-                />
-              )}
-            </svg>
-          </button>
+              <svg
+                className="w-6 h-6"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                {isMenuOpen ? (
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M6 18L18 6M6 6l12 12"
+                  />
+                ) : (
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M4 6h16M4 12h16M4 18h16"
+                  />
+                )}
+              </svg>
+            </button>
+          </div>
         </div>
       </div>
 
@@ -113,4 +132,4 @@ const Header = () => {
   );
 };
 
-export default Header;
+export default Header;

src/components/about/process.tsx

@@ -25,22 +25,22 @@ export default function Process() {
   const steps = [
     {
       number: "1",
-      title: "2020",
-      description: "Department of Trauma Surgery inaugurated at Town Campus",
+      title: "Feb 2022",
+      description: "Trauma Registry established on Feb.2022 in collaboration with Transport Corporation of India Limited (TCI).",
       icon: CalendarIcon,
     },
     {
       number: "2",
-      title: "2022",
-      description: "Ranipet Campus opens as Level-1 Trauma Facility",
+      title: "Dec 2023",
+      description: "Trauma Quality Improvement Programme established on Dec.2023 in collaboration with the Indian Council of Medical Research.",
       icon: CalendarIcon,
-    },
-    {
-      number: "3",
-      title: "Nov 2022",
-      description: "Trauma centre begins operations with full emergency suite",
-      icon: CalendarIcon,
-    },
+    }, 
+    // {
+    //   number: "3",
+    //   title: "Nov 2022",
+    //   description: "Trauma centre begins operations with full emergency suite",
+    //   icon: CalendarIcon,
+    // },
   ];
 
   return (

src/components/faculty/TeamMemberDetail.tsx

@@ -326,11 +326,7 @@ const TeamMemberDetail: React.FC<TeamMemberDetailProps> = ({ memberId, memberDat
                           <div key={index} className="rounded-lg p-4 border border-gray-300" style={{ backgroundColor: '#f4f4f4' }}>
                             <div className="flex justify-between items-center">
                               <span className="font-medium text-sm" style={{ color: '#012068' }}>{skill.name}</span>
-                              {skill.level && (
-                                <span className="text-xs" style={{ color: '#666' }}>
-                                  {skill.level}% proficiency
-                                </span>
-                              )}
+                              {skill.level}
                             </div>
                           </div>
                         ))}

src/components/home/EventSection.tsx

@@ -240,9 +240,9 @@ const EventsSection = () => {
                       >
                         View Details
                       </button>
-                      <span className="text-xs font-medium" style={{ color: '#e64838' }}>
+                      {/* <span className="text-xs font-medium" style={{ color: '#e64838' }}>
                         {formatPrice(event)}
-                      </span>
+                      </span> */}
                     </div>
                   </div>
                 </div>

src/components/home/HeroSection.tsx

@@ -6,7 +6,7 @@ const HeroSection = () => {
     <div className="relative h-80 md:h-96 lg:h-[500px] min-h-80 md:min-h-96 lg:min-h-[450px] overflow-hidden">
       {/* Background Image using Next.js Image with fill */}
       <Image 
-        src="/images/hero.png"
+        src="/images/heronew.png"
         alt="CMC Vellore 125 years celebration"
         fill
         className="object-cover"

src/components/research/ResearchComponent.tsx

@@ -1,22 +1,32 @@
 import { Calendar, Users, BookOpen, MapPin, Award, ChevronRight } from "lucide-react";
-import Link from 'next/link';
 
 const ResearchComponent = () => {
   const ongoingProjects = [
     {
       icon: <BookOpen className="w-6 h-6" />,
-      title: "Chest Trauma Outcomes",
-      description: "Comprehensive analysis of mortality rates, ventilation requirements, and rib fixation effectiveness in chest trauma patients."
+      title: "Trauma Registry – CMC – Pilot Study (T-ReCS)",
+      subtitle: "In association with TCI",
+      description: "TRECS is a comprehensive digital platform designed to systematically capture, store, and analyze trauma patient data at our Ranipet Level-1 Trauma Center. The platform enables monitoring of clinical outcomes, identification of gaps in care, and improvement of patient management protocols.",
+      features: [
+        "Patient Demographics & Injury Details: Captures age, gender, mechanism of injury, and severity scoring",
+        "Clinical Data Tracking: Includes vital signs at admission, laboratory investigations, imaging, operative interventions, and ICU care",
+        "Outcome Analysis: Tracks mortality, morbidity, complications, length of stay, and functional recovery",
+        "Quality Improvement: Supports audits, departmental reviews, and research projects",
+        "Research Support: TRECS data contributes to peer-reviewed publications, national trauma policies, and predictive modeling"
+      ]
     },
     {
       icon: <Users className="w-6 h-6" />,
-      title: "Rib Fixation Study",
-      description: "Comparative study analyzing recovery outcomes between operative and non-operative treatment approaches for rib fractures."
-    },
-    {
-      icon: <Calendar className="w-6 h-6" />,
-      title: "Pre-hospital Time Study",
-      description: "Investigating the impact of Golden Hour protocols versus standard transport timelines on patient outcomes."
+      title: "Trauma Quality Improvement Programme (TQIP)",
+      subtitle: "In association with ICMR",
+      description: "TQIP is an evidence-based framework adopted to ensure excellence in patient care through continuous monitoring and benchmarking. The program integrates data-driven approaches to improve safety, reduce complications, and standardize protocols.",
+      features: [
+        "Performance Metrics: Tracks key indicators including time to intervention, mortality, ICU stay, and surgical outcomes",
+        "Benchmarking: Compares departmental outcomes with national and international trauma centers",
+        "Clinical Audits: Regularly conducted to assess adherence to trauma protocols",
+        "Education & Training: Provides feedback loops for residents, nursing staff, and trauma coordinators",
+        "Quality Initiatives: Implements targeted interventions for overstay management and Golden Hour optimization"
+      ]
     }
   ];
 
@@ -36,10 +46,18 @@ const ResearchComponent = () => {
   ];
 
   const collaborators = [
-    { name: "Royal College of Physicians & Surgeons", location: "Glasgow", short: "RCPS" },
-    { name: "All India Institute of Medical Sciences", location: "New Delhi", short: "AIIMS" },
-    { name: "Post Graduate Institute", location: "Chandigarh", short: "PGI" },
-    { name: "All India Institute of Medical Sciences", location: "Jodhpur", short: "AIIMS" }
+    { name: "American College of Surgeons", location: "", short: "ACS", logo: "/logos/acs.jpg" },
+    { name: "BMJ Global", location: "", short: "BMJ", logo: "/logos/bmj.png" },
+    { name: "Michigan University", location: "", short: "UM", logo: "/logos/michigan.jpg" },
+    { name: "Indian Council of Medical Research", location: "", short: "ICMR", logo: "/logos/icmr.png" },
+    { name: "ISTAC", location: "", short: "ISTAC", logo: "/logos/istac.png" },
+    { name: "All India Institute of Medical Sciences", location: "", short: "AIIMS", logo: "/logos/aiims.png" },
+    { name: "JPNATC AIIMS Delhi", location: "New Delhi", short: "JPNATC", logo: "/logos/jpnatc.png" },
+    { name: "JIPMER", location: "", short: "JIPMER", logo: "/logos/jipmer.png" },
+    { name: "IPGMER", location: "Kolkata", short: "IPGMER", logo: "/logos/ipgmer.png" },
+    { name: "TCI", location: "", short: "TCI", logo: "/logos/tci.png" },
+    { name: "GVK EMRI", location: "", short: "GVK EMRI", logo: "/logos/gvk-emri.jpg" },
+    { name: "TAEI", location: "", short: "TAEI", logo: "/logos/taei.png" }
   ];
 
   return (
@@ -48,13 +66,13 @@ const ResearchComponent = () => {
       <section className="py-4" style={{ backgroundColor: '#f4f4f4' }}>
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <nav className="flex items-center space-x-2 text-sm">
-            <Link 
+            <a 
               href="/" 
               className="hover:opacity-70 transition-opacity duration-200"
               style={{ color: '#012068' }}
             >
               Home
-            </Link>
+            </a>
             <ChevronRight className="w-4 h-4" style={{ color: '#012068' }} />
             <span className="font-medium" style={{ color: '#e64838' }}>
               Research
@@ -82,27 +100,43 @@ const ResearchComponent = () => {
           <h2 className="text-3xl font-semibold mb-12 text-center" style={{color: '#012068'}}>
             Ongoing Projects
           </h2>
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" >
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-8" >
             {ongoingProjects.map((project, index) => (
               <div 
                 key={index} 
                 className="rounded-lg p-6 hover:shadow-lg transition-shadow duration-300"
                 style={{backgroundColor:'#f4f4f4'}}
               >
-                <div className="flex items-center mb-4">
+                <div className="flex items-start mb-4">
                   <div 
-                    className="p-3 rounded-lg mr-4"
+                    className="p-3 rounded-lg mr-4 flex-shrink-0"
                     style={{color: '#012068'}}
                   >
                     {project.icon}
                   </div>
-                  <h3 className="text-xl font-semibold" style={{color: '#012068'}}>
-                    {project.title}
-                  </h3>
+                  <div>
+                    <h3 className="text-xl font-semibold mb-1" style={{color: '#012068'}}>
+                      {project.title}
+                    </h3>
+                    <p className="text-sm font-medium mb-3" style={{color: '#e64838'}}>
+                      {project.subtitle}
+                    </p>
+                  </div>
                 </div>
-                <p className="text-gray-700 leading-relaxed">
+                <p className="text-gray-700 leading-relaxed mb-4">
                   {project.description}
                 </p>
+                <div className="space-y-2">
+                  <h4 className="text-sm font-semibold" style={{color: '#012068'}}>Key Features:</h4>
+                  <ul className="space-y-2">
+                    {project.features.map((feature, idx) => (
+                      <li key={idx} className="text-sm text-gray-700 leading-relaxed flex">
+                        <span className="mr-2" style={{color: '#e64838'}}>•</span>
+                        <span>{feature}</span>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
               </div>
             ))}
           </div>
@@ -163,29 +197,29 @@ const ResearchComponent = () => {
           <p className="text-center text-gray-600 mb-12">
             Our research partnerships span leading medical institutions worldwide
           </p>
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
+          <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-8">
             {collaborators.map((collaborator, index) => (
               <div 
                 key={index}
-                className="text-center p-6 rounded-lg border hover:shadow-md transition-shadow duration-300"
+                className="text-center p-6 rounded-lg border hover:shadow-md transition-shadow duration-300 flex flex-col items-center justify-center"
                 style={{backgroundColor: '#f4f4f4', borderColor: '#f4f4f4'}}
               >
-                <div 
-                  className="w-20 h-20 mx-auto mb-4 rounded-full flex items-center justify-center text-2xl font-bold"
-                  style={{backgroundColor: '#012068', color: 'white'}}
-                >
-                  {collaborator.short.substring(0, 2)}
+                <div className="w-24 h-24 mb-4 flex items-center justify-center">
+                  <img 
+                    src={collaborator.logo} 
+                    alt={`${collaborator.short} logo`}
+                    className="max-w-full max-h-full object-contain"
+                  />
                 </div>
-                <h3 className="font-semibold mb-2" style={{color: '#012068'}}>
+                <h3 className="font-semibold text-sm" style={{color: '#012068'}}>
                   {collaborator.short}
                 </h3>
-                <p className="text-sm text-gray-600 mb-1">
-                  {collaborator.name}
-                </p>
-                <div className="flex items-center justify-center text-sm text-gray-500">
-                  <MapPin className="w-4 h-4 mr-1" />
-                  {collaborator.location}
-                </div>
+                {collaborator.location && (
+                  <div className="flex items-center justify-center text-xs text-gray-500 mt-1">
+                    <MapPin className="w-3 h-3 mr-1" />
+                    {collaborator.location}
+                  </div>
+                )}
               </div>
             ))}
           </div>