<!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/7e20f5fc15cae338.css" data-precedence="next"/><link rel="preload" as="script" fetchpriority="low" href="/_next/static/chunks/webpack-c81f7fd28659d64f.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/972-407d19dcab4a77d2.js" async=""></script><script src="/_next/static/chunks/970-57c460eb138e86bf.js" async=""></script><script src="/_next/static/chunks/751-ba66ce1a35e2cde0.js" async=""></script><script src="/_next/static/chunks/app/page-b92e7f29e90f56ef.js" async=""></script><script src="/_next/static/chunks/app/layout-b2e12c26777fee4f.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>Création de sites internet sur mesure à Rouen – Développeur web freelance</title><meta name="description" content="Développeur web freelance à Rouen, je crée des sites vitrine et applications web performantes, gère vos serveurs Linux et optimise votre SEO. Demandez votre devis gratuit !"/><link rel="author" href="https://adjassaweb.fr"/><meta name="author" content="Aimé ADJASSA"/><meta name="keywords" content="création de site internet,site vitrine,développeur web freelance,développeur web Rouen,création site web Normandie,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,application web sur mesure,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="Création de sites internet sur mesure à Rouen – Développeur web freelance"/><meta property="og:description" content="Développeur web freelance à Rouen, je crée des sites vitrine et applications web performantes. Demandez votre devis gratuit !"/><meta property="og:url" content="https://adjassaweb.fr"/><meta property="og:site_name" content="Aimé ADJASSA - Développeur Web Freelance"/><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 freelance à Rouen"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Création de sites internet sur mesure à Rouen – Développeur web freelance"/><meta name="twitter:description" content="Développeur web freelance à Rouen - Sites vitrine et applications web performantes"/><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="inline-block"><span class="word inline-block"><span class="char inline-block" style="display:inline-block">C</span><span class="char inline-block" style="display:inline-block">r</span><span class="char inline-block" style="display:inline-block">é</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">i</span><span class="char inline-block" style="display:inline-block">o</span><span class="char inline-block" style="display:inline-block">n</span></span><span class="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><span class="char inline-block" style="display:inline-block">d</span><span class="char inline-block" style="display:inline-block">e</span></span><span class="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><span class="char inline-block" style="display:inline-block">s</span><span class="char inline-block" style="display:inline-block">i</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">s</span></span><span class="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><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">t</span><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">r</span><span class="char inline-block" style="display:inline-block">n</span><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">t</span></span><span class="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><span class="char inline-block" style="display:inline-block">e</span><span class="char inline-block" style="display:inline-block">t</span></span><span class="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><span class="char inline-block" style="display:inline-block">a</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">l</span><span class="char inline-block" style="display:inline-block">i</span><span class="char inline-block" style="display:inline-block">c</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">i</span><span class="char inline-block" style="display:inline-block">o</span><span class="char inline-block" style="display:inline-block">n</span><span class="char inline-block" style="display:inline-block">s</span></span><span class="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><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="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><span class="char inline-block" style="display:inline-block">–</span></span><span class="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><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="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><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="char inline-block" style="display:inline-block;width:0.3em"> </span></span><span class="inline-block"><span class="word inline-block"><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></span></h1><p class="text-premium max-w-3xl mx-auto mb-12 opacity-0 text-lg leading-relaxed">Vous recherchez un professionnel pour concevoir un site internet sur mesure ? Je conçois des sites vitrines performants, des applications web modernes et j'assure la gestion de vos serveurs. Basé à Rouen en Normandie, j'accompagne les entreprises partout en France.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-6"><a href="/#contact" class="cta-button btn-primary opacity-0">Demander un devis gratuit</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 réalisations</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="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-lg overflow-hidden hover:border-accent-rose/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 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-lg 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-lg overflow-hidden hover:border-accent-rose/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 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-lg 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-lg overflow-hidden hover:border-accent-rose/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 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-lg 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-lg overflow-hidden hover:border-accent-rose/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-lg 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="skills" class="relative min-h-screen py-20 px-6 lg:px-20 bg-[#FAFAFA] dark:bg-[#0A0A0A] overflow-hidden transition-colors duration-300"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-1/4 -left-20 w-96 h-96 bg-pink-500/5 dark:bg-pink-500/10 rounded-full blur-3xl"></div><div class="absolute bottom-1/4 -right-20 w-96 h-96 bg-purple-500/5 dark:bg-purple-500/10 rounded-full blur-3xl"></div></div><div class="relative max-w-7xl mx-auto"><div class="text-center mb-16 skills-title"><h2 class="heading-secondary mb-4">Compétences Techniques</h2><p class="text-premium max-w-2xl mx-auto">Un arsenal technologique complet pour concrétiser vos projets les plus ambitieux</p></div><div class="space-y-12"><div class="group"><button class="flex items-center gap-4 mb-6 w-full group/header hover:opacity-80 transition-opacity"><div class="h-1 w-12 rounded-full bg-gradient-to-r from-pink-500 to-pink-600"></div><h3 class="text-2xl font-bold text-pink-500 flex items-center gap-2">Frontend<span class="text-sm font-normal text-gray-500 dark:text-gray-600">(<!-- -->9<!-- -->)</span></h3><div class="h-1 flex-1 rounded-full bg-gradient-to-r from-pink-500 to-pink-600 opacity-20"></div><div class="text-pink-500 transition-transform duration-300 rotate-180"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></button><div class="grid gap-4 overflow-hidden transition-all duration-500 ease-in-out grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 opacity-100 max-h-[2000px]"><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="React" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/react.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">React</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Next.js" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/nextjs.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Next.js</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Vue.js" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/vue.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Vue.js</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="TypeScript" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/typescript.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">TypeScript</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="JavaScript" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/javascript.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">JavaScript</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Tailwind CSS" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/tailwind.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Tailwind CSS</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="GSAP" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/gsap.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">GSAP</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="HTML5" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/html5.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">HTML5</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-500/10 to-pink-600/5 backdrop-blur-sm border border-pink-500/20 hover:border-pink-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-frontend-500/20 dark:hover:shadow-frontend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="CSS3" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/frontend/css3.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">CSS3</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div></div></div><div class="group"><button class="flex items-center gap-4 mb-6 w-full group/header hover:opacity-80 transition-opacity"><div class="h-1 w-12 rounded-full bg-gradient-to-r from-purple-500 to-purple-600"></div><h3 class="text-2xl font-bold text-purple-500 flex items-center gap-2">Backend<span class="text-sm font-normal text-gray-500 dark:text-gray-600">(<!-- -->6<!-- -->)</span></h3><div class="h-1 flex-1 rounded-full bg-gradient-to-r from-purple-500 to-purple-600 opacity-20"></div><div class="text-purple-500 transition-transform duration-300 rotate-180"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></button><div class="grid gap-4 overflow-hidden transition-all duration-500 ease-in-out grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 opacity-100 max-h-[2000px]"><div class="skill-card relative group/card bg-gradient-to-br from-purple-500/10 to-purple-600/5 backdrop-blur-sm border border-purple-500/20 hover:border-purple-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-backend-500/20 dark:hover:shadow-backend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Laravel" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/backend/laravel.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Laravel</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-purple-500/10 to-purple-600/5 backdrop-blur-sm border border-purple-500/20 hover:border-purple-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-backend-500/20 dark:hover:shadow-backend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Django" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/backend/django.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Django</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-purple-500/10 to-purple-600/5 backdrop-blur-sm border border-purple-500/20 hover:border-purple-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-backend-500/20 dark:hover:shadow-backend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Node.js" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/backend/nodejs.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Node.js</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-purple-500/10 to-purple-600/5 backdrop-blur-sm border border-purple-500/20 hover:border-purple-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-backend-500/20 dark:hover:shadow-backend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Express.js" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/backend/express.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Express.js</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-purple-500/10 to-purple-600/5 backdrop-blur-sm border border-purple-500/20 hover:border-purple-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-backend-500/20 dark:hover:shadow-backend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="PHP" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/backend/php.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">PHP</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-purple-500/10 to-purple-600/5 backdrop-blur-sm border border-purple-500/20 hover:border-purple-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-backend-500/20 dark:hover:shadow-backend-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Python" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/backend/python.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Python</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div></div></div><div class="group"><button class="flex items-center gap-4 mb-6 w-full group/header hover:opacity-80 transition-opacity"><div class="h-1 w-12 rounded-full bg-gradient-to-r from-violet-500 to-violet-600"></div><h3 class="text-2xl font-bold text-violet-500 flex items-center gap-2">Databases<span class="text-sm font-normal text-gray-500 dark:text-gray-600">(<!-- -->3<!-- -->)</span></h3><div class="h-1 flex-1 rounded-full bg-gradient-to-r from-violet-500 to-violet-600 opacity-20"></div><div class="text-violet-500 transition-transform duration-300 rotate-180"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></button><div class="grid gap-4 overflow-hidden transition-all duration-500 ease-in-out grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 opacity-100 max-h-[2000px]"><div class="skill-card relative group/card bg-gradient-to-br from-violet-500/10 to-violet-600/5 backdrop-blur-sm border border-violet-500/20 hover:border-violet-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-databases-500/20 dark:hover:shadow-databases-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-violet-500 to-violet-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="PostgreSQL" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/databases/postgresql.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">PostgreSQL</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-violet-500/10 to-violet-600/5 backdrop-blur-sm border border-violet-500/20 hover:border-violet-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-databases-500/20 dark:hover:shadow-databases-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-violet-500 to-violet-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="MongoDB" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/databases/mongodb.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">MongoDB</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-violet-500/10 to-violet-600/5 backdrop-blur-sm border border-violet-500/20 hover:border-violet-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-databases-500/20 dark:hover:shadow-databases-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-violet-500 to-violet-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="MySQL" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/databases/mysql.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">MySQL</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div></div></div><div class="group"><button class="flex items-center gap-4 mb-6 w-full group/header hover:opacity-80 transition-opacity"><div class="h-1 w-12 rounded-full bg-gradient-to-r from-fuchsia-500 to-fuchsia-600"></div><h3 class="text-2xl font-bold text-fuchsia-500 flex items-center gap-2">DevOps<span class="text-sm font-normal text-gray-500 dark:text-gray-600">(<!-- -->7<!-- -->)</span></h3><div class="h-1 flex-1 rounded-full bg-gradient-to-r from-fuchsia-500 to-fuchsia-600 opacity-20"></div><div class="text-fuchsia-500 transition-transform duration-300 rotate-180"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></button><div class="grid gap-4 overflow-hidden transition-all duration-500 ease-in-out grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 opacity-100 max-h-[2000px]"><div class="skill-card relative group/card bg-gradient-to-br from-fuchsia-500/10 to-fuchsia-600/5 backdrop-blur-sm border border-fuchsia-500/20 hover:border-fuchsia-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-devops-500/20 dark:hover:shadow-devops-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-fuchsia-500 to-fuchsia-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Docker" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/devops/docker.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Docker</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-fuchsia-500/10 to-fuchsia-600/5 backdrop-blur-sm border border-fuchsia-500/20 hover:border-fuchsia-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-devops-500/20 dark:hover:shadow-devops-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-fuchsia-500 to-fuchsia-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Linux" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/devops/linux.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Linux</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-fuchsia-500/10 to-fuchsia-600/5 backdrop-blur-sm border border-fuchsia-500/20 hover:border-fuchsia-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-devops-500/20 dark:hover:shadow-devops-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-fuchsia-500 to-fuchsia-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Nginx" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/devops/nginx.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Nginx</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-fuchsia-500/10 to-fuchsia-600/5 backdrop-blur-sm border border-fuchsia-500/20 hover:border-fuchsia-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-devops-500/20 dark:hover:shadow-devops-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-fuchsia-500 to-fuchsia-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Apache" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/devops/apache.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Apache</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-fuchsia-500/10 to-fuchsia-600/5 backdrop-blur-sm border border-fuchsia-500/20 hover:border-fuchsia-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-devops-500/20 dark:hover:shadow-devops-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-fuchsia-500 to-fuchsia-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="GitHub Actions" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/devops/github-actions.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">GitHub Actions</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-fuchsia-500/10 to-fuchsia-600/5 backdrop-blur-sm border border-fuchsia-500/20 hover:border-fuchsia-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-devops-500/20 dark:hover:shadow-devops-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-fuchsia-500 to-fuchsia-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="GitLab CI" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/devops/gitlab-ci.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">GitLab CI</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-fuchsia-500/10 to-fuchsia-600/5 backdrop-blur-sm border border-fuchsia-500/20 hover:border-fuchsia-500/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-devops-500/20 dark:hover:shadow-devops-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-fuchsia-500 to-fuchsia-600 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Git" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/tools/git.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Git</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div></div></div><div class="group"><button class="flex items-center gap-4 mb-6 w-full group/header hover:opacity-80 transition-opacity"><div class="h-1 w-12 rounded-full bg-gradient-to-r from-pink-400 to-purple-400"></div><h3 class="text-2xl font-bold text-pink-400 flex items-center gap-2">Tools<span class="text-sm font-normal text-gray-500 dark:text-gray-600">(<!-- -->3<!-- -->)</span></h3><div class="h-1 flex-1 rounded-full bg-gradient-to-r from-pink-400 to-purple-400 opacity-20"></div><div class="text-pink-400 transition-transform duration-300 rotate-180"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></button><div class="grid gap-4 overflow-hidden transition-all duration-500 ease-in-out grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 opacity-100 max-h-[2000px]"><div class="skill-card relative group/card bg-gradient-to-br from-pink-400/10 to-purple-400/5 backdrop-blur-sm border border-pink-400/20 hover:border-purple-400/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-tools-500/20 dark:hover:shadow-tools-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-400 to-purple-400 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="VS Code" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/tools/vscode.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">VS Code</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-400/10 to-purple-400/5 backdrop-blur-sm border border-pink-400/20 hover:border-purple-400/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-tools-500/20 dark:hover:shadow-tools-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-400 to-purple-400 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Postman" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/tools/postman.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Postman</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div><div class="skill-card relative group/card bg-gradient-to-br from-pink-400/10 to-purple-400/5 backdrop-blur-sm border border-pink-400/20 hover:border-purple-400/40 rounded-2xl p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-tools-500/20 dark:hover:shadow-tools-500/30 cursor-pointer"><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-pink-400 to-purple-400 opacity-0 group-hover/card:opacity-10 transition-opacity duration-300 blur-xl"></div><div class="relative flex flex-col items-center justify-center gap-3"><div class="relative w-12 h-12 flex items-center justify-center"><img alt="Figma" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-contain transition-transform duration-300 group-hover/card:scale-110 drop-shadow-lg" style="color:transparent" src="/images/skills/tools/figma.svg"/></div><span class="text-sm font-semibold text-gray-800 dark:text-gray-200 text-center">Figma</span></div><div class="absolute inset-0 rounded-2xl overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/card:translate-x-[100%] transition-transform duration-700 skew-x-12"></div></div></div></div></div></div><div class="mt-20 text-center"><p class="text-gray-500 dark:text-gray-600 text-sm italic">En constante évolution pour rester à la pointe de la technologie</p></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">Mes services de création de site internet et d'applications web</h2><p class="text-premium">Chaque service répond à un besoin spécifique : design attractif, performance optimale, sécurité renforcée et visibilité sur Google. Que vous ayez besoin d'un site vitrine, d'une application web ou d'optimiser votre infrastructure, je vous accompagne de A à Z.</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8"><a class="group block transition-transform duration-300 hover:-translate-y-2" href="/services/front-end"><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-xl cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-xl 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">Création de site vitrine & développement front-end</h3><p class="text-premium mb-6">Développez un site vitrine attrayant et responsive grâce aux technologies React et Vue.js. Je conçois des interfaces modernes optimisées pour le référencement naturel, avec des animations fluides et un design sur mesure adapté à votre image de marque. Chaque site est pensé pour convertir vos visiteurs en clients.</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">Next.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">TypeScript</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">Site vitrine optimisé SEO</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">Design responsive sur mesure</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 modernes GSAP</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></a><a class="group block transition-transform duration-300 hover:-translate-y-2" href="/services/back-end"><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-xl cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-xl 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 & API</h3><p class="text-premium mb-6">Construisez une application web robuste avec une architecture backend sécurisée. Je développe des API REST performantes avec Laravel, Django ou Node.js, gère vos bases de données MySQL et PostgreSQL, et assure la scalabilité de votre infrastructure pour accompagner la croissance de votre entreprise.</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 REST sécurisées</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">Architecture scalable</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">Bases de données optimisé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></a><a class="group block transition-transform duration-300 hover:-translate-y-2" href="/services/dashboards"><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-xl cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-xl 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 & interfaces d'administration</h3><p class="text-premium mb-6">Pilotez votre activité grâce à des tableaux de bord sur mesure. Je crée des interfaces d'administration intuitives avec visualisation de données en temps réel, gestion des utilisateurs et rapports personnalisés. Idéal pour suivre vos KPI, gérer votre contenu ou centraliser vos données métier.</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">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">Chart.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">D3.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">PostgreSQL</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">Visualisation temps réel</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">Gestion des rôles et droits</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">Export de rapports</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></a><a class="group block transition-transform duration-300 hover:-translate-y-2" href="/services/linux"><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-xl cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-xl 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 serveur Linux & Docker</h3><p class="text-premium mb-6">Confiez la gestion de vos serveurs Linux à un expert. Je configure, sécurise et optimise vos infrastructures avec Docker, Nginx et des outils de monitoring. Sauvegardes automatisées, certificats SSL, reverse proxy : votre site reste disponible et performant 24h/24.</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">Prometheus</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">Grafana</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">Conteneurisation Docker</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é renforcé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">Monitoring continu</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></a><a class="group block transition-transform duration-300 hover:-translate-y-2" href="/services/ci-cd"><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-xl cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-xl 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">Automatisation DevOps & CI/CD</h3><p class="text-premium mb-6">Accélérez vos mises en production avec des pipelines CI/CD automatisés. Je configure GitHub Actions ou GitLab CI pour tester, construire et déployer vos applications automatiquement. Réduisez les erreurs humaines et gagnez en agilité avec une intégration continue professionnelle.</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">GitHub Actions</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">GitLab CI</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">Ansible</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">Terraform</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éploiements automatisés</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">Tests automatiques</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">Rollback rapide</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></a><a class="group block transition-transform duration-300 hover:-translate-y-2" href="/services/seo-technique"><div class="service-card relative bg-white dark:bg-dark-secondary p-8 lg:p-10 rounded-xl cursor-default group"><div class="absolute inset-0 border border-gray-300 dark:border-off-white/10 rounded-xl 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 & performance web</h3><p class="text-premium mb-6">Améliorez votre référencement naturel avec un audit technique complet. J'optimise vos Core Web Vitals (LCP, FID, CLS), compresse vos images, structure vos données avec Schema.org et configure votre serveur pour des temps de chargement optimaux. Gagnez en visibilité sur 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">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">Schema.org</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">Lighthouse</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">Next.js SSR</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">Audit SEO complet</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></a></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-lg 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-lg"></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-lg 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">Développeur web freelance à Rouen</div></div><div class="space-y-4 fade-up"><p class="text-premium">Je suis Aimé Adjassa, <strong>développeur web freelance basé à Rouen en Normandie</strong>. Passionné par la création de sites internet depuis plusieurs années, je mets mon expertise au service des entreprises, artisans et entrepreneurs qui souhaitent développer leur présence en ligne.</p><p class="text-premium">Mon parcours m'a permis de maîtriser l'ensemble de la chaîne de développement web : de la conception d'interfaces modernes avec React et Vue.js, au développement d'applications robustes avec Laravel et Django, en passant par l'administration de serveurs Linux et l'optimisation SEO.</p><p class="text-premium">Ce qui me distingue ? Ma <strong>réactivité</strong>, mon <strong>accompagnement personnalisé</strong> et ma capacité à traduire vos besoins métier en solutions techniques concrètes. Chaque projet est unique, et je m'investis pleinement pour livrer un site performant qui répond à vos objectifs.</p><p class="text-premium">Basé à Rouen, j'interviens dans toute la Normandie et partout en France. Que vous soyez une startup, une PME ou un grand compte, je vous accompagne dans la création de votre site internet, application web ou l'optimisation de votre infrastructure existante.</p></div><div class="fade-up mt-8 flex flex-wrap gap-4"><a href="/#services" class="btn-primary">Découvrir mes services</a><a href="/#contact" class="relative px-6 py-3 text-gray-900 dark:text-off-white font-medium tracking-wide group"><span class="relative z-10">Me contacter</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></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-lg p-6 hover:border-accent-rose/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-lg p-6 hover:border-accent-rose/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-lg p-6 hover:border-accent-rose/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">Ce que disent mes clients</h2><p class="text-premium">Des projets de création de site internet aux missions d'administration système, découvrez les retours de mes clients sur notre collaboration.</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-lg p-8 hover:border-accent-rose/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">“<!-- -->Aimé a développé un dashboard web complet pour notre solution de sécurité. Le tableau de bord permet de visualiser les données en temps réel avec des graphiques interactifs. Son expertise en React et en conception d'interfaces a été déterminante. Le projet a été livré dans les délais avec une qualité irréprochable. Nous recommandons vivement ses services pour tout projet de développement web complexe.<!-- -->”</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">L</span></div><div><p class="text-off-white font-medium">LIASEC</p><p class="text-sm text-off-white/60">Startup Cybersécurité</p></div></div></article><article class="testimonial-card bg-white dark:bg-dark-secondary border border-gray-300 dark:border-off-white/10 rounded-lg p-8 hover:border-accent-rose/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">“<!-- -->Nous avons fait appel à Aimé pour la refonte de notre site vitrine et la mise en place de notre infrastructure serveur. Il a su comprendre nos besoins, proposer des solutions techniques adaptées et les implémenter rapidement. Le nouveau site est performant, bien référencé et reflète parfaitement notre image. La gestion de notre serveur Linux est désormais fluide grâce à Docker et aux outils de monitoring.<!-- -->”</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">Conseil IT</p><p class="text-sm text-off-white/60">Cabinet de Conseil</p></div></div></article><article class="testimonial-card bg-white dark:bg-dark-secondary border border-gray-300 dark:border-off-white/10 rounded-lg p-8 hover:border-accent-rose/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">“<!-- -->En tant qu'entrepreneur basé en Normandie, je cherchais un développeur freelance local et compétent. Aimé a créé mon site e-commerce avec une interface intuitive et des performances optimales. Il m'a également formé à l'utilisation du back-office. Le référencement SEO a porté ses fruits : mon site apparaît maintenant en première page sur Google pour mes mots-clés cibles.<!-- -->”</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">E</span></div><div><p class="text-off-white font-medium">Entrepreneur</p><p class="text-sm text-off-white/60">E-commerce Normandie</p></div></div></article></div><div class="mt-16 text-center"><p class="text-premium mb-6">Vous avez un projet de création de site internet ? Rejoignez mes clients satisfaits !</p><a href="/#contact" class="btn-primary">Demander un devis gratuit</a></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">Prêt à lancer votre projet ?</h2><p class="text-premium">Contactez-moi pour discuter de votre site internet ou demandez un devis gratuitement. Que ce soit pour un site vitrine, une application web ou l'optimisation de votre infrastructure, je vous réponds sous 24h.</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">Votre nom *</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-lg 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="Jean Dupont" 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">Adresse email *</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-lg 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">Entreprise</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-lg 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="Votre entreprise" 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">Budget du projet *</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-lg text-gray-900 dark:text-off-white focus:border-accent-gold focus:outline-none transition-colors duration-300"><option value="">Sélectionnez une fourchette</option><option value="moins-2k">Moins de 2 000€</option><option value="2k-5k">2 000€ - 5 000€</option><option value="5k-10k">5 000€ - 10 000€</option><option value="10k-20k">10 000€ - 20 000€</option><option value="20k+">Plus de 20 000€</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">Détails du projet *</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-lg 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="Parlez-moi de votre projet..."></textarea></div><div class="form-element"><button type="submit" class="w-full btn-primary disabled:opacity-50 disabled:cursor-not-allowed">Envoyer le message</button></div></form></div><div class="lg:col-span-2 space-y-8"><address class="not-italic"><h3 class="text-xl font-serif font-bold mb-6 text-gray-900 dark:text-off-white">Mes coordonnées</h3><p class="text-premium mb-8">Développeur web freelance basé à Rouen, je suis disponible pour discuter de votre projet de création de site internet par email, téléphone ou en visioconférence.</p></address><div class="space-y-6"><div class="flex items-start gap-4 p-4 bg-gray-100 dark:bg-slate-soft/30 rounded-lg 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="/cdn-cgi/l/email-protection#adccc4c0c883ccc9c7edc5c2d9c0ccc4c183cec2c0" class="text-gray-900 dark:text-off-white hover:text-accent-gold transition-colors duration-300"><span class="__cf_email__" data-cfemail="0f6e66626a216e6b654f67607b626e6663216c6062">[email protected]</span></a></div></div><div class="flex items-start gap-4 p-4 bg-gray-100 dark:bg-slate-soft/30 rounded-lg 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-lg 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-lg 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-lg"><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-lg"><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">Navigation</h4><ul class="space-y-2"><li><a class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300" href="/services">Services</a></li><li><a class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300" href="/#work">Réalisations</a></li><li><a class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300" href="/about">À propos</a></li><li><a class="text-sm text-gray-600 dark:text-off-white/60 hover:text-accent-gold transition-colors duration-300" href="/contact">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="/cdn-cgi/l/email-protection#284941454d06494c426840475c45494144064b4745" 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">© <!-- -->2026<!-- --> 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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/_next/static/chunks/webpack-c81f7fd28659d64f.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/7e20f5fc15cae338.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"2:I[2846,[],\"\"]\n4:I[4893,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/751-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"default\"]\n5:\"$Sreact.suspense\"\n6:I[49,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/751-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"PreloadCss\"]\n7:I[2549,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/751-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"default\"]\n8:I[5099,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/751-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"default\"]\n9:I[1923,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/751-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"default\"]\na:I[8256,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/751-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"default\"]\nb:I[7481,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/751-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"default\"]\nc:I[3703,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/75"])</script><script>self.__next_f.push([1,"1-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"default\"]\nd:I[3410,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"751\",\"static/chunks/751-ba66ce1a35e2cde0.js\",\"931\",\"static/chunks/app/page-b92e7f29e90f56ef.js\"],\"default\"]\nf:I[6476,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"185\",\"static/chunks/app/layout-b2e12c26777fee4f.js\"],\"ThemeProvider\"]\n10:I[9723,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"185\",\"static/chunks/app/layout-b2e12c26777fee4f.js\"],\"default\"]\n11:I[3481,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"185\",\"static/chunks/app/layout-b2e12c26777fee4f.js\"],\"default\"]\n12:I[4707,[],\"\"]\n13:I[6423,[],\"\"]\n14:I[8349,[\"922\",\"static/chunks/c15bf2b0-3fa3c123f635ab8d.js\",\"972\",\"static/chunks/972-407d19dcab4a77d2.js\",\"970\",\"static/chunks/970-57c460eb138e86bf.js\",\"185\",\"static/chunks/app/layout-b2e12c26777fee4f.js\"],\"default\"]\n16:I[1060,[],\"\"]\ne:T2956,"])</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\":\"ovpLIv3NNsBUL75yofKT9\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L3\",[[\"$\",\"$L4\",null,{}],[\"$\",\"$5\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L6\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Portfolio\"]}],[\"$\",\"$L7\",null,{}]]}],[\"$\",\"$5\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L6\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Skills\"]}],[\"$\",\"$L8\",null,{}]]}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"$5\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L6\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Experience\"]}],[\"$\",\"$Lb\",null,{}]]}],[\"$\",\"$5\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L6\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Testimonials\"]}],[\"$\",\"$Lc\",null,{}]]}],[\"$\",\"$5\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen\"}],\"children\":[[\"$\",\"$L6\",null,{\"moduleIds\":[\"app/page.tsx -\u003e @/components/sections/Contact\"]}],[\"$\",\"$Ld\",null,{}]]}]],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7e20f5fc15cae338.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\":\"Création de sites internet sur mesure à Rouen – Développeur web freelance\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Développeur web freelance à Rouen, je crée des sites vitrine et applications web performantes, gère vos serveurs Linux et optimise votre SEO. Demandez votre devis gratuit !\"}],[\"$\",\"link\",\"4\",{\"rel\":\"author\",\"href\":\"https://adjassaweb.fr\"}],[\"$\",\"meta\",\"5\",{\"name\":\"author\",\"content\":\"Aimé ADJASSA\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"création de site internet,site vitrine,développeur web freelance,développeur web Rouen,création site web Normandie,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,application web sur mesure,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\":\"Création de sites internet sur mesure à Rouen – Développeur web freelance\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"Développeur web freelance à Rouen, je crée des sites vitrine et applications web performantes. Demandez votre devis gratuit !\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:url\",\"content\":\"https://adjassaweb.fr\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:site_name\",\"content\":\"Aimé ADJASSA - Développeur Web Freelance\"}],[\"$\",\"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 freelance à Rouen\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"Création de sites internet sur mesure à Rouen – Développeur web freelance\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"Développeur web freelance à Rouen - Sites vitrine et applications web performantes\"}],[\"$\",\"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><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"0632f8dcae19414f9c624573b29f610c","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body></html>
