From 0624060b2d88a9d4ecbc019e533b9e43f8f3d79e Mon Sep 17 00:00:00 2001
From: kinou-p <alexpomms@gmail.com>
Date: Fri, 3 Oct 2025 22:58:57 +0200
Subject: [PATCH] better responsive and added translation for cookie banner

---
 public/cv.pdf                   |  0
 src/components/CookieBanner.tsx |  8 ++++----
 src/components/Footer.tsx       | 29 +++++++++++++++++++++++++----
 src/pages/ProjectPage.tsx       | 10 +++++-----
 src/utils/translations.ts       | 24 ++++++++++++++++++++++++
 5 files changed, 58 insertions(+), 13 deletions(-)
 create mode 100644 public/cv.pdf

diff --git a/public/cv.pdf b/public/cv.pdf
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/CookieBanner.tsx b/src/components/CookieBanner.tsx
index af8028b..f1e946d 100644
--- a/src/components/CookieBanner.tsx
+++ b/src/components/CookieBanner.tsx
@@ -57,9 +57,9 @@ export const CookieBanner = () => {
                   <Cookie className="w-5 h-5 text-primary" />
                 </div>
                 <div className="flex-1">
-                  <h3 className="font-semibold text-base mb-1">Cookies</h3>
+                  <h3 className="font-semibold text-base mb-1">{t("cookies.title")}</h3>
                   <p className="text-sm text-muted-foreground">
-                    Nous utilisons des cookies pour améliorer votre expérience et analyser le trafic.
+                    {t("cookies.description")}
                   </p>
                 </div>
               </div>
@@ -71,7 +71,7 @@ export const CookieBanner = () => {
                   onClick={acceptAllCookies}
                   className="flex-1"
                 >
-                  Accepter
+                  {t("cookies.accept")}
                 </Button>
                 <Button
                   variant="outline"
@@ -79,7 +79,7 @@ export const CookieBanner = () => {
                   onClick={rejectAll}
                   className="flex-1"
                 >
-                  Refuser
+                  {t("cookies.reject")}
                 </Button>
               </div>
             </div>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 9605484..a5f7b0d 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -5,12 +5,13 @@ import { useCookieBanner } from "@/contexts/CookieBannerContext";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { LegalNoticeModal } from "@/components/LegalNoticeModal";
-import { Github, Mail, ExternalLink, Cookie, FileText } from "lucide-react";
+import { Github, Mail, ExternalLink, Cookie, FileText, Download } from "lucide-react";
 
 export const Footer = () => {
   const { t } = useLanguage();
   const { showBanner } = useCookieBanner();
   const [showLegalNotice, setShowLegalNotice] = useState(false);
+  const [showCVPopup, setShowCVPopup] = useState(false);
 
   const reopenCookiePreferences = () => {
     // Simplement rouvrir la bannière sans recharger
@@ -20,6 +21,11 @@ export const Footer = () => {
   const currentYear = new Date().getFullYear();
 
   const footerLinks = [
+    {
+      icon: <Download className="w-4 h-4" />,
+      label: t("footer.downloadCV"),
+      onClick: () => setShowCVPopup(true)
+    },
     {
       icon: <FileText className="w-4 h-4" />,
       label: t("footer.legalNotice"),
@@ -35,12 +41,12 @@ export const Footer = () => {
   const socialLinks = [
     {
       icon: <Github className="w-5 h-5" />,
-      label: "GitHub",
+      label: t("footer.github"),
       href: "https://github.com/kinou-p"
     },
     {
       icon: <Mail className="w-5 h-5" />,
-      label: "Email",
+      label: t("footer.email"),
       href: "mailto:contact@apommier.com"
     }
   ];
@@ -125,7 +131,7 @@ export const Footer = () => {
             className="space-y-4 md:max-w-xs"
           >
             <h3 className="font-semibold text-lg">{t("footer.information")}</h3>
-            <nav className="space-y-2">
+            <nav className="flex flex-col space-y-2">
               {footerLinks.map((link, index) => (
                 <Button
                   key={link.label}
@@ -179,6 +185,21 @@ export const Footer = () => {
         isOpen={showLegalNotice}
         onClose={() => setShowLegalNotice(false)}
       />
+
+      {/* Popup CV en travaux */}
+      {showCVPopup && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50" onClick={() => setShowCVPopup(false)}>
+          <div className="bg-background p-6 rounded-lg shadow-lg max-w-sm mx-4" onClick={(e) => e.stopPropagation()}>
+            <h3 className="text-lg font-semibold mb-2">{t("footer.cvWorkInProgressTitle")}</h3>
+            <p className="text-muted-foreground mb-4">
+              {t("footer.cvWorkInProgress")}
+            </p>
+            <Button onClick={() => setShowCVPopup(false)} className="w-full">
+              {t("footer.understood")}
+            </Button>
+          </div>
+        </div>
+      )}
     </footer>
   );
 };
\ No newline at end of file
diff --git a/src/pages/ProjectPage.tsx b/src/pages/ProjectPage.tsx
index f93ecca..5739988 100644
--- a/src/pages/ProjectPage.tsx
+++ b/src/pages/ProjectPage.tsx
@@ -32,10 +32,10 @@ const ProjectPageContent = () => {
     return (
       <div className="min-h-screen flex items-center justify-center">
         <div className="text-center">
-          <h1 className="text-4xl font-bold mb-4">{t("project.notFound") || "Project not found"}</h1>
+          <h1 className="text-4xl font-bold mb-4">{t("project.notFound")}</h1>
           <Button onClick={() => navigate("/")}>
             <ArrowLeft className="w-4 h-4 mr-2" />
-            {t("project.backToHome") || "Back to Home"}
+            {t("project.backToHome")}
           </Button>
         </div>
       </div>
@@ -43,7 +43,7 @@ const ProjectPageContent = () => {
   }
 
   return (
-    <div className="min-h-screen">
+    <div className="min-h-screen overflow-y-hidden">
       <ScrollProgress />
       <Header />
       
@@ -56,7 +56,7 @@ const ProjectPageContent = () => {
             transition={{ duration: 0.5 }}
             className="max-w-4xl mx-auto text-center mb-12"
           >
-            <h1 className="text-5xl md:text-7xl font-bold mb-6">
+            <h1 className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold mb-6">
               {project.title[language]}
             </h1>
             <p className="text-xl md:text-2xl text-muted-foreground mb-8">
@@ -261,7 +261,7 @@ const ProjectPageContent = () => {
                 className="gap-2"
               >
                 <ArrowLeft className="w-5 h-5" />
-                {t("project.backToHome") || "Back to Home"}
+                {t("project.backToHome")}
               </Button>
             </div>
           </motion.div>
diff --git a/src/utils/translations.ts b/src/utils/translations.ts
index d2b5729..dbae111 100644
--- a/src/utils/translations.ts
+++ b/src/utils/translations.ts
@@ -73,9 +73,21 @@ export const translations = {
       information: "Informations",
       legalNotice: "Mentions légales",
       cookieManagement: "Gestion des cookies",
+      downloadCV: "Télécharger mon CV",
+      cvWorkInProgressTitle: "CV en travaux",
+      cvWorkInProgress: "Mon CV est actuellement en cours de préparation. Il sera bientôt disponible !",
+      understood: "Compris",
+      github: "GitHub",
+      email: "Email",
       copyright: "Tous droits réservés.",
       builtWith: "Construit avec",
     },
+    cookies: {
+      title: "Cookies",
+      description: "Nous utilisons des cookies pour améliorer votre expérience et analyser le trafic.",
+      accept: "Accepter",
+      reject: "Refuser",
+    },
     project: {
       back: "Retour",
       backToHome: "Retour à l'accueil",
@@ -166,9 +178,21 @@ export const translations = {
       information: "Information",
       legalNotice: "Legal Notice",
       cookieManagement: "Cookie Management",
+      downloadCV: "Download my CV",
+      cvWorkInProgressTitle: "CV Work in Progress",
+      cvWorkInProgress: "My CV is currently being prepared. It will be available soon!",
+      understood: "Understood",
+      github: "GitHub",
+      email: "Email",
       copyright: "All rights reserved.",
       builtWith: "Built with",
     },
+    cookies: {
+      title: "Cookies",
+      description: "We use cookies to improve your experience and analyze traffic.",
+      accept: "Accept",
+      reject: "Reject",
+    },
     project: {
       back: "Back",
       backToHome: "Back to Home",