diff --git a/pages/index.tsx b/pages/index.tsx index bcf8ddc..ca0511e 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,8 +1,12 @@ +import cn from 'classnames'; import MainLayout from 'layouts/MainLayout'; import Head from 'next/head'; +import { useState } from 'react'; import type { NextPageWithLayout } from 'types'; const Home: NextPageWithLayout = () => { + const [showLang, setShowLang] = useState(false); + return ( <> @@ -10,7 +14,43 @@ const Home: NextPageWithLayout = () => {
-
Hi there,👋 Im a next.js app.
+
+
+

Hi there 👋, I'm Arthur.

+

I'm a Fron-end developer. Yes, that's mean

+

setShowLang(true)} + onMouseLeave={() => setShowLang(false)} + > + + I make websites{' '} + + + (and web apps) + + + .{' '} + + The{' '} + + JavaScript + + + TypeScript + {' '} + is my favorite language. +

+

+ I'm not a creator. Just a little guy standing on the + shoulders of giants with a little imagination. +

+

+ Open source is my passion. It's making everything be great.{' '} +

+
+
);