diff --git a/src/components/Main/Landing/InfoDivs/index.jsx b/src/components/Main/Landing/InfoDivs/index.jsx
index 2fb2016..d55aa80 100644
--- a/src/components/Main/Landing/InfoDivs/index.jsx
+++ b/src/components/Main/Landing/InfoDivs/index.jsx
@@ -18,7 +18,7 @@ const InfoDivs = (props) => {
             viewport={{ once: true }}
             className="Intro BackgroundBlur"
           >
-            <p>
+            <span>
               <strong>
                 We are the Technical Society of YMCA University of Science and
                 Technology
@@ -34,7 +34,7 @@ const InfoDivs = (props) => {
                 workshops, hackathons, coding contests, gaming events , and much
                 more.
               </strong>
-            </p>
+            </span>
           </motion.div>
         </div>
         {data.map((item, index) => (
@@ -67,14 +67,14 @@ const InfoDivs = (props) => {
               className="flex items-center justify-center w-full px-[1rem] md:px-[2rem]"
             >
               <div className="px-4 py-5 BackgroundBlur">
-                <p className=" text-[18px] md:text-[24px] font-medium TextColorBasic">
+                <span className=" text-[18px] md:text-[24px] font-medium TextColorBasic">
                   <span className="flex items-center text-[#FB5343] font-bold text-[21px] md:text-[45px]">
                     {item.title}&nbsp;
                     <div className="flex">{item.icon}</div>
                     <br />
                   </span>
                   {item.subtitle}
-                </p>
+                </span>
               </div>
             </motion.div>
           </div>
diff --git a/src/components/Shared/Navbar/index.js b/src/components/Shared/Navbar/index.js
index 028f772..13aec56 100644
--- a/src/components/Shared/Navbar/index.js
+++ b/src/components/Shared/Navbar/index.js
@@ -97,7 +97,7 @@ export default function Navbar(props) {
                   >
                     <img className="w-8 h-8" src={MananLogo} alt="manan" />
                   </motion.div>
-                  <p className="text-gray-800 dark:text-white pl-1 md:pl-3 text-[24px]">
+                  <span className="text-gray-800 dark:text-white pl-1 md:pl-3 text-[24px]">
                     <motion.div
                       animate={{ x: 0, opacity: 1 }}
                       initial={{ x: -10, opacity: 0 }}
@@ -108,7 +108,7 @@ export default function Navbar(props) {
                         Manan
                       </span>
                     </motion.div>
-                  </p>
+                  </span>
                 </div>
                 <div className="hidden sm:block sm:ml-6">
                   <div className="flex items-center justify-center space-x-4">
diff --git a/src/index.js b/src/index.js
index ef2edf8..7c0eb14 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,15 +1,14 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { createRoot } from 'react-dom/client';
+const container = document.getElementById('root');
+const root = createRoot(container);
 
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
+root.render(<React.StrictMode>
+  <App />
+</React.StrictMode>,)
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))