feat: update projects

Author: phpaulohenrique

app/assets/img/focalpoint.png

@@ -5,6 +5,7 @@ import { Github, Send } from 'lucide-react'
 import Link from 'next/link'
 import phshopImg from '../../assets/img/phshop.png'
 import currencyImg from '../../assets/img/currency.png'
+import focalPointImg from '../../assets/img/focalpoint.png'
 import { Fade } from 'react-awesome-reveal'
 
 interface IProjects {
@@ -21,20 +22,30 @@ export const myProjects: IProjects[] = [
  name: 'PHShop',
  imgUrl: phshopImg,
  description:
- 'PHShop é um projeto que simula o funcionamento de um e-commerce, permitindo que os usuários realizem login por meio do Google e efetuem compras. entre outras funcionalidades.',
+ 'PHShop é uma aplicação Full Stack que simula o funcionamento de um e-commerce, permitindo que os usuários realizem login por meio do Google e efetuem compras. entre outras funcionalidades.',
  appUrl: 'https://ph-shop.vercel.app',
  githubUrl: 'https://github.com/phpaulohenrique/ph-shop',
- techs: 'TypeScript, Javascript, NextJS, ReactJS, Stitches, Stripe, Prisma, RadixUI.',
+ techs: 'TypeScript, Javascript, NextJS, ReactJS, Stitches, Stripe, Prisma, RadixUI',
  },
+
  {
  name: 'The Currency Converter',
  imgUrl: currencyImg,
  description:
- 'The Currency Converter é um projeto de conversão de moedas que exibe a taxa de câmbio entre diferentes moedas e gera um gráfico ilustrativo com o histórico da variação. entre outras funcionalidades.',
+ 'The Currency Converter é uma aplicação de conversão de moedas que exibe a taxa de câmbio entre diferentes moedas e gera um gráfico ilustrativo com o histórico da variação. entre outras funcionalidades.',
  appUrl: 'https://thecurrencytracker.vercel.app',
  githubUrl: 'https://github.com/phpaulohenrique/currency-converter',
  techs: 'TypeScript, Javascript, NextJS, ReactJS, TailwindCSS, ApexCharts.',
  },
+ {
+ name: 'Focal Point',
+ imgUrl: focalPointImg,
+ description:
+ 'Focal Point é uma aplicação para gestão de tarefas, permitindo criação de conta, login, criação de tarefas, edição, listagem e exclusão de tarefas. entre outras funcionalidades.',
+ appUrl: 'https://focal-point-front-end.vercel.app/sign-up',
+ githubUrl: 'https://github.com/phpaulohenrique/focal-point-front-end',
+ techs: 'TypeScript, Javascript, NextJS, ReactJS, nodeJS, prisma, Docker, Fastify',
+ },
  // {
  // name: 'PHShop3',
  // imgUrl: phshopImg,
@@ -59,7 +70,7 @@ export function Projects() {
  <h3 className="mb-8 text-center text-xl font-medium text-green-600">
  {project.name}
  </h3>
- <Image src={project.imgUrl} alt={project.name} className="w-full" />
+ <Image src={project.imgUrl} alt={project.name} className="w-full " />
  <p className="mt-8 text-sm leading-relaxed">{project.description}</p>
  <p className="mt-6 text-sm leading-relaxed ">
  <span className="text-sm font-medium text-green-700">

app/components/Sections/Projects.tsx

@@ -25,12 +25,12 @@ export default function Home() {
  <span className="text-base text-gray-800">Paulo Henrique</span>
  </Link>
  <ul className="hidden items-center gap-3 text-sm text-gray-700 sm:flex ">
- <li className="rounded-md px-2 py-1 transition-colors duration-300 hover:bg-slate-300 hover:text-gray-800 ">
- <Link href="#about-me">Quem sou</Link>
- </li>
  <li className="rounded-md px-2 py-1 transition-colors duration-300 hover:bg-slate-300 hover:text-gray-800">
  <Link href="#projects">Projetos</Link>
  </li>
+ <li className="rounded-md px-2 py-1 transition-colors duration-300 hover:bg-slate-300 hover:text-gray-800 ">
+ <Link href="#about-me">Quem sou</Link>
+ </li>
  <li className="rounded-md px-2 py-1 transition-colors duration-300 hover:bg-slate-300 hover:text-gray-800">
  <Link href="#knowledge">Conhecimentos</Link>
  </li>
@@ -88,7 +88,7 @@ export default function Home() {
  <h1 className="text-2xl text-slate-700 lg:text-3xl">
  Olá, eu sou o Paulo Henrique{' '}
  <Fade delay={200} triggerOnce>
- <strong className=" mb-3 block bg-gradient-frontend bg-clip-text p-4 text-[3.5rem] font-black uppercase leading-[4rem] tracking-tight text-transparent lg:text-[5rem]">
+ <strong className=" mb-3 block bg-gradient-frontend bg-clip-text p-4 text-[3.8rem] font-black uppercase leading-[4rem] tracking-tight text-transparent lg:text-[5rem]">
  fullstack developer
  </strong>
  </Fade>
@@ -122,8 +122,8 @@ export default function Home() {
  <ArrowDown className="absolute bottom-12 h-5 w-5 animate-bounce text-purple-600 " />
  </section>
  <>
- <AboutMe />
  <Projects />
+ <AboutMe />
  <Knowledge />
  <Contact />
  </>