adrianhajdin · AnassxD · Sep 18, 2024 · Sep 18, 2024 · Sep 18, 2024 · Sep 18, 2024
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Adrian | JavaScript Mastery Portfolio</title>
+    <title>Anass Portfolio</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,7 +17,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.8.1",
-    "react-tilt": "^0.1.4",
+    "react-tilt": "^1.0.2",
     "react-vertical-timeline-component": "^3.6.0",
     "three": "^0.149.0"
   },
@@ -30,4 +30,4 @@
     "tailwindcss": "^3.2.6",
     "vite": "^4.1.0"
   }
-}
+}
diff --git a/src/assets/app.PNG b/src/assets/app.PNG
diff --git a/src/assets/company/shopify.png b/src/assets/company/shopify.png
diff --git a/src/assets/company/starbucks.png b/src/assets/company/starbucks.png
diff --git a/src/assets/company/tesla.png b/src/assets/company/tesla.png
diff --git a/src/assets/company/tesla.webp b/src/assets/company/tesla.webp
diff --git a/src/assets/dima.PNG b/src/assets/dima.PNG
diff --git a/src/assets/index.js b/src/assets/index.js
@@ -13,22 +13,25 @@ import figma from "./tech/figma.png";
 import git from "./tech/git.png";
 import html from "./tech/html.png";
 import javascript from "./tech/javascript.png";
-import mongodb from "./tech/mongodb.png";
-import nodejs from "./tech/nodejs.png";
+import mongodb from "./tech/java.png";
+import nodejs from "./tech/php.png";
 import reactjs from "./tech/reactjs.png";
-import redux from "./tech/redux.png";
+import redux from "./tech/mysql.png";
 import tailwind from "./tech/tailwind.png";
-import typescript from "./tech/typescript.png";
-import threejs from "./tech/threejs.svg";
+import typescript from "./tech/laravel.png";
+import threejs from "./tech/flutter.png";
 
 import meta from "./company/meta.png";
 import shopify from "./company/shopify.png";
 import starbucks from "./company/starbucks.png";
-import tesla from "./company/tesla.png";
+import tesla from "./company/tesla.webp";
 
 import carrent from "./carrent.png";
 import jobit from "./jobit.png";
 import tripguide from "./tripguide.png";
+import projet from "./projet.webp";
+
+
 
 export {
   logo,
@@ -59,4 +62,5 @@ export {
   carrent,
   jobit,
   tripguide,
+  projet
 };
diff --git a/src/assets/projet.webp b/src/assets/projet.webp
diff --git a/src/assets/tech/bootstrap.png b/src/assets/tech/bootstrap.png
diff --git a/src/assets/tech/c.png b/src/assets/tech/c.png
diff --git a/src/assets/tech/cp.png b/src/assets/tech/cp.png
diff --git a/src/assets/tech/flutter.png b/src/assets/tech/flutter.png
diff --git a/src/assets/tech/java.png b/src/assets/tech/java.png
diff --git a/src/assets/tech/laravel.png b/src/assets/tech/laravel.png
diff --git a/src/assets/tech/mysql.png b/src/assets/tech/mysql.png
diff --git a/src/assets/tech/nciri.svg b/src/assets/tech/nciri.svg
diff --git a/src/assets/tech/php.png b/src/assets/tech/php.png
diff --git a/src/assets/tech/python.png b/src/assets/tech/python.png
diff --git a/src/components/About.jsx b/src/components/About.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import Tilt from "react-tilt";
+import { Tilt } from "react-tilt";
 import { motion } from "framer-motion";
 
 import { styles } from "../styles";
@@ -47,9 +47,9 @@ const About = () => {
         variants={fadeIn("", "", 0.1, 1)}
         className='mt-4 text-secondary text-[17px] max-w-3xl leading-[30px]'
       >
-        I'm a skilled software developer with experience in TypeScript and
-        JavaScript, and expertise in frameworks like React, Node.js, and
-        Three.js. I'm a quick learner and collaborate closely with clients to
+        I'm a skilled software developer with experience in Java, PHP, C++, and
+        JavaScript, and expertise in frameworks like React, Laravel, and
+        Flutter. I'm a quick learner and collaborate closely with clients to
         create efficient, scalable, and user-friendly solutions that solve
         real-world problems. Let's work together to bring your ideas to life!
       </motion.p>

diff --git a/src/components/Contact.jsx b/src/components/Contact.jsx
@@ -37,9 +37,9 @@ const Contact = () => {
         import.meta.env.VITE_APP_EMAILJS_TEMPLATE_ID,
         {
           from_name: form.name,
-          to_name: "JavaScript Mastery",
+          to_name: "ANASS LAHNAOUI",
           from_email: form.email,
-          to_email: "[email protected]",
+          to_email: "[email protected]",
           message: form.message,
         },
         import.meta.env.VITE_APP_EMAILJS_PUBLIC_KEY

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -16,11 +16,11 @@ const Hero = () => {
 
         <div>
           <h1 className={`${styles.heroHeadText} text-white`}>
-            Hi, I'm <span className='text-[#915EFF]'>Adrian</span>
+            Hi, I'm <span className='text-[#915EFF]'>ANASS</span>
           </h1>
           <p className={`${styles.heroSubText} mt-2 text-white-100`}>
-            I develop 3D visuals, user <br className='sm:block hidden' />
-            interfaces and web applications
+            I develop Mobile app, <br className='sm:block hidden' />
+            web applications
           </p>
         </div>
       </div>

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -44,8 +44,8 @@ const Navbar = () => {
         >
           <img src={logo} alt='logo' className='w-9 h-9 object-contain' />
           <p className='text-white text-[18px] font-bold cursor-pointer flex '>
-            Adrian &nbsp;
-            <span className='sm:block hidden'> | JavaScript Mastery</span>
+            ANASS &nbsp;
+            <span className='sm:block hidden'>LAHNAOUI</span>
           </p>
         </Link>
 

diff --git a/src/components/Works.jsx b/src/components/Works.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import Tilt from "react-tilt";
+import { Tilt } from "react-tilt";
 import { motion } from "framer-motion";
 
 import { styles } from "../styles";