diff --git a/app/head.js b/app/head.js index ec7c059..ed09102 100644 --- a/app/head.js +++ b/app/head.js @@ -1,6 +1,6 @@ const Head = () => ( <> - Metaversus + Wilson diff --git a/components/Footer.jsx b/components/Footer.jsx index 337a196..b1fea64 100644 --- a/components/Footer.jsx +++ b/components/Footer.jsx @@ -16,9 +16,6 @@ const Footer = () => (
-

- Enter the Metaverse -

-
-

- METAVERUS -

+ footer

- Copyright © 2021 - 2022 Metaversus. All rights reserved. + Copyright © 2023 SSII-Services. All rights reserved.

diff --git a/components/InsightCard.jsx b/components/InsightCard.jsx index 7f2901d..ce862b2 100644 --- a/components/InsightCard.jsx +++ b/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 }) => ( planet-01
@@ -23,8 +23,7 @@ const InsightCard = ({ imgUrl, title, subtitle, index }) => ( {subtitle}

- -
( alt="arrow" className="w-[40%] h-[40%] object-contain" /> -
+
); diff --git a/components/Navbar.jsx b/components/Navbar.jsx index 4c05b97..22a1aa2 100644 --- a/components/Navbar.jsx +++ b/components/Navbar.jsx @@ -22,7 +22,7 @@ const Navbar = () => ( className="w-[24px] h-[24px] object-contain" />

- METAVERSUS + SSII-SERVICES

( icon

- Title {title} + {title}

{subtitle} diff --git a/constants/index.js b/constants/index.js index 05f8f99..24d8e24 100644 --- a/constants/index.js +++ b/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/', }, ]; diff --git a/package.json b/package.json index 6e40c4e..ee0aa7c 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "metaverse13", + "name": "myportfolio", "version": "0.1.0", "private": true, "scripts": { diff --git a/public/Cover-1.png b/public/Cover-1.png new file mode 100644 index 0000000..ffde004 Binary files /dev/null and b/public/Cover-1.png differ diff --git a/public/SSII-1.png b/public/SSII-1.png new file mode 100644 index 0000000..d854d0c Binary files /dev/null and b/public/SSII-1.png differ diff --git a/public/SSII.png b/public/SSII.png new file mode 100644 index 0000000..2048f7a Binary files /dev/null and b/public/SSII.png differ diff --git a/public/SSII.svg b/public/SSII.svg new file mode 100644 index 0000000..9de0283 --- /dev/null +++ b/public/SSII.svg @@ -0,0 +1,145 @@ + + + + + + + + + + + + + + + + + + + diff --git a/public/brave.svg b/public/brave.svg new file mode 100644 index 0000000..72bd514 --- /dev/null +++ b/public/brave.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/color-slurp.svg b/public/color-slurp.svg new file mode 100644 index 0000000..4487608 --- /dev/null +++ b/public/color-slurp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/figma.svg b/public/figma.svg new file mode 100644 index 0000000..a77d48e --- /dev/null +++ b/public/figma.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/github.png b/public/github.png new file mode 100644 index 0000000..33e79ed Binary files /dev/null and b/public/github.png differ diff --git a/public/github.svg b/public/github.svg new file mode 100644 index 0000000..73cb494 --- /dev/null +++ b/public/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/illustrator.svg b/public/illustrator.svg new file mode 100644 index 0000000..fa161df --- /dev/null +++ b/public/illustrator.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/intellij.svg b/public/intellij.svg new file mode 100644 index 0000000..5213b94 --- /dev/null +++ b/public/intellij.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/planet-09.jpeg b/public/planet-09.jpeg new file mode 100644 index 0000000..d408460 Binary files /dev/null and b/public/planet-09.jpeg differ diff --git a/public/planet-09.png b/public/planet-10.png similarity index 100% rename from public/planet-09.png rename to public/planet-10.png diff --git a/public/slack.png b/public/slack.png new file mode 100644 index 0000000..602dcf2 Binary files /dev/null and b/public/slack.png differ diff --git a/public/slack.svg b/public/slack.svg new file mode 100644 index 0000000..21767e0 --- /dev/null +++ b/public/slack.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/svgomg.svg b/public/svgomg.svg new file mode 100644 index 0000000..7ae9f1e --- /dev/null +++ b/public/svgomg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/telegram.svg b/public/telegram.svg new file mode 100644 index 0000000..5a1de29 --- /dev/null +++ b/public/telegram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/vscode.png b/public/vscode.png new file mode 100644 index 0000000..587992a Binary files /dev/null and b/public/vscode.png differ diff --git a/public/vscode.svg b/public/vscode.svg new file mode 100644 index 0000000..3ae6b85 --- /dev/null +++ b/public/vscode.svg @@ -0,0 +1,557 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sections/About.jsx b/sections/About.jsx index 3451c34..c28ce01 100644 --- a/sections/About.jsx +++ b/sections/About.jsx @@ -16,17 +16,18 @@ const About = () => ( viewport={{ once: false, amount: 0.25 }} className={`${styles.innerWidth} mx-auto ${styles.flexCenter} flex-col`} > - + - Metaverse is a new - thing in the future, where you can enjoy the virtual world by feeling - like it's really real, you can feel what you feel in this metaverse - world, because this is really the{' '} - + Salut, je suis NGAHEMENI Wilson Steve, je vis à + Douala au Cameroun + où je fais design et je code le futur
+ je suis développeur la plupart du temps, mais de temps en temps je fais du design, et de la recherche. + Je suis passionné et j'aime participer à des projets innovants qui visent à améliorer le quotidien des autres.{' '} + {/* madness of the metaverse {' '} of today, using only{' '} @@ -34,7 +35,7 @@ const About = () => ( easily explore the metaverse world you want, turn your dreams into reality. Let's{' '} explore the madness - of the metaverse by scrolling down + of the metaverse by scrolling down */} { - const [active, setActive] = useState('world-2'); - - return ( -

- - - Choose the world you want
to explore} - textStyles="text-center" - /> -
- {exploreWorlds.map((world, index) => ( - - ))} -
- -
- ); + // const [active, setActive] = useState('world-2'); + return + //
+ // + // + // Choose the world you want
to explore} + // textStyles="text-center" + // /> + //
+ // {exploreWorlds.map((world, index) => ( + // + // ))} + //
+ // + //
+ }; export default Explore; diff --git a/sections/Feedback.jsx b/sections/Feedback.jsx index 5fb91aa..6469f5d 100644 --- a/sections/Feedback.jsx +++ b/sections/Feedback.jsx @@ -21,17 +21,16 @@ const Feedback = () => (

- Samantha + Wilson

- Founder Metaverus + Développeur FullStack

- “With the development of today's technology, metaverse is very - useful for today's work, or can be called web 3.0. by using - metaverse you can use it as anything” + “Je suis un jeune développeur, spécialisé dans le développement d'applications web et mobiles, + de temps à autre je conçois des interfaces UX/UI pour applications web et mobiles.”

@@ -40,7 +39,7 @@ const Feedback = () => ( className="relative flex-1 flex justify-center items-center" > planet-09 @@ -50,9 +49,9 @@ const Feedback = () => ( className="lg:block hidden absolute -left-[10%] top-[3%]" > stamp diff --git a/sections/GetStarted.jsx b/sections/GetStarted.jsx index aec4403..d6cd450 100644 --- a/sections/GetStarted.jsx +++ b/sections/GetStarted.jsx @@ -30,8 +30,8 @@ const GetStarted = () => ( variants={fadeIn('left', 'tween', 0.2, 1)} className="flex-[0.75] flex justify-center flex-col" > - - Get started with just a few clicks} /> + + Consulter ce qui me motive au quotidien} />
{startingFeatures.map((feature, index) => ( ( className={`${styles.innerWidth} mx-auto flex flex-col`} >
- - Metaverse + +
+

EVELOPER

+ + +

&

 -

Ma

-

Ness

+

ESIGNER

@@ -35,7 +41,7 @@ const Hero = () => (
hero_cover @@ -43,9 +49,9 @@ const Hero = () => (
stamp
diff --git a/sections/Insights.jsx b/sections/Insights.jsx index a28b0df..e894a76 100644 --- a/sections/Insights.jsx +++ b/sections/Insights.jsx @@ -4,7 +4,7 @@ import { motion } from 'framer-motion'; import styles from '../styles'; import { insights } from '../constants'; -import { staggerContainer } from '../utils/motion'; +import { staggerContainer, zoomIn } from '../utils/motion'; import { InsightCard, TitleText, TypingText } from '../components'; const Insights = () => ( @@ -16,13 +16,19 @@ const Insights = () => ( viewport={{ once: false, amount: 0.25 }} className={`${styles.innerWidth} mx-auto flex flex-col`} > - - Insight about metaverse} textStyles="text-center" /> + + Quelques réalisations et travaux} textStyles="text-center" />
{insights.map((item, index) => ( ))}
+ + + ); diff --git a/sections/WhatsNew.jsx b/sections/WhatsNew.jsx index 0b22260..f1f07bf 100644 --- a/sections/WhatsNew.jsx +++ b/sections/WhatsNew.jsx @@ -3,44 +3,78 @@ import { motion } from 'framer-motion'; import styles from '../styles'; -import { newFeatures } from '../constants'; +import { newDesign, newFeatures } from '../constants'; import { NewFeatures, TitleText, TypingText } from '../components'; import { planetVariants, staggerContainer, fadeIn } from '../utils/motion'; const WhatsNew = () => ( -
- + <> +
- - What's new about Metaversus?} /> -
+ + +

+ Consultez mon matériel pour obtenir une liste complète de tous les logiciels, gadgets et services que j'utilise. +

+ + + + get-started + + + +
+
+ + Développement } /> +

+ Quelques logiciels et outils que j'utilise lorsque je programme pendant mon temps +

+
{newFeatures.map((feature) => ( ))}
- - get-started + Design } /> +

+ Les logiciels et services que j'utilise régulièrement en travaillant comme designer +

+
+ {newDesign.map((feature) => ( + + ))} +
- -
+
+ ); export default WhatsNew; diff --git a/sections/World.jsx b/sections/World.jsx index 43c4834..3d135e1 100644 --- a/sections/World.jsx +++ b/sections/World.jsx @@ -16,11 +16,10 @@ const World = () => ( className={`${styles.innerWidth} mx-auto flex flex-col`} > - + Track friends around you and invite them to play together in the same - world + <>Trouvez moi à travers le monde via ma géolocalisation )} textStyles="text-center" @@ -32,16 +31,8 @@ const World = () => ( > map -
- people -
- -
- people -
- -
- people +
+ people