fix(contact): remove card links, fix support email, single Paris office, remove Europe map section

apps/frontend/app/contact/page.tsx

@@ -73,7 +73,6 @@ export default function ContactPage() {
       title: 'Email',
       description: 'Envoyez-nous un email',
       value: 'contact@xpeditis.com',
-      link: 'mailto:contact@xpeditis.com',
       color: 'from-blue-500 to-cyan-500',
     },
     {
@@ -81,7 +80,6 @@ export default function ContactPage() {
       title: 'Téléphone',
       description: 'Appelez-nous',
       value: '+33 1 23 45 67 89',
-      link: 'tel:+33123456789',
       color: 'from-green-500 to-emerald-500',
     },
     {
@@ -89,15 +87,13 @@ export default function ContactPage() {
       title: 'Chat en direct',
       description: 'Discutez avec notre équipe',
       value: 'Disponible 24/7',
-      link: '#chat',
       color: 'from-purple-500 to-pink-500',
     },
     {
       icon: Headphones,
       title: 'Support',
-      description: 'Centre d\'aide',
+      description: 'Support client',
-      value: 'support.xpeditis.com',
+      value: 'support@xpeditis.com',
-      link: 'https://support.xpeditis.com',
       color: 'from-orange-500 to-red-500',
     },
   ];
@@ -111,22 +107,6 @@ export default function ContactPage() {
       email: 'paris@xpeditis.com',
       isHQ: true,
     },
-    {
-      city: 'Rotterdam',
-      address: 'Wilhelminakade 123',
-      postalCode: '3072 AP Rotterdam, Netherlands',
-      phone: '+31 10 123 4567',
-      email: 'rotterdam@xpeditis.com',
-      isHQ: false,
-    },
-    {
-      city: 'Hambourg',
-      address: 'Am Sandtorkai 50',
-      postalCode: '20457 Hamburg, Germany',
-      phone: '+49 40 123 4567',
-      email: 'hamburg@xpeditis.com',
-      isHQ: false,
-    },
   ];
 
   const subjects = [
@@ -227,22 +207,20 @@ export default function ContactPage() {
             {contactMethods.map((method, index) => {
               const IconComponent = method.icon;
               return (
-                <motion.a
+                <motion.div
                   key={index}
-                  href={method.link}
                   variants={itemVariants}
-                  whileHover={{ y: -5 }}
+                  className="bg-white p-6 rounded-2xl shadow-lg border border-gray-100"
-                  className="bg-white p-6 rounded-2xl shadow-lg border border-gray-100 hover:shadow-xl transition-all group"
                 >
                   <div
-                    className={`w-12 h-12 rounded-xl bg-gradient-to-br ${method.color} flex items-center justify-center mb-4 group-hover:scale-110 transition-transform`}
+                    className={`w-12 h-12 rounded-xl bg-gradient-to-br ${method.color} flex items-center justify-center mb-4`}
                   >
                     <IconComponent className="w-6 h-6 text-white" />
                   </div>
                   <h3 className="text-lg font-bold text-brand-navy mb-1">{method.title}</h3>
                   <p className="text-gray-500 text-sm mb-2">{method.description}</p>
                   <p className="text-brand-turquoise font-medium">{method.value}</p>
-                </motion.a>
+                </motion.div>
               );
             })}
           </div>
@@ -446,9 +424,9 @@ export default function ContactPage() {
               animate={isFormInView ? { opacity: 1, x: 0 } : {}}
               transition={{ duration: 0.8, delay: 0.2 }}
             >
-              <h2 className="text-3xl font-bold text-brand-navy mb-6">Nos bureaux</h2>
+              <h2 className="text-3xl font-bold text-brand-navy mb-6">Notre bureau</h2>
               <p className="text-gray-600 mb-8">
-                Retrouvez-nous dans nos bureaux à travers l'Europe ou contactez-nous par email.
+                Retrouvez-nous à Paris ou contactez-nous par email.
               </p>
 
               <div className="space-y-6">
@@ -687,39 +665,6 @@ export default function ContactPage() {
         </div>
       </section>
 
-      {/* Map Section */}
-      <section className="py-20 bg-gray-50">
-        <div className="max-w-7xl mx-auto px-6 lg:px-8">
-          <motion.div
-            initial={{ opacity: 0, y: 30 }}
-            whileInView={{ opacity: 1, y: 0 }}
-            viewport={{ once: true }}
-            transition={{ duration: 0.8 }}
-            className="text-center mb-12"
-          >
-            <h2 className="text-3xl font-bold text-brand-navy mb-4">Notre présence en Europe</h2>
-            <p className="text-gray-600">
-              Des bureaux stratégiquement situés pour mieux vous servir
-            </p>
-          </motion.div>
-
-          <motion.div
-            initial={{ opacity: 0, y: 30 }}
-            whileInView={{ opacity: 1, y: 0 }}
-            viewport={{ once: true }}
-            transition={{ duration: 0.8, delay: 0.2 }}
-            className="bg-white rounded-2xl shadow-lg overflow-hidden"
-          >
-            <div className="aspect-[21/9] bg-gradient-to-br from-brand-navy/5 to-brand-turquoise/5 flex items-center justify-center">
-              <div className="text-center">
-                <MapPin className="w-16 h-16 text-brand-turquoise mx-auto mb-4" />
-                <p className="text-gray-500">Carte interactive bientôt disponible</p>
-              </div>
-            </div>
-          </motion.div>
-        </div>
-      </section>
-
       <LandingFooter />
     </div>
   );