updates

app/head.js

@@ -1,6 +1,6 @@
 const Head = () => (
   <>
-    <title>Metaversus</title>
+    <title>Wilson</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/favicon.ico" />
   </>

components/Footer.jsx

@@ -16,30 +16,24 @@ const Footer = () => (
     <div className="footer-gradient" />
     <div className={`${styles.innerWidth} mx-auto flex flex-col gap-8`}>
       <div className="flex items-center justify-between flex-wrap gap-5">
-        <h4 className="font-bold md:text-[64px] text-[44px] text-white">
-          Enter the Metaverse
-        </h4>
         <button type="button" className="flex items-center h-fit py-4 px-6 bg-[#25618B] rounded-[32px] gap-[12px]">
           <img
             src="/headset.svg"
             alt="headset"
             className="w-[24px] h-[24px] object-contain"
           />
           <span className="font-normal text-[16px] text-white">
-            Enter Metaverse
+            [email protected]
           </span>
         </button>
       </div>
 
       <div className="flex flex-col">
         <div className="mb-[50px] h-[2px] bg-white opacity-10" />
-
         <div className="flex items-center justify-between flex-wrap gap-4">
-          <h4 className="font-extrabold text-[24px] text-white">
-            METAVERUS
-          </h4>
+          <img src="/SSII-1.png" alt="footer" className="w-14 h-14" />
           <p className="font-normal text-[14px] text-white opacity-50">
-            Copyright © 2021 - 2022 Metaversus. All rights reserved.
+            Copyright © 2023 SSII-Services. All rights reserved.
           </p>
 
           <div className="flex gap-4">

components/InsightCard.jsx

@@ -4,14 +4,14 @@ import { motion } from 'framer-motion';
 
 import { fadeIn } from '../utils/motion';
 
-const InsightCard = ({ imgUrl, title, subtitle, index }) => (
+const InsightCard = ({ imgUrl, title, subtitle, link, index }) => (
   <motion.div
     variants={fadeIn('up', 'spring', index * 0.5, 1)}
     className="flex md:flex-row flex-col gap-4"
   >
     <img
       src={imgUrl}
-      alt="planet-01"
+      alt="projet"
       className="md:w-[270px] w-full h-[250px] rounded-[32px] object-cover"
     />
     <div className="w-full flex justify-between items-center">
@@ -23,16 +23,15 @@ const InsightCard = ({ imgUrl, title, subtitle, index }) => (
           {subtitle}
         </p>
       </div>
-
-      <div
+      <a href={link} target="_blank" rel="noreferrer"
         className="lg:flex hidden items-center justify-center w-[100px] h-[100px] rounded-full bg-transparent border-[1px] border-white"
       >
         <img
           src="/arrow.svg"
           alt="arrow"
           className="w-[40%] h-[40%] object-contain"
         />
-      </div>
+      </a>
     </div>
   </motion.div>
 );

components/Navbar.jsx

@@ -22,7 +22,7 @@ const Navbar = () => (
         className="w-[24px] h-[24px] object-contain"
       />
       <h2 className="font-extrabold text-[24px] leading-[30.24px] text-white">
-        METAVERSUS
+        SSII-SERVICES
       </h2>
       <img
         src="/menu.svg"

components/NewFeatures.jsx

@@ -8,7 +8,7 @@ const NewFeatures = ({ imgUrl, title, subtitle }) => (
       <img src={imgUrl} alt="icon" className="w-1/2 h-1/2 object-contain" />
     </div>
     <h1 className="mt-[26px] font-bold text-[24px] leading-[30.24px] text-white">
-      Title {title}
+      {title}
     </h1>
     <p className="flex-1 mt-[16px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]">
       {subtitle}

constants/index.js

@@ -27,44 +27,98 @@ export const exploreWorlds = [
 ];
 
 export const startingFeatures = [
-  'Find a world that suits you and you want to enter',
-  'Enter the world by reading basmalah to be safe',
-  'No need to beat around the bush, just stay on the gas and have fun',
+  'Fournir une solution respectant les règles de gestion établies',
+  'Être à la hauteur des attentes du client',
+  "Vivre ma passion comme je l'entend",
 ];
 
 export const newFeatures = [
   {
-    imgUrl: '/vrpano.svg',
-    title: 'A new world',
+    imgUrl: '/vscode.png',
+    title: 'Visual Studio code',
     subtitle:
-        'we have the latest update with new world for you to try never mind',
+        "Je l'utilise la plupart du temps lorsque je code en Javascript (ReactJS ou React Native)",
   },
   {
-    imgUrl: '/headset.svg',
-    title: 'More realistic',
+    imgUrl: '/intellij.svg',
+    title: 'IntelliJ',
     subtitle:
-        'In the latest update, your eyes are narrow, making the world more realistic than ever',
+        "Je programme parfois en PHP. Je développe principalement sur IntelliJ.",
+  },
+  {
+    imgUrl: '/telegram.svg',
+    title: 'Télégram',
+    subtitle:
+        'Multi-plateforme, je suis un grand fan de télégram pour mes chats et mes appels sécurisés.',
+  },
+  {
+    imgUrl: '/brave.svg',
+    title: 'Brave',
+    subtitle:
+        "J'utilise Brave pour le développement et la navigation générale.",
+  },
+  {
+    imgUrl: '/slack.png',
+    title: 'Slack',
+    subtitle:
+        "J'utilise Slack pour gérer mes différents groupes de travail et mon équipe pour une meilleure organisation",
+  },
+  {
+    imgUrl: '/github.png',
+    title: 'Github',
+    subtitle:
+        'Je garde tous mes dépôts publics et privés sur GitHub, et je le fais depuis bien avant que ce soit gratuit.',
+  },
+];
+
+export const newDesign = [
+  {
+    imgUrl: '/illustrator.svg',
+    title: 'Illustrator',
+    subtitle:
+        "Pour réaliser mes logos, illustrations et concevoir certains motifs, je ne me lasse pas de cet outil. Pour moi c'est le meilleur logiciel vectoriel.",
+  },
+  {
+    imgUrl: '/Figma.svg',
+    title: 'Figma',
+    subtitle:
+        "Figma est comme Sketch mais un million de fois plus performant et multiplateforme. C'est l'application Web la plus impressionnante que j'ai jamais utilisée.",
+  },
+  {
+    imgUrl: '/color-slurp.svg',
+    title: 'ColorSlurp',
+    subtitle:
+        "Excellent petit outil de sélection de couleurs pour saisir une couleur de n'importe où sur votre écran.",
+  },
+  {
+    imgUrl: '/svgomg.svg',
+    title: 'SVGOMG',
+    subtitle:
+        "Tellement bon pour optimiser rapidement les SVG. J'utilise SVG partout dans mes projets et je finis par utiliser cet outil plusieurs fois par semaine.",
   },
 ];
 
 export const insights = [
   {
-    imgUrl: '/planet-06.png',
-    title: 'The launch of the Metaverse makes Elon musk ketar-ketir',
+    imgUrl: 'https://res.cloudinary.com/dqdq4c1c8/image/upload/v1686059767/restshop_zw2vrn.png',
+    title: 'Application de gestion des restaurants',
     subtitle:
-        'Magna etiam tempor orci eu lobortis elementum nibh tellus molestie. Diam maecenas sed enim ut sem viverra alique.',
+        'Gestion des réservations, des commandes, payement et achat de produits en ligne.',
+    link: 'https://restshop.vercel.app',
   },
   {
-    imgUrl: '/planet-07.png',
-    title: '7 tips to easily master the madness of the Metaverse',
+    imgUrl: 'https://res.cloudinary.com/dqdq4c1c8/image/upload/v1686059216/Sans_titre_rkmlgn.png',
+    title: 'Annuaire pour entreprises',
     subtitle:
-        'Vitae congue eu consequat ac felis donec. Et magnis dis parturient montes nascetur ridiculus mus. Convallis tellus id interdum',
+        'Elle permet de référencer les entreprises dans le but de promouvoir leurs différents services',
+        link: 'https://registration-entreprise.vercel.app',
   },
   {
-    imgUrl: '/planet-08.png',
-    title: 'With one platform you can explore the whole world virtually',
+    imgUrl: 'https://res.cloudinary.com/dqdq4c1c8/image/upload/v1689598872/chat_nfzann.png',
+    title: 'Application de messagerie à temps réel',
     subtitle:
-        'Quam quisque id diam vel quam elementum. Viverra nam libero justo laoreet sit amet cursus sit. Mauris in aliquam sem',
+        'Mini application de messagerie instantanée. Chattez avec vos amis via cette mini application ',
+        link: 'http://chatapp.free.nf/ChatApp/',
   },
 ];
 

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "metaverse13",
+  "name": "myportfolio",
   "version": "0.1.0",
   "private": true,
   "scripts": {