-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (47 loc) · 57.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!doctype html><html lang=fr-fr><head><meta name=generator content="Hugo 0.83.1"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Développeur Magento</title><meta name=description content="Vous cherchez un expert Magento disponible qui connait vos problématiques ? C'est ici."><meta name=robots content="INDEX,FOLLOW"><script src=/js/swiper-bundle.min.js defer></script><link rel=stylesheet href=/css/swiper-bundle.min.css><script src=/js/alpine.min.js defer></script><link rel=preload href=/fonts/gilroy-latin-700.woff2 as=font type=font/woff2 crossorigin><link rel=preload href=/fonts/open-sans-v18-latin-regular.woff2 as=font type=font/woff2 crossorigin><link rel=preload href=/fonts/open-sans-v18-latin-700.woff2 as=font type=font/woff2 crossorigin><link rel=stylesheet href=https://lumao.eu/css/styles.min.23693c6e93a6077702b10b02ad4a07d75edd557797e31bcbc87b439cd90be918.css><link rel=icon href=/favicon.ico sizes=any><link rel=icon href=/favicon.svg type=image/svg+xml><link rel=apple-touch-icon href=/apple-touch-icon.png><link rel=manifest href=/manifest.webmanifest><link rel=alternate hreflang=fr-fr href=https://lumao.eu/><link rel=alternate hreflang=x-default href=https://lumao.eu/><link rel=alternate hreflang=fr-ch href=https://lumao.ch/><link rel=alternate hreflang href><link rel=alternate hreflang href><script>(function(b,d,e,a,g){b[a]=b[a]||[],b[a].push({'gtm.start':(new Date).getTime(),event:'gtm.js'});var f=d.getElementsByTagName(e)[0],c=d.createElement(e),h=a!='dataLayer'?'&l='+a:'';c.async=!0,c.src='https://www.googletagmanager.com/gtm.js?id='+g+h,f.parentNode.insertBefore(c,f)})(window,document,'script','dataLayer','GTM-PXRXBBS')</script></head><body class=min-w-350><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PXRXBBS" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><header x-data="{ mobileMenuOpen: false, hasScrolled: false }" class="absolute md:absolute w-full z-10 top-0" :class="{ 'absolute' : !mobileMenuOpen , 'fixed' : mobileMenuOpen}" x-on:keydown.escape="mobileMenuOpen = false" @scroll.window.throttle="hasScrolled = (window.pageYOffset < 50) ? false : true"><div class="bg-primary transform transition-transform ease-out" :class="{'-translate-y-full': hasScrolled, 'translate-y-0': !hasScrolled}"><div class="container py-2"><div class="text-center flex items-center justify-center text-white text-xl"><span>Depuis Juillet 2023, Lumao fait partie du groupe Spiriit, agence e-commerce et digitale de 65 personnes ! <a href=https://www.spiriit.com/agence-performance-plateformes-ecommerce/>En savoir plus sur Spiriit</a></span></div></div></div><div class="container mx-auto py-4 md:py-8 px-4 flex flex-wrap items-center"><div class="flex w-3/5 md:w-1/5"><a class="block z-10" href=https://lumao.eu/><img src=https://lumao.eu/images/logo-light.svg class="w-24 lg:w-36 block" alt="Lumao - Développement Magento"></a></div><div class="flex w-2/5 md:w-4/5 justify-end"><button @click="mobileMenuOpen = !mobileMenuOpen" type=button class="md:hidden inline-flex items-center justify-center text-white focus:outline-none z-10 relative tap-transparent">
<span class="bg-gray-800 h-10 w-10 rounded-full absolute" x-show=mobileMenuOpen x-transition:enter="transition duration-200 transform ease-out" x-transition:enter-start="opacity-1 scale-75" x-transition:leave="transition duration-100 transform ease-in" x-transition:leave-end="opacity-0 scale-100"></span><span class=sr-only>Open menu</span><div class="hamburger hamburger--squeeze" :class="{ 'is-active' : mobileMenuOpen}"><div class=hamburger-box><div class=hamburger-inner></div></div></div></button><div class="md:hidden bg-secondary fixed top-0 bottom-0 left-0 right-0 mobile-menu flex flex-col items-center justify-center" :class="[mobileMenuOpen ? 'open' : '']"><ul class="text-white text-2xl font-bold font-accent uppercase text-center leading-loose my-auto"><li><a href=/ class=hover:text-primary title=Home>Home</a></li><li><a href=/ecommerce/cms/magento/ class=hover:text-primary title="Magento 2">Magento 2</a></li><li><a href=/reference/ class=hover:text-primary title=Réalisations>Réalisations</a></li><li><a href=/a-propos/ class=hover:text-primary title="A propos">A propos</a></li><li><a href=/post/contact/ class=hover:text-primary title=Contact>Contact</a></li></ul><ul class="mb-8 flex"><li class="mr-2 last:mr-0 social"><a href=https://github.com/LavoWeb title=Github class="bg-white p-2 block rounded-full hover:bg-primary hover:text-white focus:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M12 0C5.374.0.0 5.373.0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931.0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176.0.0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221.0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/></svg></a></li><li class="mr-2 last:mr-0 social"><a href=https://twitter.com/LumaoSAS title=Twitter class="bg-white p-2 block rounded-full hover:bg-primary hover:text-white focus:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179.0-5.515 2.966-4.797 6.045C7.728 8.088 4.1 6.128 1.671 3.149c-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142.0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a></li><li class="mr-2 last:mr-0 social"><a href=https://www.linkedin.com/company/lumao/ title=Linkedin class="bg-white p-2 block rounded-full hover:bg-primary hover:text-white focus:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M4.98 3.5C4.98 4.881 3.87 6 2.5 6s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zM5 8H0v16h5V8zm7.982.0H8.014v16h4.969v-8.399c0-4.67 6.029-5.052 6.029.0V24H24V13.869c0-7.88-8.922-7.593-11.018-3.714V8z"/></svg></a></li><li class="mr-2 last:mr-0 social"><a href=https://www.facebook.com/lumaoweb/ title=Facebook class="bg-white p-2 block rounded-full hover:bg-primary hover:text-white focus:bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M9 8H6v4h3v12h5V12h3.642L18 8h-4V6.333C14 5.378 14.192 5 15.115 5H18V0h-3.808C10.596.0 9 1.583 9 4.615V8z"/></svg></a></li></ul></div><ul class="hidden md:flex justify-between items-center text-white font-bold uppercase text-sm font-accent"><li class="mr-2 last:mr-0"><a href=/ class="inline-flex items-center flex-col hover:text-primary py-2 px-4 group hover:-mb-3.5" title=Home>Home
<span class="w-1.5 h-1.5 mt-2 bg-primary rounded-full hidden group-hover:block"></span></a></li><li class="mr-2 last:mr-0"><a href=/ecommerce/cms/magento/ class="inline-flex items-center flex-col hover:text-primary py-2 px-4 group hover:-mb-3.5" title="Magento 2">Magento 2
<span class="w-1.5 h-1.5 mt-2 bg-primary rounded-full hidden group-hover:block"></span></a></li><li class="mr-2 last:mr-0"><a href=/reference/ class="inline-flex items-center flex-col hover:text-primary py-2 px-4 group hover:-mb-3.5" title=Réalisations>Réalisations
<span class="w-1.5 h-1.5 mt-2 bg-primary rounded-full hidden group-hover:block"></span></a></li><li class="mr-2 last:mr-0"><a href=/a-propos/ class="inline-flex items-center flex-col hover:text-primary py-2 px-4 group hover:-mb-3.5" title="A propos">A propos
<span class="w-1.5 h-1.5 mt-2 bg-primary rounded-full hidden group-hover:block"></span></a></li><li class="mr-2 last:mr-0"><a href=/post/contact/ class="inline-flex items-center flex-col hover:text-primary py-2 px-4 group hover:-mb-3.5" title=Contact>Contact
<span class="w-1.5 h-1.5 mt-2 bg-primary rounded-full hidden group-hover:block"></span></a></li></ul></div></div></header><section class="relative flex items-center justify-center overflow-hidden bg-gray-400 h-600 sm:h-screen md:min-h-920 md:max-h-1080"><img alt src=https://lumao.eu/images/home-top.jpg width class="absolute max-w-none h-600 sm:h-full xl:h-auto xl:max-w-full xl:top-0" draggable=false><div class="absolute flex flex-col items-center w-full h-full bg-transparent-black justify-center"><div class="container px-4 md:px-0"><div class="sm:max-w-sm md:max-w-lg xl:max-w-xl md:ml-24 xl:ml-36"><h1 class="-mb-12 sm:mb-12 text-4xl font-bold text-center text-white sm:text-left md:text-5xl xl:text-6xl 2xl:text-7xl font-accent">Nous sommes développeurs <span class=text-primary>Magento</span>.</h1><p class="hidden mb-12 mr-16 leading-loose text-white sm:block">Nous sommes une équipe de développeurs et d'intégrateurs spécialisés sur le CMS Magento, nous sommes d'ailleurs un partenaire certifié. Si vous êtes à la recherche d'une équipe d'experts et non pas d'un commercial, vous êtes au bon endroit.</p><a href=/ecommerce/cms/magento/expert/ class="hidden sm:inline-flex text-primary highlighted-label"><span>En savoir plus</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-primary absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div></div></div><div class="w-28 sm:w-36 block bottom-0 absolute z-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 145 46"><path fill="#fff" fill-rule="evenodd" d="M72 0S49.8-1.1 37.1 22.1C26 42.4 7.7 45.6-.5 46h145c-8.2-.4-26.4-3.6-37.6-23.9C94.2-1.1 72 0 72 0z" clip-rule="evenodd"/><path fill="#ff9c00" fill-rule="evenodd" d="m77.7 28.8-4.9 4.9c-.4.4-1 .4-1.4.0l-4.9-4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4.0l3.3 3.2V15c0-.6.4-1 1-1s1 .4 1 1v15.6l3.2-3.2c.4-.4 1-.4 1.4.0.3.4.3 1-.1 1.4z" clip-rule="evenodd"/></svg></div></section><div class="px-2 py-8 sm:hidden shadow-theme text-center"><p class="text-sm font-bold">Nous sommes une équipe de développeurs et d'intégrateurs spécialisés sur le CMS Magento, nous sommes d'ailleurs un partenaire certifié. Si vous êtes à la recherche d'une équipe d'experts et non pas d'un commercial, vous êtes au bon endroit.</p><a href=/ecommerce/cms/magento/expert/ class="text-primary highlighted-label text-base mt-6"><span>En savoir plus</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-primary absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div><section class="flex flex-col items-center max-w-screen-xl pt-12 mx-auto mb-12 text-center sm:pt-20 sm:mb-48"><h2 class="max-w-3xl xl-title">Nous <span class=text-primary>aimons</span> ce que nous faisons</h2><span class="mt-4 divider md:mt-8"></span><div class="grid-cols-3 gap-4 mx-4 mt-4 sm:grid lg:gap-24 sm:mt-20 sm:mx-0" x-data="{ selected: 2 }"><a href=/ecommerce/cms/magento/developpement/ class="flex flex-col items-center px-4 py-8 border-b sm:border-0 xl:px-12 sm:rounded-3xl" :class="selected == 1 ? 'shadow-theme' : ''" @mouseover="selected = 1" @mouseleave="selected = 2"><img src=/images/home/dev.svg alt=Développement width=86 height=85><h3 class="mt-8 mb-3 text-xl font-bold font-accent">Développement</h3><p class="text-sm text-gray-500 sm:text-base">Développement de modules, projets, intégration CSS responsive</p><span class="hidden p-4 mt-10 rounded-full sm:block bg-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 fill-current text-primary"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg></span></a><a href=/ecommerce/hebergement/ class="flex flex-col items-center px-4 py-8 border-b sm:border-0 xl:px-12 sm:rounded-3xl" :class="selected == 2 ? 'shadow-theme' : ''" @mouseover="selected = 2" @mouseleave="selected = 2"><img src=/images/home/hosting.svg alt=Hébergement width=86 height=85><h3 class="mt-8 mb-3 text-xl font-bold font-accent">Hébergement</h3><p class="text-sm text-gray-500 sm:text-base">Hébergement sur nos serveurs cloud haute disponibilité</p><span class="hidden p-4 mt-10 rounded-full sm:block bg-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 fill-current text-primary"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg></span></a><a href=/ecommerce/maintenance/ class="flex flex-col items-center px-4 py-8 border-b sm:border-0 xl:px-12 sm:rounded-3xl" :class="selected == 3 ? 'shadow-theme' : ''" @mouseover="selected = 3" @mouseleave="selected = 2"><img src=/images/home/tma.svg alt=TMA width=86 height=85><h3 class="mt-8 mb-3 text-xl font-bold font-accent">TMA</h3><p class="text-sm text-gray-500 sm:text-base">Forfait mensualisé de maintenance</p><span class="hidden p-4 mt-10 rounded-full sm:block bg-primary-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 fill-current text-primary"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg></span></a></div></section><section class="flex items-center max-w-screen-xl py-12 mx-auto mb-12 md:mb-32 md:py-0 shadow-theme md:shadow-none"><div class="relative items-center hidden w-1/2 mr-12 xl:flex -z-1"><span class="absolute block w-4/5 ml-6 bg-gray-200 h-4/5 -z-1 rounded-3xl 2xl:-ml-16"></span><img alt src=https://lumao.eu/images/home-expertise.jpg width class=ml-auto draggable=false></div><div class="flex flex-col mx-4 xl:mx-0 xl:w-1/2"><h2 class="text-center xl-title xl:text-left">Notre <span class=text-primary>expertise</span> pour votre projet e-commerce</h2><span class="mx-auto mt-4 mb-8 divider w-9 xl:w-40 xl:-ml-24 xl:my-14"></span><div class="items-center sm:max-w-none sm:flex"><div class="relative flex items-center sm:w-1/2 xl:hidden sm:mr-8"><span class="absolute hidden w-4/5 max-w-xs bg-gray-200 md:block h-4/5 rounded-3xl -z-1"></span><img alt src=https://lumao.eu/images/home-expertise.jpg width class="w-full max-w-xs mx-auto mb-8 sm:mb-0 sm:mr-0 sm:ml-auto sm:max-w-md" draggable=false></div><div class="sm:w-1/2 xl:w-full"><p class="mb-8 text-sm font-bold md:text-base xl:text-lg">Lumao est une agence web spécialisée dans le développement de projets e-commerce basés sur le CMS Magento.</p><p class="mb-8 text-sm text-gray-500 xl:leading-loose md:text-base xl:text-lg">Magento est une plateforme "tout-en-un" de vente à distance, un CMS (Content Management System, ou Sytème de Gestion de Contenu) de commerce électronique. Créé en 2008, Magento équipe à ce jour plusieurs centaines de milliers de sites e-commerce à travers le monde. Les qualités de Magento n'ont d'égal que sa technicité, qui requiert le concours d'une équipe de développeurs et d'intégrateurs spécialisés. Forte de ses certifications Magento, l'agence web Lumao vous propose son expertise technique et le dévouement de son équipe, dans un seul but : le succès de votre projet e-commerce.</p><a href=/post/contact/ class="btn btn-primary-transparent"><span>Demandez un devis</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2 fill-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg></a></div></div></div></section><section class="stats relative max-w-screen-xl mx-4 mb-12 md:mb-40 xl:mx-auto"><div class=mb-48><h2 class="xl-title text-center">En chiffres</h2></div><div class="md:bg-white md:shadow-theme md:rounded-3xl md:pt-10 md:pb-14 font-accent lg:h-80"><div class="lg:absolute top-0 lg:top-auto lg:bottom-6 w-full flex flex-col lg:mx-2 md:flex-row md:justify-around" x-data="{ selected: 4 }"><div class=card :class="selected == 1 ? 'hover' : ''" @mouseover="selected !== 1 ? selected = 1 : selected = null"><div class="flex flex-col items-center justify-end pointer-events-none"><div class="text-6xl font-bold lg:text-7xl">3572</div><span class="my-4 divider"></span><div class="text-sm font-bold tracking-wider uppercase">heures de travail</div></div></div><div class=card @mouseover="selected !== 2 ? selected = 2 : selected = null" :class="selected == 2 ? 'hover' : ''"><div class="flex flex-col items-center justify-end pointer-events-none"><div class="text-6xl font-bold lg:text-7xl">172</div><span class="my-4 divider"></span><div class="text-sm font-bold tracking-wider uppercase">projets</div></div></div><div class=card @mouseover="selected !== 3 ? selected = 3 : selected = null" :class="selected == 3 ? 'hover' : ''"><div class="flex flex-col items-center justify-end pointer-events-none"><div class="text-6xl font-bold lg:text-7xl">132</div><span class="my-4 divider"></span><div class="text-sm font-bold tracking-wider uppercase">client</div></div></div><div class=card @mouseover="selected !== 4 ? selected = 4 : selected = 4" :class="selected == 4 ? 'hover' : ''"><div class="flex flex-col items-center justify-end pointer-events-none"><div class="text-6xl font-bold lg:text-7xl">15231</div><span class="my-4 divider"></span><div class="text-sm font-bold tracking-wider uppercase">lignes de code</div></div></div></div></div><span class="box-content absolute -bottom-10 hidden w-2/5 h-5/6 bg-gray-200 md:block rounded-3xl -z-1 right-4 xl:right-8 2xl:right-0 2xl:-mr-28"></span></section><section class="max-w-screen-xl py-12 mx-4 mb-12 text-center md:mb-24 md:py-0 xl:mx-auto"><span class="up-title text-accent">Découvrir</span><h2 class=xl-title>Nos services</h2><span class="block mt-4 text-gray-500">Ce que nous proposons à nos clients.</span><div class="grid-cols-3 gap-4 mt-10 sm:grid lg:gap-8 lg:mx-8 xl:gap-12 xl:mx-20 sm:mt-20" x-data="{ selected: 2 }"><div class="flex flex-col items-center border-b sm:border-0 py-8 px-4 xl:px-10 sm:rounded-3xl" :class="selected == 1 ? 'shadow-theme' : ''" @mouseover="selected = 1" @mouseleave="selected = 2"><div class=relative><img src=/images/home/dev2.svg alt=Développement width=85 height=85>
<span class="absolute block w-24 h-24 rounded-full bg-accent-light top-3 left-8 -z-1"></span></div><h3 class="mt-12 mb-3 text-xl font-bold font-accent">Développement</h3><p class="text-sm text-gray-500 sm:text-base">Développement de modules, projets, intégration CSS responsive</p></div><div class="flex flex-col items-center border-b sm:border-0 py-8 px-4 xl:px-10 sm:rounded-3xl" :class="selected == 2 ? 'shadow-theme' : ''" @mouseover="selected = 2" @mouseleave="selected = 2"><div class=relative><img src=/images/home/tma2.svg alt=TMA width=85 height=85>
<span class="absolute block w-24 h-24 rounded-full bg-accent-light top-3 left-8 -z-1"></span></div><h3 class="mt-12 mb-3 text-xl font-bold font-accent">TMA</h3><p class="text-sm text-gray-500 sm:text-base">Support applicatif</p></div><div class="flex flex-col items-center border-b sm:border-0 py-8 px-4 xl:px-10 sm:rounded-3xl" :class="selected == 3 ? 'shadow-theme' : ''" @mouseover="selected = 3" @mouseleave="selected = 2"><div class=relative><img src=/images/home/marketing.svg alt=Marketing width=85 height=85>
<span class="absolute block w-24 h-24 rounded-full bg-accent-light top-3 left-8 -z-1"></span></div><h3 class="mt-12 mb-3 text-xl font-bold font-accent">Marketing</h3><p class="text-sm text-gray-500 sm:text-base">Aide et réalisation des actions marketing</p></div><div class="flex flex-col items-center border-b sm:border-0 py-8 px-4 xl:px-10 sm:rounded-3xl" :class="selected == 4 ? 'shadow-theme' : ''" @mouseover="selected = 4" @mouseleave="selected = 2"><div class=relative><img src=/images/home/seo.svg alt=SEO width=85 height=85>
<span class="absolute block w-24 h-24 rounded-full bg-accent-light top-3 left-8 -z-1"></span></div><h3 class="mt-12 mb-3 text-xl font-bold font-accent">SEO</h3><p class="text-sm text-gray-500 sm:text-base">Optimisation pour le référencement</p></div><div class="flex flex-col items-center border-b sm:border-0 py-8 px-4 xl:px-10 sm:rounded-3xl" :class="selected == 5 ? 'shadow-theme' : ''" @mouseover="selected = 5" @mouseleave="selected = 2"><div class=relative><img src=/images/home/hosting2.svg alt=Hosting width=85 height=85>
<span class="absolute block w-24 h-24 rounded-full bg-accent-light top-3 left-8 -z-1"></span></div><h3 class="mt-12 mb-3 text-xl font-bold font-accent">Hosting</h3><p class="text-sm text-gray-500 sm:text-base">Hébergement Cloud en SaaS</p></div><div class="flex flex-col items-center border-b sm:border-0 py-8 px-4 xl:px-10 sm:rounded-3xl" :class="selected == 6 ? 'shadow-theme' : ''" @mouseover="selected = 6" @mouseleave="selected = 2"><div class=relative><img src=/images/home/performances.svg alt=Performance width=85 height=85>
<span class="absolute block w-24 h-24 rounded-full bg-accent-light top-3 left-8 -z-1"></span></div><h3 class="mt-12 mb-3 text-xl font-bold font-accent">Performance</h3><p class="text-sm text-gray-500 sm:text-base">Audit des performances</p></div></div><a href=/post/contact/ class="mt-4 btn btn-accent sm:mt-16"><span>Demandez un devis</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2 fill-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg></a></section><section class="flex flex-col items-center py-12 md:py-24 bg-gradient-to-br from-gradient-dark to-gradient-light relative"><div class="container max-w-screen-xl px-4 text-white mb-16"><div class="flex flex-col items-center mb-8 lg:mb-0 font-accent"><span class="mb-4 up-title">Nos solutions</span><h2 class="text-center xl-title">Pourquoi Magento ?</h2><span class="mt-6 bg-white divider"></span></div><span class="text-5xl font-bold lg:text-7xl xl:text-8xl 2xl:text-9xl font-accent">01.</span><div class="relative flex flex-col items-start justify-center lg:mt-4 xl:mt-6"><h3 class=lg-title>Pour sa polyvalence</h3><span class="bg-white divider divider-aside lg:w-16"></span></div><div class="col-gap-6 mt-8 text-sm leading-normal lg:text-base 2xl:text-lg lg:mt-16 xl:leading-relaxed 2xl:leading-loose col-count-2"><p class=mb-6>L'utilisation d'un CMS pour un site e-commerce est une solution intéressante sur le papier par rapport au développement d'un outil "maison", car les logiciels qui existent sur le marché sont en général bien pensés sur un mode "tout-en-un" : gestion du catalogue, des clients, des commandes, mais aussi du marketing en ligne, du référencement naturel (SEO), etc. Magento n'est évidemment pas le seul outil sur le marché, et en tant que chef d'entreprise ou responsable de site e-commerce vous avez la nécessité de vous poser la question suivante : pourquoi devrais-je opter pour Magento ?</p><p class=mb-6>Magento est une solution e-commerce qui se couple facilement avec votre CMS actuel, que ce soit EZ Publish, Drupal, Joomla ou Wordpress.</p><p class=mb-6>La plateforme e-commerce Magento est-elle la meilleure qui soit sur le marché ? Est-elle garante de la réussite de votre projet ou du développement de votre chiffre d'affaires en ligne ? À ces questions, il n'existe pas de réponse miracle qui puisse être donnée sans une étude de votre projet par notre équipe d'experts. En effet, Lumao est composée de développeurs et d'intégrateurs expérimentés et ayant à leur compteur de nombreux projets réalisés avec succès : nous connaissons les points forts et les points faibles de Magento, et l'étude de votre projet, de vos objectifs, voire de votre site e-commerce existant, nous permettra de vous dire si, oui ou non, Magento peut vous aider à vous développer sur le net dans le domaine du commerce en ligne.</p><p class=mb-6>À la vérité, Magento est une plateforme très polyvalente, très puissante, dont voici quelques-unes des qualités.</p><a href=/ecommerce/cms/magento/ class=highlighted-label><span>Plus d'infos sur Magento</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-white absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div></div><div class="flex bottom-0 absolute w-full"><div class="bg-white w-full"></div><div class="w-28 sm:w-36 flex-shrink-0 flex justify-center"><img src=/images/fleche.svg alt class="absolute -top-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 128"><path fill="#fff" d="M0 64v64c148.15-.11 190.28-.2 189.19-.27-1.08-.06-3.73-.31-5.89-.54s-5.79-.78-8.05-1.21c-2.27-.43-7-1.74-10.52-2.92-3.51-1.17-8.63-3.25-11.39-4.63s-7.13-3.92-9.73-5.66c-2.59-1.73-6.39-4.56-8.44-6.28-2.06-1.72-5.86-5.31-8.46-7.99-2.59-2.67-5.95-6.41-7.46-8.31-1.51-1.9-4.14-5.44-5.83-7.86-1.7-2.41-4.33-6.51-5.86-9.1-1.52-2.59-4.19-7.1-5.92-10.02-1.74-2.91-4.16-6.8-5.39-8.63-1.23-1.84-3.8-5.37-5.72-7.86-1.92-2.48-6.41-7.43-9.98-11-3.56-3.57-7.96-7.63-9.76-9.03-1.8-1.4-4.8-3.64-6.68-4.98-1.87-1.34-5.88-3.86-8.9-5.59-3.03-1.73-7.98-4.22-11.01-5.53-3.02-1.32-8.06-3.25-11.19-4.3-3.14-1.04-8.18-2.46-11.2-3.14-3.03-.69-8.77-1.67-12.77-2.19C5.04.43 1.37.01.88.0H0v64zM391.75.81c-2.92.39-6.81 1-8.65 1.35-1.83.35-5.19 1.09-7.46 1.64-2.27.54-5.98 1.62-8.25 2.38s-5.9 2.08-8.06 2.94-5.7 2.41-7.86 3.45-6.14 3.21-8.84 4.82-6.77 4.3-9.03 5.98c-2.27 1.68-5.72 4.42-7.67 6.09-1.94 1.67-5.57 5.13-8.05 7.69-2.49 2.57-5.59 5.99-6.91 7.61-1.31 1.62-3.09 3.92-3.96 5.11-.87 1.18-2.64 3.74-3.95 5.69-1.3 1.94-4.27 6.89-6.6 10.99-2.33 4.11-5.38 9.23-6.78 11.39s-4.28 6.22-6.39 9.03c-2.12 2.81-5.51 6.89-7.52 9.07-2.02 2.19-4.91 5.12-6.42 6.51-1.51 1.4-3.99 3.57-5.5 4.84-1.51 1.27-4.87 3.71-7.46 5.42-2.6 1.71-6.97 4.24-9.73 5.62-2.76 1.37-7.88 3.46-11.39 4.63-3.52 1.18-8.33 2.5-10.71 2.94s-6 .99-8.06 1.21c-2.05.22-4.61.46-5.69.53-1.09.06 41.04.15 93.61.19L4e2 128V0c-2.28.08-5.33.42-8.25.81z"/></svg></div><div class="bg-white w-full"></div></div></section><section class="flex flex-col items-center py-12 md:py-24"><div class="container max-w-screen-xl px-4"><span class="text-5xl font-bold lg:text-7xl xl:text-8xl 2xl:text-9xl font-accent">02.</span><div class="relative flex flex-col items-start justify-center lg:mt-4 xl:mt-6"><h3 class=lg-title>Pour les gros <span class="block text-primary">catalogues</span></h3><span class="divider divider-aside lg:w-16"></span></div><div class="grid-cols-2 gap-24 mt-8 lg:grid xl:gap-36 2xl:gap-48 lg:mt-12"><div class="grid self-start grid-cols-1 text-sm leading-normal xl:leading-relaxed lg:text-base"><p class="font-bold 2xl:text-lg lg:mb-12">La plupart des CMS de e-commerce qui existent sur le marché ne sont pas tous pensés pour gérer des catalogues de plusieurs milliers de produits, loin de là. Magento au contraire, a été dès le début pensé dans une optique de robustesse et dispose d'outils réellement bien pensés.</p><img src=https://lumao.eu/images/home-catalog-1.jpg class="relative z-10 my-8 rounded-xl lg:rounded-4xl lg:order-last lg:mt-16 lg:mb-0 2xl:mt-24 2xl:max-w-3xl 2xl:-left-28" alt><p class=2xl:leading-loose>La robustesse de Magento consiste à dire que la plateforme est développée pour fonctionner toujours de manière performante, et ce quelle que soit la taille du catalogue (principe de scalabilité). En termes de développement en effet, il est tout à fait possible d'avoir un outil qui fonctionne de manière très satisfaisante avec quelques produits, mais qui se met à ralentir ou planter dès qu'un seuil critique est atteint. A contrario, Magento ne subit aucune dégradation de performances avec un catalogue de très grande taille. Sur certains autres CMS, l'utilisation de nombreux produits requiert des modifications très importantes du coeur de l'outil : les performances peuvent donc tenir le cap, mais au prix de développements spécifiques coûteux en termes de maintenance. De plus, trop de développement spécifique peut nuire au principe même du CMS et entraîner des difficultés lors de mises à jour de version. Magento, au contraire, peut gérer sans difficulté ni ralentissement plusieurs dizaines de milliers d'articles.</p><img src=https://lumao.eu/images/dots.png class="relative hidden w-48 mt-16 lg:block lg:order-last justify-self-end 2xl:-right-24" alt></div><div class="grid self-start grid-cols-1 text-sm leading-normal lg:text-base xl:leading-relaxed"><p class="mt-8 mb-12 lg:my-0 lg:order-first 2xl:leading-loose">Toujours dans cette optique de gestion de grands catalogues, Magento dispose en natif d'outils permettant d'effectuer des actions en masse. Ceci permet, au quotidien, de gagner un temps précieux dans la gestion de sa boutique, lorsqu'on souhaite faire des modifications théoriquement longues. Certains outils concurrents de Magento, qui ne disposent pas de ces fonctionnalités pratiques, imposent de faire la plupart des actions individuellement sur chaque article par exemple, faisant perdre beaucoup de temps - même s'il existe des modules additionnels pour améliorer ces problèmes, cela vient au prix d'un coût additionnel en acquisition du module, maintenance, et apprentissage.</p><span class="text-5xl font-bold lg:text-7xl xl:text-8xl 2xl:text-9xl font-accent">03.</span><div class="relative z-20 flex flex-col items-start justify-center lg:mt-4 xl:mt-6"><h3 class=lg-title>Pour <span class=text-primary>le B2B</span></h3><span class="divider divider-aside lg:w-16"></span></div><img src=https://lumao.eu/images/home-catalog-2.jpg class="relative my-8 rounded-xl lg:rounded-4xl lg:my-16 lg:order-first 2xl:my-24 2xl:max-w-3xl 2xl:-left-28" alt><p class="mb-8 2xl:leading-loose lg:my-12">La plupart des CMS, excepté Magento, ne sont en réalité que très peu voire pas du tout pensés pour le commerce entre professionnels (B2B). Bien que la vente B2C classique partage de nombreux points communs avec la vente B2B, cette dernière possède ses spécificités, que Magento gère parfaitement. Notre équipe de développeurs Magento peut également et à votre demande mettre au point toutes sortes de fonctionnalités spécifiques. Si vous êtes à la tête d'une entreprise présente sur le marché B2B, il est fort probable que Magento soit la solution la plus adaptée à votre projet de site e-commerce : gestion d'une société, flexibilité des prix en fonction du client via des grilles tarifaires spécifiques, gestion des devis, adaptation du catalogue à un client particulier, paiement en compte, etc. Parmi les nombreuses fonctionnalités B2B, mais qui en réalité intéressent tout type de société, on trouve également de nombreux outils, complétés par notre équipe d'experts Magento, qui permettent d'interfacer votre site e-commerce avec votre système d'information et notamment votre ERP.</p><a href=/post/contact/ class="highlighted-label text-primary"><span>Demandez un devis</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-primary absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div></div></div></section><section class="flex flex-col bg-secondary lg:flex-row"><div class="relative overflow-hidden lg:w-5/12"><img src=https://lumao.eu/images/home-erp.jpg class="lg:absolute lg:h-full lg:max-w-none" alt></div><div class="py-8 lg:w-7/12 lg:py-36"><div class="px-4 text-white lg:max-w-screen-md lg:pl-20 xl:pl-32"><span class="text-5xl font-bold lg:text-7xl xl:text-8xl 2xl:text-9xl font-accent">04.</span><div class="relative z-20 flex flex-col items-start justify-center mb-8 lg:mb-12 lg:mt-4 xl:mt-6"><h3 class=lg-title>Pour l'intégration <span class=text-primary>ERP</span></h3><span class="bg-primary h-2.5 w-9 mt-4 lg:mt-0 rounded-xl lg:absolute lg:-left-16"></span></div><p class="text-sm leading-relaxed lg:text-base lg:leading-relaxed 2xl:leading-loose">Bien que Magento soit conçu comme un CMS autonome, il ne montrera sa pleine puissance qu'une fois couplé à votre SI et à votre ERP. Nos développeurs vous aideront à définir les meilleures pratiques pour faire interagir votre système informatique et votre site e-commerce : mise à jour des articles (stock, prix, informations diverses), intégration des nouveaux clients et des commandes. Magento dispose de manière native d'une très grande facilité d'adaptation face aux principaux ERP du marché. Contactez-nous sans plus attendre pour que notre équipe puisse vous accompagner au mieux dans la réalisation de vos objectifs.</p><a href=/post/contact/ class="relative inline-flex mt-8 text-sm font-bold max-w-max lg:text-lg text-primary group font-accent lg:mt-12"><span>Demandez un devis</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-primary absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div></div></section><section class="why relative py-12 text-center bg-gray-theme-100 md:py-24 md:px-8 sm:px-20 xl:px-0"><div class="max-w-screen-xl mx-auto"><div class=px-8><span class="up-title text-primary">Qui sommes-nous</span><h2 class="mt-2 xl-title md:mt-0">Pourquoi Lumao ?</h2></div><hr class="w-3/4 mx-auto my-8 md:hidden"><div class="grid-cols-3 gap-4 xl:grid lg:gap-8 lg:mx-8 xl:gap-12 md:mt-5 xl:mt-20" x-data="{ selected: 2 }"><div class=card :class="selected === 1 ? 'hover' : ''" @mouseover.debounce.100ms="selected = 1"><div class=block><div class=card-top><span class="mb-4 text-lg font-accent text-primary">01</span><h3 class="text-3xl md:text-4xl font-accent">Pour la création de <span class=text-primary>votre site web</span></h3><span class="mx-auto my-8 divider"></span><p class="text-xl font-bold xl:text-base">Nous vous accompagnons dans la création de votre site internet, de sa conception à sa mise en ligne.</p></div><div class="px-4 py-10 text-xl leading-7 text-gray-500 xl:text-base xl:px-12">Nos experts rassemblent toutes leurs compétences pour créer le site qui répond à vos besoins et à ceux de vos visiteurs. Design, contenus, technologie, fonctionnalités, référencement… : tout est étudié pour vous offrir un site web performant, à l’image de l’activité que vous souhaitez promouvoir en ligne.</div><a href=/ecommerce/creation/ class="mb-16 btn btn-gray xl:mt-6"><span class="text-xl xl-text-base">En savoir plus</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2 fill-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg></a></div></div><div class="card mb-16 overflow-hidden sm:rounded-3xl xl:mb-0" :class="selected === 2 ? 'hover' : ''" @mouseover.debounce.100ms="selected = 2;"><div class=block><div class=card-top><span class="mb-4 text-lg font-accent text-primary">02</span><h3 class="text-3xl md:text-4xl font-accent">Pour concevoir votre site <span class=text-primary>e-commerce</span></h3><span class="mx-auto my-8 divider"></span><p class="text-xl font-normal xl:text-base">Si vous souhaitez faire réaliser un site par une agence web, vous pourrez confier votre projet de e-commerce à Lumao.</p></div><div class="px-8 py-10 text-xl leading-7 text-gray-500 xl:text-base xl:px-12">Notre agence web vous accompagnera dans votre vie numérique. La présence sur le net devient indispensable pour entretenir votre clientèle et démarcher de nouveaux prospects. Votre vitrine se doit d’être fonctionnelle et facile à prendre en main. Pour vous aider à mieux comprendre notre rôle à vos côtés consultez la page <a href=/agence-web/ class="text-primary hover:underline">agence web</a>, vous en apprendrez plus sur ce que l’on pourra réaliser pour vous.</div><a href=/ecommerce/ class="mb-16 shadow-lg btn btn-gray"><span class="text-xl xl-text-base">En savoir plus</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2 fill-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg></a></div></div><div class=card :class="selected === 3 ? 'hover' : ''" @mouseover.debounce.100ms="selected = 3;"><div class=block><div class=card-top><span class="mb-4 text-lg font-accent text-primary">03</span><h3 class="text-3xl md:text-4xl font-accent">Pour une <span class=text-primary>boutique en ligne </span>bien pensée</h3><span class="mx-auto my-8 divider"></span><p class="text-xl font-bold xl:text-base">Le succès de votre présence sur le net est indissociable de la bonne construction de votre site.</p></div><div class="px-8 py-10 text-xl leading-7 text-gray-500 xl:text-base xl:px-12">Si là n’est pas le seul facteur de réussite il n’en demeure pas moins que c’est l’un des principaux. Vos clients seront guidés des fiches-produits à la validation du panier en quelques clics intuitifs. L’acte d’achat sur votre <a href=/site/ class="text-primary hover:underline">site</a> e-commerce réalisé par notre <a href=/agence-ecom/ class="text-primary hover:underline">agence Magento</a> sera fluide et sans contrainte pouvant dissuader l’acquéreur.</div><a href=/ecommerce/performance/ class="mb-16 btn btn-gray xl:mt-6"><span class="text-xl xl-text-base">En savoir plus</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2 fill-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg></a></div></div></div></div><div class="absolute items-center hidden transform rotate-90 bottom-60 right-20 3xl:flex"><span class="text-xs tracking-widest uppercase">Pourquoi Lumao</span>
<span class="absolute -right-12 bg-primary h-0.5 w-10 mx-auto rounded-xl"></span></div></section><section class="relative px-8 py-16 mb-20 md:py-32 lg:py-48 sm:px-20 xl:px-0 shadow-theme md:shadow-none md:mb-0" x-data="{ img: 1 }"><div class="flex flex-col items-center max-w-screen-xl mx-auto lg:flex-row"><div class="relative flex flex-col items-center mb-10 lg:flex-row md:w-3/4 lg:mr-12 md:mb-20 lg:mb-0"><div class="mb-12 text-center lg:mb-0 lg:text-left"><h2 class="text-center lg-title lg:text-left">Nous créons<br>de magnifiques sites</h2><a href=/reference/ class="hidden mt-8 highlighted-label text-primary md:inline-flex lg:mt-6"><span>Nos réalisations</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-primary absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div><span class="absolute hidden w-4/5 mr-0 bg-gray-200 lg:block h-4/5 right-8 -z-1 rounded-3xl"></span><div class="relative w-full mx-auto overflow-hidden rounded-3xl md:ml-auto xs:w-3/5 lg:w-2/5 h-80 md:h-96 lg:h-auto" :class="img == 1 ? 'block' : 'hidden'"><img alt src=images/home-beautiful-sites.jpg class="absolute bottom-0 w-full transform -translate-x-1/2 lg:relative left-1/2 lg:-translate-x-none" draggable=false></div><div class="relative w-full mx-auto overflow-hidden rounded-3xl md:ml-auto xs:w-3/5 lg:w-2/5 h-80 md:h-96 lg:h-auto" :class="img == 2 ? 'block' : 'hidden'"><img alt src=images/home-beautiful-sites2.jpg class="absolute bottom-0 w-full transform -translate-x-1/2 lg:relative left-1/2 lg:-translate-x-none" draggable=false></div><div class="relative w-full mx-auto overflow-hidden rounded-3xl md:ml-auto xs:w-3/5 lg:w-2/5 h-80 md:h-96 lg:h-auto" :class="img == 3 ? 'block' : 'hidden'"><img alt src=images/home-beautiful-sites3.jpg class="absolute bottom-0 w-full transform -translate-x-1/2 lg:relative left-1/2 lg:-translate-x-none" draggable=false></div></div><ul class="relative flex flex-col md:w-1/2 sm:max-w-none sm:flex"><li class="relative flex items-baseline pb-4 md:pb-7"><div class="mr-4 md:mr-12"><div class=relative><span class="absolute z-20 block w-3 h-3 border-2 rounded-full border-primary inset-1/2 transform -translate-y-2/4 -translate-x-2/4 pointer-events-none"></span><span class="cursor-pointer absolute hidden z-10 bg-white border-2 rounded-full md:block inset-1/2 -translate-y-2/4 -translate-x-2/4 w-14 h-14 border-primary opacity-0 hover:opacity-100 transition duration-150 ease-in-out transform scale-50 hover:scale-100 ring-8 ring-white" :class="img == 1 ? 'opacity-100 scale-100' : ''" @mouseover="img = 1"></span></div></div><div><p class="text-sm leading-7 md:font-bold md:text-base xl:text-lg">Nous convenons d'un planning</p><p class="text-sm leading-7 md:text-gray-500 md:text-base xl:text-lg">afin de développer votre e-commerce pour votre deadline.</p></div><span class="absolute -left-px bottom-0 bg-primary h-2/3 w-0.5 mx-auto"></span></li><li class="relative flex items-baseline pb-4 md:pb-7"><div class="mr-4 md:mr-12"><div class=relative><span class="absolute z-20 block w-3 h-3 border-2 rounded-full border-primary inset-1/2 transform -translate-y-2/4 -translate-x-2/4 pointer-events-none"></span><span class="cursor-pointer absolute hidden z-10 bg-white border-2 rounded-full md:block inset-1/2 -translate-y-2/4 -translate-x-2/4 w-14 h-14 border-primary opacity-0 hover:opacity-100 transition duration-150 ease-in-out transform scale-50 hover:scale-100 ring-8 ring-white" :class="img == 2 ? 'opacity-100 scale-100' : ''" @mouseover="img = 2"></span></div></div><div><p class="text-sm leading-7 md:font-bold md:text-base xl:text-lg">C'est la phase de création du site-web</p><p class="text-sm leading-7 md:text-gray-500 md:text-base xl:text-lg">tous les jours, vous verrez les nouvelles fonctionnalités que nous faisons pour votre site.</p></div><span class="absolute -left-px bottom-0 bg-primary h-2/3 w-0.5 mx-auto"></span></li><li class="relative flex items-baseline pb-4 md:pb-7"><div class="mr-4 md:mr-12 -left-px"><div class=relative><span class="absolute z-20 block w-3 h-3 border-2 rounded-full border-primary inset-1/2 transform -translate-y-2/4 -translate-x-2/4 pointer-events-none"></span><span class="cursor-pointer absolute hidden z-10 bg-white border-2 rounded-full md:block inset-1/2 -translate-y-2/4 -translate-x-2/4 w-14 h-14 border-primary opacity-0 hover:opacity-100 transition duration-150 ease-in-out transform scale-50 hover:scale-100 ring-8 ring-white" :class="img == 3 ? 'opacity-100 scale-100' : ''" @mouseover="img = 3"></span></div></div><div><p class="text-sm leading-7 md:font-bold md:text-base xl:text-lg">Une mise en production a lieu</p><p class="text-sm leading-7 md:text-gray-500 md:text-base xl:text-lg">toutes les 2 semaines avec les changements que vous aurez préalablement validés.</p></div></li></ul><a href=/reference/ class="w-full mt-8 highlighted-label text-primary md:hidden lg:mt-6"><span>Nos réalisations</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-primary absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div><div class="absolute items-center hidden transform rotate-90 top-64 right-20 xl:flex"><span class="text-xs tracking-widest uppercase">Pourquoi Lumao</span></div></section><section class="relative px-8 pb-16 md:pb-24 sm:px-20 xl:px-0"><div class="max-w-screen-xl mx-auto"><h2 class="mb-8 text-center lg-title xl:w-1/2 lg:text-left md:mb-16">Nous avons<br>des compétences<br>incroyables</h2></div><img src=https://lumao.eu/images/dots.png class="absolute hidden w-48 2xl:-left-16 3xl:-left-3 2xl:block" alt><div class="flex flex-col items-start max-w-screen-xl mx-auto lg:flex-row-reverse"><div class="relative flex flex-col items-center w-full mx-auto mb-10 lg:flex-row xs:w-3/4 lg:w-1/2 lg:mb-0"><p class="block mb-10 leading-8 text-center text-gray-500 lg:hidden md:text-left">En plus d'aimer le café, nous aimons notre travail, dans l'équipe nous avons des compétences rares.</p><div class=h-1/2><img alt src=https://lumao.eu/images/home-skills.jpg class="w-full rounded-3xl" draggable=false></div></div><div class="w-full px-4 mx-auto xs:w-3/4 lg:w-1/2 md:px-12"><p class="hidden mb-6 leading-8 text-center text-gray-500 lg:block md:text-left">En plus d'aimer le café, nous aimons notre travail, dans l'équipe nous avons des compétences rares.</p><ul class=mb-6><li><p class="mb-3 text-lg font-bold">Expertise Magento 1</p><div class="h-2 mb-8 bg-gray-200 rounded-full w-100"><div class="w-11/12 h-2 rounded-full bg-accent"></div></div></li><li><p class="mb-3 text-lg font-bold">Design</p><div class="h-2 mb-8 bg-gray-200 rounded-full w-100"><div class="w-10/12 h-2 rounded-full bg-accent"></div></div></li><li><p class="mb-3 text-lg font-bold">Marketing (SEO, SEA)</p><div class="h-2 mb-8 bg-gray-200 rounded-full w-100"><div class="w-8/12 h-2 rounded-full bg-accent"></div></div></li><li><p class="mb-3 text-lg font-bold">Magento 2</p><div class="h-2 mb-8 bg-gray-200 rounded-full w-100"><div class="w-11/12 h-2 rounded-full bg-accent"></div></div></li></ul><a href=/reference/ class="mt-8 highlighted-label text-accent"><span>Nos réalisations</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-accent absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div></div><span class="absolute top-0 right-0 hidden w-1/3 h-full bg-gray-200 lg:block -z-1 rounded-l-3xl"></span><div class="absolute items-center hidden transform rotate-90 top-16 3xl:top-72 right-20 xl:flex"><span class="text-xs tracking-widest uppercase">Pourquoi Lumao</span></div></section><section class="relative text-center lg:mt-40 mb-16 md:mb-32 md:px-12"><div class="relative flex flex-col bg-secondary px-5 md:-px10 pt-10 md:pt-24 pb-16 md:pb-36 md:rounded-t-3xl md:mb-64"><span class="up-title text-primary">Réalisations</span><h2 class="lg-title text-white">Nos références</h2><div x-data="{swiper: null}" x-init="swiper = new Swiper($refs.container, {
loop: true,
slidesPerView: 1,
spaceBetween: 0,
grabCursor: true,
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 0,
},
1024: {
slidesPerView: 3,
spaceBetween: 0,
},
1280: {
slidesPerView: 4,
spaceBetween: 0,
},
},
})" class="w-full md:w-10/12 2xl:w-full mx-auto flex flex-row max-w-screen-xl relative md:absolute md:bottom-0 md:left-1/2 transform md:-translate-x-1/2 md:translate-y-1/2 mt-10 md:mt-0"><span class="absolute hidden md:flex justify-center items-center left-0 top-1/2 transform -translate-y-1/2 -translate-x-full bg-primary rounded-l-3xl w-10 h-10 cursor-pointer text-white" @click=swiper.slidePrev()><svg xmlns="http://www.w3.org/2000/svg" class="w-6 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 17l-5-5m0 0 5-5m-5 5h12"/></svg></span><div class="swiper-container rounded-3xl overflow-hidden shadow-lg" x-ref=container><div class=swiper-wrapper><div class="flex items-center justify-center swiper-slide bg-gray-200 h-40"><img class="filter grayscale opacity-60 w-full max-w-48" src=/images/reference/edilians.png alt=Edilians></div><div class="flex items-center justify-center swiper-slide bg-white h-40"><img class="filter grayscale opacity-60 w-full max-w-48" src=/images/reference/bd.svg alt="BD Fugue"></div><div class="flex items-center justify-center swiper-slide bg-gray-200 h-40"><img class="filter grayscale opacity-60 w-full max-w-48" src=/images/reference/one-elec.png alt="One Elec"></div><div class="flex items-center justify-center swiper-slide bg-white h-40"><img class="filter grayscale opacity-60 w-full max-w-48" src=/images/reference/mid.svg alt="Made In Design"></div><div class="flex items-center justify-center swiper-slide bg-gray-200 h-40"><img class="filter grayscale opacity-60 w-full max-w-48" src=/images/reference/cosma.png alt=Cosma></div><div class="flex items-center justify-center swiper-slide bg-white h-40"><img class="filter grayscale opacity-60 w-full max-w-48" src=/images/reference/samse.svg alt=Samse></div></div></div><span class="absolute hidden md:flex right-0 justify-center items-center top-1/2 transform -translate-y-1/2 translate-x-full bg-primary rounded-r-3xl w-10 h-10 cursor-pointer text-white" @click=swiper.slideNext()><svg xmlns="http://www.w3.org/2000/svg" class="mr-1 w-6" fill="none" viewBox="0 0 24 24" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0-5 5m5-5H6"/></svg></span></div><a href=/reference/ class="highlighted-label text-primary mx-auto mt-7 md:mt-0 md:absolute md:left-1/2 transform md:-translate-x-1/2 md:translate-y-1/2 md:-bottom-40"><span>Nos réalisations</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentcolor" class="w-4 ml-2"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0-7 7m7-7H3"/></svg>
<span class="w-0 h-0.5 bg-primary absolute -bottom-0.5 group-hover:w-full transition-all"></span></a></div></section><section class="text-center px-8 sm:px-20 xl:px-0 mb-16 md:mb-32"><div class="max-w-screen-xl mx-auto"><span class="up-title text-accent"><a href=/post/>Actualités</a></span><h2 class=lg-title>Derniers articles</h2><span class="divider bg-accent mt-8 mb-12 mx-auto"></span><div class="flex flex-col items-center lg:items-start lg:flex-row lg:space-x-10"><a href=/post/job-magento/ class="rounded-3xl overflow-hidden relative xl:top-12 mb-12 xl:mb-0 w-3/4 sm:w-1/2 lg:w-1/4"><img alt src=https://lumao.eu/images/home-post-1.jpg class="rounded-3xl w-full" draggable=false><p class="font-bold xl:text-lg mt-6 mb-1">Recrutement développeur Magento</p></a><a href=/post/openvpn-docker/ class="rounded-3xl overflow-hidden mb-12 xl:mb-0 w-3/4 sm:w-1/2 lg:w-1/2"><img alt src=https://lumao.eu/images/home-post-2.jpg class="rounded-3xl w-full" draggable=false><p class="font-bold xl:text-lg mt-6 mb-1">VPN Docker</p></a><a href=/post/magento-ses/ class="rounded-3xl overflow-hidden relative xl:top-12 mb-12 xl:mb-0 w-3/4 sm:w-1/2 lg:w-1/4"><img alt src=https://lumao.eu/images/home-post-3.jpg class="rounded-3xl w-full" draggable=false><p class="font-bold xl:text-lg mt-6 mb-1">Amazon SES Magento 2</p></a></div></div></section><section class="flex flex-col items-center py-12 md:py-24 bg-gradient-to-br from-gradient-dark to-gradient-light"><div class="container max-w-screen-xl px-4 text-center text-white"><div class="flex flex-col items-center mb-8 lg:mb-0 font-accent"><span class="mb-4 up-title">Nous contacter</span><h2 class=lg-title>Contacter un expert Magento</h2><div class="flex space-x-5"><span class="mt-6 bg-white divider"></span><span class="mt-6 bg-white divider opacity-60"></span></div></div><script type=text/javascript src=//js-eu1.hsforms.net/forms/embed/v2.js></script><script>hbspt.forms.create({region:"eu1",portalId:"26077487",formId:"fa3e6127-4dd4-46fa-9de6-90032c476043",css:'contact-form'})</script></div></section><footer><div class=bg-gray-theme-700><div class="md:container mx-auto md:px-0 md:py-10"><div class="flex flex-col md:flex-row md:flex-wrap lg:flex-nowrap justify-center items-center"><div class="w-full md:w-auto py-10 md:py-0"><img src=https://lumao.eu/images/partner/partner5.svg alt=Infomaniak class="mx-auto md:mx-6"></div><div class="w-full md:w-auto py-10 md:py-0 bg-gray-theme-750 md:bg-transparent"><img src=https://lumao.eu/images/partner/partner3.png alt="Adobe Bronze Solution Partner" class="w-56 mx-auto md:mx-6"></div><div class="w-full md:w-auto py-10 md:py-0"><img src=https://lumao.eu/images/partner/partner1.png alt=BoostMyShop class="w-48 mx-auto md:mx-6"></div><div class="w-full md:w-auto py-10 md:py-0 bg-gray-theme-750 md:bg-transparent"><img src=https://lumao.eu/images/partner/partner4.svg alt="Vue Storefront" class="mx-auto md:mx-6"></div><div class="w-full md:w-auto py-10 md:py-0"><img src=https://lumao.eu/images/partner/partner2.png alt="Magento Community Insider" class="w-52 mx-auto md:mx-6"></div></div></div></div><div class=fake-gradient><div class="md:container mx-auto md:px-4"><div class="md:grid grid-cols-2 gap-32 2xl:gap-64"><div class="bg-gray-theme-900 md:bg-transparent items-center grid grid-cols-3 lg:grid-cols-6 gap-4 py-12 px-6 sm:px-36 md:px-6 lg:px-0"><img src=https://lumao.eu/images/badge/badge0.png alt="Magento Community Insider" class="mx-auto w-full">
<img src=https://lumao.eu/images/badge/badge5.png alt="Magento 2 Certified Associate Developer" class="mx-auto w-full">
<img src=https://lumao.eu/images/badge/badge6.png alt="Magento Certified Developer" class="mx-auto w-full">
<img src=https://lumao.eu/images/badge/badge7.png alt="Magento Certified Developer Plus" class="mx-auto w-full">
<img src=https://lumao.eu/images/badge/badge8.png alt="Magento Certified Front end Developer" class="mx-auto w-full">
<img src=https://lumao.eu/images/badge/badge9.png alt="Magento Certified Solution Specialist" class="mx-auto w-full"></div><div class="bg-gray-theme-800 md:bg-transparent flex flex-col items-center py-12 md:order-first lg:flex-row lg:justify-between"><div class="grid grid-cols-2 gap-4 mb-8 lg:mb-0"><a href=https://github.com/LavoWeb title=Github class="bg-gray-theme-600 text-accent p-4 block hover:bg-primary hover:text-white focus:bg-primary rounded-lg" target=_blank rel=noopener><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M12 0C5.374.0.0 5.373.0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931.0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176.0.0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221.0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/></svg></a><a href=https://twitter.com/LumaoSAS title=Twitter class="bg-gray-theme-600 text-accent p-4 block hover:bg-primary hover:text-white focus:bg-primary rounded-lg" target=_blank rel=noopener><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179.0-5.515 2.966-4.797 6.045C7.728 8.088 4.1 6.128 1.671 3.149c-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142.0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a><a href=https://www.linkedin.com/company/lumao/ title=Linkedin class="bg-gray-theme-600 text-accent p-4 block hover:bg-primary hover:text-white focus:bg-primary rounded-lg" target=_blank rel=noopener><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M4.98 3.5C4.98 4.881 3.87 6 2.5 6s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zM5 8H0v16h5V8zm7.982.0H8.014v16h4.969v-8.399c0-4.67 6.029-5.052 6.029.0V24H24V13.869c0-7.88-8.922-7.593-11.018-3.714V8z"/></svg></a><a href=https://www.facebook.com/lumaoweb/ title=Facebook class="bg-gray-theme-600 text-accent p-4 block hover:bg-primary hover:text-white focus:bg-primary rounded-lg" target=_blank rel=noopener><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-4 w-4 fill-current"><path d="M9 8H6v4h3v12h5V12h3.642L18 8h-4V6.333C14 5.378 14.192 5 15.115 5H18V0h-3.808C10.596.0 9 1.583 9 4.615V8z"/></svg></a></div><div class="flex flex-col items-center lg:items-start text-center lg:text-left lg:order-first"><a class=block href=https://lumao.eu/><img src=https://lumao.eu/images/logo.svg class="w-48 block" alt="Lumao - Développement Magento"></a><p class="text-sm leading-relaxed text-gray-500 mt-6">835 305 657 R.C.S. Annecy<br>Développé par Lavoweb<br>© 2023 LUMAO SASU</p></div><ul class="hidden xl:block text-accent text-lg font-bold font-accent leading-loose"><li><a href=/ class=hover:text-primary title=Home>Home</a></li><li><a href=/ecommerce/cms/magento/ class=hover:text-primary title="Magento 2">Magento 2</a></li><li><a href=/reference/ class=hover:text-primary title=Réalisations>Réalisations</a></li><li><a href=/a-propos/ class=hover:text-primary title="A propos">A propos</a></li><li><a href=/post/contact/ class=hover:text-primary title=Contact>Contact</a></li></ul></div></div></div></div></footer></body></html>