ploc/portfolio_v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

base

Browse Source
This commit is contained in:
Ploc300
2025-02-12 15:01:43 +01:00
commit fd1c4492d8
21 changed files with 5296 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/About.jsx
+84
View File
@@ -0,0 +1,84 @@
import RevealOnScroll from "../RevealOnScroll";
function About() {
const frontendSkills = ["React", "Vue", "Typescript", "Tailwind CSS"]
const backendSkills = ["Node.js", "Python", "AWS", "MongoDb"]
return (
<section id="about" className="min-h-screen flex items-center justify-center py-20">
<RevealOnScroll>
<div className="max-w-3xl mx-auto px-4">
<h2 className="text-3xl font-bold mb-8 bg-gradient-to-r from-blue-500 to-cyan-400 bg-clip-text text-transparent text-center">
About Me
</h2>
<div className="rounded-xl p-8 border-white/10 border hover:-translate-y-1 transition-all">
<p className="text-gray-300 mb-6">
Some text
</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="rounded-xl p-6 hover:-translate-y-1 transition-all">
<h3 className="text-xl font-bold mb-4">
Frontend
</h3>
<div className="flex flex-wrap gap-2">
{frontendSkills.map((tech) => (
<span className="bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full text-sm hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59,130,246,0.2)] transition">
{tech}
</span>
))}
</div>
</div>
<div className="rounded-xl p-6 hover:-translate-y-1 transition-all">
<h3 className="text-xl font-bold mb-4">
Backend
</h3>
<div className="flex flex-wrap gap-2">
{backendSkills.map((tech) => (
<span className="bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full text-sm hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59,130,246,0.2)] transition">
{tech}
</span>
))}
</div>
</div>
</div>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8">
<div className="p-6 rounded-xl border-white/10 border hover:-translate-y-1 transition-all">
<h3 className="text-xl font-bold mb-4">
Education
</h3>
<ul className="list-disc list-inside text-gray-300 space-y-2">
<li>
General Baccalaureate with honors (2022) - Lycée Colbert - Lorient (56)
</li>
<li>
University Diploma of Technology in Networks and Telecommunications, Cybersecurity track (2024) - IUT Lannion - Lannion (22)
</li>
</ul>
</div>
<div className="p-6 rounded-xl border-white/10 border hover:-translate-y-1 transition-all">
<h3 className="text-xl font-bold mb-4">
Work Experience
</h3>
<div className="space-y-4 text-gray-300">
<div>
<h4 className="font-semibold">Intern in Software Quality and Code Correction at Nokia (2024)</h4>
<p>Correction of Python code to meet PEP8 standards and Writting unitary test</p>
</div>
<div>
<h4 className="font-semibold">General Assistant at Intermarché (2024)</h4>
<p>Customer service, Stock management and Store maintenance</p>
</div>
</div>
</div>
</div>
</div>
</RevealOnScroll>
</section>
)
}
export default About;