Outiref

Code source de l'URL : http://julienpenaudproduction.fr

<!Doctype html>
<html lang="fr">

<head>
  <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/c86d837cfebf28db0b296dba/script.js"></script> 
  <meta charset="utf-8">
  <title>Julien PENAUD Production : Prestations drone sur Toulon</title>
  <meta name="description" content="Julien PENAUD Production : Prestations de prises de vue aérienne par drone à Toulon et en région PACA. Télépilote certifié DGAC pour professionnels et particuliers.">
  <meta name="robots" content="index, follow">
  <meta name="author" content="Julien PENAUD">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="twitter:card" content="summary_large_image">

  <link rel="shortcut icon" href="Images/LOGO2.png">

  <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=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

  <link rel="stylesheet" href="CSS/index.css">
  <link rel="stylesheet" href="CSS/FOOTER.css">
  
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XSB3D25RVN"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'G-XSB3D25RVN');
  </script>
</head>

<body>

  <mon-header></mon-header>

  <main>
    <h1 class="seo-masque">Julien PENAUD Production : Prestations drone professionnelles à Toulon</h1>

<section class="section-accueil">
  <img src="Images/IMAGE_ACCUEIL.jpg" alt="Vue aérienne cinématique capturée par drone" class="image-fond-accueil" id="droneHero">
  <div class="etoiles-fond"></div> 
  
  <div class="contenu-accueil">
    <div class="text-wrapper">
      <span class="sur-titre">Expertise de l'imagerie aérienne par drone</span>
      <h1 class="titre-bienvenue">L'exception <br><span>vue du ciel</span></h1>
      <p class="sous-titre-bienvenue">Là où le regard s'arrête, j'interviens en révélant la grandeur de vos projets : prenons de la hauteur et rêvons ensemble.</p>
      
      <div class="cta-group">
        <a href="contact.html" class="bouton-primaire">Demander un devis</a>
        <a class="bouton-secondaire2" href="./realisations.html">Mes réalisations</a>
      </div>
    </div>
  </div>

  <!-- Indicateur de scroll pour inciter à la navigation -->
  <div class="scroll-indicator">
    <div class="mouse"></div>
  </div>
</section>


    <section class="section-a-propos theme-clair" id="entreprise">
      <div class="conteneur disposition-scindee">
        <div class="texte-a-propos">
          <h2 class="titre-section aligne-gauche">Qui suis-je&nbsp;?</h2>
          <div class="ligne-separatrice gauche"></div>
          <p class="texte-corps">
            Je m'appelle <strong class="texte-or">Julien PENAUD</strong>, télépilote professionnel expert et spécialisé dans la 
            <strong class="texte-or">prise de vue aérienne par drone</strong>.
            <br><br>
            Installé dans le <strong class="texte-or">Var</strong>, au cœur de la <strong class="texte-or">Provence-Alpes-Côte d’Azur</strong>, 
            j’accompagne <strong class="texte-or">particuliers et professionnels</strong> dans la réalisation de leurs projets audiovisuels.
            <br><br>
            Titulaire d'une certification délivrée par l' 
            <strong class="texte-or">EASA (European Union Aviation Safety Agency)</strong>, je propose des prestations 
            <strong class="texte-or">100&nbsp;% conformes à la réglementation</strong>.
            <br><br>
            Mon engagement&nbsp;: un rendu <strong class="texte-or">professionnel, créatif</strong> et <strong class="texte-or">percutant</strong>, 
            au service de vos idées. Ce que je vais proposer, c'est le 100% drone.
            <br><br>
            <strong class="texte-or">Contactez-moi</strong> pour donner de la hauteur à vos <strong class="texte-or">projets vidéo</strong>&nbsp;!
          </p>
          <a href="contact.html" class="bouton-primaire">Me contacter</a>

          <a class="bouton-secondaire" href="./realisations.html">Découvrir toutes mes réalisations</a>
        </div>

        
        <div class="image-a-propos">
          <img src="Images/PHOTO_COSTUME.jpg" alt="Julien PENAUD, télépilote de drone basé dans le Var">
        </div>
      </div>
    </section>

    <section class="section-prestations" id="services">
      <div class="conteneur">
        <div class="entete-section">
          <h2 class="titre-section">Mes prestations drone</h2>
          <p class="sous-titre-section">Chaque projet est unique : choisissez une prestation adaptée à vos besoins !</p>
          <div class="ligne-separatrice"></div>
        </div>

        <div class="grille-prestations">
          <a href="immobilier.html" class="carte-lien">
            <div class="carte-prestation">
              <div class="icone-prestation"><i class="fa-solid fa-house"></i></div>
              <h3 class="titre-carte">Prises de vue immobilières</h3>
            </div>
          </a>
          <a href="montage_video.html" class="carte-lien">
            <div class="carte-prestation">
              <div class="icone-prestation"><i class="fa-solid fa-photo-film"></i></div>
              <h3 class="titre-carte">Montage vidéo professionnel</h3>
            </div>
          </a>
          <a href="photo_video.html" class="carte-lien">
            <div class="carte-prestation">
              <div class="icone-prestation"><i class="fa-solid fa-camera"></i></div>
              <h3 class="titre-carte">Photos et vidéos aériennes</h3>
            </div>
          </a>
          <a href="evenementiel.html" class="carte-lien">
            <div class="carte-prestation">
              <div class="icone-prestation"><i class="fa-solid fa-cake-candles"></i></div>
              <h3 class="titre-carte">Événementiel privé ou public</h3>
            </div>
          </a>
          <a href="inspection.html" class="carte-lien">
            <div class="carte-prestation">
              <div class="icone-prestation"><i class="fa-solid fa-magnifying-glass"></i></div>
              <h3 class="titre-carte">Inspection technique</h3>
            </div>
          </a>
          <a href="suivi_chantier.html" class="carte-lien">
            <div class="carte-prestation">
              <div class="icone-prestation"><i class="fa-solid fa-helmet-safety"></i></div>
              <h3 class="titre-carte">Suivi aérien de chantier</h3>
            </div>
          </a>
          <a href="publicite.html" class="carte-lien">
            <div class="carte-prestation">
              <div class="icone-prestation"><i class="fa-solid fa-tv"></i></div>
              <h3 class="titre-carte">Format de publicité par drone</h3>
            </div>
          </a>
          <a class="carte-lien">
            <div class="carte-prestation">
              <div class="icone-prestation"><i class="fa-regular fa-handshake"></i></div>
              <h3 class="titre-carte">Partenariats et sponsoring</h3>
            </div>
          </a>
        </div>
      </div>
    </section>

    <section class="section-portfolio theme-clair">
      <div class="conteneur">
        <div class="entete-section">
          <h2 class="titre-section">Des réalisations inspirantes</h2>
          <p class="sous-titre-section">Un bref aperçu, de quoi donner l'eau à la bouche !</p>
          <div class="ligne-separatrice"></div>
        </div>
        <div class="grille-realisations">
          <img src="Images/IMAGE_MAISON.png" alt="Réalisation drone 1" class="image-portfolio">
          <img src="Images/IMAGE_MARIAGE.png" alt="Réalisation drone 2" class="image-portfolio">
          <img src="Images/IMAGE_PHOTO.png" alt="Réalisation drone 3" class="image-portfolio">
          <img src="Images/IMAGE_PUBLICITE_2.png" alt="Réalisation drone 1" class="image-portfolio">
          <img src="Images/IMAGE_PATRIMOINE_2.png" alt="Réalisation drone 2" class="image-portfolio">
          <img src="Images/IMAGE_SKI.png" alt="Réalisation drone 3" class="image-portfolio">
        </div>
        <div class="conteneur-bouton-centre">
          <a class="bouton-secondaire" href="./realisations.html">Découvrir toutes mes réalisations</a>
        </div>
      </div>
    </section>

    <section class="section-flotte">
      <div class="conteneur">
        <div class="entete-section">
          <h2 class="titre-section">Ma flotte</h2>
          <p class="sous-titre-section">Un matériel de qualité pour des prestations de haut niveau</p>
          <div class="ligne-separatrice"></div>
        </div>
        <div class="grille-flotte">
          <div class="carte-drone">
            <img src="Images/DJI_MINI_2.png" alt="DJI Mini 2" class="image-drone-flotte">
            <h3 class="titre-drone">DJI Mini 2</h3>
            <p class="spec-drone">Caméra 4K</p>
            <p class="spec-drone">Autonomie par vol : 25 minutes</p>
            <p class="spec-drone">Capteurs : Non</p>
            <p class="spec-drone">Coupe-circuit / parachute : Non</p>
            <img src="Images/C0.png" alt="Classe C0" class="image-classification">
          </div>
          <div class="carte-drone">
            <img src="Images/DJI_AIR_3.png" alt="DJI Air 3" class="image-drone-flotte">
            <h3 class="titre-drone">DJI Air 3</h3>
            <p class="spec-drone">Caméra 4K</p>
            <p class="spec-drone">Autonomie par vol : 40 minutes</p>
            <p class="spec-drone">Capteurs : Oui</p>
            <p class="spec-drone">Coupe-circuit / parachute : Non</p>
            <img src="Images/C1.png" alt="Classe C1" class="image-classification">
          </div>
        </div>
      </div>
    </section>

    <section class="section-confiance theme-clair">
      <div class="conteneur">
        <div class="entete-section">
          <h2 class="titre-section">Ils me font confiance</h2>
          <p class="sous-titre-section">Pourquoi pas vous ?</p>
          <div class="ligne-separatrice"></div>
        </div>
        <div class="grille-logos">
          <a href="https://trians.com" target="_blank" rel="noopener"><img src="Images/LOGO1.png" alt="Logo domaine de Trians" class="logo-client"></a>
          <a href="https://hyeres.fr" target="_blank" rel="noopener"><img src="Images/LOGO3.png" alt="Logo de la ville Hyères" class="logo-client"></a>
          <a href="https://www.coursmaintenon.fr/" target="_blank" rel="noopener"><img src="Images/LOGO17.png" alt="Logo de Maintenon" class="logo-client"></a>
          <a href="https://www.facebook.com/profile.php?id=61582901677506" target="_blank" rel="noopener"><img src="Images/LOGO22.png" alt="Logo Tracteurs" class="logo-client"></a>
          <a href="https://www.rotary.org/fr" target="_blank" rel="noopener"><img src="Images/LOGO18.png" alt="Logo Rotary Club" class="logo-client"></a>
          <a href="https://groupe-umane.fr/" target="_blank" rel="noopener"><img src="Images/LOGO19.png" alt="Logo EnsoleilAdo" class="logo-client"></a>
          <a href="https://www.facebook.com/parallelmindsofficial" target="_blank" rel="noopener"><img src="Images/LOGO20.png" alt="Logo Parallel Minds" class="logo-client"></a>
          <a href="https://www.youtube.com/@mvxloff" target="_blank" rel="noopener"><img src="Images/LOGO16.png" alt="Logo MVXL" class="logo-client"></a>
          <a href="https://iut.univ-tln.fr/-dep-mmi-.html" target="_blank" rel="noopener"><img src="Images/LOGO14.png" alt="Logo MMI" class="logo-client"></a>
          <a href="https://www.udsp83.com/" target="_blank" rel="noopener"><img src="Images/LOGO21.png" alt="Logo UDSP83" class="logo-client"></a>
          <a href="https://puget-ville.fr" target="_blank" rel="noopener"><img src="Images/LOGO4.png" alt="Logo de la ville de Puget-Ville" class="logo-client"></a>
          <a href="https://cap-pugetville.fr/" target="_blank" rel="noopener"><img src="Images/LOGO5.png" alt="Logo CAP Puget-Ville" class="logo-client"></a>
          <a href="https://www.facebook.com/pompierspuget/?locale=fr_FR" target="_blank" rel="noopener"><img src="Images/LOGO6.png" alt="Logo pompiers de Puget-Ville" class="logo-client"></a>
          <a href="https://formapriv.fr/" target="_blank" rel="noopener"><img src="Images/LOGO24.png" alt="Logo FormaPriv" class="logo-client"></a>
          <a href="https://www.uscuerspierrefeu.fr/" target="_blank" rel="noopener"><img src="Images/LOGO25.png" alt="Logo US-CP" class="logo-client"></a>
          <a href="https://ensosp.fr" target="_blank" rel="noopener"><img src="Images/LOGO7.png" alt="Logo ENSOSP" class="logo-client"></a>
          <a href="https://www.lesamisduvieuxpuget.fr/accueil.html" target="_blank" rel="noopener"><img src="Images/LOGO8.png" alt="Logo Les amis du vieux Puget" class="logo-client"></a>
          <a href="https://peirecedes.com" target="_blank" rel="noopener"><img src="Images/LOGO9.png" alt="Logo domaine des Peirecèdes" class="logo-client"></a>
          <a href="http://www.latulipenoire.eu/" target="_blank" rel="noopener"><img src="Images/LOGO10.png" alt="Logo domaine la Tulipe Noire" class="logo-client"></a>
          <a href="https://artepp.fr" target="_blank" rel="noopener"><img src="Images/LOGO11.png" alt="Logo ARTEPP" class="logo-client"></a>
          <a href="https://www.abritel.fr/location-vacances/p6039879a" target="_blank" rel="noopener"><img src="Images/LOGO23.png" alt="Logo Lezardiere" class="logo-client"></a>
          <a href="https://www.le-pradet.fr/" target="_blank" rel="noopener"><img src="Images/LOGO12.png" alt="Logo ville du Pradet" class="logo-client"></a>
          <a href="https://metropoletpm.fr" target="_blank" rel="noopener"><img src="Images/LOGO13.png" alt="Logo métropole Toulon" class="logo-client"></a>
          
        </div>
      </div>
    </section>

    <section class="section-appel-action">
      <div class="conteneur aligne-centre">
        <h2 class="titre-section titre-cta">Prêt à donner vie à votre projet ?</h2>
        <a href="contact.html" class="bouton-primaire bouton-pulsation">Me Contacter</a>
      </div>
    </section>

  </main>


    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XSB3D25RVN"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-XSB3D25RVN');
  </script>

<script>

    const drone = document.getElementById('droneHero');
  
  window.addEventListener('mousemove', (e) => {
      // Calcul du mouvement
      let x = (e.clientX / window.innerWidth - 0.5) * 30; 
      let y = (e.clientY / window.innerHeight - 0.5) * 30;
      
      /* 
         LA CORRECTION : 
         On réinjecte le scale(1.1) à chaque mouvement 
         avant la translation.
      */
      drone.style.transform = `scale(1.1) translate(${x}px, ${y}px)`;
  });
</script>



  
  <script src="js/script_site.js"></script>
  <mon-footer></mon-footer>
</body>
</html>

A propos d'Outiref

Contact / Signaler un bug

FAQ

Crédits et Mentions Légales

Audit SEO par Abondance

Suivez nous sur...

Un site du Réseau Abondance

Agence SEO Neper
Formations SEO NEPER
Googlefight
Cabinet de conseil en IA - Neper AI
La météo du SEO
Klemo