diff --git a/package-lock.json b/package-lock.json
index e18aaf43..87ec9bc7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29,10 +29,7 @@
         "react-router-dom": "^6.22.3",
         "react-router-hash-link": "^2.4.3",
         "react-scroll": "^1.9.0",
-        "react-slick": "^0.30.2",
-        "slick-carousel": "^1.8.1",
         "sonner": "^1.4.41",
-        "swiper": "^11.1.1",
         "tailwind-merge": "^2.2.2",
         "tailwindcss-animate": "^1.0.7"
       },
@@ -2017,11 +2014,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/classnames": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
-      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
-    },
     "node_modules/clsx": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz",
@@ -2186,11 +2178,6 @@
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
     },
-    "node_modules/enquire.js": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/enquire.js/-/enquire.js-2.1.6.tgz",
-      "integrity": "sha512-/KujNpO+PT63F7Hlpu4h3pE3TokKRHN26JYmQpPyjkRD/N57R7bPDNojMXdi7uveAKjYB7yQnartCxZnFWr0Xw=="
-    },
     "node_modules/equals": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/equals/-/equals-1.0.5.tgz",
@@ -3011,12 +2998,6 @@
       "resolved": "https://registry.npmjs.org/jkroso-type/-/jkroso-type-1.1.1.tgz",
       "integrity": "sha512-zZgay+fPG6PgMUrpyFADmQmvLo39+AZa7Gc5pZhev2RhDxwANEq2etwD8d0e6rTg5NkwOIlQmaEmns3draC6Ng=="
     },
-    "node_modules/jquery": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
-      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
-      "peer": true
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -3064,14 +3045,6 @@
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true
     },
-    "node_modules/json2mq": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
-      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
-      "dependencies": {
-        "string-convert": "^0.2.0"
-      }
-    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -3134,11 +3107,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
-    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -6408,22 +6376,6 @@
         "react-dom": "^15.5.4 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/react-slick": {
-      "version": "0.30.2",
-      "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.30.2.tgz",
-      "integrity": "sha512-XvQJi7mRHuiU3b9irsqS9SGIgftIfdV5/tNcURTb5LdIokRA5kIIx3l4rlq2XYHfxcSntXapoRg/GxaVOM1yfg==",
-      "dependencies": {
-        "classnames": "^2.2.5",
-        "enquire.js": "^2.1.6",
-        "json2mq": "^0.2.0",
-        "lodash.debounce": "^4.0.8",
-        "resize-observer-polyfill": "^1.5.0"
-      },
-      "peerDependencies": {
-        "react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -6448,11 +6400,6 @@
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
-    "node_modules/resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
-    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -6638,14 +6585,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/slick-carousel": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/slick-carousel/-/slick-carousel-1.8.1.tgz",
-      "integrity": "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA==",
-      "peerDependencies": {
-        "jquery": ">=1.8.0"
-      }
-    },
     "node_modules/sonner": {
       "version": "1.4.41",
       "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.4.41.tgz",
@@ -6663,11 +6602,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/string-convert": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
-      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
-    },
     "node_modules/string-width": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
@@ -6828,24 +6762,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/swiper": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.1.tgz",
-      "integrity": "sha512-jGmEA/fNz1lACIcY4/40ggm1Gcyv+EUivmgV/Jd2WFPsEJhbWXnRAwzZR8OPjkBLtDxmzcoYG/iiAMWfRs0YKQ==",
-      "funding": [
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/swiperjs"
-        },
-        {
-          "type": "open_collective",
-          "url": "http://opencollective.com/swiper"
-        }
-      ],
-      "engines": {
-        "node": ">= 4.7.0"
-      }
-    },
     "node_modules/tailwind-merge": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.2.2.tgz",
diff --git a/public/logo.jpg b/public/logo.jpg
index c4478fcc..3c234cd2 100644
Binary files a/public/logo.jpg and b/public/logo.jpg differ
diff --git a/src/Sections/AboutUs.tsx b/src/Sections/AboutUs.tsx
index f030f13b..f04513fe 100644
--- a/src/Sections/AboutUs.tsx
+++ b/src/Sections/AboutUs.tsx
@@ -5,7 +5,7 @@ export const AboutUs = () => {
         <h2 className="text-white text-3xl font-bold mb-8 text-center lg:mb-4">About Us</h2> {/* Adjusted margin for larger screens */}
         <div className="p-1 rounded-lg shadow-lg"></div>
         <div className="mt-8">
-          <h2 className="text-2xl mb-4 text-neutral-200">
+          <h2 className="text-xl mb-4 text-neutral-200 text-center leading-relaxed">
             Welcome to the Cloud Native Community Group - New Delhi. We are the New Delhi chapter of the Cloud Native Community Groups (CNCG), operating under the{" "}
             <span className="text-[#0086FF]">Cloud Native Computing Foundation</span>{" "}
             (CNCF). Our focus is on knowledge sharing and exploring the potential of cloud native technologies. Through our meetups, educational sessions, and practical activities, we aim to empower individuals in navigating the cloud native ecosystem. We are dedicated to hosting at least one meetup every month and take pride in being recognized as the leading CNCG community worldwide. We prioritize creating an inclusive learning environment, adhering to the CNCF Code of Conduct to ensure everyone feels welcome and respected.
diff --git a/src/Sections/Talks.tsx b/src/Sections/Talks.tsx
index 8bd1a958..fa4bf6e4 100644
--- a/src/Sections/Talks.tsx
+++ b/src/Sections/Talks.tsx
@@ -55,7 +55,7 @@ const Talks = () => {
       className="flex flex-col items-center justify-center bg-black w-screen"
     >
       <div>
-        <h2 className="text-white text-3xl font-bold pt-30 pb-10 lg:mt-40 lg:mb-10">
+        <h2 className="text-white text-3xl font-bold pt-30 pb-10 lg:mt-40 lg:mb-10 mt-9">
           Previous Talks
         </h2>
       </div>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index d3295cff..3e3084d4 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -38,17 +38,18 @@ export const Header = () => {
 
           <a
             href="/"
-            className="flex items-center space-x-22 rtl:space-x-reverse md:mr-0 mr-12"
+            className="flex items-center space-x-22 rtl:space-x-reverse md:mr-0 mr-9"
           >
             <img
               src="./logo.jpg"
               alt="Logo"
               width={90}
-              height={90}
-              className="rounded-full md:mr-0 mr-7"
+              height={90} 
+              className="md:mr-0 mr-4 sm:mr-0"
+              
             />
-            <span className="self-center text-xl text-md font-bold whitespace-nowrap dark:text-white flex flex-col md:mr-0 ">
-              <p>CNCG NEW DELHI</p>
+            <span className="self-center text-xl text-md font-bold whitespace-nowrap dark:text-white flex flex-col md:mr-0 md:ml-0 ml-1">
+              <p>&nbsp;CNCG NEW DELHI</p>
             </span>
           </a>
 
@@ -101,7 +102,7 @@ export const Header = () => {
           </div>
           <button
             onClick={() => setShowSidebar(!showSidebar)}
-            className="md:hidden focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink p-2"
+            className="md:hidden focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink mr-3"
           >
             {showSidebar ? (
               <svg
@@ -135,7 +136,7 @@ export const Header = () => {
       </nav>
       {showSidebar && (
         <div className="md:hidden fixed inset-0 bg-white dark:bg-gray-900 z-30">
-          <ul className="flex flex-col p-4 md:p-0 mt-4 border border-gray-100 bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white ">
+          <ul className="flex flex-col p-4 md:p-0 mt-4 bg-white md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white ">
             <li>
               <button
                 onClick={(e) => {
@@ -194,7 +195,7 @@ export const Header = () => {
           <button onClick={() => setShowSidebar(!showSidebar)}>
             <svg
               xmlns="http://www.w3.org/2000/svg"
-              className="h-8 w-8 text-black dark:text-white"
+              className="h-8 w-8 text-black dark:text-white mt-3 ml-3"
               viewBox="0 0 20 20"
               fill="currentColor"
             >
diff --git a/src/components/ui/rotating-card.tsx b/src/components/ui/rotating-card.tsx
index 77df1be4..2a30ef56 100644
--- a/src/components/ui/rotating-card.tsx
+++ b/src/components/ui/rotating-card.tsx
@@ -7,10 +7,10 @@ const RotatingCard = ({imageUrl, description, altText, videoUrl, title} : {
 }) => {
   return (
     <section
-      className="flex justify-center items-center gap-x-16 text-white rounded-large"
+      className="flex justify-center items-center gap-x-16 text-white rounded-large " 
     >
       <div
-        className="w-[300px] h-[420px] bg-transparent cursor-pointer group perspective rounded-large"
+        className="md:w-[300px] md:h-[420px] h-[220px] w-[250px] bg-transparent cursor-pointer group perspective rounded-large"
       >
         <div
           className="relative preserve-3d group-hover:my-rotate-y-180 w-full h-full duration-1000 rounded-large"
@@ -23,13 +23,13 @@ const RotatingCard = ({imageUrl, description, altText, videoUrl, title} : {
             style={{ borderRadius: "10px" }} 
           >
             <div className="text-center flex flex-col items-center justify-start h-full text-gray-800 pt-6 px-2 pb-24">
-              <h1 className="text-3xl font-semibold">{title}</h1>
+              <h1 className="md:text-3xl text-sm font-semibold">{title}</h1>
               <div className="flex items-center">
                 <p className="text-black text-center px-4 py-2 pt-4 text-wrap truncate">{description}</p>
               </div>
               <a
                 href={videoUrl}
-                className="px-6 py-2 font-semibold text-white rounded-full absolute -bottom-20 delay-500 duration-1000 group-hover:bottom-10 scale-0 group-hover:scale-125 bg-pink transition duration-300 ease-in-out hover:text-opacity-80"
+                className="px-6 py-2 md:font-semibold text-white rounded-full absolute -bottom-20 delay-500 group-hover:bottom-10 scale-0 group-hover:scale-125 bg-pink transition duration-300 ease-in-out hover:text-opacity-80"
               >
                 Watch Now
               </a>
diff --git a/src/index.css b/src/index.css
index b5c61c95..bd6213e1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
\ No newline at end of file