Gabriel Kaszewski
a99b6353be
feat: create Chip component for displaying technology tags feat: implement ExperienceCard component to showcase job experiences feat: add Experience component to list multiple job experiences feat: create Footer component with social links and copyright information feat: implement Hero component for the landing section with social links feat: add ImageCarousel component for displaying project images feat: create Navbar component with scroll effect and navigation links feat: implement ProjectItem component to display individual project details feat: add Skills component to showcase technical skills feat: create data module with skills, jobs, and projects information feat: define types for Skill, Job, and Project in types module chore: update package.json with new dependencies for Tailwind CSS and Lucide icons chore: add CV PDF file to public directory chore: remove unused SVG files from public directory chore: add new images for background and hero sections feat: implement formatDate utility function for date formatting
67 lines
2.0 KiB
TypeScript
67 lines
2.0 KiB
TypeScript
import Image from "next/image";
|
|
import { FileText, Github, Mail, Linkedin } from "lucide-react";
|
|
|
|
const Hero = () => {
|
|
const socialLinks = [
|
|
{ title: "My CV", href: "/cv.pdf", icon: <FileText /> },
|
|
{
|
|
title: "GitHub",
|
|
href: "https://github.com/GKaszewski",
|
|
icon: <Github />,
|
|
},
|
|
{
|
|
title: "My email",
|
|
href: "mailto:gabrielkaszewski@gmail.com",
|
|
icon: <Mail />,
|
|
},
|
|
{
|
|
title: "LinkedIn",
|
|
href: "https://www.linkedin.com/in/gabriel-kaszewski-5344b3183",
|
|
icon: <Linkedin />,
|
|
},
|
|
];
|
|
|
|
return (
|
|
<div className="w-full">
|
|
<div className="relative w-full h-screen">
|
|
<Image
|
|
src="/images/hero.avif"
|
|
alt="Background"
|
|
fill
|
|
priority
|
|
className="hidden object-cover pointer-events-none md:block"
|
|
/>
|
|
<div className="flex flex-col items-center justify-center md:justify-start w-full h-full md:inset-0 md:absolute md:items-start md:p-16 lg:p-20">
|
|
<div className="text-center md:text-left">
|
|
<h1 className="mb-4 text-4xl font-bold tracking-tight text-white md:text-6xl">
|
|
Gabriel Kaszewski
|
|
</h1>
|
|
<h2 className="text-xl font-light tracking-tight text-white md:text-2xl">
|
|
Full-Stack Developer
|
|
</h2>
|
|
</div>
|
|
<div className="flex items-center gap-4 mt-4">
|
|
{socialLinks.map((link) => (
|
|
<a
|
|
key={link.title}
|
|
href={link.href}
|
|
title={link.title}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="text-white hover:text-yellow-400"
|
|
>
|
|
{link.icon}
|
|
</a>
|
|
))}
|
|
</div>
|
|
<div className="absolute bottom-0 hidden py-2 text-sm md:block">
|
|
<p>Photo by me Łazy, 2018 (compressed)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Hero;
|