Changed images, projects and updated resume

src/components/Hero/Hero.jsx

@@ -1,11 +1,11 @@
-import React, { useContext, useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Container } from 'react-bootstrap';
 import Fade from 'react-reveal/Fade';
-import PortfolioContext from '../../context/context';
+// import PortfolioContext from '../../context/context';
 
 const Header = () => {
-  const { hero } = useContext(PortfolioContext);
-  const { title, name, subtitle, cta } = hero;
+  // const { hero } = useContext(PortfolioContext);
+  // const { title, name, subtitle, cta } = hero;
 
   const [isDesktop, setIsDesktop] = useState(false);
   const [isMobile, setIsMobile] = useState(false);
@@ -25,15 +25,15 @@ const Header = () => {
       <Container>
         <Fade left={isDesktop} bottom={isMobile} duration={1000} delay={500} distance="30px">
           <h1 className="hero-title">
-            {title || 'Hi, my name is'} <span className="text-color-main">{name}</span>
+            Hi, my name is <span className="text-color-main">Rohan Punjani</span>
             <br />
-            {subtitle}
+            I&apos;m a Designer & Full Stack Developer
           </h1>
         </Fade>
         <Fade left={isDesktop} bottom={isMobile} duration={1000} delay={1000} distance="30px">
           <p className="hero-cta">
             <a className="cta-btn cta-btn--hero" href="#about">
-              {cta || 'Know more'}
+              Know more
             </a>
           </p>
         </Fade>

src/mock/data.js

@@ -8,27 +8,36 @@ export const headData = {
 };
 
 // HERO DATA
-export const heroData = {
-  title: '',
-  name: 'Rohan Punjani',
-  subtitle: "I'm a Designer & Full Stack Developer ",
-  cta: '',
-};
+// export const heroData = {
+//   title: '',
+//   name: 'Rohan Punjani',
+//   subtitle: "I'm a Designer & Full Stack Developer ",
+//   cta: '',
+// };
 
 // ABOUT DATA
 export const aboutData = {
   img: 'rohan.jpg',
   paragraphOne:
-    'I am a third-year engineering student studying at Ramrao Adik Institute of Technology, Navi Mumbai. My passion is to design/code difficult problems into a beautifully simple solutions.',
+    'Rohan Punjani is a third-year engineering student studying at Ramrao Adik Institute of Technology, Navi Mumbai. His passion is to design/code seemingly challenging problems into beautifully simple solutions.',
   paragraphTwo:
-    'I have worked under the bucket of Image Processing and Full Stack Development and am also a competitive programmer. I spend most of my college time working on different projects for the college or upcoming competitions.',
-  paragraphThree:
-    'Along with academics, I was also a leading member of the cultural committee of my Junior college.',
-  resume: 'RESUME_2.pdf', // if no resume, the button will not show up
+    'He has worked under the bucket of Image Processing and Full Stack Development and is also a competitive programmer. He spends most of his college time either working on different projects for the college or participating in upcoming competitions.',
+  resume: 'RESUME.pdf', // if no resume, the button will not show up
 };
 
 // PROJECTS DATA
 export const projectsData = [
+  {
+    id: uuidv1(),
+    img: 'colors.png',
+    title: 'Colors',
+    info:
+      'Colors is a quick frontend Dashboard made using ReactJS. This is an example of a desing implementation where the design was taken from dribbble.com',
+    info2: '',
+    livetext: 'See Live',
+    url: 'https://dashboard-colors.netlify.app',
+    repo: 'https://github.com/RohanPunjani/colors', // if no repo, the button will not show up
+  },
   {
     id: uuidv1(),
     img: 'grillax.png',
@@ -42,14 +51,15 @@ export const projectsData = [
   },
   {
     id: uuidv1(),
-    img: 'bloggit.png',
-    title: 'Bloggit',
+    img: 'apriori.png',
+    title: 'Apriori Data Visualization',
     info:
-      'Bloggit is a blog editor that helps you to write blogs and compile your thoughts without messing with your thought flow.',
+      'Another Dashboard for data visualization based on flask Api where the data is fetched and seen on the ReactJS dashboard with dynamic rendering',
     info2: '',
-    livetext: 'See Live',
-    url: 'https://bloggit-app1.herokuapp.com',
-    repo: 'https://github.com/RohanPunjani/Bloggit', // if no repo, the button will not show up
+    livetext: 'Source Code',
+    url: 'https://github.com/RohanPunjani/AprioriDataVisualization', // if no repo, the button will not show up
+    // url: 'http://grillax.dev-rohan.com',
+    // repo: 'https://github.com/RohanPunjani/Grillax', // if no repo, the button will not show up
   },
   {
     id: uuidv1(),
@@ -89,12 +99,12 @@ export const footerData = {
     {
       id: uuidv1(),
       name: 'linkedin',
-      url: 'https://www.linkedin.com/in/rohan-punjani-5175a9163/',
+      url: 'https://www.linkedin.com/in/rohanpunjani/',
     },
     {
       id: uuidv1(),
       name: 'instagram',
-      url: 'https://www.instagram.com/rohan__punjani/',
+      url: 'https://www.instagram.com/punjani.rohan/',
     },
     {
       id: uuidv1(),

src/style/abstracts/_variables.scss

@@ -1,6 +1,6 @@
 // COLORS
-$primary-color: #c51263;
-$secondary-color: #ce0d64;
+$primary-color: #062936;
+$secondary-color: #034661;
 
 // $primary-color: #7f449d;
 // $secondary-color: #793fc1;