<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/images/projects/quotes.svg"/><link rel="stylesheet" href="/_next/static/css/e8d457efab14b215.css" data-precedence="next"/><link rel="preload" as="script" fetchpriority="low" href="/_next/static/chunks/webpack-1ea540f0e26c2248.js"/><script src="/_next/static/chunks/fd9d1056-cd900e95e6b0db82.js" async=""></script><script src="/_next/static/chunks/117-be37ee2f38f9ba60.js" async=""></script><script src="/_next/static/chunks/main-app-6fca1515cee9a03c.js" async=""></script><script src="/_next/static/chunks/c15bf2b0-3fa3c123f635ab8d.js" async=""></script><script src="/_next/static/chunks/498-7fca849a389a3328.js" async=""></script><script src="/_next/static/chunks/381-f54988e1208e3018.js" async=""></script><script src="/_next/static/chunks/app/page-6439852e2dee5847.js" async=""></script><script src="/_next/static/chunks/972-407d19dcab4a77d2.js" async=""></script><script src="/_next/static/chunks/app/layout-e19986d4b188c40a.js" async=""></script><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="dns-prefetch" href="https://fonts.googleapis.com"/><meta name="ai-description" content="Aimé ADJASSA - Développeur web freelance full-stack à Rouen. Expert React, Vue.js, Laravel, Django, administration Linux, Docker, CI/CD. Création sites performants, applications web modernes, dashboards, optimisation SEO technique. Disponible pour missions freelance France et international."/><meta name="ai-services" content="Développement Front-End React/Vue.js, Développement Back-End Laravel/Django, Dashboards sur mesure, Administration Linux, CI/CD, SEO Technique"/><meta name="ai-skills" content="React, Vue.js, Next.js, Laravel, Django, PHP, Node.js, TypeScript, MySQL, PostgreSQL, Docker, Linux, Nginx, Git, Tailwind CSS, GSAP"/><meta name="ai-location" content="Rouen, Normandie, France"/><meta name="ai-availability" content="Disponible pour missions freelance"/><link rel="manifest" href="/manifest.json"/><meta name="theme-color" content="#D4AF37"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><title>Aimé ADJASSA | Développeur Web Full-Stack & Administrateur Système</title><meta name="description" content="Développeur web freelance à Rouen, spécialisé en React, Vue.js, Laravel et Django. Création de sites rapides, sécurisés et sur-mesure, avec gestion complète de vos serveurs et environnements Linux."/><link rel="author" href="https://adjassaweb.fr"/><meta name="author" content="Aimé ADJASSA"/><meta name="keywords" content="Développeur Web,Développeur Full-Stack,Freelance Rouen,React Developer,Vue.js Developer,Laravel Developer,Django Developer,Administrateur Système,Administration Linux,Docker,CI/CD,SEO Technique,Développeur Frontend,Développeur Backend,API REST,MySQL,PostgreSQL,Développement Web Rouen,Site Web Performant,Optimisation Web"/><meta name="creator" content="Aimé ADJASSA"/><meta name="publisher" content="Aimé ADJASSA"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="technology"/><link rel="canonical" href="https://adjassaweb.fr"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta name="google-site-verification" content="google-site-verification-code"/><meta property="og:title" content="Aimé ADJASSA | Développeur Web Full-Stack & Administrateur Système"/><meta property="og:description" content="Développeur web freelance à Rouen - Sites performants et sécurisés, gestion serveurs Linux"/><meta property="og:url" content="https://adjassaweb.fr"/><meta property="og:site_name" content="Aimé ADJASSA Portfolio"/><meta property="og:locale" content="fr_FR"/><meta property="og:image" content="https://adjassaweb.fr/images/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Aimé ADJASSA - Développeur Web Full-Stack"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Aimé ADJASSA | Développeur Web Full-Stack & Administrateur Système"/><meta name="twitter:description" content="Développeur web freelance à Rouen - Sites performants, gestion serveurs"/><meta name="twitter:image" content="https://adjassaweb.fr/images/twitter-image.jpg"/><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-53C867PT');</script><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Person","@id":"https://adjassaweb.fr/#person","name":"Aimé ADJASSA","alternateName":"Aimé Adjassa","givenName":"Aimé","familyName":"ADJASSA","jobTitle":"Développeur Web Full-Stack & Administrateur Système","description":"Développeur web freelance spécialisé en développement full-stack (React, Vue.js, Laravel, Django) et administration système Linux. Basé à Rouen, je crée des sites web performants, des applications web modernes et gère des infrastructures serveurs sécurisées. Expert en CI/CD, Docker, SEO technique et optimisation des performances web.","url":"https://adjassaweb.fr","email":"contact@adjassaweb.fr","image":"https://adjassaweb.fr/images/profile.jpg","telephone":"+33-XX-XX-XX-XX","address":{"@type":"PostalAddress","addressLocality":"Rouen","addressRegion":"Normandie","postalCode":"76000","addressCountry":"FR"},"sameAs":["https://github.com/41M3Dev","https://linkedin.com/in/aime-adjassa","https://adjassaweb.fr"],"knowsAbout":["Développement Web","Développement Full-Stack","React","Vue.js","Next.js","Laravel","Django","PHP","Python","JavaScript","TypeScript","Node.js","HTML5","CSS3","Tailwind CSS","MySQL","PostgreSQL","Docker","Linux","Ubuntu","Debian","Administration Système","DevOps","CI/CD","Git","GitHub","Nginx","Apache","SEO Technique","Optimisation Web","Performance Web","Core Web Vitals","API REST","Architecture MVC","Sécurité Web","Responsive Design","Progressive Web Apps","GSAP","Animations Web"],"knowsLanguage":[{"@type":"Language","name":"Français","alternateName":"fr"},{"@type":"Language","name":"Anglais","alternateName":"en"}]},{"@type":"ProfessionalService","@id":"https://adjassaweb.fr/#organization","name":"Aimé ADJASSA - Développeur Web Freelance","alternateName":"ADJASSA Web","url":"https://adjassaweb.fr","logo":"https://adjassaweb.fr/images/logo.png","image":"https://adjassaweb.fr/images/og-image.jpg","description":"Services professionnels de développement web full-stack et administration système. Création de sites web performants, applications web modernes, dashboards sur mesure et gestion d'infrastructures serveurs.","priceRange":"€€","telephone":"+33-XX-XX-XX-XX","email":"contact@adjassaweb.fr","address":{"@type":"PostalAddress","addressLocality":"Rouen","addressRegion":"Normandie","addressCountry":"FR"},"areaServed":[{"@type":"Country","name":"France"},{"@type":"AdministrativeArea","name":"Normandie"},{"@type":"City","name":"Rouen"}],"serviceType":["Développement Web","Développement Full-Stack","Administration Système","DevOps","Consulting IT"]},{"@type":"WebSite","@id":"https://adjassaweb.fr/#website","url":"https://adjassaweb.fr","name":"Aimé ADJASSA Portfolio","description":"Portfolio professionnel et services de développement web full-stack","publisher":{"@id":"https://adjassaweb.fr/#person"},"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https://adjassaweb.fr/#webpage","url":"https://adjassaweb.fr","name":"Aimé ADJASSA | Développeur Web Full-Stack & Administrateur Système","description":"Développeur web freelance à Rouen. Expert React, Vue.js, Laravel, Django et administration système Linux. Création de sites performants et sécurisés.","isPartOf":{"@id":"https://adjassaweb.fr/#website"},"about":{"@id":"https://adjassaweb.fr/#person"},"primaryImageOfPage":{"@type":"ImageObject","url":"https://adjassaweb.fr/images/og-image.jpg","width":1200,"height":630}},{"@type":"Service","@id":"https://adjassaweb.fr/services/front-end#service","name":"Développement Front-End React, Vue.js et Tailwind CSS","description":"Création d'interfaces modernes, rapides et réactives avec React, Vue.js et Tailwind CSS. Développement de sites vitrines élégants et d'applications web dynamiques pour un design professionnel sur mesure. Intégration responsive, animations fluides et optimisation des performances.","provider":{"@id":"https://adjassaweb.fr/#person"},"areaServed":{"@type":"Country","name":"France"},"serviceType":"Développement Front-End","category":"Développement Web","url":"https://adjassaweb.fr/services/front-end","offers":{"@type":"Offer","availability":"https://schema.org/InStock","priceSpecification":{"@type":"PriceSpecification","priceCurrency":"EUR"}},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Services Front-End","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Sites vitrines performants avec React ou Vue.js"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Applications web interactives"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Intégration responsive et optimisation UI/UX"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Animations modernes avec GSAP"}}]}},{"@type":"Service","@id":"https://adjassaweb.fr/services/back-end#service","name":"Développement Back-End Laravel, Django, PHP et Node.js","description":"Conception et développement de back-ends robustes, sécurisés et scalables avec Laravel, Django, Node.js ou PHP natif. Création d'API REST performantes, gestion de bases de données MySQL/PostgreSQL et mise en place d'architectures fiables pour vos applications professionnelles.","provider":{"@id":"https://adjassaweb.fr/#person"},"areaServed":{"@type":"Country","name":"France"},"serviceType":"Développement Back-End","category":"Développement Web","url":"https://adjassaweb.fr/services/back-end","offers":{"@type":"Offer","availability":"https://schema.org/InStock"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Services Back-End","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"API REST performantes et sécurisées"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Architecture backend scalable"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Gestion de bases de données"}}]}},{"@type":"Service","@id":"https://adjassaweb.fr/services/dashboards#service","name":"Création de Dashboards et Back-Office Sur Mesure","description":"Développement de tableaux de bord intuitifs, d'interfaces d'administration et d'outils internes sur mesure. Visualisation de données en temps réel, gestion de contenu simplifiée et expérience utilisateur optimisée grâce à React, Charts.js, REST APIs et MySQL.","provider":{"@id":"https://adjassaweb.fr/#person"},"areaServed":{"@type":"Country","name":"France"},"serviceType":"Dashboards & Back-Office","category":"Développement Web","url":"https://adjassaweb.fr/services/dashboards","offers":{"@type":"Offer","availability":"https://schema.org/InStock"}},{"@type":"Service","@id":"https://adjassaweb.fr/services/linux#service","name":"Administration Système Linux et Gestion Serveurs","description":"Gestion complète de serveurs Linux (Ubuntu, Debian) : configuration, sécurisation, optimisation et monitoring. Mise en place de containers Docker, reverse proxy Nginx/Apache, et optimisation des performances serveur pour garantir une infrastructure stable et sécurisée.","provider":{"@id":"https://adjassaweb.fr/#person"},"areaServed":{"@type":"Country","name":"France"},"serviceType":"Administration Système","category":"Infrastructure IT","url":"https://adjassaweb.fr/services/linux","offers":{"@type":"Offer","availability":"https://schema.org/InStock"}},{"@type":"Service","@id":"https://adjassaweb.fr/services/ci-cd#service","name":"Déploiement Professionnel et Pipelines CI/CD","description":"Mise en place de pipelines CI/CD automatisés (GitHub Actions, GitLab CI) pour des déploiements rapides, sûrs et reproductibles. Configuration de l'infrastructure cloud, automatisation des tests, intégration continue et optimisation des mises en production.","provider":{"@id":"https://adjassaweb.fr/#person"},"areaServed":{"@type":"Country","name":"France"},"serviceType":"DevOps & CI/CD","category":"Infrastructure IT","url":"https://adjassaweb.fr/services/ci-cd","offers":{"@type":"Offer","availability":"https://schema.org/InStock"}},{"@type":"Service","@id":"https://adjassaweb.fr/services/seo-technique#service","name":"SEO Technique et Optimisation des Performances Web","description":"Optimisation technique complète pour améliorer le référencement naturel : amélioration des Core Web Vitals (LCP, FID, CLS), optimisation de la vitesse de chargement, structure SEO-friendly, performance serveur et implémentation des meilleures pratiques Google. Augmentez votre visibilité et améliorez votre classement dans les résultats de recherche.","provider":{"@id":"https://adjassaweb.fr/#person"},"areaServed":{"@type":"Country","name":"France"},"serviceType":"SEO Technique","category":"Optimisation Web","url":"https://adjassaweb.fr/services/seo-technique","offers":{"@type":"Offer","availability":"https://schema.org/InStock"}},{"@type":"BreadcrumbList","@id":"https://adjassaweb.fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://adjassaweb.fr"},{"@type":"ListItem","position":2,"name":"Services","item":"https://adjassaweb.fr/services"}]},{"@type":"FAQPage","@id":"https://adjassaweb.fr/#faq","mainEntity":[{"@type":"Question","name":"Quels sont les services proposés par Aimé ADJASSA ?","acceptedAnswer":{"@type":"Answer","text":"Aimé ADJASSA propose 6 services principaux : développement front-end (React, Vue.js, Tailwind CSS), développement back-end (Laravel, Django, PHP, Node.js), création de dashboards et back-office sur mesure, administration système Linux et gestion serveurs, déploiement professionnel avec pipelines CI/CD, et SEO technique avec optimisation des performances web."}},{"@type":"Question","name":"Où est basé Aimé ADJASSA ?","acceptedAnswer":{"@type":"Answer","text":"Aimé ADJASSA est un développeur web freelance basé à Rouen, en Normandie, France. Il travaille avec des clients partout en France et à l'international."}},{"@type":"Question","name":"Quelles technologies Aimé ADJASSA maîtrise-t-il ?","acceptedAnswer":{"@type":"Answer","text":"Aimé ADJASSA maîtrise un large éventail de technologies : React, Vue.js, Next.js, Laravel, Django, PHP, Node.js, TypeScript, JavaScript, MySQL, PostgreSQL, Docker, Linux (Ubuntu/Debian), Nginx, CI/CD, Git, Tailwind CSS, GSAP, et bien d'autres. Il est spécialisé en développement full-stack et administration système."}},{"@type":"Question","name":"Comment contacter Aimé ADJASSA pour un projet ?","acceptedAnswer":{"@type":"Answer","text":"Vous pouvez contacter Aimé ADJASSA via le formulaire de contact sur le site adjassaweb.fr, par email à contact@adjassaweb.fr, ou via LinkedIn et GitHub."}}]}]}</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" nomodule=""></script></head><body class="font-sans bg-dark-primary dark:bg-dark-primary bg-white text-off-white dark:text-off-white text-gray-900 transition-colors duration-300"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-53C867PT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div class="grain-overlay" aria-hidden="true"></div><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="container-premium"><div class="flex items-center justify-between h-20 md:h-24"><a class="font-serif text-xl md:text-2xl font-bold tracking-tight text-gray-900 dark:text-off-white hover:text-accent-gold transition-colors duration-200" href="/">AA</a><ul class="hidden md:flex items-center gap-8 lg:gap-12"><li><a href="/services" class="relative text-sm font-medium tracking-wide transition-colors duration-200 group text-gray-700 dark:text-off-white/70 hover:text-gray-900 dark:hover:text-off-white">Services<span class="absolute -bottom-1 left-0 h-px bg-accent-gold transition-all duration-300 w-0 group-hover:w-full"></span></a></li><li><a href="#work" class="relative text-sm font-medium tracking-wide transition-colors duration-200 group text-gray-700 dark:text-off-white/70 hover:text-gray-900 dark:hover:text-off-white">Projets<span class="absolute -bottom-1 left-0 h-px bg-accent-gold transition-all duration-300 w-0 group-hover:w-full"></span></a></li><li><a href="#about" class="relative text-sm font-medium tracking-wide transition-colors duration-200 group text-gray-700 dark:text-off-white/70 hover:text-gray-900 dark:hover:text-off-white">À propos<span class="absolute -bottom-1 left-0 h-px bg-accent-gold transition-all duration-300 w-0 group-hover:w-full"></span></a></li><li><a href="#skills" class="relative text-sm font-medium tracking-wide transition-colors duration-200 group text-gray-700 dark:text-off-white/70 hover:text-gray-900 dark:hover:text-off-white">Compétences<span class="absolute -bottom-1 left-0 h-px bg-accent-gold transition-all duration-300 w-0 group-hover:w-full"></span></a></li><li><a href="#experience" class="relative text-sm font-medium tracking-wide transition-colors duration-200 group text-gray-700 dark:text-off-white/70 hover:text-gray-900 dark:hover:text-off-white">Expérience<span class="absolute -bottom-1 left-0 h-px bg-accent-gold transition-all duration-300 w-0 group-hover:w-full"></span></a></li><li><a href="#contact" class="relative text-sm font-medium tracking-wide transition-colors duration-200 group text-gray-700 dark:text-off-white/70 hover:text-gray-900 dark:hover:text-off-white">Contact<span class="absolute -bottom-1 left-0 h-px bg-accent-gold transition-all duration-300 w-0 group-hover:w-full"></span></a></li></ul><div class="hidden md:flex items-center gap-4"><button class="relative w-14 h-7 bg-slate-soft dark:bg-slate-medium rounded-full p-1 transition-colors duration-300 hover:bg-slate-medium dark:hover:bg-slate-soft" aria-label="Basculer vers le mode clair"><div class="absolute top-1 w-5 h-5 bg-accent-gold rounded-full transition-transform duration-300 ease-in-out flex items-center justify-center translate-x-1"><svg class="w-3 h-3 text-dark-primary" fill="currentColor" viewbox="0 0 20 20"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg></div></button><a href="#contact" class="btn-primary text-sm">Discutons</a></div><button class="md:hidden p-2 text-gray-900 dark:text-off-white relative z-50" aria-label="Menu"><svg class="w-6 h-6 transition-transform duration-300" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" stroke="currentColor"><path d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div></div></nav><div class="fixed top-0 right-0 bottom-0 w-full md:hidden z-40 pointer-events-none" style="transform:translateX(100%)"><div class="absolute inset-0 bg-white/95 dark:bg-dark-secondary/95 backdrop-blur-lg pt-24 px-6"><ul class="flex flex-col gap-6"><li><a href="/services" class="block text-2xl font-medium tracking-wide transition-colors duration-200 text-gray-900 dark:text-off-white hover:text-accent-gold">Services</a></li><li><a href="#work" class="block text-2xl font-medium tracking-wide transition-colors duration-200 text-gray-900 dark:text-off-white hover:text-accent-gold">Projets</a></li><li><a href="#about" class="block text-2xl font-medium tracking-wide transition-colors duration-200 text-gray-900 dark:text-off-white hover:text-accent-gold">À propos</a></li><li><a href="#skills" class="block text-2xl font-medium tracking-wide transition-colors duration-200 text-gray-900 dark:text-off-white hover:text-accent-gold">Compétences</a></li><li><a href="#experience" class="block text-2xl font-medium tracking-wide transition-colors duration-200 text-gray-900 dark:text-off-white hover:text-accent-gold">Expérience</a></li><li><a href="#contact" class="block text-2xl font-medium tracking-wide transition-colors duration-200 text-gray-900 dark:text-off-white hover:text-accent-gold">Contact</a></li></ul><div class="mt-12 flex flex-col gap-6"><button class="relative w-14 h-7 bg-slate-soft dark:bg-slate-medium rounded-full p-1 transition-colors duration-300 hover:bg-slate-medium dark:hover:bg-slate-soft" aria-label="Basculer vers le mode clair"><div class="absolute top-1 w-5 h-5 bg-accent-gold rounded-full transition-transform duration-300 ease-in-out flex items-center justify-center translate-x-1"><svg class="w-3 h-3 text-dark-primary" fill="currentColor" viewbox="0 0 20 20"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg></div></button><a href="#contact" class="btn-primary text-sm inline-block text-center">Discutons</a></div></div></div><main><section class="relative min-h-screen flex items-center justify-center overflow-hidden bg-white dark:bg-dark-primary"><div class="container-premium relative z-10 text-center px-6"><h1 class="heading-primary mb-8 perspective-1000"><span class="inline-block"><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">D</span><span class="char inline-block" style="display:inline-block">é</span><span class="char inline-block" style="display:inline-block">v</span><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">l</span><span class="char inline-block" style="display:inline-block">o</span><span class="char inline-block" style="display:inline-block">p</span><span class="char inline-block" style="display:inline-block">p</span><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">u</span><span class="char inline-block" style="display:inline-block">r</span></span><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">W</span><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">b</span></span><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">F</span><span class="char inline-block" style="display:inline-block">u</span><span class="char inline-block" style="display:inline-block">l</span><span class="char inline-block" style="display:inline-block">l</span><span class="char inline-block" style="display:inline-block">-</span><span class="char inline-block" style="display:inline-block">S</span><span class="char inline-block" style="display:inline-block">t</span><span class="char inline-block" style="display:inline-block">a</span><span class="char inline-block" style="display:inline-block">c</span><span class="char inline-block" style="display:inline-block">k</span></span><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">F</span><span class="char inline-block" style="display:inline-block">r</span><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">l</span><span class="char inline-block" style="display:inline-block">a</span><span class="char inline-block" style="display:inline-block">n</span><span class="char inline-block" style="display:inline-block">c</span><span class="char inline-block" style="display:inline-block">e</span></span><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">&</span></span><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">A</span><span class="char inline-block" style="display:inline-block">d</span><span class="char inline-block" style="display:inline-block">m</span><span class="char inline-block" style="display:inline-block">i</span><span class="char inline-block" style="display:inline-block">n</span><span class="char inline-block" style="display:inline-block">i</span><span class="char inline-block" style="display:inline-block">s</span><span class="char inline-block" style="display:inline-block">t</span><span class="char inline-block" style="display:inline-block">r</span><span class="char inline-block" style="display:inline-block">a</span><span class="char inline-block" style="display:inline-block">t</span><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">u</span><span class="char inline-block" style="display:inline-block">r</span></span><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">S</span><span class="char inline-block" style="display:inline-block">y</span><span class="char inline-block" style="display:inline-block">s</span><span class="char inline-block" style="display:inline-block">t</span><span class="char inline-block" style="display:inline-block">è</span><span class="char inline-block" style="display:inline-block">m</span><span class="char inline-block" style="display:inline-block">e</span></span><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">n</span></span><span class="word inline-block mr-[0.3em]"><span class="char inline-block" style="display:inline-block">F</span><span class="char inline-block" style="display:inline-block">r</span><span class="char inline-block" style="display:inline-block">a</span><span class="char inline-block" style="display:inline-block">n</span><span class="char inline-block" style="display:inline-block">c</span><span class="char inline-block" style="display:inline-block">e</span></span></span></h1><h2 class="text-premium max-w-2xl mx-auto mb-12 opacity-0">Création de Sites Web Performants (Front-End & Back-End) et Administration de Serveurs Linux Sécurisés</h2><div class="flex flex-col sm:flex-row items-center justify-center gap-6"><a href="#contact" class="cta-button btn-primary opacity-0">Me contacter</a><a href="#work" class="cta-button relative px-8 py-4 text-gray-900 dark:text-off-white font-medium tracking-wide group opacity-0"><span class="relative z-10">Voir mes projets</span><span class="absolute bottom-0 left-0 w-full h-px bg-accent-gold transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-500"></span></a></div><div class="absolute bottom-12 left-1/2 -translate-x-1/2"><div class="w-px h-16 bg-gradient-to-b from-accent-gold to-transparent animate-pulse"></div></div></div></section><section id="services" class="section-padding bg-gray-50 dark:bg-dark-primary relative overflow-hidden"><div class="absolute top-1/2 right-0 w-96 h-96 opacity-10" style="background:radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);filter:blur(80px)"></div><div class="container-premium relative z-10"><div class="text-center max-w-3xl mx-auto mb-20"><h2 class="heading-secondary mb-6">Ce Que J'Apporte</h2><p class="text-premium">Des services de développement complets conçus pour valoriser votre présence digitale et générer des résultats concrets pour votre entreprise.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8"><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-sm cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-sm transition-colors duration-400"></div><div class="relative z-10"><div class="inline-block mb-6"><span class="font-serif text-5xl font-bold text-accent-gold/30 group-hover:text-accent-gold/50 transition-colors duration-400">01</span></div><h3 class="text-2xl lg:text-3xl font-serif font-bold mb-4 text-gray-900 dark:text-off-white">Développement Front-End</h3><p class="text-premium mb-6">Création d'interfaces modernes et réactives avec les derniers frameworks JavaScript. Développement de sites vitrines élégants et d'applications web complexes avec React ou Vue.js, stylisées avec Tailwind CSS pour un design sur mesure.</p><div class="mb-6"><div class="flex flex-wrap gap-2"><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">React</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Vue.js</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Tailwind CSS</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">JavaScript ES6+</span></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Développement de site vitrine</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Intégration responsive & optimisation UI</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Animations fluides et modernes</span></div></div><div class="mt-6 flex items-center gap-2 text-accent-gold opacity-0 group-hover:opacity-100 transition-opacity duration-400"><span class="text-sm font-medium">En savoir plus</span><svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform duration-400" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></div></div></div><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-sm cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-sm transition-colors duration-400"></div><div class="relative z-10"><div class="inline-block mb-6"><span class="font-serif text-5xl font-bold text-accent-gold/30 group-hover:text-accent-gold/50 transition-colors duration-400">02</span></div><h3 class="text-2xl lg:text-3xl font-serif font-bold mb-4 text-gray-900 dark:text-off-white">Développement Back-End</h3><p class="text-premium mb-6">Architecture et développement backend robuste avec Laravel, Django ou PHP natif. Création d'API RESTful performantes, gestion de bases de données et mise en place d'architectures backend scalables et sécurisées.</p><div class="mb-6"><div class="flex flex-wrap gap-2"><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Laravel</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Django</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">PHP</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Node.js</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">REST APIs</span></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">API & architectures backend</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Code maintenable et structuré</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Sécurité et performance</span></div></div><div class="mt-6 flex items-center gap-2 text-accent-gold opacity-0 group-hover:opacity-100 transition-opacity duration-400"><span class="text-sm font-medium">En savoir plus</span><svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform duration-400" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></div></div></div><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-sm cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-sm transition-colors duration-400"></div><div class="relative z-10"><div class="inline-block mb-6"><span class="font-serif text-5xl font-bold text-accent-gold/30 group-hover:text-accent-gold/50 transition-colors duration-400">03</span></div><h3 class="text-2xl lg:text-3xl font-serif font-bold mb-4 text-gray-900 dark:text-off-white">Dashboards & Back-Office</h3><p class="text-premium mb-6">Développement de tableaux de bord interactifs et d'interfaces d'administration intuitives. Visualisation de données en temps réel, gestion de contenu facilitée avec des outils modernes et une expérience utilisateur optimisée.</p><div class="mb-6"><div class="flex flex-wrap gap-2"><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">React</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">PHP</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">MySQL</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">REST APIs</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Charts.js</span></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Création de dashboards / back-office</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Interface intuitive</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Données en temps réel</span></div></div><div class="mt-6 flex items-center gap-2 text-accent-gold opacity-0 group-hover:opacity-100 transition-opacity duration-400"><span class="text-sm font-medium">En savoir plus</span><svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform duration-400" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></div></div></div><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-sm cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-sm transition-colors duration-400"></div><div class="relative z-10"><div class="inline-block mb-6"><span class="font-serif text-5xl font-bold text-accent-gold/30 group-hover:text-accent-gold/50 transition-colors duration-400">04</span></div><h3 class="text-2xl lg:text-3xl font-serif font-bold mb-4 text-gray-900 dark:text-off-white">Administration Système Linux</h3><p class="text-premium mb-6">Gestion complète de vos environnements serveurs Linux. Configuration, sécurisation et monitoring de vos infrastructures. Mise en place de containers Docker, reverse proxy, et optimisation des performances serveur.</p><div class="mb-6"><div class="flex flex-wrap gap-2"><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Linux</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Docker</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Nginx</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Monitoring</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Automatisation</span></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Docker, containers & reverse proxy</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Optimisation performance serveur</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Sécurité & monitoring</span></div></div><div class="mt-6 flex items-center gap-2 text-accent-gold opacity-0 group-hover:opacity-100 transition-opacity duration-400"><span class="text-sm font-medium">En savoir plus</span><svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform duration-400" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></div></div></div><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-sm cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-sm transition-colors duration-400"></div><div class="relative z-10"><div class="inline-block mb-6"><span class="font-serif text-5xl font-bold text-accent-gold/30 group-hover:text-accent-gold/50 transition-colors duration-400">05</span></div><h3 class="text-2xl lg:text-3xl font-serif font-bold mb-4 text-gray-900 dark:text-off-white">Déploiement & CI/CD</h3><p class="text-premium mb-6">Mise en place de pipelines de déploiement automatisés et d'intégration continue. Configuration de l'infrastructure cloud, automatisation des tests et des déploiements pour des mises en production fluides et sécurisées.</p><div class="mb-6"><div class="flex flex-wrap gap-2"><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Git</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">CI/CD</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Linux</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Docker</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Automatisation</span></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Déploiement & CI/CD</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Automatisation complète</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Mises en production sécurisées</span></div></div><div class="mt-6 flex items-center gap-2 text-accent-gold opacity-0 group-hover:opacity-100 transition-opacity duration-400"><span class="text-sm font-medium">En savoir plus</span><svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform duration-400" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></div></div></div><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-sm cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-sm transition-colors duration-400"></div><div class="relative z-10"><div class="inline-block mb-6"><span class="font-serif text-5xl font-bold text-accent-gold/30 group-hover:text-accent-gold/50 transition-colors duration-400">06</span></div><h3 class="text-2xl lg:text-3xl font-serif font-bold mb-4 text-gray-900 dark:text-off-white">SEO Technique & Optimisation</h3><p class="text-premium mb-6">Optimisation technique pour améliorer le référencement naturel de vos sites. Amélioration des Core Web Vitals, optimisation des performances, structure SEO-friendly et meilleures pratiques pour un meilleur classement Google.</p><div class="mb-6"><div class="flex flex-wrap gap-2"><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">SEO Technique</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Core Web Vitals</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Performance</span><span class="px-3 py-1 bg-gray-100 dark:bg-slate-soft/50 border border-gray-300 dark:border-off-white/5 rounded-full text-xs font-medium text-gray-700 dark:text-off-white/70">Analytics</span></div></div><div class="space-y-2"><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">SEO technique & optimisation Core Web Vitals</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Performance optimisée</span></div><div class="flex items-center gap-2"><div class="w-1 h-1 rounded-full bg-accent-gold"></div><span class="text-sm text-gray-600 dark:text-off-white/70">Meilleur classement Google</span></div></div><div class="mt-6 flex items-center gap-2 text-accent-gold opacity-0 group-hover:opacity-100 transition-opacity duration-400"><span class="text-sm font-medium">En savoir plus</span><svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform duration-400" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></div></div></div></div></div></section><!--$--><section id="work" class="section-padding bg-white dark:bg-dark-secondary relative"><div class="container-premium"><div class="text-center max-w-3xl mx-auto mb-20"><h2 class="heading-secondary mb-6">Projets Réalisés</h2><p class="text-premium">Découvrez une sélection de mes projets web. Du site vitrine à l'application full-stack, chaque projet reflète mon engagement pour la qualité et les performances.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><article class="project-card group relative bg-dark-primary border border-off-white/10 rounded-sm overflow-hidden hover:border-accent-gold/30 transition-all duration-500"><div class="relative aspect-video bg-slate-soft overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-accent-gold/20 to-accent-night/20 flex items-center justify-center"><div class="text-center"><div class="w-16 h-16 mx-auto mb-3 rounded-full bg-off-white/10 flex items-center justify-center"><svg class="w-8 h-8 text-accent-gold" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg></div><p class="text-xs text-off-white/60 uppercase tracking-wide">Application Web</p></div></div></div><div class="p-6"><h3 class="text-xl font-serif font-bold text-off-white mb-3 group-hover:text-accent-gold transition-colors duration-300">Dashboard Web LIASEC</h3><p class="text-sm text-off-white/70 mb-4 leading-relaxed">Développement d'un dashboard interactif pour la gestion de données en temps réel. Interface admin complète avec visualisation avancée et gestion de base de données.</p><div class="flex flex-wrap gap-2 mb-6"><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">React</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">PHP</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">MySQL</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">Dashboard</span></div><a href="#" class="inline-flex items-center gap-2 px-4 py-2 bg-accent-gold/10 border border-accent-gold/30 rounded-sm text-accent-gold text-sm font-medium hover:bg-accent-gold hover:text-dark-primary transition-all duration-300 group/btn"><span>Voir le projet</span><svg class="w-4 h-4 transform group-hover/btn:translate-x-1 transition-transform duration-300" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a></div><div class="absolute inset-0 bg-accent-gold/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></article><article class="project-card group relative bg-dark-primary border border-off-white/10 rounded-sm overflow-hidden hover:border-accent-gold/30 transition-all duration-500"><div class="relative aspect-video bg-slate-soft overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-accent-gold/20 to-accent-night/20 flex items-center justify-center"><div class="text-center"><div class="w-16 h-16 mx-auto mb-3 rounded-full bg-off-white/10 flex items-center justify-center"><svg class="w-8 h-8 text-accent-gold" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg></div><p class="text-xs text-off-white/60 uppercase tracking-wide">Site Vitrine</p></div></div></div><div class="p-6"><h3 class="text-xl font-serif font-bold text-off-white mb-3 group-hover:text-accent-gold transition-colors duration-300">Site Vitrine Professionnel</h3><p class="text-sm text-off-white/70 mb-4 leading-relaxed">Création d'un site vitrine moderne et responsive pour une entreprise. Design élégant, optimisation SEO et performances maximales pour une expérience utilisateur optimale.</p><div class="flex flex-wrap gap-2 mb-6"><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">HTML</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">CSS</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">JavaScript</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">SEO</span></div><a href="#" class="inline-flex items-center gap-2 px-4 py-2 bg-accent-gold/10 border border-accent-gold/30 rounded-sm text-accent-gold text-sm font-medium hover:bg-accent-gold hover:text-dark-primary transition-all duration-300 group/btn"><span>Voir le projet</span><svg class="w-4 h-4 transform group-hover/btn:translate-x-1 transition-transform duration-300" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a></div><div class="absolute inset-0 bg-accent-gold/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></article><article class="project-card group relative bg-dark-primary border border-off-white/10 rounded-sm overflow-hidden hover:border-accent-gold/30 transition-all duration-500"><div class="relative aspect-video bg-slate-soft overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-accent-gold/20 to-accent-night/20 flex items-center justify-center"><div class="text-center"><div class="w-16 h-16 mx-auto mb-3 rounded-full bg-off-white/10 flex items-center justify-center"><svg class="w-8 h-8 text-accent-gold" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg></div><p class="text-xs text-off-white/60 uppercase tracking-wide">Application Full-Stack</p></div></div></div><div class="p-6"><h3 class="text-xl font-serif font-bold text-off-white mb-3 group-hover:text-accent-gold transition-colors duration-300">Application Web Laravel</h3><p class="text-sm text-off-white/70 mb-4 leading-relaxed">Application web full-stack développée avec Laravel. Architecture MVC robuste, authentification sécurisée, gestion de données et interface utilisateur moderne.</p><div class="flex flex-wrap gap-2 mb-6"><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">Laravel</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">MySQL</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">Bootstrap</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">API</span></div><a href="#" class="inline-flex items-center gap-2 px-4 py-2 bg-accent-gold/10 border border-accent-gold/30 rounded-sm text-accent-gold text-sm font-medium hover:bg-accent-gold hover:text-dark-primary transition-all duration-300 group/btn"><span>Voir le projet</span><svg class="w-4 h-4 transform group-hover/btn:translate-x-1 transition-transform duration-300" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a></div><div class="absolute inset-0 bg-accent-gold/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></article><article class="project-card group relative bg-dark-primary border border-off-white/10 rounded-sm overflow-hidden hover:border-accent-gold/30 transition-all duration-500"><div class="relative aspect-video bg-slate-soft overflow-hidden"><img src="/images/projects/quotes.svg" alt="QuoteGalaxy" class="w-full h-full object-cover"/></div><div class="p-6"><h3 class="text-xl font-serif font-bold text-off-white mb-3 group-hover:text-accent-gold transition-colors duration-300">QuoteGalaxy</h3><p class="text-sm text-off-white/70 mb-4 leading-relaxed">Application web full-stack développée à la main avec une architecture MVC native en PHP. Comprend authentification (hash mot de passe), CRUD pour les citations, gestion des catégories (Marvel, Disney, Musique, DC Comics, Anime), recherche et filtres, validation côté serveur, et interface responsive en HTML/CSS/JS.</p><div class="flex flex-wrap gap-2 mb-6"><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">HTML5</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">CSS3</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">JavaScript (vanilla)</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">PHP (MVC natif)</span><span class="px-3 py-1 text-xs bg-slate-soft/50 border border-off-white/10 rounded-full text-off-white/80">MySQL</span></div><a href="https://quotes.adjassaweb.fr" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 bg-accent-gold/10 border border-accent-gold/30 rounded-sm text-accent-gold text-sm font-medium hover:bg-accent-gold hover:text-dark-primary transition-all duration-300 group/btn"><span>Voir le projet</span><svg class="w-4 h-4 transform group-hover/btn:translate-x-1 transition-transform duration-300" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a></div><div class="absolute inset-0 bg-accent-gold/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></article></div></div></section><!--/$--><section id="about" class="section-padding bg-white dark:bg-dark-secondary relative"><div class="container-premium"><div class="grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center"><div class="relative"><div class="relative aspect-[4/5] bg-gray-100 dark:bg-slate-soft rounded-sm overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-accent-gold/20 to-accent-bronze/20 flex items-center justify-center"><div class="text-center"><div class="w-24 h-24 mx-auto mb-4 rounded-full bg-white/20 dark:bg-off-white/10 flex items-center justify-center"><span class="text-4xl font-serif text-accent-gold">AA</span></div><p class="text-sm text-gray-700 dark:text-off-white/60">Photo Professionnelle</p></div></div><div class="absolute inset-0 border border-accent-gold/30 rounded-sm"></div></div><div class="absolute -bottom-8 -right-8 bg-white dark:bg-dark-primary border border-accent-gold/40 dark:border-accent-gold/30 p-6 rounded-sm shadow-lg"><div class="text-2xl font-serif font-bold text-accent-gold mb-1">🌍</div><div class="text-sm text-gray-600 dark:text-off-white/70">France & International</div></div></div><div><div class="fade-up"><div class="heading-secondary mb-6">À Propos de Moi</div></div><div class="space-y-4 fade-up"><p class="text-premium">Je suis Aimé Adjassa, développeur web full-stack freelance et administrateur système Linux. Je conçois des sites web modernes, rapides et sécurisés, ainsi que des applications web sur mesure développées avec React, Vue.js, Laravel ou Django.</p><p class="text-premium">J'assure également la gestion complète d'infrastructures serveur, le déploiement, l'optimisation des performances, la sécurisation et le monitoring de vos environnements.</p><p class="text-premium">Disponible en France et à l'international, j'accompagne les entreprises et entrepreneurs dans la création de solutions web fiables, performantes et évolutives.</p></div></div></div></div></section><!--$--><section id="skills" class="section-padding bg-gray-50 dark:bg-dark-primary relative overflow-hidden"><div class="absolute top-1/4 left-0 w-96 h-96 opacity-10" style="background:radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);filter:blur(80px)"></div><div class="absolute bottom-1/4 right-0 w-96 h-96 opacity-10" style="background:radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);filter:blur(80px)"></div><div class="container-premium relative z-10"><div class="text-center max-w-3xl mx-auto mb-20"><h2 class="heading-secondary mb-6">Compétences & Expertises</h2><p class="text-premium">Technologies et outils que je maîtrise pour créer des solutions web complètes et performantes.</p></div><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 lg:gap-8"><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/frontend/react.svg" alt="React logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">React</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Frontend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/frontend/vue.svg" alt="Vue.js logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Vue.js</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Frontend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/frontend/nextjs.svg" alt="Next.js logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Next.js</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Frontend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/frontend/typescript.svg" alt="TypeScript logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">TypeScript</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Frontend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/frontend/javascript.svg" alt="JavaScript logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">JavaScript</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Frontend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/frontend/tailwind.svg" alt="Tailwind CSS logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Tailwind CSS</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Frontend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/frontend/html5.svg" alt="HTML5 logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">HTML5</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Frontend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/frontend/css3.svg" alt="CSS3 logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">CSS3</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Frontend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/backend/laravel.svg" alt="Laravel logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Laravel</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Backend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/backend/django.svg" alt="Django logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Django</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Backend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/backend/php.svg" alt="PHP logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">PHP</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Backend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/backend/nodejs.svg" alt="Node.js logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Node.js</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Backend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/backend/python.svg" alt="Python logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Python</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Backend</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/databases/mysql.svg" alt="MySQL logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">MySQL</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Database</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/databases/postgresql.svg" alt="PostgreSQL logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">PostgreSQL</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Database</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/databases/mongodb.svg" alt="MongoDB logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">MongoDB</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Database</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/devops/docker.svg" alt="Docker logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Docker</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">DevOps</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/devops/linux.svg" alt="Linux logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Linux</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">DevOps</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/devops/nginx.svg" alt="Nginx logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Nginx</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">DevOps</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/devops/github-actions.svg" alt="GitHub Actions logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">GitHub Actions</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">DevOps</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/tools/git.svg" alt="Git logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Git</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Tools</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/tools/vscode.svg" alt="VS Code logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">VS Code</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Tools</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div><div class="skill-card group relative" style="will-change:transform, opacity"><div class="relative h-full bg-white/80 dark:bg-dark-secondary/60 backdrop-blur-sm border border-gray-300 dark:border-off-white/10 rounded-2xl p-8 hover:border-accent-gold/50 transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-accent-gold/20"><div class="mb-4 transform group-hover:scale-110 transition-transform duration-300 flex items-center justify-center"><img src="/images/skills/tools/figma.svg" alt="Figma logo" class="w-16 h-16 object-contain" loading="lazy"/></div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-2 group-hover:text-accent-gold transition-colors duration-300">Figma</h3><span class="inline-block px-3 py-1 text-xs bg-accent-gold/10 border border-accent-gold/30 dark:border-accent-gold/20 rounded-full text-accent-gold dark:text-accent-gold/80">Tools</span><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-accent-gold/0 via-accent-gold/0 to-accent-gold/0 group-hover:from-accent-gold/10 group-hover:via-accent-gold/5 group-hover:to-transparent transition-all duration-500 pointer-events-none"></div><div class="absolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-accent-gold/30 transition-all duration-500 pointer-events-none"></div></div></div></div></div></section><!--/$--><!--$--><section id="experience" class="section-padding bg-white dark:bg-dark-secondary relative"><div class="container-premium"><div class="text-center max-w-3xl mx-auto mb-16"><h2 class="heading-secondary mb-6">Expérience Professionnelle</h2><p class="text-premium">Mon parcours professionnel, des stages en développement web aux expériences qui ont forgé mes compétences techniques et humaines.</p></div><div class="max-w-4xl mx-auto space-y-8"><article class="experience-item relative pl-12 md:pl-20 pb-8 border-l-2 border-accent-gold/30 last:border-transparent"><div class="absolute left-0 top-0 -translate-x-[9px] w-4 h-4 rounded-full bg-accent-gold border-4 border-dark-secondary"></div><div class="absolute left-0 top-8 -translate-x-[17px] w-8 h-8 rounded-full bg-accent-gold/20 flex items-center justify-center text-accent-gold"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg></div><div class="bg-white dark:bg-dark-primary border border-gray-300 dark:border-off-white/10 rounded-sm p-6 hover:border-accent-gold/30 transition-all duration-500"><div class="flex flex-col md:flex-row md:items-start md:justify-between mb-4"><div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-1">Stagiaire Développeur</h3><p class="text-accent-gold font-medium">LIASEC</p></div><span class="text-sm text-gray-600 dark:text-off-white/60 mt-2 md:mt-0 md:text-right">Juin - Août 2024</span></div><ul class="space-y-2"><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Développement d'un dashboard interactif</span></li><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Gestion et optimisation de base de données</span></li><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Création de site web moderne</span></li></ul></div></article><article class="experience-item relative pl-12 md:pl-20 pb-8 border-l-2 border-accent-gold/30 last:border-transparent"><div class="absolute left-0 top-0 -translate-x-[9px] w-4 h-4 rounded-full bg-accent-gold border-4 border-dark-secondary"></div><div class="absolute left-0 top-8 -translate-x-[17px] w-8 h-8 rounded-full bg-accent-gold/20 flex items-center justify-center text-accent-gold"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg></div><div class="bg-white dark:bg-dark-primary border border-gray-300 dark:border-off-white/10 rounded-sm p-6 hover:border-accent-gold/30 transition-all duration-500"><div class="flex flex-col md:flex-row md:items-start md:justify-between mb-4"><div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-1">Conseil Informatique</h3><p class="text-accent-gold font-medium">Conseil Informatique Réunion</p></div><span class="text-sm text-gray-600 dark:text-off-white/60 mt-2 md:mt-0 md:text-right">Septembre 2023</span></div><ul class="space-y-2"><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Gestion des systèmes d'information</span></li><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Autonomie dans la résolution de problèmes</span></li><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Utilisation des outils Google</span></li></ul></div></article><article class="experience-item relative pl-12 md:pl-20 pb-8 border-l-2 border-accent-gold/30 last:border-transparent"><div class="absolute left-0 top-0 -translate-x-[9px] w-4 h-4 rounded-full bg-accent-gold border-4 border-dark-secondary"></div><div class="absolute left-0 top-8 -translate-x-[17px] w-8 h-8 rounded-full bg-accent-gold/20 flex items-center justify-center text-accent-gold"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg></div><div class="bg-white dark:bg-dark-primary border border-gray-300 dark:border-off-white/10 rounded-sm p-6 hover:border-accent-gold/30 transition-all duration-500"><div class="flex flex-col md:flex-row md:items-start md:justify-between mb-4"><div><h3 class="text-xl font-serif font-bold text-gray-900 dark:text-off-white mb-1">Équipier Polyvalent</h3><p class="text-accent-gold font-medium">McDonald's</p></div><span class="text-sm text-gray-600 dark:text-off-white/60 mt-2 md:mt-0 md:text-right">Expérience professionnelle</span></div><ul class="space-y-2"><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Relation client et service</span></li><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Gestion de caisse</span></li><li class="text-sm text-gray-700 dark:text-off-white/70 flex items-start gap-2"><span class="text-accent-gold mt-1">•</span><span>Gestion du stress en environnement rapide</span></li></ul></div></article></div></div></section><!--/$--><!--$--><section id="testimonials" class="section-padding bg-gray-50 dark:bg-dark-primary relative overflow-hidden"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-96 h-96 opacity-10" style="background:radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);filter:blur(80px)"></div><div class="container-premium relative z-10"><div class="text-center max-w-3xl mx-auto mb-16"><h2 class="heading-secondary mb-6">Témoignages Clients</h2><p class="text-premium">Ce que mes clients et collaborateurs disent de mon travail.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><article class="testimonial-card bg-white dark:bg-dark-secondary border border-gray-300 dark:border-off-white/10 rounded-sm p-8 hover:border-accent-gold/30 transition-all duration-500"><div class="flex gap-1 mb-6"><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><p class="text-gray-700 dark:text-off-white/80 italic mb-6 leading-relaxed">“<!-- -->Excellent travail sur notre projet. Professionnel, réactif et à l'écoute. Le site répond parfaitement à nos attentes.<!-- -->”</p><div class="flex items-center gap-4"><div class="w-12 h-12 rounded-full bg-accent-gold/20 flex items-center justify-center"><span class="text-accent-gold font-serif font-bold text-lg">C</span></div><div><p class="text-off-white font-medium">Client Satisfait</p><p class="text-sm text-off-white/60">Fondateur, Entreprise</p></div></div></article><article class="testimonial-card bg-white dark:bg-dark-secondary border border-gray-300 dark:border-off-white/10 rounded-sm p-8 hover:border-accent-gold/30 transition-all duration-500"><div class="flex gap-1 mb-6"><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><p class="text-gray-700 dark:text-off-white/80 italic mb-6 leading-relaxed">“<!-- -->Code propre, performance au rendez-vous et respect des délais. Je recommande vivement pour tout projet web.<!-- -->”</p><div class="flex items-center gap-4"><div class="w-12 h-12 rounded-full bg-accent-gold/20 flex items-center justify-center"><span class="text-accent-gold font-serif font-bold text-lg">P</span></div><div><p class="text-off-white font-medium">Partenaire Business</p><p class="text-sm text-off-white/60">Directeur Technique</p></div></div></article><article class="testimonial-card bg-white dark:bg-dark-secondary border border-gray-300 dark:border-off-white/10 rounded-sm p-8 hover:border-accent-gold/30 transition-all duration-500"><div class="flex gap-1 mb-6"><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-accent-gold fill-current" viewbox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><p class="text-gray-700 dark:text-off-white/80 italic mb-6 leading-relaxed">“<!-- -->Compétences techniques solides et grande capacité d'adaptation. Très agréable de travailler ensemble.<!-- -->”</p><div class="flex items-center gap-4"><div class="w-12 h-12 rounded-full bg-accent-gold/20 flex items-center justify-center"><span class="text-accent-gold font-serif font-bold text-lg">C</span></div><div><p class="text-off-white font-medium">Collaborateur</p><p class="text-sm text-off-white/60">Chef de Projet</p></div></div></article></div><div class="mt-12 text-center"><p class="text-sm text-off-white/40 italic">Section en cours de mise à jour avec de véritables témoignages clients</p></div></div></section><!--/$--><!--$--><section id="contact" class="section-padding bg-white dark:bg-dark-secondary relative"><div class="container-premium"><div class="text-center max-w-3xl mx-auto mb-16"><h2 class="heading-secondary mb-6">Construisons Quelque Chose de Grand</h2><p class="text-premium">Prêt à démarrer votre projet ? Prenez contact et discutons de la manière dont nous pouvons travailler ensemble pour atteindre vos objectifs.</p></div><div class="grid grid-cols-1 lg:grid-cols-5 gap-12 lg:gap-16 max-w-6xl mx-auto"><div class="lg:col-span-3"><form class="space-y-6"><div class="form-element"><label for="name" class="block text-sm font-medium text-gray-900 dark:text-off-white mb-2">Your Name *</label><input type="text" id="name" class="w-full px-4 py-3 bg-white dark:bg-slate-soft border border-gray-300 dark:border-off-white/10 rounded-sm text-gray-900 dark:text-off-white placeholder-gray-500 dark:placeholder-off-white/40 focus:border-accent-gold focus:outline-none transition-colors duration-300" placeholder="John Doe" name="name"/></div><div class="form-element"><label for="email" class="block text-sm font-medium text-gray-900 dark:text-off-white mb-2">Email Address *</label><input type="email" id="email" class="w-full px-4 py-3 bg-white dark:bg-slate-soft border border-gray-300 dark:border-off-white/10 rounded-sm text-gray-900 dark:text-off-white placeholder-gray-500 dark:placeholder-off-white/40 focus:border-accent-gold focus:outline-none transition-colors duration-300" placeholder="john@example.com" name="email"/></div><div class="form-element"><label for="company" class="block text-sm font-medium text-gray-900 dark:text-off-white mb-2">Company</label><input type="text" id="company" class="w-full px-4 py-3 bg-white dark:bg-slate-soft border border-gray-300 dark:border-off-white/10 rounded-sm text-gray-900 dark:text-off-white placeholder-gray-500 dark:placeholder-off-white/40 focus:border-accent-gold focus:outline-none transition-colors duration-300" placeholder="Your Company" name="company"/></div><div class="form-element"><label for="budget" class="block text-sm font-medium text-gray-900 dark:text-off-white mb-2">Project Budget *</label><select id="budget" name="budget" class="w-full px-4 py-3 bg-white dark:bg-slate-soft border border-gray-300 dark:border-off-white/10 rounded-sm text-gray-900 dark:text-off-white focus:border-accent-gold focus:outline-none transition-colors duration-300"><option value="">Select budget range</option><option value="5k-10k">$5k - $10k</option><option value="10k-25k">$10k - $25k</option><option value="25k-50k">$25k - $50k</option><option value="50k+">$50k+</option></select></div><div class="form-element"><label for="message" class="block text-sm font-medium text-gray-900 dark:text-off-white mb-2">Project Details *</label><textarea id="message" rows="6" name="message" class="w-full px-4 py-3 bg-white dark:bg-slate-soft border border-gray-300 dark:border-off-white/10 rounded-sm text-gray-900 dark:text-off-white placeholder-gray-500 dark:placeholder-off-white/40 focus:border-accent-gold focus:outline-none transition-colors duration-300 resize-none" placeholder="Tell me about your project..."></textarea></div><div class="form-element"><button type="submit" class="w-full btn-primary disabled:opacity-50 disabled:cursor-not-allowed">Send Message</button></div></form></div><div class="lg:col-span-2 space-y-8"><div><h3 class="text-xl font-serif font-bold mb-6 text-gray-900 dark:text-off-white">Get in Touch</h3><p class="text-premium mb-8">Prefer a more direct approach? Feel free to reach out through any of these channels.</p></div><div class="space-y-6"><div class="flex items-start gap-4 p-4 bg-gray-100 dark:bg-slate-soft/30 rounded-sm hover:bg-gray-200 dark:hover:bg-slate-soft/50 transition-colors duration-300"><div class="text-accent-gold flex-shrink-0"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg></div><div><p class="text-sm text-gray-600 dark:text-off-white/60 mb-1">Email</p><a href="mailto:aime.adj@hotmail.com" class="text-gray-900 dark:text-off-white hover:text-accent-gold transition-colors duration-300">aime.adj@hotmail.com</a></div></div><div class="flex items-start gap-4 p-4 bg-gray-100 dark:bg-slate-soft/30 rounded-sm hover:bg-gray-200 dark:hover:bg-slate-soft/50 transition-colors duration-300"><div class="text-accent-gold flex-shrink-0"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg></div><div><p class="text-sm text-gray-600 dark:text-off-white/60 mb-1">Téléphone</p><a href="tel:+33766647069" class="text-gray-900 dark:text-off-white hover:text-accent-gold transition-colors duration-300">07 66 64 70 69</a></div></div><div class="flex items-start gap-4 p-4 bg-gray-100 dark:bg-slate-soft/30 rounded-sm hover:bg-gray-200 dark:hover:bg-slate-soft/50 transition-colors duration-300"><div class="text-accent-gold flex-shrink-0"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path></svg></div><div><p class="text-sm text-gray-600 dark:text-off-white/60 mb-1">Site Web</p><a href="https://adjassaweb.fr" class="text-gray-900 dark:text-off-white hover:text-accent-gold transition-colors duration-300">adjassaweb.fr</a></div></div><div class="flex items-start gap-4 p-4 bg-gray-100 dark:bg-slate-soft/30 rounded-sm hover:bg-gray-200 dark:hover:bg-slate-soft/50 transition-colors duration-300"><div class="text-accent-gold flex-shrink-0"><svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></div><div><p class="text-sm text-gray-600 dark:text-off-white/60 mb-1">Localisation</p><p class="text-gray-900 dark:text-off-white">Rouen, France</p></div></div></div><div class="p-6 bg-accent-gold/10 border border-accent-gold/30 rounded-sm"><div class="flex items-center gap-3 mb-2"><svg class="w-6 h-6 text-accent-gold" fill="currentColor" viewbox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg><a href="https://linkedin.com/in/41m3Dev" target="_blank" rel="noopener noreferrer" class="font-medium text-accent-gold hover:text-accent-gold/80 transition-colors">linkedin.com/in/41m3Dev</a></div><p class="text-sm text-gray-700 dark:text-off-white/70">Connectons-nous sur LinkedIn</p></div><div class="p-6 bg-accent-gold/10 border border-accent-gold/30 rounded-sm"><div class="flex items-center gap-3 mb-2"><div class="w-3 h-3 rounded-full bg-accent-gold animate-pulse"></div><span class="font-medium text-accent-gold">Actuellement Disponible</span></div><p class="text-sm text-gray-700 dark:text-off-white/70">Ouvert aux nouveaux projets freelance</p></div></div></div></div></section><!--/$--></main><footer class="border-t border-gray-300 dark:border-off-white/10 bg-gray-50 dark:bg-dark-secondary"><div class="container-premium section-padding"><div class="grid grid-cols-1 md:grid-cols-3 gap-12 md:gap-8 mb-12"><div><h3 class="font-serif text-2xl font-bold mb-4 text-gray-900 dark:text-off-white">Aimé ADJASSA</h3><p class="text-gray-600 dark:text-off-white/60 text-sm leading-relaxed max-w-xs">Développeur web minutieux et perfectionniste. Création de solutions digitales modernes et sécurisées à Rouen.</p></div><div><h4 class="font-medium mb-4 text-gray-900 dark:text-off-white">Liens Rapides</h4><ul class="space-y-2"><li><a href="#about" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">About</a></li><li><a href="#services" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">Services</a></li><li><a href="#work" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">Work</a></li><li><a href="#process" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">Process</a></li><li><a href="#contact" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">Contact</a></li></ul></div><div><h4 class="font-medium mb-4 text-gray-900 dark:text-off-white">Rejoignez-moi</h4><ul class="space-y-2"><li><a href="https://linkedin.com/in/41m3Dev" target="_blank" rel="noopener noreferrer" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">LinkedIn</a></li><li><a href="https://github.com/41M3Dev" target="_blank" rel="noopener noreferrer" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">GitHub</a></li><li><a href="mailto:aime.adj@hotmail.com" target="_blank" rel="noopener noreferrer" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">Email</a></li><li><a href="https://adjassaweb.fr" target="_blank" rel="noopener noreferrer" class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300">Site Web</a></li></ul></div></div><div class="pt-8 border-t border-gray-300 dark:border-off-white/10 flex flex-col md:flex-row justify-between items-center gap-4"><p class="text-sm text-gray-500 dark:text-off-white/40">© <!-- -->2025<!-- --> Aimé ADJASSA. Tous droits réservés.</p><div class="flex gap-6"><a class="text-sm text-gray-500 dark:text-off-white/40 hover:text-accent-gold transition-colors duration-300" href="/privacy">Politique de Confidentialité</a><a class="text-sm text-gray-500 dark:text-off-white/40 hover:text-accent-gold transition-colors duration-300" href="/terms">Conditions d'Utilisation</a></div></div></div></footer><script src="/_next/static/chunks/webpack-1ea540f0e26c2248.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/e8d457efab14b215.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"2:I[2846,[],\"\"]\n4:I[4893,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"default\"]\n5:I[7618,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"default\"]\n6:\"$Sreact.suspense\"\n7:I[49,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"PreloadCss\"]\n8:I[2549,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"default\"]\n9:I[8256,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"default\"]\na:I[5099,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"default\"]\nb:I[7481,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"default\"]\nc:I[3703,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"default\"]\nd:I[3410,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"381\",\"static/chunks/381-f54988e1208e3018.js\",\"931\",\"static/chunks/app/page-6439852e2dee5847.js\"],\"default\"]\nf:I[6476,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\""])</script><script>self.__next_f.push([1,",\"static/chunks/972-407d19dcab4a77d2.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"185\",\"static/chunks/app/layout-e19986d4b188c40a.js\"],\"ThemeProvider\"]\n10:I[9723,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"185\",\"static/chunks/app/layout-e19986d4b188c40a.js\"],\"default\"]\n11:I[3481,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"185\",\"static/chunks/app/layout-e19986d4b188c40a.js\"],\"default\"]\n12:I[4707,[],\"\"]\n13:I[6423,[],\"\"]\n14:I[8349,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"498\",\"static/chunks/498-7fca849a389a3328.js\",\"185\",\"static/chunks/app/layout-e19986d4b188c40a.js\"],\"default\"]\n16:I[1060,[],\"\"]\ne:T2955,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Person\",\"@id\":\"https://adjassaweb.fr/#person\",\"name\":\"Aimé ADJASSA\",\"alternateName\":\"Aimé Adjassa\",\"givenName\":\"Aimé\",\"familyName\":\"ADJASSA\",\"jobTitle\":\"Développeur Web Full-Stack \u0026 Administrateur Système\",\"description\":\"Développeur web freelance spécialisé en développement full-stack (React, Vue.js, Laravel, Django) et administration système Linux. Basé à Rouen, je crée des sites web performants, des applications web modernes et gère des infrastructures serveurs sécurisées. Expert en CI/CD, Docker, SEO technique et optimisation des performances web.\",\"url\":\"https://adjassaweb.fr\",\"email\":\"contact@adjassaweb.fr\",\"image\":\"https://adjassaweb.fr/images/profile.jpg\",\"telephone\":\"+33-XX-XX-XX-XX\",\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Rouen\",\"addressRegion\":\"Normandie\",\"postalCode\":\"76000\",\"addressCountry\":\"FR\"},\"sameAs\":[\"https://github.com/41M3Dev\",\"https://linkedin.com/in/aime-adjassa\",\"https://adjassaweb.fr\"],\"knowsAbout\":[\"Développement Web\",\"Développement Full-Stack\",\"React\",\"Vue.js\",\"Next.js\",\"Laravel\",\"Django\",\"PHP\",\"Python\",\"JavaScript\",\"TypeScript\",\"Node.js\",\"HTML5\",\"CSS3\",\"Tailwind CSS\",\"MySQL\",\"PostgreSQL\",\"Docker\",\"Linux\",\"Ubuntu\",\"Debian\",\"Administration Système\",\"DevOps\",\"CI/CD\",\"Git\",\"GitHub\",\"Nginx\",\"Apache\",\"SEO Technique\",\"Optimisation Web\",\"Performance Web\",\"Core Web Vitals\",\"API REST\",\"Architecture MVC\",\"Sécurité Web\",\"Responsive Design\",\"Progressive Web Apps\",\"GSAP\",\"Animations Web\"],\"knowsLanguage\":[{\"@type\":\"Language\",\"name\":\"Français\",\"alternateName\":\"fr\"},{\"@type\":\"Language\",\"name\":\"Anglais\",\"alternateName\":\"en\"}]},{\"@type\":\"ProfessionalService\",\"@id\":\"https://adjassaweb.fr/#organization\",\"name\":\"Aimé ADJASSA - Développeur Web Freelance\",\"alternateName\":\"ADJASSA Web\",\"url\":\"https://adjassaweb.fr\",\"logo\":\"https://adjassaweb.fr/images/logo.png\",\"image\":\"https://adjassaweb.fr/images/og-image.jpg\",\"description\":\"Services professionnels de développement web full-stack et administration système. Création de sites web performants, applications web modernes, dashboards sur mesure et gestion d'infrastructures serveurs.\",\"priceRange\":\"€€\",\"telephone\":\"+33-XX-XX-XX-XX\",\"email\":\"contact@adjassaweb.fr\",\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Rouen\",\"addressRegion\":\"Normandie\",\"addressCountry\":\"FR\"},\"areaServed\":[{\"@type\":\"Country\",\"name\":\"France\"},{\"@type\":\"AdministrativeArea\",\"name\":\"Normandie\"},{\"@type\":\"City\",\"name\":\"Rouen\"}],\"serviceType\":[\"Développement Web\",\"Développement Full-Stack\",\"Administration Système\",\"DevOps\",\"Consulting IT\"]},{\"@type\":\"WebSite\",\"@id\":\"https://adjassaweb.fr/#website\",\"url\":\"https://adjassaweb.fr\",\"name\":\"Aimé ADJASSA Portfolio\",\"description\":\"Portfolio professionnel et services de développement web full-stack\",\"publisher\":{\"@id\":\"https://adjassaweb.fr/#person\"},\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https://adjassaweb.fr/#webpage\",\"url\":\"https://adjassaweb.fr\",\"name\":\"Aimé ADJASSA | Développeur Web Full-Stack \u0026 Administrateur Système\",\"description\":\"Développeur web freelance à Rouen. Expert React, Vue.js, Laravel, Django et administration système Linux. Création de sites performants et sécurisés.\",\"isPartOf\":{\"@id\":\"https://adjassaweb.fr/#website\"},\"about\":{\"@id\":\"https://adjassaweb.fr/#person\"},\"primaryImageOfPage\":{\"@type\":\"ImageObject\",\"url\":\"https://adjassaweb.fr/images/og-image.jpg\",\"width\":1200,\"height\":630}},{\"@type\":\"Service\",\"@id\":\"https://adjassaweb.fr/services/front-end#service\",\"name\":\"Développement Front-End React, Vue.js et Tailwind CSS\",\"description\":\"Création d'interfaces modernes, rapides et réactives avec React, Vue.js et Tailwind CSS. Développement de sites vitrines élégants et d'applications web dynamiques pour un design professionnel sur mesure. Intégration responsive, animations fluides et optimisation des performances.\",\"provider\":{\"@id\":\"https://adjassaweb.fr/#person\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"France\"},\"serviceType\":\"Développement Front-End\",\"category\":\"Développement Web\",\"url\":\"https://adjassaweb.fr/services/front-end\",\"offers\":{\"@type\":\"Offer\",\"availability\":\"https://schema.org/InStock\",\"priceSpecification\":{\"@type\":\"PriceSpecification\",\"priceCurrency\":\"EUR\"}},\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Services Front-End\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Sites vitrines performants avec React ou Vue.js\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Applications web interactives\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Intégration responsive et optimisation UI/UX\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Animations modernes avec GSAP\"}}]}},{\"@type\":\"Service\",\"@id\":\"https://adjassaweb.fr/services/back-end#service\",\"name\":\"Développement Back-End Laravel, Django, PHP et Node.js\",\"description\":\"Conception et développement de back-ends robustes, sécurisés et scalables avec Laravel, Django, Node.js ou PHP natif. Création d'API REST performantes, gestion de bases de données MySQL/PostgreSQL et mise en place d'architectures fiables pour vos applications professionnelles.\",\"provider\":{\"@id\":\"https://adjassaweb.fr/#person\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"France\"},\"serviceType\":\"Développement Back-End\",\"category\":\"Développement Web\",\"url\":\"https://adjassaweb.fr/services/back-end\",\"offers\":{\"@type\":\"Offer\",\"availability\":\"https://schema.org/InStock\"},\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Services Back-End\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"API REST performantes et sécurisées\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Architecture backend scalable\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Gestion de bases de données\"}}]}},{\"@type\":\"Service\",\"@id\":\"https://adjassaweb.fr/services/dashboards#service\",\"name\":\"Création de Dashboards et Back-Office Sur Mesure\",\"description\":\"Développement de tableaux de bord intuitifs, d'interfaces d'administration et d'outils internes sur mesure. Visualisation de données en temps réel, gestion de contenu simplifiée et expérience utilisateur optimisée grâce à React, Charts.js, REST APIs et MySQL.\",\"provider\":{\"@id\":\"https://adjassaweb.fr/#person\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"France\"},\"serviceType\":\"Dashboards \u0026 Back-Office\",\"category\":\"Développement Web\",\"url\":\"https://adjassaweb.fr/services/dashboards\",\"offers\":{\"@type\":\"Offer\",\"availability\":\"https://schema.org/InStock\"}},{\"@type\":\"Service\",\"@id\":\"https://adjassaweb.fr/services/linux#service\",\"name\":\"Administration Système Linux et Gestion Serveurs\",\"description\":\"Gestion complète de serveurs Linux (Ubuntu, Debian) : configuration, sécurisation, optimisation et monitoring. Mise en place de containers Docker, reverse proxy Nginx/Apache, et optimisation des performances serveur pour garantir une infrastructure stable et sécurisée.\",\"provider\":{\"@id\":\"https://adjassaweb.fr/#person\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"France\"},\"serviceType\":\"Administration Système\",\"category\":\"Infrastructure IT\",\"url\":\"https://adjassaweb.fr/services/linux\",\"offers\":{\"@type\":\"Offer\",\"availability\":\"https://schema.org/InStock\"}},{\"@type\":\"Service\",\"@id\":\"https://adjassaweb.fr/services/ci-cd#service\",\"name\":\"Déploiement Professionnel et Pipelines CI/CD\",\"description\":\"Mise en place de pipelines CI/CD automatisés (GitHub Actions, GitLab CI) pour des déploiements rapides, sûrs et reproductibles. Configuration de l'infrastructure cloud, automatisation des tests, intégration continue et optimisation des mises en production.\",\"provider\":{\"@id\":\"https://adjassaweb.fr/#person\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"France\"},\"serviceType\":\"DevOps \u0026 CI/CD\",\"category\":\"Infrastructure IT\",\"url\":\"https://adjassaweb.fr/services/ci-cd\",\"offers\":{\"@type\":\"Offer\",\"availability\":\"https://schema.org/InStock\"}},{\"@type\":\"Service\",\"@id\":\"https://adjassaweb.fr/services/seo-technique#service\",\"name\":\"SEO Technique et Optimisation des Performances Web\",\"description\":\"Optimisation technique complète pour améliorer le référencement naturel : amélioration des Core Web Vitals (LCP, FID, CLS), optimisation de la vitesse de chargement, structure SEO-friendly, performance serveur et implémentation des meilleures pratiques Google. Augmentez votre visibilité et améliorez votre classement dans les résultats de recherche.\",\"provider\":{\"@id\":\"https://adjassaweb.fr/#person\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"France\"},\"serviceType\":\"SEO Technique\",\"category\":\"Optimisation Web\",\"url\":\"https://adjassaweb.fr/services/seo-technique\",\"offers\":{\"@type\":\"Offer\",\"availability\":\"https://schema.org/InStock\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://adjassaweb.fr/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https://adjassaweb.fr\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https://adjassaweb.fr/services\"}]},{\"@type\":\"FAQPage\",\"@id\":\"https://adjassaweb.fr/#faq\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Quels sont les services proposés par Aimé ADJASSA ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Aimé ADJASSA propose 6 services principaux : développement front-end (React, Vue.js, Tailwind CSS), développement back-end (Laravel, Django, PHP, Node.js), création de dashboards et back-office sur mesure, administration système Linux et gestion serveurs, déploiement professionnel avec pipelines CI/CD, et SEO technique avec optimisation des performances web.\"}},{\"@type\":\"Question\",\"name\":\"Où est basé Aimé ADJASSA ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Aimé ADJASSA est un développeur web freelance basé à Rouen, en Normandie, France. Il travaille avec des clients partout en France et à l'international.\"}},{\"@type\":\"Question\",\"name\":\"Quelles technologies Aimé ADJASSA maîtrise-t-il ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Aimé ADJASSA maîtrise un large éventail de technologies : React, Vue.js, Next.js, Laravel, Django, PHP, Node.js, TypeScript, JavaScript, MySQL, PostgreSQL, Docker, Linux (Ubuntu/Debian), Nginx, CI/CD, Git, Tailwind CSS, GSAP, et bien d'autres. Il est spécialisé en développement full-stack et administration système.\"}},{\"@type\":\"Question\",\"name\":\"Comment contacter Aimé ADJASSA pour un projet ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Vous pouvez contacter Aimé ADJASSA via le formulaire de contact sur le site adjassaweb.fr, par email à contact@adjassaweb.fr, ou via LinkedIn et GitHub.\"}}]}]}"])</script><script>self.__next_f.push([1,"17:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L2\",null,{\"buildId\":\"o3IRz-mWSr_3aB_1mVxBw\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L3\",[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}],[\"$\",\"$6\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L7\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Portfolio\"]}],[\"$\",\"$L8\",null,{}]]}],[\"$\",\"$L9\",null,{}],[\"$\",\"$6\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L7\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Skills\"]}],[\"$\",\"$La\",null,{}]]}],[\"$\",\"$6\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L7\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Experience\"]}],[\"$\",\"$Lb\",null,{}]]}],[\"$\",\"$6\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L7\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Testimonials\"]}],[\"$\",\"$Lc\",null,{}]]}],[\"$\",\"$6\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L7\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Contact\"]}],[\"$\",\"$Ld\",null,{}]]}]],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e8d457efab14b215.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"fr\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,'script','dataLayer','GTM-53C867PT');\"}}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$e\"}}],[\"$\",\"meta\",null,{\"name\":\"ai-description\",\"content\":\"Aimé ADJASSA - Développeur web freelance full-stack à Rouen. Expert React, Vue.js, Laravel, Django, administration Linux, Docker, CI/CD. Création sites performants, applications web modernes, dashboards, optimisation SEO technique. Disponible pour missions freelance France et international.\"}],[\"$\",\"meta\",null,{\"name\":\"ai-services\",\"content\":\"Développement Front-End React/Vue.js, Développement Back-End Laravel/Django, Dashboards sur mesure, Administration Linux, CI/CD, SEO Technique\"}],[\"$\",\"meta\",null,{\"name\":\"ai-skills\",\"content\":\"React, Vue.js, Next.js, Laravel, Django, PHP, Node.js, TypeScript, MySQL, PostgreSQL, Docker, Linux, Nginx, Git, Tailwind CSS, GSAP\"}],[\"$\",\"meta\",null,{\"name\":\"ai-location\",\"content\":\"Rouen, Normandie, France\"}],[\"$\",\"meta\",null,{\"name\":\"ai-availability\",\"content\":\"Disponible pour missions freelance\"}],[\"$\",\"link\",null,{\"rel\":\"manifest\",\"href\":\"/manifest.json\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#D4AF37\"}],[\"$\",\"meta\",null,{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",null,{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}]]}],[\"$\",\"body\",null,{\"className\":\"font-sans bg-dark-primary dark:bg-dark-primary bg-white text-off-white dark:text-off-white text-gray-900 transition-colors duration-300\",\"children\":[[\"$\",\"noscript\",null,{\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-53C867PT\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]}],[\"$\",\"$Lf\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"grain-overlay\",\"aria-hidden\":\"true\"}],[\"$\",\"$L10\",null,{\"children\":[[\"$\",\"$L11\",null,{}],[\"$\",\"main\",null,{\"children\":[\"$\",\"$L12\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L13\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}],[\"$\",\"$L14\",null,{}]]}]]}]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L15\"],\"globalErrorComponent\":\"$16\",\"missingSlots\":\"$W17\"}]\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Aimé ADJASSA | Développeur Web Full-Stack \u0026 Administrateur Système\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Développeur web freelance à Rouen, spécialisé en React, Vue.js, Laravel et Django. Création de sites rapides, sécurisés et sur-mesure, avec gestion complète de vos serveurs et environnements Linux.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"author\",\"href\":\"https://adjassaweb.fr\"}],[\"$\",\"meta\",\"5\",{\"name\":\"author\",\"content\":\"Aimé ADJASSA\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"Développeur Web,Développeur Full-Stack,Freelance Rouen,React Developer,Vue.js Developer,Laravel Developer,Django Developer,Administrateur Système,Administration Linux,Docker,CI/CD,SEO Technique,Développeur Frontend,Développeur Backend,API REST,MySQL,PostgreSQL,Développement Web Rouen,Site Web Performant,Optimisation Web\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Aimé ADJASSA\"}],[\"$\",\"meta\",\"8\",{\"name\":\"publisher\",\"content\":\"Aimé ADJASSA\"}],[\"$\",\"meta\",\"9\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"10\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"11\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"link\",\"12\",{\"rel\":\"canonical\",\"href\":\"https://adjassaweb.fr\"}],[\"$\",\"meta\",\"13\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"14\",{\"name\":\"google-site-verification\",\"content\":\"google-site-verification-code\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:title\",\"content\":\"Aimé ADJASSA | Développeur Web Full-Stack \u0026 Administrateur Système\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"Développeur web freelance à Rouen - Sites performants et sécurisés, gestion serveurs Linux\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:url\",\"content\":\"https://adjassaweb.fr\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:site_name\",\"content\":\"Aimé ADJASSA Portfolio\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:locale\",\"content\":\"fr_FR\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image\",\"content\":\"https://adjassaweb.fr/images/og-image.jpg\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:image:alt\",\"content\":\"Aimé ADJASSA - Développeur Web Full-Stack\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"Aimé ADJASSA | Développeur Web Full-Stack \u0026 Administrateur Système\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"Développeur web freelance à Rouen - Sites performants, gestion serveurs\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://adjassaweb.fr/images/twitter-image.jpg\"}]]\n"])</script><script>self.__next_f.push([1,"3:null\n"])</script></body></html>