base

2025-02-12 15:01:43 +01:00
commit fd1c4492d8
21 changed files with 5296 additions and 0 deletions
@@ -0,0 +1,31 @@
+import RevealOnScroll from "../RevealOnScroll";
+
+function Home() {
+
+    return (
+        <section id="home" className="min-h-screen flex items-center justify-center relative">
+            <RevealOnScroll>
+                <div className="text-center z-10 px-4">
+                    <h1 className="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-blue-500 to-purple-600 bg-clip-text text-transparent leading-right">
+                        Alexis Pencrane
+                    </h1>
+
+                    <p className="text-gray-500 text-lg mb-8 max-w-lg mx-auto">
+                        I'm a student in Networks and Telecommunications, specializing in Cybersecurity. I love learning new things related to networking and cybersecurity.
+                    </p>
+
+                    <div className="flex justify-center space-x-4">
+                        <a href="#projects" className="bg-blue-500 text-white py-3 px-6 rounded font-medium transition relative overflow-hidden hover:-translate-y-0.5 hover:shadow-[0_0_15px_rgba(59, 130, 246, 0.4)]">
+                            View Projects
+                        </a>
+                        <a href="#contact" className="border border-blue-500/50 text-blue-500 py-3 px-6 rounded font-medium transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_0_15px_rgba(59, 130, 246, 0.2)] hover:bg-blue-500/10">
+                            Contact Me
+                        </a>
+                    </div>
+                </div>
+            </RevealOnScroll>
+        </section>
+    )
+}
+
+export default Home;