replaced text-holder

src/App.js

@@ -2,13 +2,15 @@ import './App.css';
 import Home from './pages/Home';
 import Education from './pages/Education';
 import About from './pages/About';
+import Project from './pages/Project';
 import {Routes,Route} from "react-router-dom";
 function App() {
   return(
     <Routes>
      <Route path='/' element={<Home/>}  />
      <Route path='/education' element={<Education/>} />
      <Route path='/about' element={<About/>}/>
+     <Route path='/project' element ={<Project/>}/>
     </Routes>
   )
 }

src/components/NavBar.js

@@ -8,7 +8,7 @@ function NavBar(){
           <li className='nav-item'><Link to="/" >Home</Link></li>
           <li className='nav-item'><Link to="/education">Education</Link></li>
           <li className='nav-item'><Link to="/about">About</Link></li>
-          <li className='nav-item'><a >Project</a></li>
+          <li className='nav-item'><Link to="/project">Projects</Link></li>
           <li className='nav-item'><a >Resume</a></li>
         </ul>
       </nav>

src/pages/About.css

@@ -10,6 +10,11 @@
   text-align: center;
 
 }
+.Aboutleft p{
+  font-size: 20px;
+  font-family: 'Times New Roman', Times, serif;
+  color:rgb(28, 28, 28);
+}
 .Aboutleft h1{
   margin-bottom:5vh;
 }

src/pages/About.js

@@ -11,8 +11,9 @@ function About(){
       <div className="Aboutleft">
         <h1>About Me</h1>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque deleniti quod consequuntur voluptatibus aliquid vitae id excepturi blanditiis, inventore molestias dolore explicabo iusto quae esse, minus facere, earum molestiae odio.
-          Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptate, voluptatem autem. Omnis at autem amet similique libero dolore, et sapiente a explicabo animi, iure, provident possimus reprehenderit vel laboriosam placeat. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus quos rerum enim veritatis adipisci accusantium nam odit ratione beatae esse officia quisquam, eum illum placeat quae eos commodi aliquam velit.
+          I did most of my schooling in Vijayawada,Andhra pradesh.Beacuse i was more interested in pedagogy rather than the traditional learning path , i joined Scaler School Of technology to learn things by doing.So far, i've improved upon Data structures and Algorthims , CS math , Web Developmentv using react.Right now, i am working on improving my skills and to build useful projects and improving my resume.
+          Apart from the academics , i am also actively involved in extra-cirruculars being a passionate classical dancer and the core memeber of the Cultural Club of SST.
+          Feel free to connect with me.Let's chat over a garam cup of chai!!.
         </p>
       </div>
       <div className="Aboutright">

src/pages/Home.css

@@ -52,7 +52,7 @@
    /* Optional: some padding for better readability */
   border-radius: 8px; /* Optional: rounded corners */
   max-width: 40%; /* Optional: limit the width of the content */
-  margin: auto;
+  margin: -5vh auto 0 auto;
 }
 .myDescription p {
   padding-top:10px;

src/pages/Home.js

@@ -24,7 +24,7 @@ function Home(){
 
       <div className='right'>
         <div className="myDescription">
-        <p style={nameStyle}>Hello,I am</p>
+        <p style={nameStyle}>Hello, I am</p>
         <p style={nameStyle}>Suswetha</p>
         <p><Typing 
         text={
@@ -37,9 +37,9 @@ function Home(){
         typingSpeed ={10}
         deletingSpeed={50}
         /></p>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, mollitia aut similique voluptas libero iste fuga perspiciatis praesentium in earum harum voluptatum molestiae tempora cumque at!</p>
+        <p>A CS student passionate about learning new technologies and building useful real-life products</p>
         <p>
-          Saepe sunt velit qui! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officiis qui et natus! Iusto velit placeat provident eligendi qui neque non deserunt consequatur, iure, quibusdam numquam dolores beatae. Ipsa, accusamus aliquid. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo odio, dolores ut eos quae, repudiandae quia voluptate inventore vitae magni distinctio maiores. Praesentium odit saepe quisquam numquam libero? Odit, nulla?
+          I specialize in DSA,Web dev and SQL queries and constantly seeking new oppurtunities to improve on my skills.Explore my portfolio to see my work and get in touch!.
         </p>
         </div>
         <img src={myImage} alt="Profile" className="profile-image" />

src/pages/Project.css

@@ -0,0 +1,23 @@
+@keyframes slideIn {
+  from {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+.slide-in {
+  animation: slideIn 1s ease-out;
+  text-align: center;
+  color:orangered;
+  margin-top: 20vh;
+}
+
+.projectContainer{
+  background-color: black;
+  height:100vh;
+}
+

src/pages/Project.js

@@ -0,0 +1,22 @@
+import './Project.css'
+import NavBar from '../components/NavBar';
+import Socialicons from '../components/Socialicons';
+
+function Project(){
+  return (
+    <>
+    <div className='projectContainer'>
+    <NavBar/>
+    <h2 className='slide-in'>Coming Soon</h2>
+    </div>
+    <Socialicons 
+      bgColorIcon ={'orange'}/>
+    </>
+
+
+
+  )
+
+}
+
+export default Project;