update

Author: whoami-anoint

src/components/HireMeModal.jsx

@@ -3,10 +3,10 @@ import { FiX } from 'react-icons/fi';
 import Button from './reusable/Button';
 
 const selectOptions = [
-	'Web Application',
-	'Mobile Application',
-	'UI/UX Design',
-	'Branding',
+	'DevOps Engineer',
+	'DevSecOps Engineer',
+	'CTF Hosting',
+	'Web Development',
 ];
 
 const HireMeModal = ({ onClose, onRequest }) => {

src/components/about/AboutClients.jsx

@@ -1,26 +0,0 @@
-import { useContext } from 'react';
-import AboutMeContext from '../../context/AboutMeContext';
-import AboutClientSingle from './AboutClientSingle';
-
-const AboutClients = () => {
-	const { clientsData, clientsHeading } = useContext(AboutMeContext);
-
-	return (
-		<div className="mt-10 sm:mt-20">
-			<p className="font-general-medium text-2xl sm:text-3xl  text-center text-primary-dark dark:text-primary-light">
-				{clientsHeading}
-			</p>
-			<div className="grid grid-cols-2 sm:grid-cols-4 mt-10 sm:mt-14 gap-2">
-				{clientsData.map((client) => (
-					<AboutClientSingle
-						title={client.title}
-						image={client.img}
-						key={client.id}
-					/>
-				))}
-			</div>
-		</div>
-	);
-};
-
-export default AboutClients;

src/components/about/AboutCounter.jsx

@@ -1,5 +1,4 @@
 import { useCountUp } from 'react-countup';
-import CounterItem from './CounterItem';
 
 const AboutCounter = () => {
 	useCountUp({ ref: 'experienceCounter', end: 12, duration: 2 });
@@ -10,30 +9,8 @@ const AboutCounter = () => {
 	return (
 		<div className="mt-10 sm:mt-20 bg-primary-light dark:bg-ternary-dark shadow-sm">
 			<div className="font-general-medium container mx-auto py-20 block sm:flex sm:justify-between items-center">
-				<CounterItem
-					title="Years of experience"
-					counter={<span id="experienceCounter" />}
-					measurement=""
-				/>
-
-				<CounterItem
-					title="Stars on GitHub"
-					counter={<span id="githubStarsCounter" />}
-					measurement="k+"
-				/>
-
-				<CounterItem
-					title="Positive feedback"
-					counter={<span id="feedbackCounter" />}
-					measurement="%"
-				/>
-
-				<CounterItem
-					title="Projects completed"
-					counter={<span id="projectsCounter" />}
-					measurement="%"
-				/>
 			</div>
+			
 		</div>
 	);
 };

src/components/blog/bloggallery.jsx

@@ -3,17 +3,17 @@ import { FiPhone, FiMapPin, FiMail } from 'react-icons/fi';
 const contacts = [
 	{
 		id: 1,
-		name: 'Your Address, Your City, Your Country',
+		name: 'Kamothe,Navi Mumbai,Maharashtra',
 		icon: <FiMapPin />,
 	},
 	{
 		id: 2,
-		name: 'email@domain.com',
+		name: 'mranoint@gmail.com',
 		icon: <FiMail />,
 	},
 	{
 		id: 3,
-		name: '555 8888 888',
+		name: '7071234567',
 		icon: <FiPhone />,
 	},
 ];

src/components/contact/ContactDetails.jsx

@@ -22,7 +22,7 @@ const ProjectInfo = () => {
 									>
 										<span>{info.title}: </span>
 										<a
-											href="https://stoman.me"
+											href="https://abisec.xyz"
 											className={
 												info.title === 'Website' ||
 												info.title === 'Phone'

src/components/projects/ProjectInfo.jsx

@@ -1,8 +1,12 @@
 const selectOptions = [
 	'Web Application',
-	'Mobile Application',
-	'UI/UX Design',
-	'Branding',
+	'Jenkins',
+	'Ansible',
+	'Teraform',
+	'System Monitoring',
+	'Android Apk Deployment',
+	'Cybersecurity & Bughunting'
+
 ];
 
 const ProjectsFilter = ({ setSelectProject }) => {

src/components/projects/ProjectsFilter.jsx

@@ -156,20 +156,27 @@ const AppHeader = () => {
 						About Me
 					</Link>
 					<Link
-						to="/contact"
+						to="/poem"
 						className="block text-left text-lg text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light  sm:mx-4 mb-2 sm:py-2"
-						aria-label="Contact"
+						aria-label="Poem"
 					>
-						Contact
+						Poem
 					</Link>
-
 					<Link
-						to="/poem"
+						to="/blog"
 						className="block text-left text-lg text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light  sm:mx-4 mb-2 sm:py-2"
-						aria-label="Poem"
+						aria-label="Blog"
 					>
-						Poem
+						Blog
 					</Link>
+					<Link
+						to="/contact"
+						className="block text-left text-lg text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light  sm:mx-4 mb-2 sm:py-2"
+						aria-label="Contact"
+					>
+						Contact
+					</Link>
+
 				</div>
 
 				{/* Header right section buttons */}

src/components/shared/AppHeader.jsx

@@ -1,30 +0,0 @@
-import { useState, createContext } from 'react';
-import { aboutMeData } from '../data/aboutMeData';
-import { clientsHeading as clientsPageHeading } from '../data/clientsData';
-import { clientsData as clientsDataJson } from '../data/clientsData';
-
-const AboutMeContext = createContext();
-
-export const AboutMeProvider = ({ children }) => {
-	const [aboutMe, setAboutMe] = useState(aboutMeData);
-
-	const clientsHeading = clientsPageHeading;
-
-	const [clientsData, setClientsData] = useState(clientsDataJson);
-
-	return (
-		<AboutMeContext.Provider
-			value={{
-				aboutMe,
-				setAboutMe,
-				clientsHeading,
-				clientsData,
-				setClientsData,
-			}}
-		>
-			{children}
-		</AboutMeContext.Provider>
-	);
-};
-
-export default AboutMeContext;

src/context/AboutMeContext.jsx

@@ -1,7 +1,7 @@
 export const aboutMeData = [
 	{
 		id: 1,
-		bio: 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil vel illum asperiores dignissimos cumque quibusdam et fugiat voluptatem nobis suscipit explicabo, eaque consequatur nesciunt, fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Incidunt totam dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut quam natus similique inventore excepturi optio ipsa deleniti fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum illo necessitatibus perspiciatis! Aperiam perferendis labore temporibus, eos culpa corporis recusandae quas, fuga voluptatibus nesciunt odit libero tenetur neque consequatur ea.',
+		bio: 'Abishek Kafle',
 	},
 	{
 		id: 2,

src/data/aboutMeData.js

@@ -1,54 +0,0 @@
-// Import images
-import AmazonImage from '../images/brands/amazon_gray.png';
-import SonyImage from '../images/brands/sony_gray.png';
-import AdidasImage from '../images/brands/adidas_gray.png';
-import FilaImage from '../images/brands/fila_gray.png';
-import NBImage from '../images/brands/nb_gray.png';
-import SamsungImage from '../images/brands/samsung_gray.png';
-import CanonImage from '../images/brands/canon_gray.png';
-import PumaImage from '../images/brands/puma_gray.png';
-
-export const clientsHeading = 'Some of the brands that trust me';
-
-export const clientsData = [
-	{
-		id: 1,
-		title: 'Amazon',
-		img: AmazonImage,
-	},
-	{
-		id: 2,
-		title: 'Sony',
-		img: SonyImage,
-	},
-	{
-		id: 3,
-		title: 'Adidas',
-		img: AdidasImage,
-	},
-	{
-		id: 4,
-		title: 'FILA',
-		img: FilaImage,
-	},
-	{
-		id: 5,
-		title: 'NB',
-		img: NBImage,
-	},
-	{
-		id: 6,
-		title: 'SAMSUNG',
-		img: SamsungImage,
-	},
-	{
-		id: 7,
-		title: 'CANON',
-		img: CanonImage,
-	},
-	{
-		id: 8,
-		title: 'PUMA',
-		img: PumaImage,
-	},
-];

src/data/clientsData.js

@@ -1,6 +1,5 @@
 import AboutMeBio from '../components/about/AboutMeBio';
 import AboutCounter from '../components/about/AboutCounter';
-import AboutClients from '../components/about/AboutClients';
 import { AboutMeProvider } from '../context/AboutMeContext';
 import { motion } from 'framer-motion';
 
@@ -31,7 +30,6 @@ const About = () => {
 				exit={{ opacity: 0 }}
 				className="container mx-auto"
 			>
-				<AboutClients />
 			</motion.div>
 		</AboutMeProvider>
 	);

src/images/brands/adidas_color.png

@@ -2,6 +2,7 @@ import { motion } from 'framer-motion';
 import ContactDetails from '../components/contact/ContactDetails';
 import ContactForm from '../components/contact/ContactForm';
 
+
 const Contact = () => {
 	return (
 		<motion.div

src/images/brands/adidas_gray.png

@@ -4,6 +4,7 @@ import ProjectsGrid from '../components/projects/ProjectsGrid';
 import { ProjectsProvider } from '../context/ProjectsContext';
 import Button from '../components/reusable/Button';
 
+
 const Home = () => {
 	return (
 		<div className="container mx-auto">

src/images/brands/amazon_color.png

@@ -1,5 +1,4 @@
 // Poem.jsx
-
 import React from 'react';
 
 const Poem = () => {