added cv button to home page
continuous-integration/drone/push Build is passing Details

main
Guus van Meerveld 3 months ago
parent 300c7048f2
commit 83eec0fc72

@ -6,17 +6,25 @@ 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 } from "react-icons/fi";
import { FiGithub, FiMail, FiLinkedin, FiFileText } 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(
const socials = useMemo<Social[]>(
() => [
{
link: `mailto:${data.contact.email}`,
@ -32,6 +40,12 @@ 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]
@ -57,7 +71,12 @@ export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
<Spacer y={4} />
{socials.map((social) => (
<Link isExternal href={social.link} key={social.name.toLowerCase()}>
<Link
isExternal={social.isExternal ?? true}
as={NextLink}
href={social.link}
key={social.name.toLowerCase()}
>
<Tooltip showArrow content={social.name}>
<Button
className="text-2xl mr-4"

@ -12,10 +12,10 @@ import ProjectProps from "@models/project";
export const Projects: Component<{ data: ProjectProps[] }> = ({ data }) => {
return (
<>
<div className="container mx-auto">
<div className="container mx-auto p-4 min-h-96">
<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);

@ -1,7 +1,6 @@
"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";

Loading…
Cancel
Save