all pages must be in french and english take yout time to do step by step all - Follow Up Deployment

index.html

@@ -7,6 +7,27 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script>
+        // Language management
+        function setLanguage(lang) {
+            document.documentElement.setAttribute('data-lang', lang);
+            localStorage.setItem('lang', lang);
+            toggleLanguageContent(lang);
+        }
+
+        function toggleLanguageContent(lang) {
+            document.querySelectorAll('[data-en], [data-fr]').forEach(el => {
+                if (el.hasAttribute(`data-${lang}`)) {
+                    el.style.display = '';
+                } else {
+                    el.style.display = 'none';
+                }
+            });
+        }
+
+        // Initialize language
+        const savedLang = localStorage.getItem('lang') || 'en';
+        setLanguage(savedLang);
+
         tailwind.config = {
             darkMode: 'class',
             theme: {
@@ -67,19 +88,25 @@
                     <img src="/images/b19c12f6-0e3f-4f15-b9ff-b1b60d376b87.jpeg" alt="Dossiya DAKOU" 
                         class="h-48 w-48 lg:h-64 lg:w-64 rounded-full object-cover border-8 border-teal">
                     <div>
-                        <h1 class="text-4xl md:text-5xl lg:text-6xl font-inter font-bold text-green-300 leading-tight">Dossiya DAKOU</h1>
+                        <h1 class="text-4xl md:text-5xl lg:text-6xl font-inter font-bold text-green-300 leading-tight">
+                            <span data-en>Dossiya DAKOU</span>
+                            <span data-fr style="display:none">Dossiya DAKOU</span>
+                        </h1>
                         <h2 class="text-2xl md:text-3xl lg:text-4xl font-medium text-teal mt-2">
-                            Sustainable Engineering & Climate Innovation
+                            <span data-en>Sustainable Engineering & Climate Innovation</span>
+                            <span data-fr style="display:none">Ingénierie Durable & Innovation Climatique</span>
                         </h2>
                     </div>
                 </div>
                 <p class="text-xl md:text-2xl lg:text-3xl leading-relaxed max-w-3xl border-l-4 border-teal pl-6 py-2">
-                    Engineering sustainable energy futures through AI-powered solutions. Bridging the gap between renewable energy, climate action, and equitable technology for African communities.
+                    <span data-en>Engineering sustainable energy futures through AI-powered solutions. Bridging the gap between renewable energy, climate action, and equitable technology for African communities.</span>
+                    <span data-fr style="display:none">Concevoir un avenir énergétique durable grâce à des solutions alimentées par l'IA. Combler le fossé entre les énergies renouvelables, l'action climatique et les technologies équitables pour les communautés africaines.</span>
                 </p>
                 <div class="flex flex-wrap gap-6 mt-6">
                     <a href="#contact" 
                         class="bg-orange hover:bg-orange-600 text-onyx px-8 py-4 rounded-lg font-medium text-lg transition-all hover:shadow-lg">
-                        Contact / Book a call
+                        <span data-en>Contact / Book a call</span>
+                        <span data-fr style="display:none">Contact / Prendre rendez-vous</span>
                     </a>
                     <a href="#" 
                         class="border-2 border-teal hover:bg-teal/10 text-teal px-8 py-4 rounded-lg font-medium text-lg transition-all">