diff --git a/src/assets/backgrounds/robobg.jpg b/src/assets/backgrounds/robobg.jpg
deleted file mode 100644
index 896e872..0000000
Binary files a/src/assets/backgrounds/robobg.jpg and /dev/null differ
diff --git a/src/assets/index.js b/src/assets/index.js
index 696ef1f..37382b2 100644
--- a/src/assets/index.js
+++ b/src/assets/index.js
@@ -7,7 +7,6 @@ import logo from './logo/logo.gif';
 import logotext from './logo/logo-text-black.png';
 
 import shaq from './personal/shaq.png';
-import robobg from './backgrounds/robobg.jpg'
 
 import backend from './icons/backend.png';
 import ux from './icons/ux.png';
@@ -68,7 +67,6 @@ export {
   logo,
   logotext,
   shaq,
-  robobg,
   backend,
   ux,
   frontend,
diff --git a/src/assets/projects/210524_Kislay_Lab4.pdf b/src/assets/projects/210524_Kislay_Lab4.pdf
new file mode 100644
index 0000000..1adffb4
Binary files /dev/null and b/src/assets/projects/210524_Kislay_Lab4.pdf differ
diff --git a/src/assets/projects/Dribble.png b/src/assets/projects/Dribble.png
deleted file mode 100644
index a92e4c9..0000000
Binary files a/src/assets/projects/Dribble.png and /dev/null differ
diff --git a/src/assets/projects/Dribblerem.png b/src/assets/projects/Dribblerem.png
deleted file mode 100644
index dc728f4..0000000
Binary files a/src/assets/projects/Dribblerem.png and /dev/null differ
diff --git a/src/assets/projects/richDad.pdf b/src/assets/projects/richDad.pdf
new file mode 100644
index 0000000..10ff648
Binary files /dev/null and b/src/assets/projects/richDad.pdf differ
diff --git a/src/components/About.jsx b/src/components/About.jsx
index cc48b7b..72db782 100644
--- a/src/components/About.jsx
+++ b/src/components/About.jsx
@@ -80,7 +80,8 @@ const About = () => {
         3.  <b>Empowering Future Leaders</b>: Empower gifted students through invaluable guidance and mentorship, all while increasing your company's visibility among budding professionals.<br/>
         4.  <b>Digital Dominance</b>: Amplify your online presence across our website and social media channels, magnifying your outreach and forging connections with a broader audience, all through the influential network of Team ERA.
       </motion.p> */}
-
+      <br/>
+      <br/>
       <br/>
     <div className="-mt-[-2rem]">
       <motion.div variants={textVariant()}>
@@ -90,7 +91,7 @@ const About = () => {
       <motion.p
         variants={fadeIn('', '', 0.2, 1)}
         className="mt-4 text-taupe text-[1.250rem] max-w-3xl leading-[1.875rem]">
-          RoboCup Middle Size League (MSL) is an international competition where teams of 5 fully autonomous robots play soccer with a regular-size FIFA soccer ball. The vision of the competition is to reach a level in autonomous robots where a team of fully autonomous robots can win against the most recent FIFA World Cup winner by the year 2050. We aim to be among the first entrants from India and not only compete but win!
+          RoboCup Middle Size League (MSL) is an international competition where teams of 5 fully autonomous robots play soccer with a regular-size FIFA soccer ball. The vision of the competition is to reach a level in autonomous robots where a team of fully autonomous robots can win against the most recent FIFA World Cup winner by the year 2050. We aim to be among the first entrants from India and not only compete but win as undergraduates against teams that comprise a significant number of PG members. This makes our campaign ever more challenging and drives us to work harder than ever.
           {/* <a
           href="https://www.dropbox.com/scl/fi/165w2ovsfg4wlif3zone6/Brochure.pdf?rlkey=wjhej532ayequjvny56ggnpjt&dl=0"
           style={{
@@ -136,9 +137,9 @@ const About = () => {
     </div>
     <div className="flex flex-col items-end">
         <motion.img
-          src='/src/assets/projects/Dribblerem.png'
+          src='/src/assets/projects/Robo2.png'
           alt="Robo2"
-          style={{ width: '40.83vw', height: 'auto',  marginTop: '18.29vh', marginLeft: '-10vw' }} // Adjust the size as needed
+          style={{ width: '20.83vw', height: 'auto',  marginTop: '18.29vh', marginLeft: '5vw' }} // Adjust the size as needed
           variants={fadeIn('right', 'spring', 0.5, 0.75)}
         />
       </div>
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 33ae5ca..49dde10 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -2,7 +2,7 @@ import { motion } from 'framer-motion';
 import { Link } from 'react-router-dom';
 import { styles } from '../styles';
 import { navLinks } from '../constants';
-import { shaq, bwmap, worldmap, robobg } from '../assets';
+import { shaq, bwmap, worldmap } from '../assets';
 import SocialMenu from './socialMenu';
 import Typewriter from './Typewriter';
 // import { useEffect, useState } from 'react';
@@ -12,11 +12,18 @@ const Hero = () => {
     <section id="hero" className="relative flex sm:flex-row flex-col w-full h-screen mx-auto sm:bg-hero bg-hero-mobile overflow-hidden">
       <div className="absolute top-0 left-0 z-0 h-[100vh] w-screen">
         <img
-          src={robobg}
+          src={bwmap}
           alt="world map"
           className="w-full h-full sm:block hidden object-cover"
         />
       </div>
+      <div className="absolute top-0 left-0 z-0 h-[100vh] w-screen">
+        <img
+          src={worldmap}
+          alt="world map"
+          className="w-full h-full sm:hidden block object-cover"
+        />
+      </div>
       <section
         className="relative flex sm:flex-row flex-col w-full h-screen mx-auto 
         sm:bg-hero bg-hero-mobile overflow-hidden">
@@ -30,15 +37,41 @@ const Hero = () => {
             <div className="w-1 sm:h-80 h-40 bw-gradient sm:hidden" />
           </div>
           <div>
+            
+            {/* <h1
+              className={`${styles.heroHeadText} text-eerieBlack font-poppins uppercase pr-4 sm:pr-6`} style={{ marginLeft: '-60px' }}>
+              Hi, Welcome to {' '}
+              <span
+                className="sm:text-battleGray sm:text-[7vw] 
+                text-eerieBlack text-[7vw] font-mova
+                font-extrabold uppercase"
+                style={{ color: '#6194fb' }}>
+                ERA
+              </span>
+                
+            </h1> */}
             <Typewriter styles={styles} />
             <section  className="footer-follow" style={{ fontSize: 48, display: 'flex', gap: '20px', marginLeft:'25px' }}>
-            <SocialMenu />
-            </section>
-          </div>
+          <SocialMenu />
+          </section>
+            {/* <p className={`${styles.heroSubText} mt-2 text-eerieBlack text-centre`}>
+              The Rising Of A New ERA <br className="sm:block hidden" />
+              <br className="sm:block hidden" />
+            <br className="sm:block hidden" />
+            <br className="sm:block hidden" />
+
+
+            <p className={`mt-2 text eerieBlack text-[1.4vw] items-centre text-centre pl-6`}>
+              Team for Autonomous Robotics
+            </p>
+            </p> */}
+            
+            </div>
           <div
             className="w-screen flex flex-col items-start 
-            justify-center sm:-ml-[3rem] xxs:mt-4">
-          </div>
+            justify-center sm:-ml-[3rem] xxs:mt-4"></div>
+
+          <div></div>
         </div>
 
         <div
diff --git a/src/components/Particles.jsx b/src/components/Particles.jsx
index ca31201..609892c 100644
--- a/src/components/Particles.jsx
+++ b/src/components/Particles.jsx
@@ -74,7 +74,7 @@ export const Particles = () => {
             default: "bounce",
           },
           random: false,
-          speed: 2.25,
+          speed: 3,
           straight: false,
         },
         number: {
@@ -110,4 +110,4 @@ export const Particles = () => {
   }
 
   return <></>;
-};
+};
\ No newline at end of file