jleibl/jleibl.net
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(About): clean up unused imports and code

Browse Source
This commit is contained in:
Jan-Marlon Leibl
2025-03-05 10:27:39 +01:00
parent 0dd79cd1ec
commit 29a58817be
3 changed files with 34 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/sections/About.tsx
View File

@ -1,8 +1,7 @@
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import Image from 'next/image'; import Image from 'next/image';
import { FadeIn } from '../ui/FadeIn'; import { FadeIn } from '../ui/FadeIn';
import { FaGithub, FaLinkedin } from 'react-icons/fa'; import { SiPhp, SiJavascript, SiMysql, SiReact } from 'react-icons/si';
import { SiPhp, SiJavascript, SiMysql, SiReact, SiNextdotjs, SiTypescript } from 'react-icons/si';
import { MdWeb, MdArchitecture, MdDesignServices, MdSpeed } from 'react-icons/md'; import { MdWeb, MdArchitecture, MdDesignServices, MdSpeed } from 'react-icons/md';
interface Tech { interface Tech {
@ -18,10 +17,8 @@ interface Interest {
const technologies: Tech[] = [ const technologies: Tech[] = [
{ name: 'PHP', icon: <SiPhp /> }, { name: 'PHP', icon: <SiPhp /> },
{ name: 'JavaScript', icon: <SiJavascript /> }, { name: 'JavaScript', icon: <SiJavascript /> },
{ name: 'TypeScript', icon: <SiTypescript /> }, { name: 'MySQL', icon: <SiMysql /> },
{ name: 'React', icon: <SiReact /> }, { name: 'React', icon: <SiReact /> }
{ name: 'Next.js', icon: <SiNextdotjs /> },
{ name: 'MySQL', icon: <SiMysql /> }
]; ];
const interests: Interest[] = [ const interests: Interest[] = [
@ -128,20 +125,18 @@ export const About = () => {
href="https://github.com/AtomicWasTaken" href="https://github.com/AtomicWasTaken"
target="_blank" target="_blank"
rel="noopener noreferrer" 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 }} whileHover={{ scale: 1.02 }}
> >
<FaGithub className="mr-2" />
View GitHub View GitHub
</motion.a> </motion.a>
<motion.a <motion.a
href="https://www.linkedin.com/in/janmarlonleibl/" href="https://www.linkedin.com/in/janmarlonleibl/"
target="_blank" target="_blank"
rel="noopener noreferrer" 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 }} whileHover={{ scale: 1.02 }}
> >
<FaLinkedin className="mr-2" />
Connect on LinkedIn Connect on LinkedIn
</motion.a> </motion.a>
</div> </div>

13
src/pages/api/hello.ts
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" });
}

58
src/pages/index.tsx
View File

@ -12,43 +12,43 @@ export default function Home() {
useSmoothScroll(); useSmoothScroll();
return ( return (
<div className="min-h-screen theme-transition"> <div className="min-h-screen theme-transition">
<Head> <Head>
<title>Jan-Marlon Leibl • Fullstack Software Developer | PHP & TypeScript Expert</title> <title>Jan-Marlon Leibl • Fullstack Software Developer | PHP & TypeScript Expert</title>
<meta charSet="utf-8" /> <meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <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="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="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="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="author" content="Jan-Marlon Leibl" />
<meta name="robots" content="index, follow" /> <meta name="robots" content="index, follow" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content="https://jleibl.net/" /> <meta property="og:url" content="https://jleibl.net/" />
<meta property="og:title" content="Jan-Marlon Leibl • Fullstack Software Developer" /> <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: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" content="https://jleibl.net/profile-image.jpg" />
<meta property="og:image:width" content="400" /> <meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" /> <meta property="og:image:height" content="400" />
<meta property="og:image:alt" content="Jan-Marlon Leibl - Fullstack Software Developer" /> <meta property="og:image:alt" content="Jan-Marlon Leibl - Fullstack Software Developer" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://jleibl.net/" /> <meta name="twitter:url" content="https://jleibl.net/" />
<meta name="twitter:title" content="Jan-Marlon Leibl • Fullstack Software Developer" /> <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: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" content="https://jleibl.net/profile-image.jpg" />
<meta name="twitter:image:alt" content="Jan-Marlon Leibl - Fullstack Software Developer" /> <meta name="twitter:image:alt" content="Jan-Marlon Leibl - Fullstack Software Developer" />
<link rel="icon" href="/profile-image.jpg" type="image/jpeg" /> <link rel="icon" href="/profile-image.jpg" type="image/jpeg" />
<link rel="canonical" href="https://jleibl.net/" /> <link rel="canonical" href="https://jleibl.net/" />
</Head> </Head>
<Header /> <Header />
<Hero /> <Hero />
<About /> <About />
<Work /> <Work />
<Footer /> <Footer />
</div> </div>
); );
} }