Outiref

Code source de l'URL : https://agencepoint.com/

<!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="RkXfYMBYd1R1BChGsgvk7UOwwbY2Rg1jeOBMFMXl">

    <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>Agence Point Com, Agence de communication globale Perpignan</title>
    <meta name="description" content="Agence de Communication Perpignan | Création de sites Web | Création logo &amp; Impression | Réseaux sociaux &amp; Référencement"/>
    <link rel="canonical" href="https://agencepoint.com" />
            <meta property="og:locale" content="fr_FR" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Agence Point Com, Agence de communication globale Perpignan" />
    <meta property="og:description" content="Agence de Communication Perpignan | Création de sites Web | Création logo &amp; Impression | Réseaux sociaux &amp; Référencement" />
    <meta property="og:url" content="https://agencepoint.com" />
    <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="Agence de Communication Perpignan | Création de sites Web | Création logo &amp; Impression | Réseaux sociaux &amp; Référencement" />
    <meta name="twitter:title" content="Agence Point Com, Agence de communication globale Perpignan" />
    <meta name="twitter:site" content="@_agencepointcom" />
    <meta name="twitter:image" content="" />

    <meta name="DC.Creator" content="Agence Point Com">
    <meta name="DC.Description" content="Agence de Communication Perpignan | Création de sites Web | Création logo &amp; Impression | Réseaux sociaux &amp; Référencement">
    <meta name="DC.Publisher" content="Florian Clet">
    <meta name="DC.Type" content="Site Web de l&#039;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>
    
    <!-- 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"  aria-current=page>
                    <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" >
                    <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>



    <section class="relative overflow-hidden z-0 flex pt-12 lg:pt-16 items-center justify-center h-[100vh]">
        <div class="w-full h-full flex flex-col">
    <div id="home-scene" 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-[450px] xl:h-[700px]" 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-[450px] xl:h-[700px]" 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-[450px] xl:h-[700px]" 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-[450px] xl:h-[700px]" 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-[450px] xl:h-[700px]" src="https://agencepoint.com/build/assets/5.d38e8a8f.svg" alt="5"></div>
    </div>
    <div class="flex justify-center items-center pb-16">
        <a href="#welcome" 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>

    <section id="welcome" class="relative">
        <div class="container-center flex flex-col-reverse justify-center items-center h-full md:flex-row" id="welcome-content">
            <div class="w-full lg:w-3/6 text-white text-center md:text-left py-10">
                <span class="text-white text-2xl subtitle font-title">Bienvenue sur le site</span>
                <h1 class="text-apc-blue">d&#039;Agence Point Com</h1>
                <span class="text-white text-3xl font-bold">Votre agence de communication sur Perpignan</span>
                <div class="my-2 prose">
                    <p>Bienvenue sur la page d&rsquo;accueil de notre site. Notre agence de communication sur Perpignan va vous accompagner dans toutes vos d&eacute;marches de communication, marketing et strat&eacute;gie. Que ce soit pour votre <a title="Agence de Communication web sur Perpignan" href="../../../../creation-de-site-internet-sur-perpignan/">communication web</a> ou votre <a title="Agence de communication visuelle sur Perpignan" href="../../../../agence-de-communication-sur-perpignan/">communication visuelle</a>, nous vous conseillons et r&eacute;pondons &agrave; vos besoins tout en respectant vos lignes directrices ! En naviguant sur les diff&eacute;rentes pages de ce site, vous pourrez &eacute;galement vous rendre compte de notre expertise en <a title="Agence webmarketing sur Perpignan" href="../../../../agence-webmarketing-sur-perpignan/">webmarketing</a>, en <a title="Conseil en strat&eacute;gie de communication sur Perpignan" href="../../../../agence-specialisee-en-strategie-sur-perpignan/">strat&eacute;gie</a>, en <a title="Communication &eacute;v&egrave;nementielle sur Perpignan" href="../../../../agence-de-communication-evenementielle-sur-perpignan/">communication &eacute;v&egrave;nementielle</a>, mais aussi en <a title="Conseil en relations publiques sur Perpignan" href="../../../../agence-relations-publiques-sur-perpignan/">relations publiques</a> !</p>
<p>&nbsp;</p>
<p>Que vous souhaitiez vous doter d&rsquo;un <a title="Cr&eacute;ation site internet sur Perpignan" href="../../../../creation-site-internet-vitrine-sur-perpignan/">site web</a>, d&eacute;finir une strat&eacute;gie internet en <a title="Agence marketing sur Perpignan" href="../../../../agence-webmarketing-sur-perpignan/">webmarketing</a>, r&eacute;aliser une <a title="Agence communication Perpignan" href="../../../../creation-supports-de-communication-sur-perpignan">campagne d&rsquo;affichage</a> pour le <a title="Agence de communication sur Perpignan" href="../../../../strategie-lancement-produit-sur-perpignan/">lancement de nouveaux produits</a>, mettre en place la charte graphique de votre entreprise, ou le <a title="Cr&eacute;ation packaging sur Perpignan" href="../../../../creation-packaging-sur-perpignan/">packaging</a> d&rsquo;un de vos produits, r&eacute;diger vos <a title="Agence relations publiques Perpignan" href="../../../../agence-relations-publiques-sur-perpignan/">supports de presse</a> ou <a title="E-r&eacute;putation et gestion de la marque sur Perpignan" href="../../../../gestion-de-la-reputation-et-de-la-marque-sur-perpignan/">valoriser votre image</a>, Agence Point Com est l&rsquo;agence de communication sur Perpignan que vous recherchez !</p>
                </div>
            </div>
            <div class="flex items-center justify-center">
                <lottie-player
                        autoplay
 loop
 mode="normal"
                        src="https://agencepoint.com/lotties/poulp.json"
                        class="lottie max-w-3/6 lg:max-w-full"
                >
                </lottie-player>
            </div>
        </div>
    </section>

    <section class="relative" id="skills-home">
        <div class="container-center py-20">
            <div class="text-center py-8 flex flex-col items-center relative sm:py-12">

        <span class="text-white subtitle font-title">L'Agence Point Com, c'est</span>
            <h2 class="text-white max-w-4xl text-center text-2xl md:text-3xl lg:text-4xl">7 domaines <span class="text-apc-orange">d'expertise</span></h2>
    </div>

            <div class="grid grid-cols-1 gap-y-10 gap-x-6 sm:grid-cols-2 lg:grid-cols-3 xl:gap-x-8">
                                    <div class="group relative text-center group">
    <div class="flex justify-center aspect-w-1 aspect-h-1 w-full overflow-hidden rounded-md group-hover:opacity-75 lg:aspect-none">
        <a href="https://agencepoint.com/agence-de-communication-sur-perpignan" title="Agence Point Com, Agence de communication sur Perpignan">
                <lottie-player
                hover
 mode="normal"
                src="https://agencepoint.com/storage/communication-visuelle.json"
                class="skill-small"
        >
        </lottie-player>
                </a>
    </div>
    <div class="mt-6">
        <h3 class="text-xl mt-1 mx-auto text-center text-white font-semibold w-8/12 text-gray-900 animate group-hover:text-apc-orange">
            <a href="https://agencepoint.com/agence-de-communication-sur-perpignan" title="Agence Point Com, Agence de communication sur Perpignan">
                Graphisme
            </a>
        </h3>
    </div>
</div>                                    <div class="group relative text-center group">
    <div class="flex justify-center aspect-w-1 aspect-h-1 w-full overflow-hidden rounded-md group-hover:opacity-75 lg:aspect-none">
        <a href="https://agencepoint.com/creation-de-site-internet-sur-perpignan" title="Développement Web à Perpignan | Création de site web">
                <lottie-player
                hover
 mode="normal"
                src="https://agencepoint.com/storage/developpement-web.json"
                class="skill-small"
        >
        </lottie-player>
                </a>
    </div>
    <div class="mt-6">
        <h3 class="text-xl mt-1 mx-auto text-center text-white font-semibold w-8/12 text-gray-900 animate group-hover:text-apc-orange">
            <a href="https://agencepoint.com/creation-de-site-internet-sur-perpignan" title="Développement Web à Perpignan | Création de site web">
                Création de sites Web
            </a>
        </h3>
    </div>
</div>                                    <div class="group relative text-center group">
    <div class="flex justify-center aspect-w-1 aspect-h-1 w-full overflow-hidden rounded-md group-hover:opacity-75 lg:aspect-none">
        <a href="https://agencepoint.com/agence-webmarketing-sur-perpignan" title="Agence Point Com - Agence webmarketing sur Perpignan">
                <lottie-player
                hover
 mode="normal"
                src="https://agencepoint.com/storage/marketing-digital.json"
                class="skill-small"
        >
        </lottie-player>
                </a>
    </div>
    <div class="mt-6">
        <h3 class="text-xl mt-1 mx-auto text-center text-white font-semibold w-8/12 text-gray-900 animate group-hover:text-apc-orange">
            <a href="https://agencepoint.com/agence-webmarketing-sur-perpignan" title="Agence Point Com - Agence webmarketing sur Perpignan">
                Référencement &amp; Réseaux Sociaux
            </a>
        </h3>
    </div>
</div>                                    <div class="group relative text-center group">
    <div class="flex justify-center aspect-w-1 aspect-h-1 w-full overflow-hidden rounded-md group-hover:opacity-75 lg:aspect-none">
        <a href="https://agencepoint.com/agence-de-communication-evenementielle-sur-perpignan" title="Agence Point Com, Agence de communication évènementielle sur Perpignan">
                <lottie-player
                hover
 mode="normal"
                src="https://agencepoint.com/storage/communication-evenementielle.json"
                class="skill-small"
        >
        </lottie-player>
                </a>
    </div>
    <div class="mt-6">
        <h3 class="text-xl mt-1 mx-auto text-center text-white font-semibold w-8/12 text-gray-900 animate group-hover:text-apc-orange">
            <a href="https://agencepoint.com/agence-de-communication-evenementielle-sur-perpignan" title="Agence Point Com, Agence de communication évènementielle sur Perpignan">
                Communication évènementielle
            </a>
        </h3>
    </div>
</div>                                    <div class="group relative text-center group">
    <div class="flex justify-center aspect-w-1 aspect-h-1 w-full overflow-hidden rounded-md group-hover:opacity-75 lg:aspect-none">
        <a href="https://agencepoint.com/agence-specialisee-en-strategie-sur-perpignan" title="Agence Point Com - Agence spécialisée en stratégie sur Perpignan">
                <lottie-player
                hover
 mode="normal"
                src="https://agencepoint.com/storage/strategie.json"
                class="skill-small"
        >
        </lottie-player>
                </a>
    </div>
    <div class="mt-6">
        <h3 class="text-xl mt-1 mx-auto text-center text-white font-semibold w-8/12 text-gray-900 animate group-hover:text-apc-orange">
            <a href="https://agencepoint.com/agence-specialisee-en-strategie-sur-perpignan" title="Agence Point Com - Agence spécialisée en stratégie sur Perpignan">
                Stratégie
            </a>
        </h3>
    </div>
</div>                                    <div class="group relative text-center group">
    <div class="flex justify-center aspect-w-1 aspect-h-1 w-full overflow-hidden rounded-md group-hover:opacity-75 lg:aspect-none">
        <a href="https://agencepoint.com/agence-relations-publiques-sur-perpignan" title="Agence Relations Publiques sur Perpignan | Agence Point Com">
                <lottie-player
                hover
 mode="normal"
                src="https://agencepoint.com/storage/relations-publiques.json"
                class="skill-small"
        >
        </lottie-player>
                </a>
    </div>
    <div class="mt-6">
        <h3 class="text-xl mt-1 mx-auto text-center text-white font-semibold w-8/12 text-gray-900 animate group-hover:text-apc-orange">
            <a href="https://agencepoint.com/agence-relations-publiques-sur-perpignan" title="Agence Relations Publiques sur Perpignan | Agence Point Com">
                Relations Publiques
            </a>
        </h3>
    </div>
</div>                                    <div class="group relative text-center group">
    <div class="flex justify-center aspect-w-1 aspect-h-1 w-full overflow-hidden rounded-md group-hover:opacity-75 lg:aspect-none">
        <a href="https://agencepoint.com/formation-webmarketing-a-perpignan-2" title="Agence Point Com - Formation webmarketing à Perpignan">
                <lottie-player
                hover
 mode="normal"
                src="https://agencepoint.com/storage/formations.json"
                class="skill-small"
        >
        </lottie-player>
                </a>
    </div>
    <div class="mt-6">
        <h3 class="text-xl mt-1 mx-auto text-center text-white font-semibold w-8/12 text-gray-900 animate group-hover:text-apc-orange">
            <a href="https://agencepoint.com/formation-webmarketing-a-perpignan-2" title="Agence Point Com - Formation webmarketing à Perpignan">
                Formations webmarketing
            </a>
        </h3>
    </div>
</div>                            </div>

            <div class="mt-10 flex items-center justify-center w-full">
                <a href="https://agencepoint.com/nos-domaines-de-competences" class="mt-4 button inline-flex items-center px-6 py-4 bg-apc-salmon text-white font-semibold uppercase group relative" title="En savoir plus" target="_self">
    <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>
    Toutes nos compétences
</a>            </div>
        </div>

    </section>

    <section id="team-home" class="relative">
        <div class="flex flex-col-reverse justify-center items-center h-full md:flex-row">
            <div class="w-6/12"></div>

            <div class="w-full lg:w-1/2 h-full backdrop-brightness-50 backdrop-blur-2xl bg-apc-black/60">
                <div class="h-full flex flex-col justify-center text-white">
                    <div class="w-full  text-center md:text-left content-end px-8 py-6 sm:pl-8 md:py-8 lg:px-24 2xl:w-4/5">
                        <span class="text-white text-2xl subtitle font-title">Agence Point Com offre une</span>
                        <h2>approche métier <span class="text-apc-salmon">novatrice</span></h2>
                        <span class="text-white text-3xl font-bold"></span>
                        <div class="my-6 prose">
                            <p>Une strat&eacute;gie d&rsquo;image ou marketing ne doit pas &ecirc;tre une charge fixe mais un levier de croissance car nous savons qu&rsquo;une communication r&eacute;ussie, c&rsquo;est un impact mesurable et durable sur le d&eacute;veloppement de votre entreprise. Souvent, communication rime avec d&eacute;penses colossales, voire inutiles si celle-ci est mal g&eacute;r&eacute;e, c&rsquo;est pour cela que chez Agence Point Com, vous avez la garantie d&rsquo;un travail de qualit&eacute;, &agrave; un prix juste, nous sommes l&agrave; pour vous conseiller ! Parce que chaque entreprise est unique, chacune d&rsquo;entre elles n&eacute;cessite une strat&eacute;gie de communication personnalis&eacute;e !</p>
<p>&nbsp;</p>
<p>Pour en savoir plus sur nous et ce que nous pouvons r&eacute;aliser ensemble, il ne vous reste plus qu&rsquo;&agrave; <a title="Contacter une agence de communication sur Perpignan" href="../../../../contact/">nous contacter</a>, nous discuterons avec plaisir de vos projets et de vos envies.</p>
                        </div>

                        <a href="https://agencepoint.com/notre-equipe" class="mt-4 button inline-flex items-center px-6 py-4 bg-apc-salmon text-white font-semibold uppercase group relative" title="En savoir plus" target="_self">
    <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>
    Notre équipe
</a>                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="lg:min-h-[75vh] mt-10 lg:mt-32 relative overflow-hidden" id="creations-home">
        <div class="container-center flex flex-col-reverse items-center justify-center">
            <div class="flex flex-col lg:flex-row items-center justify-center">
                <div class="w-full lg:w-6/12 p-0 lg:pr-4">
                    <div class="creation-card z-50">
                        <div class="splide splide-creations" aria-label="Creations">
                            <div class="splide__track">
                                <ul class="splide__list h-[314px] w-[252px] lg:h-[542px] lg:w-[435px]">
                                    <li class="splide__slide overflow-hidden">
                                        <div class="flex items-center justify-center bg-cover bg-center bg-no-repeat h-full w-full" style="background: linear-gradient(to bottom, rgba(49, 49, 49, 0.75), rgba(49, 49, 49, 0.75)), url('https://agencepoint.com/build/assets/painting.16225445.jpg') center center no-repeat">
                                            <img loading="lazy" class="animate-hand w-[160px] lg:w-fit" src="https://agencepoint.com/build/assets/main_slide.cf7ecc07.svg" alt="Slide de droite à gauche" />
                                        </div>
                                    </li>
                                                                            <li class="splide__slide overflow-hidden">
                                            <a href="https://agencepoint.com/creation-de-site-internet-pour-snack-et-pizzeria-a-perpignan" title="Création de site internet pour snack et pizzeria à Perpignan">
                                                <div class="flex items-center justify-center bg-cover bg-center bg-no-repeat h-full w-full" style="background-image: url('https://agencepoint.com/storage/597/agence-point-com-creation-site-internet-snack-pizzeria-perpignan-66.jpg')">
                                                </div>
                                            </a>
                                        </li>
                                                                            <li class="splide__slide overflow-hidden">
                                            <a href="https://agencepoint.com/agence-de-creation-de-logo-perpignan" title="Agence de création de logo Perpignan">
                                                <div class="flex items-center justify-center bg-cover bg-center bg-no-repeat h-full w-full" style="background-image: url('https://agencepoint.com/storage/595/agence-point-com-creation-logo-perpignan.jpg')">
                                                </div>
                                            </a>
                                        </li>
                                                                            <li class="splide__slide overflow-hidden">
                                            <a href="https://agencepoint.com/agence-creation-site-ecommerce-perpignan" title="Agence création site ecommerce Perpignan">
                                                <div class="flex items-center justify-center bg-cover bg-center bg-no-repeat h-full w-full" style="background-image: url('https://agencepoint.com/storage/593/agence-point-com-agence-web-creation-site-ecommerce-perpignan.jpg')">
                                                </div>
                                            </a>
                                        </li>
                                                                            <li class="splide__slide overflow-hidden">
                                            <a href="https://agencepoint.com/agence-de-referencement-naturel-perpignan" title="Agence de référencement Naturel Perpignan">
                                                <div class="flex items-center justify-center bg-cover bg-center bg-no-repeat h-full w-full" style="background-image: url('https://agencepoint.com/storage/591/agence-point-com-agence-web-creation-site-ecommerce-perpignan.jpg')">
                                                </div>
                                            </a>
                                        </li>
                                                                            <li class="splide__slide overflow-hidden">
                                            <a href="https://agencepoint.com/agence-de-maintenance-de-site-web-specialisee-wordpress" title="Agence de Maintenance de site web, spécialisée Wordpress">
                                                <div class="flex items-center justify-center bg-cover bg-center bg-no-repeat h-full w-full" style="background-image: url('https://agencepoint.com/storage/589/agence-point-com-maintenance-site-internet-wordpress-perpignan.jpg')">
                                                </div>
                                            </a>
                                        </li>
                                                                            <li class="splide__slide overflow-hidden">
                                            <a href="https://agencepoint.com/agence-developpement-site-web-perpignan-66" title="Agence Développement Site Web Perpignan 66">
                                                <div class="flex items-center justify-center bg-cover bg-center bg-no-repeat h-full w-full" style="background-image: url('https://agencepoint.com/storage/587/agence-point-com-developpement-site-web-perpignan-66.jpg')">
                                                </div>
                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>







                </div>
                <div class="w-full lg:w-6/12 p-0 lg:pl-4 mb-0">
                    <div class="text-center lg:text-left py-8 flex flex-col relative sm:py-12">

        <span class="text-white subtitle font-title">Venez découvrir</span>
            <h2 class="text-white max-w-4xl text-center lg:text-left text-2xl md:text-3xl lg:text-4xl">Nos derniers <span class="text-apc-cyan">projets</span></h2>
    </div>

                    <div class="pb-40">
                        <div class="text-white mb-10 pb-0 prose">
                            <p>Retrouvez nos derniers projets r&eacute;alis&eacute;s avec coeur, parce que chaque entreprise, chaque entit&eacute; a une histoire &agrave; raconter, une image &agrave; v&eacute;hiculer, un message &agrave; transmettre.&nbsp; Nous sommes fiers de pr&eacute;senter chacun d'entre eux ici et entamons ensemble une nouvelle histoire passionnante !&nbsp;</p>
                        </div>
                        <div class="mt-10 flex items-center justify-center w-full lg:justify-start">
                            <a href="https://agencepoint.com/actualites" class="mt-4 button inline-flex items-center px-6 py-4 bg-apc-salmon text-white font-semibold uppercase group relative" title="En savoir plus" target="_self">
    <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>
    Nos réalisations
</a>                        </div>
                    </div>
                </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 active">
                <a href="https://agencepoint.com" class="uppercase text-sm font-semibold text-white animate hover:text-apc-orange" title="Qui sommes-nous ?"  aria-current=page>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">
                <a href="https://agencepoint.com/contact" class="uppercase text-sm font-semibold text-white animate hover:text-apc-orange" title="Nous contacter" >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">&copy; 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 = 'RkXfYMBYd1R1BChGsgvk7UOwwbY2Rg1jeOBMFMXl';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 () {
            new Parallax(document.getElementById('home-scene'));
        });
    </script>
    </body>
</html>