feat(fiverr): ajout de la page Fiverr et des composants associés

- Création de la page Fiverr pour présenter les services freelance
- Ajout des composants FiverrHero, FiverrServiceCard et FiverrCta
- Intégration des services Fiverr dans la configuration du site
- Ajout de nouvelles images pour les services Fiverr
- Mise à jour des traductions pour inclure les services Fiverr
- Amélioration de la gestion des actifs avec l'importation des images
- Ajout de styles CSS pour les nouveaux composants et pages

src/components/styles/AppFooter.css

@@ -0,0 +1,100 @@
+/* AppFooter Styles */
+
+/* Footer Base */
+.footer {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  padding: var(--space-4xl) 0 var(--space-xl);
+  border-top: var(--border-width) solid var(--border-color);
+}
+
+/* Footer logo */
+.footer-logo {
+  width: 32px;
+  height: 32px;
+  object-fit: contain;
+  border-radius: var(--border-radius-md);
+}
+
+/* Footer Brand */
+.footer-brand {
+  color: var(--text-primary);
+}
+
+/* Footer Titles */
+.footer-title {
+  color: var(--text-primary);
+}
+
+/* Footer Description */
+.footer-description {
+  color: var(--text-secondary);
+}
+
+/* Footer Copyright */
+.footer-copyright {
+  color: var(--text-tertiary);
+}
+
+/* Footer Bottom */
+.footer-bottom {
+  border-top: var(--border-width) solid var(--border-color);
+  padding-top: var(--space-lg);
+}
+
+/* Social Links */
+.social-link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  background: var(--bg-secondary);
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--border-radius-lg);
+  color: var(--text-secondary);
+  transition: all var(--transition-fast);
+}
+
+.social-link:hover {
+  background: var(--color-primary);
+  color: var(--text-inverse);
+  border-color: var(--color-primary);
+  box-shadow: var(--shadow-md);
+  scale: 1.05;
+}
+
+/* Footer Links */
+.footer-link {
+  color: var(--text-secondary);
+  transition: color var(--transition-fast);
+  text-decoration: none;
+}
+
+.footer-link:hover {
+  color: var(--color-primary);
+}
+
+/* Custom utilities */
+.space-y-sm > * + * {
+  margin-top: var(--space-sm);
+}
+
+.max-w-md {
+  max-width: 28rem;
+}
+
+.cursor-default {
+  cursor: default;
+}
+
+/* Responsive */
+@media (min-width: 768px) {
+  .md\:col-span-2 {
+    grid-column: span 2;
+  }
+
+  .md\:flex-row {
+    flex-direction: row;
+  }
+}