docs: add new readme

Author: cristian-sbardelotto

.github/banner.png

@@ -0,0 +1,54 @@
+![image](./.github/banner.png)
+
+# 🧡 Portfólio
+
+[README EN-US](./README.md)
+
+Bem vindo ao meu [portfólio](https://bit.ly/portfolioSbardelotto)! Este é um Website que mostra minhas habilidades e melhores projetos no desenvolvimento Web.
+O projeto também facilita o contato comigo.
+
+> ⚠️ Sinta-se livre para [me contatar](https://portfolio-cristian-sbardelotto.vercel.app/contact/), e compartilhar os seus **_feedbacks_** e **_insights_**, ou alertar um **_bug_**!
+
+<p>
+  <a href="#technologies">Tecnologias</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+  <a href="#learning">O que eu aprendi</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+  <a href="#deploy">Deploy</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+</p>
+
+<div id='technologies'></div>
+
+## 🛠️ Tecnologias
+
+Este projeto foi desenvolvido com as seguintes tecnologias:
+
+- Typescript
+- React
+- Next.js
+- Styled-components
+- Lucide react
+- Eslint
+- Git & Github
+
+<div id='learning'></div>
+
+## 🧠 O que eu aprendi
+
+Durante o desenvolvimento, eu descobri novas coisas, como:
+
+- [Arquivos de mock](./src/data/)
+- [Importar/exportar tipagens](./src/types/index.ts)
+- Lidar com diferentes animações
+
+<div id='deploy'></div>
+
+## 🌎 Deploy
+
+Para conferir o deploy, acesse https://portfolio-cristian-sbardelotto.vercel.app/
+
+## Aproveite esse projeto!
+
+Desenvolvido com 🧡 por **Cristian Sbardelotto**.
+
+[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/cristian-k-sbardelotto/)
+[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/cristian-sbardelotto)
+[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://bit.ly/portfolioSbardelotto)

.github/preview.png

@@ -1,123 +1,54 @@
-<h1 align="center"> My Portfolio </h1>
+![image](./.github/banner.png)
 
-<p align="center">
-Welcome to my portfolio! This is a website that show my abilities and best projects in Web Development.
-This project also makes it easy to contact with me.
-</p>
-
-<p align="center">
-  <a href="#technologies">Technologies</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
-  <a href="#learning">What I've Learned</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
-  <a href="#installation">Installation</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
-  <a href="#layout">Layout</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-</p>
+# 🧡 Portfolio
 
-<br>
+[README PT-BR](./README-pt.md)
 
-<p align="center">
-  <strong> Dark mode: </strong>
-  <img alt="Project preview" src="./.github/preview.png" width="90%">
-</p>
+Welcome to my [portfolio](https://bit.ly/portfolioSbardelotto)! This is a website that show my abilities and best projects in Web Development.
+The project also makes it easy to contact with me.
 
-<p align="center">
-  <strong>Light mode:</strong>
-  <img alt="Project preview" src="./.github/preview2.png" width="90%">
-</p>
+> ⚠️ Feel free to [contact me](https://portfolio-cristian-sbardelotto.vercel.app/contact/), and share your **_feedback_** and **_insights_**, or report a **_bug_**!
 
-<p align="center">
-  <strong>Mobile:</strong>
+<p>
+  <a href="#technologies">Technologies</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+  <a href="#learning">What I've Learned</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+  <a href="#deploy">Deploy</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 </p>
 
-<p align="center">
-  <img alt="Project preview" src="./.github/preview3.png" width="30%" height="500">
-</p>
+<div id='technologies'></div>
 
-<br />
-<h1 id='technologies'>🖱️ Technologies</h2>
+## 🛠️ Technologies
 
-<p>This project was made with the following technologies/libraries:</p>
+This project was made with the following technologies/libraries:
 
-- TypeScript
-- NextJS
+- Typescript
+- React
+- Next.js
 - Styled-components
-- Swiper ( slides )
-- Lucide-react ( icons )
-- Git
-- Github
-- Eslint + Prettier ( code maintenance )
+- Lucide react
+- Eslint
+- Git & Github
 
-<br />
+<div id='learning'></div>
 
-<h1 id='learning'>🧠 What I've Learned</h2>
+## 🧠 What I've Learned
 
-<p>In this website, I worked with:</p>
+During the development, I've discovered new things, such as:
 
-- A new lib for slides ( [Swiper](https://swiperjs.com/) )
 - [Mock files](./src/data/)
-- [Custom hooks](./src/hooks/useTheme.ts)
 - [Import/export types](./src/types/index.ts)
+- Handle with different animations
 
-<br />
-
-<h1 id='layout'>🖥️ Layout</h1>
-
-<br />
-
-
-### To make this project, I used this [Figma Design](https://www.figma.com/file/2dONk0zr1PPGVhKjNNoMSH/Portfolio-Web-Template-(Community)?node-id=1%3A306&mode=dev).
-
-### To see the Deploy, check [THIS LINK](https://portfolio-git-main-cristian-sbardelotto.vercel.app/).
+<div id='deploy'></div>
 
-<br />
+## 🌎 Deploy
 
-<h1 id='installation'>📤 Installation</h1>
+To check out the deploy, access https://portfolio-cristian-sbardelotto.vercel.app/
 
-<h3>Firstly, you need to <strong>clone the project</strong> on your machine:</h3>
+## Enjoy this project!
 
-
-```bash
-git clone https://github.com/cristian-sbardelotto/portfolio
-```
-<br />
-
-<h3>After that, open the project folder and <strong>install the dependencies:</strong></h3>
-
-
-```bash
-npm install
-# or
-yarn
-#or
-pnpm install
-```
-
-<h3>To <strong>run the project</strong> on your browser, use:</h3>
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-```
-
-<br/>
-
----
-
-<div align='center'>
-
-<h2 align='center'>Enjoy this project!</h2>
-
-<br />
-
-Developed with ❤️ by <strong>Cristian Sbardelotto</strong>
-
-<br />
+Developed with 🧡 by **Cristian Sbardelotto**.
 
 [![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/cristian-k-sbardelotto/)
 [![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/cristian-sbardelotto)
-
 [![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://bit.ly/portfolioSbardelotto)
-
-</div>