src/app/(landing)/Header.tsx

@@ -6,25 +6,17 @@ import { Link } from "@nextui-org/link";
 import { Spacer } from "@nextui-org/spacer";
 import { Tooltip } from "@nextui-org/tooltip";
 import { Component } from "@typings/component";
-import NextLink from "next/link";
 
 import { useMemo } from "react";
-import { FiGithub, FiMail, FiLinkedin, FiFileText } from "react-icons/fi";
+import { FiGithub, FiMail, FiLinkedin } from "react-icons/fi";
 
 import HeaderProps from "@models/header";
 
-interface Social {
-	link: string;
-	name: string;
-	icon: React.ReactElement;
-	isExternal?: boolean;
-}
-
 export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
 	data,
 	avatar
 }) => {
-	const socials = useMemo<Social[]>(
+	const socials = useMemo(
 		() => [
 			{
 				link: `mailto:${data.contact.email}`,
@@ -40,12 +32,6 @@ export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
 				link: data.contact.linkedin,
 				name: "LinkedIn",
 				icon: <FiLinkedin />
-			},
-			{
-				link: "/cv",
-				name: "Cv",
-				icon: <FiFileText />,
-				isExternal: false
 			}
 		],
 		[data.contact]
@@ -71,12 +57,7 @@ export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
 					<Spacer y={4} />
 
 					{socials.map((social) => (
-						<Link
-							isExternal={social.isExternal ?? true}
-							as={NextLink}
-							href={social.link}
-							key={social.name.toLowerCase()}
-						>
+						<Link isExternal href={social.link} key={social.name.toLowerCase()}>
 							<Tooltip showArrow content={social.name}>
 								<Button
 									className="text-2xl mr-4"

src/app/(landing)/Projects.tsx

@@ -12,10 +12,10 @@ import ProjectProps from "@models/project";
 export const Projects: Component<{ data: ProjectProps[] }> = ({ data }) => {
 	return (
 		<>
-			<div className="container mx-auto p-4 min-h-96">
+			<div className="container mx-auto">
 				<h1 className="text-4xl text-center mb-8">Projects</h1>
 
-				<div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 ">
+				<div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
 					{data.map((project) => {
 						const url = new URL(project.url);
 

src/app/cv/Cv.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { Card, CardBody } from "@nextui-org/card";
+import { Divider } from "@nextui-org/divider";
 import { Image } from "@nextui-org/image";
 import { Listbox, ListboxItem } from "@nextui-org/listbox";
 import { Progress } from "@nextui-org/progress";