<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="yFX80Sqa3rIqipUGj1t1MbwTnVYOSh0nqkn9h90I">
<link rel="apple-touch-icon" sizes="76x76" href="https://agencepoint.com/build/assets/apple-touch-icon.8cf4ba26.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://agencepoint.com/build/assets/favicon-32x32.f73df27c.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://agencepoint.com/build/assets/favicon-16x16.eb937930.png">
<link rel="manifest" href="https://agencepoint.com/site.webmanifest">
<link rel="mask-icon" href="https://agencepoint.com/build/assets/safari-pinned-tab.a19c4c28.svg" color="#000000">
<meta name="msapplication-TileColor" content="#000000">
<meta name="theme-color" content="#ffffff">
<title>Contact</title>
<meta name="description" content="Contact de Agence Point Com."/>
<link rel="canonical" href="https://agencepoint.com/contact" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Contact" />
<meta property="og:description" content="Contact de Agence Point Com." />
<meta property="og:url" content="https://agencepoint.com/contact" />
<meta property="og:site_name" content="Agence Point Com" />
<meta property="og:image" content="" />
<meta property="og:image:secure_url" content="" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Contact de Agence Point Com." />
<meta name="twitter:title" content="Contact" />
<meta name="twitter:site" content="@_agencepointcom" />
<meta name="twitter:image" content="" />
<meta name="DC.Creator" content="Agence Point Com">
<meta name="DC.Description" content="Contact de Agence Point Com.">
<meta name="DC.Publisher" content="Florian Clet">
<meta name="DC.Type" content="Site Web de l'Agence Point Com">
<meta name="DC.Language" content="fr-FR">
<meta name="p:domain_verify" content="182d22d4183909158014ce3ebb204082"/>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles&family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
<!-- Scripts -->
<link rel="preload" as="style" href="https://agencepoint.com/build/assets/app.b9837311.css" /><link rel="preload" as="style" href="https://agencepoint.com/build/assets/app.c93d6fda.css" /><link rel="modulepreload" href="https://agencepoint.com/build/assets/app.4a5620e7.js" /><link rel="stylesheet" href="https://agencepoint.com/build/assets/app.b9837311.css" /><link rel="stylesheet" href="https://agencepoint.com/build/assets/app.c93d6fda.css" /><script type="module" src="https://agencepoint.com/build/assets/app.4a5620e7.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "https://agencepoint.com"
},
{
"@type": "ListItem",
"position": 2,
"name": "Nous contacter"
}
]
}
</script>
<!-- Styles -->
<!-- Analytics -->
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LE9JG8PQ64"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LE9JG8PQ64'); </script>
<script src="https://cdntag.tarteaucitron.io/load.js?domain=agencepoint.com&uuid=867e895a0b6ce51c107b4d89dd8628850c24fcb0"></script>
<!-- Google Tag Manager -->
<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-TZN8ZVSC');</script>
<!-- End Google Tag Manager -->
<style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
</head>
<body class="bg-apc-black text-sm xl:text-base" x-data>
<header x-scroll-to-header x-data="{ open: false }" :class="open ? 'active' : ''" class="group z-30 w-full fixed top-0 left-0 right-0 bg-apc-black" id="navbar">
<div class="mx-auto relative z-30 px-4 md:px-10">
<div class="relative flex h-12 lg:h-16 items-center justify-between">
<div class="flex items-stretch md:items-center justify-center">
<a href="https://agencepoint.com" title="Agence Point Com" class="text-white font-semibold text-xl uppercase">Agence Point Com</a>
</div>
<div class="absolute inset-y-0 right-0 flex items-center sm:static sm:inset-auto sm:ml-6 sm:pr-0">
<button x-on:click="open = !open; window.Scroll.toggleScroll();" type="button" class="inline-flex items-center justify-center rounded-md text-gray-400" aria-controls="mobile-menu" aria-expanded="false">
<div :class="open ? 'active' : ''" class="h-8 flex flex-col overflow-hidden relative">
<span class="hidden md:block text-white font-body text-xl font-semibold sm:text-md relative transition-all duration-300 translate-y-0 group-[.active]:-translate-y-full uppercase">Menu</span>
<span class="hidden md:block text-white font-body text-xl font-semibold sm:text-md transition-all duration-300 translate-y-0 group-[.active]:-translate-y-full uppercase">Fermer</span>
</div>
<div :class="open ? 'active' : ''" class="ml-1 relative w-[30px] h-9 flex flex-col justify-center items-center">
<div class="rounded-md w-full absolute h-[2px] top-1 bg-apc-orange transition-all duration-300 group-[.active]:top-0.5"></div>
<div class="rounded-md w-full absolute h-[2px] top-3 bg-apc-salmon transition-all duration-300 group-[.active]:top-4 group-[.active]:rotate-45"></div>
<div class="rounded-md w-full absolute h-[2px] top-5 bg-apc-cyan transition-all duration-300 group-[.active]:top-4 group-[.active]:rotate-[-45deg]"></div>
<div class="rounded-md w-full absolute h-[2px] top-7 bg-apc-blue transition-all duration-300 group-[.active]:top-[30px]"></div>
</div>
</button>
</div>
</div>
</div>
<div class="fixed top-0 left-0 right-0 flex items-center justify-center z-10 w-screen h-screen bg-apc-black opacity-0 transition-all duration-300 -translate-y-full group-[.active]:translate-y-0 group-[.active]:opacity-100">
<div class="w-full h-full lg:h-auto">
<div class="hidden lg:block z-50">
<nav class="splide splide-menu" aria-label="Navigation">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<a href="https://agencepoint.com" class="link-menu flex justify-center items-center flex-col h-full" title="Présentation" >
<div class="w-full h-full flex flex-col">
<div id="slide-home" data-hover-only="true" data-pointer-events="true" data-relative-input="true" class="relative flex justify-center items-center mx-auto w-10/12 lg:w-full h-full">
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.4" class="w-full h-full z-50 !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/1.2611eded.svg" alt="1"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.7" class="w-full h-full z-10 !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/2.b8092f8d.svg" alt="2"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.7" class="w-full h-full z-20 !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/3.6a3a33dd.svg" alt="3"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-1.2" class="w-full h-full z-30 !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/4.32e9d048.svg" alt="4"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="1.2" class="w-full h-full z-40 !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/5.d38e8a8f.svg" alt="5"></div>
</div>
</div>
<span class="text-white uppercase text-3xl mt-3 l:text-xl">Présentation</span>
</a>
</li>
<li class="splide__slide">
<a href="https://agencepoint.com/nos-domaines-de-competences" class="link-menu flex justify-center items-center flex-col h-full" title="Nos domaines de compétence" >
<div class="w-full h-full bg-apc-orange flex flex-col">
<div id="slide-skill" fetchpriority="high" decoding="async" data-pointer-events="true">
<div fetchpriority="high" decoding="async" data-depth="0.2" class="w-full h-full z-[18] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/1.fbbd6ccc.svg" alt="1"></div>
<div fetchpriority="high" decoding="async" data-depth="0.3" class="w-full h-full z-[17] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/2.da85d956.svg" alt="2"></div>
<div fetchpriority="high" decoding="async" data-depth="-0.2" class="w-full h-full z-[16] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/3.9fc15dd6.svg" alt="3"></div>
<div fetchpriority="high" decoding="async" data-depth="0.2" class="w-full h-full z-[15] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/4.135b19ff.svg" alt="4"></div>
<div fetchpriority="high" decoding="async" data-depth="0.20" class="w-full h-full z-[14] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/5.6833589e.svg" alt="5"></div>
<div fetchpriority="high" decoding="async" data-depth="0.25" class="w-full h-full z-[13] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/6.bf646378.svg" alt="6"></div>
<div fetchpriority="high" decoding="async" data-depth="0.3" class="w-full h-full z-[12] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/7.5b5426a6.svg" alt="7"></div>
<div fetchpriority="high" decoding="async" data-depth="0.2" class="w-full h-full z-[11] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/8.2abb951e.svg" alt="8"></div>
</div>
</div>
<span class="text-apc-orange uppercase text-3xl mt-3 l:text-xl">Compétences</span>
</a>
</li>
<li class="splide__slide">
<a href="https://agencepoint.com/ils-nous-font-confiance-pourquoi-pas-vous" class="link-menu flex justify-center items-center flex-col h-full" title="Ils nous font confiance" >
<div class="w-full h-full bg-apc-salmon flex flex-col">
<div id="slide-partner" data-pointer-events="true" data-hover-only="true" data-relative-input="true" class="relative flex justify-center items-center mx-auto w-10/12 lg:w-full h-full bg-apc-salmon">
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.1" class="w-full h-full z-[18] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/1.046359d6.svg" alt="1"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-1.5" class="w-full h-full z-[17] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/2.442d465f.svg" alt="2"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="1" class="w-full h-full z-[16] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/3.fa78ae41.svg" alt="3"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.4" class="w-full h-full z-[15] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/4.ad04d6c5.svg" alt="4"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.25" class="w-full h-full z-[14] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/5.0e0d2cf8.svg" alt="5"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.45" class="w-full h-full z-[13] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/6.54046ef2.svg" alt="6"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.6" class="w-full h-full z-[12] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/7.30f50bbc.svg" alt="7"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[11] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/8.bfc06922.svg" alt="8"></div>
</div>
</div>
<span class="text-apc-salmon uppercase text-3xl mt-3 l:text-xl">Ils nous font confiance</span>
</a>
</li>
<li class="splide__slide">
<a href="https://agencepoint.com/actualites" class="link-menu flex justify-center items-center flex-col h-full" title="Nos dernières réalisations" >
<div class="w-full h-full flex flex-col bg-apc-cyan">
<div id="slide-achievement" data-pointer-events="true" data-hover-only="true" class="relative mx-auto w-10/12 h-full flex justify-center items-center bg-apc-cyan">
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[17] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/1.88b58332.svg" alt="1"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.3" class="w-full h-full z-[16] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/2.ac54e079.svg" alt="2"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.35" class="w-full h-full z-[15] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/3.09e3b535.svg" alt="3"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.3" class="w-full h-full z-[14] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/3-1.7a7b46aa.svg" alt="3-1"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.4" class="w-full h-full z-[13] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/4.bfbadbbb.svg" alt="4"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.5" class="w-full h-full z-[11] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/5.958eeb4e.svg" alt="5"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.35" class="w-full h-full z-[9] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/6.a5a8bcab.svg" alt="6"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.35" class="w-full h-full z-[8] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/7.f0ab88db.svg" alt="7"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.45" class="w-full h-full z-[7] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/8.3bb30785.svg" alt="8"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[6] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/9.01dc4ddb.svg" alt="9"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0" class="w-full h-full z-[5] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/10.b65b123c.svg" alt="10"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.2" class="w-full h-full z-[4] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/11.28f1aee3.svg" alt="11"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.2" class="w-full h-full z-[3] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/12.175998ae.svg" alt="12"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.1" class="w-full h-full z-[2] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/13.903a75c8.svg" alt="13"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.1" class="w-full h-full z-[1] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/14.a465c522.svg" alt="14"></div>
</div>
</div>
<span class="text-apc-cyan uppercase text-3xl mt-3 l:text-xl">Réalisations</span>
</a>
</li>
<li class="splide__slide">
<a href="https://agencepoint.com/notre-equipe" class="link-menu flex justify-center items-center flex-col h-full" title="Notre équipe" >
<div class="w-full h-full flex flex-col bg-apc-blue">
<div id="slide-team">
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.2" class="w-full h-full z-[18] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/1.69de4d8a.svg" alt="1"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.95" class="w-full h-full z-[17] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/2.d6d5df52.svg" alt="2"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.4" class="w-full h-full z-[16] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/3.625ae5fe.svg" alt="3"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.8" class="w-full h-full z-[15] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/4.a6562f78.svg" alt="4"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.55" class="w-full h-full z-[14] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/5.add1b823.svg" alt="5"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.55" class="w-full h-full z-[13] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/6.03cf6c90.svg" alt="6"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.35" class="w-full h-full z-[12] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/7.405e347d.svg" alt="7"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.8" class="w-full h-full z-[11] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/8.e0d90662.svg" alt="8"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.45" class="w-full h-full z-[10] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/9.4991058c.svg" alt="9"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.35" class="w-full h-full z-[9] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/10.a66c7b6f.svg" alt="10"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.55" class="w-full h-full z-[8] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/11.d5a7e19e.svg" alt="11"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[7] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/12.33aab8b7.svg" alt="12"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.4" class="w-full h-full z-[6] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/13.09410fe5.svg" alt="13"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.45" class="w-full h-full z-[5] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/14.7de0bf47.svg" alt="14"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.6" class="w-full h-full z-[4] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/15.20bec2c2.svg" alt="15"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.95" class="w-full h-full z-[3] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/15.20bec2c2.svg" alt="16"></div>
</div>
</div>
<span class="text-apc-blue uppercase text-3xl mt-3 l:text-xl">L'équipe</span>
</a>
</li>
<li class="splide__slide">
<a href="https://agencepoint.com/contact" class="link-menu flex justify-center items-center flex-col h-full" title="Nous contacter" aria-current=page>
<div class="w-full h-full flex flex-col bg-white">
<div id="slide-contact" data-pointer-events="true" data-hover-only="true" data-relative-input="true" class="relative flex justify-center items-center mx-auto w-10/12 lg:w-full h-full bg-white">
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[18] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/1.a9e3cd18.svg" alt="1"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.45" class="w-full h-full z-[17] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/2.75eca5ae.svg" alt="2"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[16] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/3.ac261f04.svg" alt="3"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.6" class="w-full h-full z-[15] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/4.592999f9.svg" alt="4"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.35" class="w-full h-full z-[14] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/5.cf59a0a4.svg" alt="5"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.15" class="w-full h-full z-[13] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/6.b4e7b018.svg" alt="6"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.4" class="w-full h-full z-[12] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/7.12c4b925.svg" alt="7"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.25" class="w-full h-full z-[11] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/8.c533c5e2.svg" alt="8"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.35" class="w-full h-full z-[10] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/9.2e7e9641.svg" alt="9"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.8" class="w-full h-full z-[9] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/10.7d125988.svg" alt="10"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.55" class="w-full h-full z-[8] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/11.4f660fe6.svg" alt="11"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.3" class="w-full h-full z-[7] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/12.0784eb17.svg" alt="12"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.25" class="w-full h-full z-[6] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/13.20c33b22.svg" alt="13"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.4" class="w-full h-full z-[5] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/14.17f0ff63.svg" alt="14"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.95" class="w-full h-full z-[4] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/15.5993f59f.svg" alt="15"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.7" class="w-full h-full z-[3] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/16.eb1fcab5.svg" alt="16"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.2" class="w-full h-full z-[2] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/17.0c576dee.svg" alt="17"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[1] !flex justify-center items-center"><img class="h-[300px]" src="https://agencepoint.com/build/assets/18.576ee514.svg" alt="18"></div>
</div>
</div>
<span class="text-white uppercase text-3xl mt-3 l:text-xl">Contact</span>
</a>
</li>
</ul>
</div>
</nav>
</div>
<div>
<ul class="list-none w-full flex justify-center m-0 lg:my-10 gap-4">
<li class="flex items-center justify-center rounded-full border-1 border-apc-blue text-apc-blue text-l h-10 w-10 border border-apc-blue hover:bg-apc-blue hover:text-apc-black transition cursor-pointer">
<a href="https://www.facebook.com/pointcomagency" title="Notre page Facebook"><i class="fa-brands fa-facebook-f"></i></a>
</li>
<li class="flex items-center justify-center rounded-full border-1 border-white text-white text-l h-10 w-10 border border-apc-white hover:bg-apc-white hover:text-apc-black transition cursor-pointer">
<a href="https://www.linkedin.com/company/agence-point-com/" title="Notre page Linkedin"><i class="fa-brands fa-linkedin"></i></a>
</li>
<li class="flex items-center justify-center rounded-full border-1 border-apc-orange text-apc-orange text-l h-10 w-10 border border-apc-blue hover:bg-apc-orange hover:text-apc-black transition cursor-pointer">
<a href="https://www.instagram.com/agencepointcom/" title="Notre page Instagram"><i class="fa-brands fa-instagram"></i></a>
</li>
<li class="flex items-center justify-center rounded-full border-1 border-apc-salmon text-apc-salmon text-l h-10 w-10 border border-apc-blue hover:bg-apc-salmon hover:text-apc-black transition cursor-pointer">
<a href="https://www.youtube.com/@agencepointcomperpi" title="Notre chaîne Youtube"><i class="fa-brands fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="block-transi h-0 w-0 bg-[#161616] z-50 rounded-full absolute top-[45vh] left-[50vw] -translate-x-1/2 -translate-y-1/2" ></div>
</header>
<div x-data="{}">
<section class="relative overflow-hidden z-0 flex items-center justify-center h-[100vh]">
<div class="w-full h-full flex flex-col bg-white">
<div id="contact-scene" data-pointer-events="true" data-hover-only="true" data-relative-input="true" class="relative flex justify-center items-center mx-auto w-10/12 lg:w-full h-full bg-white">
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[18] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/1.a9e3cd18.svg" alt="1"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.45" class="w-full h-full z-[17] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/2.75eca5ae.svg" alt="2"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[16] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/3.ac261f04.svg" alt="3"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.6" class="w-full h-full z-[15] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/4.592999f9.svg" alt="4"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.35" class="w-full h-full z-[14] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/5.cf59a0a4.svg" alt="5"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.15" class="w-full h-full z-[13] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/6.b4e7b018.svg" alt="6"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.4" class="w-full h-full z-[12] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/7.12c4b925.svg" alt="7"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.25" class="w-full h-full z-[11] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/8.c533c5e2.svg" alt="8"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.35" class="w-full h-full z-[10] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/9.2e7e9641.svg" alt="9"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.8" class="w-full h-full z-[9] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/10.7d125988.svg" alt="10"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.55" class="w-full h-full z-[8] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/11.4f660fe6.svg" alt="11"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.3" class="w-full h-full z-[7] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/12.0784eb17.svg" alt="12"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.25" class="w-full h-full z-[6] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/13.20c33b22.svg" alt="13"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.4" class="w-full h-full z-[5] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/14.17f0ff63.svg" alt="14"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.95" class="w-full h-full z-[4] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/15.5993f59f.svg" alt="15"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.7" class="w-full h-full z-[3] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/16.eb1fcab5.svg" alt="16"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="-0.2" class="w-full h-full z-[2] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/17.0c576dee.svg" alt="17"></div>
<div rel="preload" as="image" type="image/svg+xml" data-depth="0.3" class="w-full h-full z-[1] !flex justify-center items-center"><img class="h-[700px]" src="https://agencepoint.com/build/assets/18.576ee514.svg" alt="18"></div>
</div>
<div class="flex justify-center items-center pb-16">
<a href="#contact" x-on:click.prevent="$scrollTo({ offsetHeader: true})" class="z-max block">
<img width="50px" height="125px" src="https://agencepoint.com/build/assets/arrow.7afac09b.gif">
</a>
</div>
</div>
</section>
</div>
<section id="contact" class="pt-8">
<div class="text-center py-8 flex flex-col items-center relative sm:py-12">
<span class="text-white subtitle font-title">Destination</span>
<h1 class="text-white max-w-4xl text-center text-2xl md:text-3xl lg:text-4xl">Contact</h1>
</div>
<nav class="mx-auto max-w-7xl px-8 py-2 sm:py-8" aria-label="Breadcrumb">
<ol role="list" class="flex items-end space-x-2">
<li>
<div>
<a href="https://agencepoint.com" class="text-gray-100 text-sm animate hover:text-apc-cyan"
title="Agence Point Com">Accueil</a>
</div>
</li>
<li class="">
<div class="flex items-end">
<svg class="h-4 w-4 flex-shrink-0 text-gray-100" viewbox="0 0 20 20" fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
clip-rule="evenodd"/>
</svg>
<a href="https://agencepoint.com/contact"
class="ml-2 text-sm font-medium text-apc-orange animate hover:text-apc-salmon" title="Nous contacter">Nous contacter</a>
</div>
</li>
</ol>
</nav>
</section>
<section class="relative">
<div class="container-center">
<div wire:id="h4r3lKBXmp6kBEWeF5ZW" wire:initial-data="{"fingerprint":{"id":"h4r3lKBXmp6kBEWeF5ZW","name":"rgpd-contact","locale":"fr","path":"contact","method":"GET","v":"acj"},"effects":{"listeners":["consentUpdated"]},"serverMemo":{"children":{"l3258362817-0":{"id":"vn4ulPnfVoLaZlJeMqmG","tag":"div"}},"errors":[],"htmlHash":"ef2e4d4d","data":{"extraFields":{"my_name":"","valid_from":"eyJpdiI6IitndFhNQU8rL1k4dkIzd3ptOEljK2c9PSIsInZhbHVlIjoicEF1Qm9QVjZLbDNEMWNBUmxNMGVwdz09IiwibWFjIjoiYmMwZDEyYmZkMjlkY2MwM2U2MjQzNjczMjU2YmI0NWEyYzMyMjA2NzQ0YTEyODlhOWQ3MjM2ODI0ZGU4YmI5ZiIsInRhZyI6IiJ9"},"fields":["name","topic","email","phone_number","message","files"],"formRules":[],"email":"","name":"","phoneNumber":"","message":"","subject":"","files":[],"isConsented":false,"isSend":false,"isError":false,"errorMessage":"","formId":"form-contact","consentName":"consent-contact","type":"contact","captcha":0,"captchaToken":"","captchaVerified":false,"listeners":["consentUpdated"]},"dataMeta":{"wireables":["extraFields"]},"checksum":"6783b585cff1275122ed86917e71ab4ccbd4494c46eeafdf5b160e23b0d8b753"}}">
<style>
input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
color: white;
background-color: rgb(243 148 39 / var(--tw-bg-opacity));
padding: 0.5rem 1rem;
font-size: 1rem;
line-height: 1.5;
font-weight: 600;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
margin-inline-start: 0rem;
margin-inline-end: 1rem;
border: 1px solid transparent;
box-shadow: none;
font-family: 'Fuzzy Bubbles', sans-serif;
}
</style>
<form action="#" method="POST" class="mx-auto max-w-xl" wire:submit.prevent="submit">
<div class="grid grid-cols-1 gap-y-6 gap-x-8 sm:grid-cols-2">
<div class="sm:col-span-2" wire:key="name_div">
<div id="my_name_acxhPxbo8g8CU24s_wrap" style="display: none" aria-hidden="true">
<input id="my_name_acxhPxbo8g8CU24s"
name="my_name_acxhPxbo8g8CU24s"
type="text"
value=""
wire:model.defer="extraFields.my_name" autocomplete="nope"
tabindex="-1">
<input name="valid_from"
type="text"
value="eyJpdiI6IkVvOFA1WW1Vd1BiZExyUW84WW43ZGc9PSIsInZhbHVlIjoiS1lpRzhaeU9xcmJaVVdDWXM4aURoZz09IiwibWFjIjoiYWJhMmE3OGFjOWI2OWVlODYzODZhN2U0YTBjNzY0ZTMxNmZhYWEwNzE4OTgyZjRlOTI4YWQ4YTg3ZGNmZmY2MiIsInRhZyI6IiJ9"
wire:model.defer="extraFields.valid_from" autocomplete="off"
tabindex="-1">
</div>
<label for="name" class="block text-sm font-semibold font-title leading-6 text-white">Nom</label>
<input type="text" name="name" id="name" autocomplete="name" class="animate mt-2.5 block w-full rounded-md border-0 bg-apc-dark-gray py-2 px-3.5 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 outline-none focus:ring-inset focus:ring-apc-orange sm:text-sm sm:leading-6" wire:model="name" wire:key="name_input">
</div>
<div class="sm:col-span-2" wire:key="email_div">
<label for="email" class="block text-sm font-semibold font-title leading-6 text-white">Adresse e-mail</label>
<input type="email" name="email" id="email" autocomplete="email" class="animate mt-2.5 block w-full rounded-md border-0 bg-apc-dark-gray py-2 px-3.5 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 outline-none focus:ring-inset focus:ring-apc-orange sm:text-sm sm:leading-6" wire:model="email" wire:key="email_input">
</div>
<div class="sm:col-span-2" wire:key="topic_div">
<label for="subject" class="block text-sm font-semibold font-title leading-6 text-white">Sujet</label>
<input type="text" name="subject" id="subject" autocomplete="off" class="animate mt-2.5 block w-full rounded-md border-0 bg-apc-dark-gray py-2 px-3.5 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 outline-none focus:ring-inset focus:ring-apc-orange sm:text-sm sm:leading-6" wire:model="subject" wire:key="topic_input">
</div>
<div class="sm:col-span-2" wire:key="phone_number_div">
<label for="phoneNumber" class="block text-sm font-semibold font-title leading-6 text-white">Téléphone</label>
<input type="tel" name="phoneNumber" id="phoneNumber" autocomplete="phone" class="animate mt-2.5 block w-full rounded-md border-0 bg-apc-dark-gray py-2 px-3.5 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 outline-none focus:ring-inset focus:ring-apc-orange sm:text-sm sm:leading-6" wire:model="phoneNumber" wire:key="phone_number_input">
</div>
<div class="sm:col-span-2" wire:key="message_div">
<label for="message" class="block text-sm font-semibold font-title leading-6 text-white">Message</label>
<textarea name="message" id="message" rows="4" class="animate mt-2.5 block w-full rounded-md border-0 bg-apc-dark-gray py-2 px-3.5 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 outline-none focus:ring-inset focus:ring-apc-orange sm:text-sm sm:leading-6" wire:model="message" wire:key="message_input"></textarea>
</div>
<div class="sm:col-span-2" wire:key="files_div">
<label class="block text-sm font-semibold font-title leading-6 text-white" for="files">Télécharger des fichiers</label>
<input class="animate mt-2.5 block w-full rounded-md border-0 bg-apc-dark-gray text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 outline-none focus:ring-inset focus:ring-apc-orange sm:text-sm sm:leading-6" wire:model="files" id="files" type="file" multiple wire:key="files_input">
</div>
<div class="sm:col-span-2">
<div wire:id="vn4ulPnfVoLaZlJeMqmG" wire:initial-data="{"fingerprint":{"id":"vn4ulPnfVoLaZlJeMqmG","name":"rgpd-consent","locale":"fr","path":"contact","method":"GET","v":"acj"},"effects":{"listeners":["setTokenFromLocalStorage"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"31ecd79a","data":{"title":"J'accepte de recevoir une r\u00e9ponse par e-mail","consentName":"consent-contact","explanation":"Votre nom, votre adresse e-mail et votre num\u00e9ro de t\u00e9l\u00e9phone ne seront pas enregistr\u00e9s dans nos bases de donn\u00e9es, ni communiqu\u00e9s \u00e0 des tiers, et ne seront utilis\u00e9s, si n\u00e9cessaire, que pour r\u00e9pondre aux \u00e9changes d'e-mails demand\u00e9s en envoyant ce formulaire.","consented":false,"consentData":["name","email","phone"],"formId":"form-contact","url":"https:\/\/agencepoint.com\/contact","token":"","inForm":true,"alreadyConsented":false,"useCardDesign":true,"listeners":["setTokenFromLocalStorage"]},"dataMeta":[],"checksum":"afc4dbab95a8a95a1b9976c2c40a88383480da1334b6e64f631e4b37aa091990"}}">
<style>
</style>
<div class="mb-3block w-full rounded-md border-0 bg-apc-dark-gray py-2 px-3.5">
<div class="flex items-center justify-start">
<div class="flex justify-center items-center h-full">
<div class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in">
<input type="checkbox" name="consent_consent-contact" class="animate toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-2 text-white appearance-none cursor-pointer" id="consent-contact" wire:model="consented" value="1" />
<label for="consent_consent-contact" class="animate toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
</div>
</div>
<div class="ml-3 text-sm">
<label class="text-md font-medium text-gray-100" for="consent-contact">J'accepte de recevoir une réponse par e-mail</label>
<p class="text-left text-gray-300">Votre nom, votre adresse e-mail et votre numéro de téléphone ne seront pas enregistrés dans nos bases de données, ni communiqués à des tiers, et ne seront utilisés, si nécessaire, que pour répondre aux échanges d'e-mails demandés en envoyant ce formulaire.</p>
</div>
</div>
<input type="hidden" name="consent_name" value="consent-contact">
<input type="hidden" name="consent_data" value="["name","email","phone"]">
<input type="hidden" name="consent_token" id="consent-contact_consent_token" value="">
<input type="hidden" name="consent_form_id" id="consent-contact_consent_form_id" value="form-contact">
<input type="hidden" name="consent_form_url" id="consent-contact_consent_form_url" value="https://agencepoint.com/contact">
<input type="hidden" name="consent_explanation" id="consent-contact_consent_explanation" value="Votre nom, votre adresse e-mail et votre numéro de téléphone ne seront pas enregistrés dans nos bases de données, ni communiqués à des tiers, et ne seront utilisés, si nécessaire, que pour répondre aux échanges d'e-mails demandés en envoyant ce formulaire.">
</div>
</div>
<!-- Livewire Component wire-end:vn4ulPnfVoLaZlJeMqmG -->
</div>
<div class="sm:col-span-2">
<div wire:ignore class="cf-turnstile" data-sitekey="0x4AAAAAAB2Ecf8Rt6NpeBRk" data-callback="turnstileCallback"></div>
</div>
<div class="sm:col-span-2">
<div class="mt-8 flex justify-end">
<button
type="submit"
class="rmt-4 button inline-flex items-center px-6 py-4 bg-apc-salmon text-white font-semibold uppercase group relative"
wire:loading.attr="disabled"
data-sitekey=""
data-callback='handle'
data-action='submit'
>
<div class="animate-quick w-full h-full bg-apc-orange absolute bottom-0 right-0 -z-10 overflow-hidden group-hover:translate-x-2 group-hover:translate-y-2 group-focus:translate-x-2 group-focus:translate-y-2"></div>
<div class="animate-quick w-full h-full bg-apc-cyan absolute top-0 left-0 -z-10 overflow-hidden group-hover:-translate-x-2 group-hover:-translate-y-2 group-focus:-translate-x-2 group-focus:-translate-y-2"></div>
<div wire:loading wire:target="submit">
<i class="fa-solid fa-spinner fa-spin-pulse fa-spin-reverse mr-3"></i>
</div>
Envoyer
</button>
</div>
</div>
</div>
</form>
</div>
<!-- Livewire Component wire-end:h4r3lKBXmp6kBEWeF5ZW --> </div>
</section>
<section class="grid grid-cols-1 lg:grid-cols-2">
<div class="bg-apc-blue h-full w-full py-12 order-2 lg:order-1 min-h-[500px]" id="map">
</div>
<div class="h-full w-full p-12 text-white order-1 lg:order-2">
<h2 class="text-2xl font-semibold my-3">Nous trouver</h2>
<p class="text-sm">143 Av de la Côte Radieuse</p>
<p class="text-sm">66100 Perpignan</p>
<p class="pt-4 text-sm">Tel : 04 68 67 20 17</p>
<h2 class="text-2xl font-semibold my-3">Nos horaires</h2>
<div class="max-w-md text-white text-sm">
<div class="grid grid-cols-2 pb-2 pb-2">
<p>Lundi</p>
<p>08h30 - 19h00</p>
</div>
<div class="grid grid-cols-2 pb-2">
<p>Mardi</p>
<p>08h30 - 19h00</p>
</div>
<div class="grid grid-cols-2 pb-2">
<p>Mercredi</p>
<p>08h30 - 19h00</p>
</div>
<div class="grid grid-cols-2 pb-2">
<p>Jeudi</p>
<p>08h30 - 19h00</p>
</div>
<div class="grid grid-cols-2 pb-2">
<p>Vendredi</p>
<p>08h30 - 19h00</p>
</div>
<div class="grid grid-cols-2 pb-2">
<p>Samedi</p>
<p>Fermé</p>
</div>
<div class="grid grid-cols-2 pb-2">
<p>Dimanche</p>
<p>Fermé</p>
</div>
</div>
</div>
</section>
<footer class="w-full">
<div class="mx-auto py-2 md:py-4 px-6 lg:px-8 shadow-[0px_-15px_21px_rgba(0,0,0,0.25)]">
<nav class="menu-footer columns-1 md:columns-2 flex-col flex md:flex-row justify-center items-center sm:space-x-8 lg:space-x-16" aria-label="Footer">
<div class="py-2 sm:py-1">
<a href="https://agencepoint.com" class="uppercase text-sm font-semibold text-white animate hover:text-apc-orange" title="Qui sommes-nous ?" >Présentation</a>
</div>
<div class="py-2 sm:py-1">
<a href="https://agencepoint.com/nos-domaines-de-competences" class="uppercase text-sm font-semibold text-white animate hover:text-apc-orange" title="Nos domaines de compétence" >Compétences</a>
</div>
<div class="py-2 sm:py-1">
<a href="https://agencepoint.com/ils-nous-font-confiance-pourquoi-pas-vous" class="uppercase text-sm font-semibold text-white animate hover:text-apc-orange" title="Nos Partenaires" >Partenaires</a>
</div>
<div class="py-2 sm:py-1">
<a href="https://agencepoint.com/actualites" class="uppercase text-sm font-semibold text-white animate hover:text-apc-orange" title="Nos réalisations" >Réalisations</a>
</div>
<div class="py-2 sm:py-1">
<a href="https://agencepoint.com/notre-equipe" class="uppercase text-sm font-semibold text-white animate hover:text-apc-orange" title="L'équipe" >L'équipe</a>
</div>
<div class="py-2 sm:py-1 active">
<a href="https://agencepoint.com/contact" class="uppercase text-sm font-semibold text-white animate hover:text-apc-orange" title="Nous contacter" aria-current=page>Contact</a>
</div>
</nav>
</div>
<div class="bg-apc-blue w-full flex flex-col justify-center items-center text-white py-12 px-6">
<h4 class="font-title text-2xl mb-4">Un projet, une idée...</h4>
<a href="https://agencepoint.com/contact" title="Nous contacter" class="flex border-white border-solid border py-4 px-6 text-center uppercase text-lg md:text-xl lg:text-2xl group">
<span class="group-hover:animate-chevron-left pr-5 mr-5"><i class="fas fa-chevron-right"></i></span>
Contactez-nous !
<span class="group-hover:animate-chevron-right pl-5 ml-5"><i class="fas fa-chevron-left"></i></span>
</a>
</div>
<div class="grid grid-cols-1 gap-y-0 gap-x-0 sm:grid-cols-1 lg:grid-cols-3">
<div class="bg-apc-salmon py-12 px-4 flex flex-col justify-center items-center text-white min-h-[235px]">
<h4 class="font-title text-2xl mb-4">Suivez-nous</h4>
<div class="flex justify-center items-center">
<div class="inline-block mx-2 px-2 border border-white rounded-full h-10 w-10 p-2 flex justify-center items-center animate hover:text-apc-black hover:bg-white">
<a href="https://www.facebook.com/pointcomagency" title="Page Facebook">
<i class="fab fa-fw fa-lg fa-facebook-f"></i>
</a>
</div>
<div class="inline-block mx-2 px-2 border border-white rounded-full h-10 w-10 p-2 flex justify-center items-center animate hover:text-apc-black hover:bg-white">
<a href="https://www.instagram.com/agencepointcom/" title="Page Instagram">
<i class="fab fa-fw fa-lg fa-instagram"></i>
</a>
</div>
<div class="inline-block mx-2 px-2 border border-white rounded-full h-10 w-10 p-2 flex justify-center items-center animate hover:text-apc-black hover:bg-white">
<a href="https://www.youtube.com/@agencepointcomperpi" title="Page Youtube">
<i class="fab fa-fw fa-lg fa-youtube"></i>
</a>
</div>
<div class="inline-block mx-2 px-2 border border-white rounded-full h-10 w-10 p-2 flex justify-center items-center animate hover:bg-white hover:text-apc-black">
<a href="https://www.linkedin.com/company/agence-point-com/" title="Page Linkedin">
<i class="fab fa-fw fa-lg fa-linkedin"></i>
</a>
</div>
</div>
</div>
<div class="bg-apc-orange py-4 md:py-2 px-4 flex flex-col justify-center items-center text-white min-h-[235px]">
<h4 class="font-title text-2xl mb-4">Où nous trouver</h4>
<p class="text-center">143 Avenue de la Côte Radieuse - 66100 Perpignan</p>
<a href="https://agencepoint.com/secure/phone" title="Contact par téléphone" class="py-2 animate hover:text-apc-black">04 68 67 20 17</a>
</div>
<div class="bg-apc-cyan py-4 md:py-2 px-4 flex flex-col justify-center items-center text-white min-h-[235px]">
<h4 class="font-title text-2xl mb-4">Informations</h4>
<a href="https://agencepoint.com/centre-de-confidentialite" title="Mentions Légales et Confidentialité" class="py-2 animate hover:text-apc-black">Mentions légales et Confidentialité</a>
</div>
</div>
<div class="mx-auto text-center py-5 px-6 sm:py-6 lg:px-8">
<p class="text-white text-sm text-gray-600">© 2010 - 2026 - Agence Point Com</p>
</div>
</footer>
<div class="z-20 fixed right-0 bottom-14" id="scrollToTop">
<a href="#navbar" x-on:click.prevent="$scrollTo">
<lottie-player
hover
loop
mode="bounce"
src="https://agencepoint.com/lotties/rocket.json"
class="rocket-lottie"
/>
</a>
</div>
<div
x-data="{ isOpen: false }"
class="z-20 fixed top-[40%] flex items-center transition-[right] duration-500 ease-in-out"
:class="isOpen ? 'right-0' : 'right-[-16rem]'"
@click.outside="isOpen = false"
>
<div @click="isOpen = !isOpen" class="cursor-pointer">
<div class="relative group">
<div class="relative flex items-center justify-center h-40 w-10 bg-apc-salmon md:h-52 md:w-12 z-20">
<p class="transform -rotate-90 whitespace-nowrap uppercase text-white text-md font-semibold">Nous contacter</p>
</div>
<div class="absolute w-full h-full top-0 left-0 bg-apc-cyan group-hover:-top-3 group-hover:-left-3 transition-all duration-300 z-10"></div>
<div class="absolute w-full h-full bottom-0 right-0 bg-apc-orange group-hover:-bottom-3 group-hover:-right-3 transition-all duration-300 z-10"></div>
</div>
</div>
<div class="bg-white h-40 w-64 md:h-52 flex items-center shadow-lg p-6">
<div class="text-gray-800 whitespace-nowrap">
<h4 class="font-bold text-xl">Nous contacter</h4>
<div class="">
<a href="https://agencepoint.com/secure/phone" class="flex items-center my-2 text-black text-lg hover:text-apc-orange animate" title="Nous appeler">
<i class="fas fa-phone-alt fa-lg mr-4 text-apc-orange w-6"></i>
<span class="inline-block mr-2">04 68 67 20 17</span>
</a>
<a href="https://agencepoint.com/contact" class="flex items-center my-2 text-black text-lg hover:text-apc-orange animate" title="Nous envoyer un message">
<i class="fas fa-envelope fa-lg mr-4 text-apc-orange w-6"></i>
<span> Par email</span>
</a>
<a href="https://agencepoint.com/contact#map" class="flex items-center my-2 text-black text-lg hover:text-apc-orange animate" title="Voir notre localisation">
<i class="fas fa-map-marker-alt fa-lg mr-4 text-apc-orange w-6"></i>
<span> Nous rendre visite</span>
</a>
</div>
</div>
</div>
</div>
<script src="/vendor/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'yFX80Sqa3rIqipUGj1t1MbwTnVYOSh0nqkn9h90I';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
if (typeof localStorage !== 'undefined') {
let token = 'ZfzXqVK8nSbPrygWQfW8Nq4mI6TI2NbK4pKRFp9HXVBtPZIkaD';
const SITE_SLUG = 'agence-point-com';
if( !localStorage.getItem(SITE_SLUG + '_consent_token') ) {
localStorage.setItem(SITE_SLUG + '_consent_token', token);
} else {
token = localStorage.getItem(SITE_SLUG + '_consent_token');
}
window.Livewire.emit('setTokenFromLocalStorage', token);
}
});
</script>
<script>
function turnstileCallback(token) {
window.livewire.find('h4r3lKBXmp6kBEWeF5ZW').set('captchaToken', token);
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC3imopttosFwKYjI0_AK6MWSR09p0NeVc&callback=initMap"></script>
<script>
document.addEventListener( 'DOMContentLoaded', function () {
new Parallax(document.getElementById('contact-scene'));
});
const address = "143 Avenue de la Côte Radieuse 66100 Perpignan, France";
function initMap(){let e=new google.maps.Geocoder;e.geocode({address},(e,t)=>{if("OK"===t){let l={zoom:17,center:e[0].geometry.location,zoomControl:!0,mapTypeControl:!1,scaleControl:!1,streetViewControl:!1,rotateControl:!1,fullscreenControl:!1,styles:[{featureType:"water",elementType:"geometry",stylers:[{color:"#e9e9e9"},{lightness:17}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#f5f5f5"},{lightness:20}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#ffffff"},{lightness:17}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#ffffff"},{lightness:29},{weight:.2}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#ffffff"},{lightness:18}]},{featureType:"road.local",elementType:"geometry",stylers:[{color:"#ffffff"},{lightness:16}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#f5f5f5"},{lightness:21}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#dedede"},{lightness:21}]},{elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#ffffff"},{lightness:16}]},{elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#333333"},{lightness:40}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"geometry",stylers:[{color:"#f2f2f2"},{lightness:19}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#fefefe"},{lightness:20}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#fefefe"},{lightness:17},{weight:1.2}]}]},s=new google.maps.Map(document.getElementById("map"),l);new google.maps.Marker({position:e[0].geometry.location,map:s,icon:{scale:.5,url:"https://agencepoint.com/build/assets/marker.2d32be95.svg"}})}else console.log("Geocode was not successful for the following reason: "+t)})}
</script>
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
</body>
</html>
