refactor(About): clean up unused imports and code

This commit is contained in:
2025-03-05 10:27:39 +01:00
parent 0dd79cd1ec
commit 29a58817be
3 changed files with 34 additions and 52 deletions

View File

@ -1,8 +1,7 @@
import { motion } from 'framer-motion';
import Image from 'next/image';
import { FadeIn } from '../ui/FadeIn';
import { FaGithub, FaLinkedin } from 'react-icons/fa';
import { SiPhp, SiJavascript, SiMysql, SiReact, SiNextdotjs, SiTypescript } from 'react-icons/si';
import { SiPhp, SiJavascript, SiMysql, SiReact } from 'react-icons/si';
import { MdWeb, MdArchitecture, MdDesignServices, MdSpeed } from 'react-icons/md';
interface Tech {
@ -18,10 +17,8 @@ interface Interest {
const technologies: Tech[] = [
{ name: 'PHP', icon: <SiPhp /> },
{ name: 'JavaScript', icon: <SiJavascript /> },
{ name: 'TypeScript', icon: <SiTypescript /> },
{ name: 'React', icon: <SiReact /> },
{ name: 'Next.js', icon: <SiNextdotjs /> },
{ name: 'MySQL', icon: <SiMysql /> }
{ name: 'MySQL', icon: <SiMysql /> },
{ name: 'React', icon: <SiReact /> }
];
const interests: Interest[] = [
@ -128,20 +125,18 @@ export const About = () => {
href="https://github.com/AtomicWasTaken"
target="_blank"
rel="noopener noreferrer"
className="w-full text-center px-6 sm:px-8 py-3 sm:py-4 border theme-border rounded-lg sm:rounded-full hover:theme-bg-05 transition-colors text-sm sm:text-base tracking-wide font-medium theme-text-90 flex items-center justify-center"
className="w-full text-center px-6 sm:px-8 py-3 sm:py-4 border theme-border rounded-lg sm:rounded-full hover:theme-bg-05 transition-colors text-sm sm:text-base tracking-wide font-medium theme-text-90"
whileHover={{ scale: 1.02 }}
>
<FaGithub className="mr-2" />
View GitHub
</motion.a>
<motion.a
href="https://www.linkedin.com/in/janmarlonleibl/"
target="_blank"
rel="noopener noreferrer"
className="w-full text-center px-6 sm:px-8 py-3 sm:py-4 border theme-border rounded-lg sm:rounded-full hover:theme-bg-05 transition-colors text-sm sm:text-base tracking-wide font-medium theme-text-90 flex items-center justify-center"
className="w-full text-center px-6 sm:px-8 py-3 sm:py-4 border theme-border rounded-lg sm:rounded-full hover:theme-bg-05 transition-colors text-sm sm:text-base tracking-wide font-medium theme-text-90"
whileHover={{ scale: 1.02 }}
>
<FaLinkedin className="mr-2" />
Connect on LinkedIn
</motion.a>
</div>

View File

@ -1,13 +0,0 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import type { NextApiRequest, NextApiResponse } from "next";
type Data = {
name: string;
};
export default function handler(
req: NextApiRequest,
res: NextApiResponse<Data>,
) {
res.status(200).json({ name: "John Doe" });
}

View File

@ -12,43 +12,43 @@ export default function Home() {
useSmoothScroll();
return (
<div className="min-h-screen theme-transition">
<Head>
<title>Jan-Marlon Leibl Fullstack Software Developer | PHP & TypeScript Expert</title>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="title" content="Jan-Marlon Leibl • Fullstack Software Developer | PHP & TypeScript Expert" />
<meta name="description" content="Experienced Fullstack Developer specializing in PHP and TypeScript. Creating high-performance web applications and digital experiences with modern technologies." />
<meta name="keywords" content="Software Development, PHP Developer, TypeScript, Fullstack Engineer, Web Development, System Architecture, MySQL, React, Performance Optimization" />
<meta name="author" content="Jan-Marlon Leibl" />
<meta name="robots" content="index, follow" />
<div className="min-h-screen theme-transition">
<Head>
<title>Jan-Marlon Leibl Fullstack Software Developer | PHP & TypeScript Expert</title>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="title" content="Jan-Marlon Leibl • Fullstack Software Developer | PHP & TypeScript Expert" />
<meta name="description" content="Experienced Fullstack Developer specializing in PHP and TypeScript. Creating high-performance web applications and digital experiences with modern technologies." />
<meta name="keywords" content="Software Development, PHP Developer, TypeScript, Fullstack Engineer, Web Development, System Architecture, MySQL, React, Performance Optimization" />
<meta name="author" content="Jan-Marlon Leibl" />
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://jleibl.net/" />
<meta property="og:title" content="Jan-Marlon Leibl • Fullstack Software Developer" />
<meta property="og:description" content="Experienced Fullstack Developer specializing in PHP and TypeScript. Creating high-performance web applications and digital experiences with modern technologies." />
<meta property="og:image" content="https://jleibl.net/profile-image.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:image:alt" content="Jan-Marlon Leibl - Fullstack Software Developer" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://jleibl.net/" />
<meta property="og:title" content="Jan-Marlon Leibl • Fullstack Software Developer" />
<meta property="og:description" content="Experienced Fullstack Developer specializing in PHP and TypeScript. Creating high-performance web applications and digital experiences with modern technologies." />
<meta property="og:image" content="https://jleibl.net/profile-image.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:image:alt" content="Jan-Marlon Leibl - Fullstack Software Developer" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://jleibl.net/" />
<meta name="twitter:title" content="Jan-Marlon Leibl • Fullstack Software Developer" />
<meta name="twitter:description" content="Experienced Fullstack Developer specializing in PHP and TypeScript. Creating high-performance web applications and digital experiences with modern technologies." />
<meta name="twitter:image" content="https://jleibl.net/profile-image.jpg" />
<meta name="twitter:image:alt" content="Jan-Marlon Leibl - Fullstack Software Developer" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://jleibl.net/" />
<meta name="twitter:title" content="Jan-Marlon Leibl • Fullstack Software Developer" />
<meta name="twitter:description" content="Experienced Fullstack Developer specializing in PHP and TypeScript. Creating high-performance web applications and digital experiences with modern technologies." />
<meta name="twitter:image" content="https://jleibl.net/profile-image.jpg" />
<meta name="twitter:image:alt" content="Jan-Marlon Leibl - Fullstack Software Developer" />
<link rel="icon" href="/profile-image.jpg" type="image/jpeg" />
<link rel="canonical" href="https://jleibl.net/" />
</Head>
<link rel="icon" href="/profile-image.jpg" type="image/jpeg" />
<link rel="canonical" href="https://jleibl.net/" />
</Head>
<Header />
<Hero />
<About />
<Work />
<Footer />
</div>
</div>
);
}