Fixed some ui issues

components/Card.tsx

@@ -8,7 +8,7 @@ export default function Card({ committeeName, to }: { committeeName: string, to:
   return (
     <div className="m-5 cursor-pointer transition-transform transform hover:scale-105" onClick={() => router.push(to)}>
       <a className="block p-6 bg-white border border-gray-200 rounded-lg shadow-lg hover:bg-blue-100">
-        <h5 className="md:text-lg text-sm text-gray-700 font-semibold text-center">{committeeName}</h5>
+        <h5 className="text-lg text-gray-700 font-semibold text-center">{committeeName}</h5>
       </a>
     </div>
   )

components/NavBar.tsx

@@ -124,10 +124,6 @@ const NavBar = () => {
           </span>{' '}
           will be provided by 28th Aug 2024.
         </div>
-        <div className="content1">
-          <span className="ml-80 font-bold text-yellow-300 ">Last Date </span>
-          to accept Best thesis nomination is 31st Aug 2024.
-        </div>
       </Marquee>
       <style jsx>{`
         .navbar {

components/SpeakerCard.tsx

@@ -15,12 +15,12 @@ const SpeakerCard = ({ speaker }: { speaker: SpeakerType }) => {
     >
       <img
         src={speaker.imageLink}
-        className="h-64 w-64 rounded-xl"
+        className="h-64 w-64 rounded-xl object-cover"
         alt={speaker.name}
       />
       <div>
-        <h1 className="text-xl font-bold">{speaker.name}</h1>
-        <h1 className="text-lg text-gray-500">{speaker.designation}</h1>
+        <h1 className="text-lg font-bold">{speaker.name}</h1>
+        <h1 className="text-md text-gray-500">{speaker.designation}</h1>
       </div>
     </div>
   )

data/chief_patron.ts

@@ -3,8 +3,7 @@ const chief_patron=
     {
         name: 'Dr. M P Shyam',
         post: 'President, RSST',
-        imgLink:'https://media.licdn.com/dms/image/D5603AQHhesV0NwOscA/profile-displayphoto-shrink_400_400/0/1681215680922?e=1724889600&v=beta&t=0jW_gtoi2bXSgJ4EMLhttPJIqiFMWaU6sDxjhU2xXj4',
-
+        imgLink: '/committee/president.png',
       }
 ]
 export default chief_patron;

pages/committee.tsx

@@ -2,12 +2,11 @@ import Card from "../components/Card";
 
 export default function Committee1() {
     return (
-        <div className="flex flex-col justify-center items-center w-full overflow-hidden">
-            <div className="w-full flex justify-center my-4">
+        <div className="flex flex-col justify-center items-center w-full py-8">
+            <div className="w-full flex justify-center">
                 <Card committeeName={"Chief Patron"} to={"/committee-details/chief_patron"} />
             </div>
-            <div className="grid grid-cols-1 lg:grid-cols-2 w-full md:w-2/3 place-items-center gap-4 px-4">
-                <div className="w-full md:w-2/3 max-w-full">
+            <div className="grid grid-cols-1 lg:grid-cols-2 w-[300px] lg:w-[600px] px-2 md:px-0 gap-4">
                     <Card committeeName={"Patrons"} to={"/committee-details/patrons"} />
                     <Card committeeName={"Conference Chairs"} to={"/committee-details/conference_chairs"} />
                     <Card committeeName={"Program Chairs"} to={"/committee-details/program_chairs"} />
@@ -16,8 +15,6 @@ export default function Committee1() {
                     <Card committeeName={"Publication Chairs"} to={"/committee-details/publication_chairs"} />
                     <Card committeeName={"Sponsorship Chairs"} to={"/committee-details/sponsorship_chairs"} />
                     <Card committeeName={"Publicity and Media Chairs"} to={"/committee-details/pm_chairs"} />
-                </div>
-                <div className="w-full md:w-2/3 max-w-full">
                     <Card committeeName={"Organizing Committee"} to={"/committee-details/organizing_committee"} />
                     <Card committeeName={"Advisory Committee"} to={"/committee-details/advisory_committee"} />
                     <Card committeeName={"Website Chairs"} to={"/committee-details/website_chairs"} />
@@ -26,7 +23,7 @@ export default function Committee1() {
                     <Card committeeName={"Hospitality"} to={"/committee-details/hospitality"} />
                     <Card committeeName={"Transportation"} to={"/committee-details/transportation"} />
                     <Card committeeName={"Registration Committee"} to={"/committee-details/registration_committee"} />
-                </div>
+
             </div>
         </div>
     );

pages/speakers.tsx

@@ -32,10 +32,12 @@ const speakerList: SpeakerType[] = [
 
 const speakers = () => {
   return (
-    <div className="py-8">
-      <h1 className="bg-gradient-to-r from-violet-600 to-indigo-600 bg-clip-text text-center text-4xl font-bold text-transparent">
+    <div className="py-10">
+    <div className='flex justify-center'>
+      <h1 className="shadow-xl w-fit px-4 py-2 rounded-2xl bg-gradient-to-r from-indigo-500 via-indigo-600 to-indigo-700 bg-clip-text text-center text-3xl font-bold text-transparent">
         Keynote Speakers
       </h1>
+    </div>
       <div className="mt-12 flex w-full flex-col items-center space-x-0 space-y-8 py-2 px-0  lg:flex-row lg:justify-between lg:space-x-4 lg:space-y-0 lg:px-12">
         {speakerList.map((speaker: SpeakerType) => (
           <SpeakerCard speaker={speaker} />