From 5442cebfb55fa30c637fd0fbc6413b304ccaa04d Mon Sep 17 00:00:00 2001
From: OK <deniz.ok@epitech.eu>
Date: Tue, 21 Jan 2025 22:38:58 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20des=20Centres=20d'int=C3=A9r=C3=AAt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                            |  2 +
 src/components/Footer/Footer.tsx       |  2 +-
 src/components/Interests/Interests.tsx | 81 ++++++++++++++++++++++++++
 3 files changed, 84 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Interests/Interests.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 2df7b63..47c1003 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,6 +3,7 @@ import { Hero } from './components/Hero/Hero';
 import { Education } from './components/Education/Education';
 import { Experience } from './components/Experience/Experience';
 import { Skills } from './components/Skills/Skills';
+import { Interests } from './components/Interests/Interests';
 import { Portfolio } from './components/Portfolio/Portfolio';
 import { Languages } from './components/Languages/Languages';
 import { Footer } from './components/Footer/Footer';
@@ -14,6 +15,7 @@ function App() {
       <Education />
       <Experience />
       <Skills />
+      <Interests />
       <Portfolio />
       <Languages />
       <Footer />
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 4a64d62..f7022c7 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -13,7 +13,7 @@ export const Footer = () => {
             <Linkedin className="w-6 h-6 icon-spin" />
           </a>
         </div>
-        <p className="text-center text-gray-400">© 2024 Deniz OK</p>
+        <p className="text-center text-gray-400">© 2024 Deniz OK. Tous droits réservés.</p>
       </div>
     </footer>
   );
diff --git a/src/components/Interests/Interests.tsx b/src/components/Interests/Interests.tsx
new file mode 100644
index 0000000..4c21f76
--- /dev/null
+++ b/src/components/Interests/Interests.tsx
@@ -0,0 +1,81 @@
+import React from 'react';
+import { Heart, Gamepad2, Music, Book } from 'lucide-react';
+
+export const Interests = () => {
+  return (
+    <section id="interests" className="py-20 px-8 bg-white">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-bold mb-12 text-center text-gray-800 flex items-center justify-center">
+          <Heart className="w-8 h-8 mr-3 text-red-600 icon-spin" />
+          Centres d'intérêt
+        </h2>
+        <div className="grid md:grid-cols-2 gap-6">
+          <div className="interest-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300">
+            <h3 className="text-xl font-bold text-gray-800 mb-4 flex items-center">
+              <Book className="w-5 h-5 mr-2 text-red-600" />
+              Culture Japonaise
+            </h3>
+            <p className="text-gray-600">
+              Passionné d'animes et de mangas. Parmi mes préférés :
+            </p>
+            <ul className="mt-2 space-y-1 text-gray-700">
+              <li>• Chainsaw Man</li>
+              <li>• Naruto</li>
+              <li>• Jujutsu Kaisen</li>
+              <li>• Fullmetal Alchemist: Brotherhood</li>
+              <li>• Death Note</li>
+            </ul>
+          </div>
+
+          <div className="interest-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300">
+            <h3 className="text-xl font-bold text-gray-800 mb-4 flex items-center">
+              <Music className="w-5 h-5 mr-2 text-red-600" />
+              Musique
+            </h3>
+            <p className="text-gray-600">
+              Éclectique dans mes goûts musicaux :
+            </p>
+            <ul className="mt-2 space-y-1 text-gray-700">
+              <li>• Rap : Future, Kendrick Lamar, Freeze Corleone</li>
+              <li>• Rock : Linkin Park</li>
+              <li>• J-pop : Flow, Ado, Creepy Nuts, SiM, Survive Said The Prophet, MAN WITH A MISSION</li>
+            </ul>
+          </div>
+
+          <div className="interest-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300">
+            <h3 className="text-xl font-bold text-gray-800 mb-4 flex items-center">
+              <Gamepad2 className="w-5 h-5 mr-2 text-red-600" />
+              Jeux Vidéo
+            </h3>
+            <p className="text-gray-600">
+              Amateur de jeux de stratégie et MOBA :
+            </p>
+            <ul className="mt-2 space-y-1 text-gray-700">
+              <li>• Age of Empires</li>
+              <li>• Football Manager</li>
+              <li>• Civilization</li>
+              <li>• League of Legends</li>
+              <li>• Crusader Kings III</li>
+              <li>• Mobile Legends</li>
+            </ul>
+          </div>
+
+          <div className="interest-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300">
+            <h3 className="text-xl font-bold text-gray-800 mb-4 flex items-center">
+              <Book className="w-5 h-5 mr-2 text-red-600" />
+              Mythologie
+            </h3>
+            <p className="text-gray-600">
+              Passionné par les contes mythologiques :
+            </p>
+            <ul className="mt-2 space-y-1 text-gray-700">
+              <li>• Mythologie Grecque</li>
+              <li>• Mythologie Romaine</li>
+              <li>• Mythologie Viking</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
\ No newline at end of file