Change map background and robot image

src/assets/index.js

@@ -7,6 +7,7 @@ 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';
@@ -67,6 +68,7 @@ export {
   logo,
   logotext,
   shaq,
+  robobg,
   backend,
   ux,
   frontend,

src/components/About.jsx

@@ -80,8 +80,7 @@ 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()}>
@@ -91,7 +90,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 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.
+          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!
           {/* <a
           href="https://www.dropbox.com/scl/fi/165w2ovsfg4wlif3zone6/Brochure.pdf?rlkey=wjhej532ayequjvny56ggnpjt&dl=0"
           style={{
@@ -137,9 +136,9 @@ const About = () => {
     </div>
     <div className="flex flex-col items-end">
         <motion.img
-          src='/src/assets/projects/Robo2.png'
+          src='/src/assets/projects/Dribblerem.png'
           alt="Robo2"
-          style={{ width: '20.83vw', height: 'auto',  marginTop: '18.29vh', marginLeft: '5vw' }} // Adjust the size as needed
+          style={{ width: '40.83vw', height: 'auto',  marginTop: '18.29vh', marginLeft: '-10vw' }} // Adjust the size as needed
           variants={fadeIn('right', 'spring', 0.5, 0.75)}
         />
       </div>

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 } from '../assets';
+import { shaq, bwmap, worldmap, robobg } from '../assets';
 import SocialMenu from './socialMenu';
 import Typewriter from './Typewriter';
 // import { useEffect, useState } from 'react';
@@ -12,18 +12,11 @@ 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={bwmap}
+          src={robobg}
           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">
@@ -37,41 +30,15 @@ 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>
-            {/* <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>
+            <SocialMenu />
+            </section>
+          </div>
           <div
             className="w-screen flex flex-col items-start 
-            justify-center sm:-ml-[3rem] xxs:mt-4"></div>
-
-          <div></div>
+            justify-center sm:-ml-[3rem] xxs:mt-4">
+          </div>
         </div>
 
         <div

src/components/Particles.jsx

@@ -74,7 +74,7 @@ export const Particles = () => {
             default: "bounce",
           },
           random: false,
-          speed: 3,
+          speed: 2.25,
           straight: false,
         },
         number: {
@@ -110,4 +110,4 @@ export const Particles = () => {
   }
 
   return <></>;
-};
+};