chore(assets): mise à jour des images vers le format WebP

- Remplacement des images PNG par des images WebP pour améliorer la performance et la qualité visuelle.
- Mise à jour des références d'images dans les fichiers index.html, AppHeader.vue, AppFooter.vue, et plusieurs fichiers de configuration.
- Modification des métadonnées SEO pour utiliser les nouvelles images WebP dans les pages About, Home, Fiverr, et Projects.
- Ajout de nouvelles images WebP pour les projets et les services Fiverr dans les fichiers de données.

src/views/AboutPage.vue

@@ -12,7 +12,7 @@ useSeo({
   title: t('seo.about.title'),
   description: t('seo.about.description'),
   keywords: 'full stack developer, vue.js expert, react developer, node.js specialist, javascript developer, web development skills, programming expertise, software engineer',
-  ogImage: '/portfolio-preview.jpg',
+  ogImage: '/portfolio-preview.webp',
   structuredData: {
     '@context': 'https://schema.org',
     '@type': 'Person',

src/views/ContactPage.vue

@@ -11,8 +11,38 @@ const { siteConfig } = useSiteConfig()
 useSeo({
   title: t('seo.contact.title'),
   description: t('seo.contact.description'),
-  ogTitle: t('seo.contact.title'),
-  ogDescription: t('seo.contact.description')
+  keywords: 'hire full stack developer, contact web developer, freelance developer, vue.js consultant, react developer for hire, node.js expert, web development services',
+  ogImage: '/portfolio-preview.jpg',
+  structuredData: {
+    '@context': 'https://schema.org',
+    '@type': 'ContactPage',
+    'name': 'Contact Full Stack Developer',
+    'description': 'Get in touch for web development projects, freelance work, or technical consultation',
+    'url': 'https://killian-portfolio.com/contact',
+    'mainEntity': {
+      '@type': 'Person',
+      'name': 'Killian',
+      'jobTitle': 'Full Stack Developer',
+      'email': siteConfig.value.contact.email,
+      'telephone': siteConfig.value.contact.phone,
+      'address': {
+        '@type': 'PostalAddress',
+        'addressCountry': 'France'
+      },
+      'contactPoint': {
+        '@type': 'ContactPoint',
+        'contactType': 'customer service',
+        'availableLanguage': ['English', 'French'],
+        'areaServed': 'Worldwide',
+        'hoursAvailable': {
+          '@type': 'OpeningHoursSpecification',
+          'dayOfWeek': ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
+          'opens': '09:00',
+          'closes': '18:00'
+        }
+      }
+    }
+  }
 })
 
 </script>

src/views/FiverrPage.vue

@@ -19,7 +19,7 @@ useSeo({
   title: t('seo.fiverr.title'),
   description: t('seo.fiverr.description'),
   keywords: 'fiverr services, discord bot development, minecraft plugin development, telegram bot creation, web development services, freelance developer, custom bot development, fiverr gigs',
-  ogImage: '/portfolio-preview.jpg',
+  ogImage: '/portfolio-preview.webp',
   structuredData: {
     '@context': 'https://schema.org',
     '@type': 'Service',

src/views/HomePage.vue

@@ -12,7 +12,7 @@ useSeo({
   title: t('seo.home.title'),
   description: t('seo.home.description'),
   keywords: 'full stack developer, vue.js developer, react developer, node.js developer, web development services, javascript developer, typescript expert, discord bot developer, freelance developer, custom software development',
-  ogImage: '/portfolio-preview.jpg',
+  ogImage: '/portfolio-preview.webp',
   structuredData: {
     '@context': 'https://schema.org',
     '@type': 'WebSite',

src/views/ProjectsPage.vue

@@ -12,7 +12,7 @@ useSeo({
   title: t('seo.projects.title'),
   description: t('seo.projects.description'),
   keywords: 'web development portfolio, vue.js projects, react applications, node.js projects, javascript portfolio, full stack projects, discord bot examples, open source projects',
-  ogImage: '/portfolio-preview.jpg',
+  ogImage: '/portfolio-preview.webp',
   structuredData: {
     '@context': 'https://schema.org',
     '@type': 'CollectionPage',