<!DOCTYPE html>

<html lang="fr">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Chad Energy | Électricité & Photovoltaïque</title>

  <meta name="description" content="Chad Energy accompagne vos projets électriques et photovoltaïques : dimensionnement, installation, maintenance et suivi de performance PV en France et en consultance hors France." />


  <style>

    * {

      margin: 0;

      padding: 0;

      box-sizing: border-box;

      font-family: Arial, Helvetica, sans-serif;

    }


    html {

      scroll-behavior: smooth;

    }


    body {

      color: #1f2937;

      background: #f8fafc;

      line-height: 1.6;

    }


    a {

      text-decoration: none;

      color: inherit;

    }


    .container {

      width: 90%;

      max-width: 1150px;

      margin: auto;

    }


    header {

      background: #ffffff;

      border-bottom: 1px solid #e5e7eb;

      position: sticky;

      top: 0;

      z-index: 100;

    }


    .navbar {

      display: flex;

      justify-content: space-between;

      align-items: center;

      padding: 18px 0;

    }


    .logo {

      font-size: 24px;

      font-weight: 800;

      color: #0f766e;

    }


    .logo span {

      color: #f59e0b;

    }


    nav a {

      margin-left: 18px;

      font-weight: 600;

      font-size: 15px;

      color: #374151;

    }


    nav a:hover {

      color: #0f766e;

    }


    .hero {

      background: linear-gradient(135deg, rgba(15,118,110,0.95), rgba(20,83,45,0.92)), url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1600&q=80') center/cover;

      color: white;

      padding: 110px 0;

    }


    .hero-content {

      max-width: 760px;

    }


    .badge {

      display: inline-block;

      background: rgba(255,255,255,0.15);

      border: 1px solid rgba(255,255,255,0.3);

      padding: 8px 14px;

      border-radius: 999px;

      font-size: 14px;

      margin-bottom: 22px;

    }


    .hero h1 {

      font-size: 48px;

      line-height: 1.15;

      margin-bottom: 20px;

    }


    .hero p {

      font-size: 19px;

      margin-bottom: 32px;

      color: #ecfeff;

    }


    .btn-group {

      display: flex;

      gap: 14px;

      flex-wrap: wrap;

    }


    .btn {

      display: inline-block;

      padding: 14px 22px;

      border-radius: 8px;

      font-weight: 700;

      transition: 0.3s;

    }


    .btn-primary {

      background: #f59e0b;

      color: #111827;

    }


    .btn-primary:hover {

      background: #fbbf24;

    }


    .btn-secondary {

      background: white;

      color: #0f766e;

    }


    .btn-secondary:hover {

      background: #ecfeff;

    }


    section {

      padding: 75px 0;

    }


    .section-title {

      text-align: center;

      margin-bottom: 45px;

    }


    .section-title h2 {

      font-size: 34px;

      color: #111827;

      margin-bottom: 10px;

    }


    .section-title p {

      color: #6b7280;

      max-width: 700px;

      margin: auto;

    }


    .grid {

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 24px;

    }


    .grid-2 {

      display: grid;

      grid-template-columns: repeat(2, 1fr);

      gap: 24px;

    }


    .card {

      background: white;

      border-radius: 16px;

      padding: 28px;

      box-shadow: 0 10px 25px rgba(0,0,0,0.06);

      border: 1px solid #e5e7eb;

    }


    .card .icon {

      font-size: 34px;

      margin-bottom: 14px;

    }


    .card h3 {

      font-size: 21px;

      color: #0f766e;

      margin-bottom: 10px;

    }


    .about,

    .manager,

    .faq,

    .contact {

      background: white;

    }


    .about-content,

    .manager-content {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 40px;

      align-items: center;

    }


    .about-box,

    .manager-box {

      background: #f0fdfa;

      padding: 30px;

      border-radius: 18px;

      border-left: 6px solid #0f766e;

    }


    .about-box h2,

    .manager-box h2 {

      font-size: 32px;

      margin-bottom: 18px;

      color: #111827;

    }


    .list li {

      margin-bottom: 12px;

      list-style: none;

    }


    .list li::before {

      content: "✓";

      color: #0f766e;

      font-weight: bold;

      margin-right: 8px;

    }


    .zone {

      background: #0f766e;

      color: white;

      text-align: center;

    }


    .zone h2 {

      font-size: 34px;

      margin-bottom: 14px;

    }


    .zone p {

      max-width: 760px;

      margin: auto;

      font-size: 18px;

      color: #ccfbf1;

    }


    .steps {

      counter-reset: step;

    }


    .step-card {

      position: relative;

    }


    .step-card::before {

      counter-increment: step;

      content: counter(step);

      position: absolute;

      top: -16px;

      right: 24px;

      width: 42px;

      height: 42px;

      border-radius: 50%;

      background: #f59e0b;

      color: #111827;

      display: flex;

      align-items: center;

      justify-content: center;

      font-weight: 800;

    }


    .manager-profile {

      background: #ffffff;

      border: 1px solid #e5e7eb;

      border-radius: 18px;

      padding: 28px;

      box-shadow: 0 10px 25px rgba(0,0,0,0.06);

      text-align: center;

    }


    .avatar {

      width: 120px;

      height: 120px;

      margin: 0 auto 18px;

      border-radius: 50%;

      background: #0f766e;

      color: white;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 42px;

      font-weight: 800;

    }


    .manager-profile h3 {

      color: #111827;

      font-size: 24px;

      margin-bottom: 6px;

    }


    .manager-profile span {

      display: block;

      color: #0f766e;

      font-weight: 700;

      margin-bottom: 12px;

    }


    .faq-item {

      background: #f8fafc;

      border: 1px solid #e5e7eb;

      border-radius: 14px;

      padding: 22px;

      margin-bottom: 16px;

    }


    .faq-item h3 {

      color: #0f766e;

      margin-bottom: 8px;

      font-size: 19px;

    }


    .contact-box {

      max-width: 780px;

      margin: auto;

      background: #f8fafc;

      border: 1px solid #e5e7eb;

      border-radius: 18px;

      padding: 36px;

      text-align: center;

    }


    .contact-box h2 {

      font-size: 32px;

      color: #111827;

      margin-bottom: 12px;

    }


    .contact-info {

      margin: 24px 0;

      color: #374151;

    }


    footer {

      background: #111827;

      color: #d1d5db;

      padding: 28px 0;

      text-align: center;

      font-size: 14px;

    }


    @media (max-width: 950px) {

      nav {

        display: none;

      }


      .grid,

      .grid-2,

      .about-content,

      .manager-content {

        grid-template-columns: 1fr;

      }


      .hero h1 {

        font-size: 36px;

      }


      .hero {

        padding: 80px 0;

      }

    }

  </style>

</head>

<body>


  <header>

    <div class="container navbar">

      <div class="logo">Chad <span>Energy</span></div>

      <nav>

        <a href="#accueil">Accueil</a>

        <a href="#services">Services</a>

        <a href="#processus">Méthode</a>

        <a href="#avantages">Engagements</a>

        <a href="#about">À propos</a>

        <a href="#manager">Manager</a>

        <a href="#faq">FAQ</a>

        <a href="#contact">Contact</a>

      </nav>

    </div>

  </header>


  <main>

    <section id="accueil" class="hero">

      <div class="container hero-content">

        <div class="badge">Ouverture officielle : 1er mai 2026</div>

        <h1>Électricité & photovoltaïque : un accompagnement fiable pour vos projets</h1>

        <p>

          Chad Energy accompagne les particuliers, professionnels et porteurs de projets dans leurs besoins électriques et photovoltaïques : conseil, dimensionnement, installation, maintenance et suivi de performance.

        </p>

        <div class="btn-group">

          <a href="#contact" class="btn btn-primary">Discuter d’un projet</a>

          <a href="#services" class="btn btn-secondary">Voir les services</a>

        </div>

      </div>

    </section>


    <section id="services">

      <div class="container">

        <div class="section-title">

          <h2>Nos services</h2>

          <p>Des prestations simples, utiles et adaptées à chaque besoin.</p>

        </div>


        <div class="grid">

          <div class="card">

            <div class="icon">⚡</div>

            <h3>Travaux électriques</h3>

            <p>Accompagnement pour les installations, rénovations, contrôles et besoins électriques courants.</p>

          </div>


          <div class="card">

            <div class="icon">☀️</div>

            <h3>Dimensionnement photovoltaïque</h3>

            <p>Étude de votre consommation et proposition d’une solution solaire adaptée à votre projet.</p>

          </div>


          <div class="card">

            <div class="icon">🔧</div>

            <h3>Installation & maintenance</h3>

            <p>Installation, vérification et maintenance de vos équipements électriques et solaires.</p>

          </div>


          <div class="card">

            <div class="icon">📊</div>

            <h3>Suivi de performance PV</h3>

            <p>Analyse de production, détection des pertes et recommandations pour optimiser les performances.</p>

          </div>


          <div class="card">

            <div class="icon">🌍</div>

            <h3>Consultance hors France</h3>

            <p>Conseil et accompagnement à distance pour les projets situés hors du territoire français.</p>

          </div>


          <div class="card">

            <div class="icon">🤝</div>

            <h3>Conseil personnalisé</h3>

            <p>Échange, diagnostic et orientation vers la solution la plus adaptée à votre situation.</p>

          </div>

        </div>

      </div>

    </section>


    <section id="processus" class="steps">

      <div class="container">

        <div class="section-title">

          <h2>Notre méthode</h2>

          <p>Un processus clair pour démarrer sereinement votre projet.</p>

        </div>


        <div class="grid">

          <div class="card step-card">

            <h3>Échange initial</h3>

            <p>Nous échangeons sur votre besoin, votre objectif, votre localisation et vos contraintes.</p>

          </div>


          <div class="card step-card">

            <h3>Analyse du besoin</h3>

            <p>Nous étudions les informations disponibles afin de proposer une orientation technique adaptée.</p>

          </div>


          <div class="card step-card">

            <h3>Proposition & accompagnement</h3>

            <p>Nous définissons la solution, les prochaines étapes et le mode d’intervention le plus approprié.</p>

          </div>

        </div>

      </div>

    </section>


    <section id="avantages" class="about">

      <div class="container">

        <div class="section-title">

          <h2>Nos engagements</h2>

          <p>Une jeune entreprise avec une approche sérieuse, transparente et orientée résultat.</p>

        </div>


        <div class="grid-2">

          <div class="card">

            <h3>Sérieux</h3>

            <p>Chaque demande est traitée avec attention, méthode et professionnalisme.</p>

          </div>


          <div class="card">

            <h3>Transparence</h3>

            <p>Des explications claires, des conseils compréhensibles et une communication simple.</p>

          </div>


          <div class="card">

            <h3>Solutions adaptées</h3>

            <p>Les recommandations sont proposées selon le besoin réel, le contexte et le budget.</p>

          </div>


          <div class="card">

            <h3>Disponibilité</h3>

            <p>Présentiel en France et consultance à distance pour les projets hors France.</p>

          </div>

        </div>

      </div>

    </section>


    <section id="about" class="about">

      <div class="container about-content">

        <div class="about-box">

          <h2>À propos de Chad Energy</h2>

          <p>

            Chad Energy est une entreprise créée en France pour accompagner les projets liés à l’électricité et au photovoltaïque. Son objectif est d’apporter un service professionnel, accessible et adapté aux besoins des clients.

          </p>

          <br />

          <p>

            Le nom Chad Energy reflète aussi un attachement fort au Tchad, pays d’origine et source d’inspiration du projet.

          </p>

        </div>


        <div>

          <ul class="list">

            <li>Entreprise officiellement lancée le 1er mai 2026</li>

            <li>Accompagnement électrique et photovoltaïque</li>

            <li>Présentiel partout en France selon les projets</li>

            <li>Consultance disponible hors France</li>

            <li>Approche simple, sérieuse et professionnelle</li>

          </ul>

        </div>

      </div>

    </section>


    <section id="manager" class="manager">

      <div class="container manager-content">

        <div class="manager-profile">

          <div class="avatar">CE</div>

          <h3>Nom du fondateur</h3>

          <span>Fondateur & Manager de Chad Energy</span>

          <p>

            Responsable du suivi des projets, du conseil technique et de l’accompagnement des clients.

          </p>

        </div>


        <div class="manager-box">

          <h2>Une gestion de proximité</h2>

          <p>

            En tant que jeune entreprise, Chad Energy privilégie une relation directe avec ses clients. Chaque projet est suivi avec attention afin de bien comprendre le besoin, proposer une solution adaptée et assurer un accompagnement clair.

          </p>

          <br />

          <p>

            Cette proximité permet d’offrir un service plus réactif, plus humain et plus transparent.

          </p>

        </div>

      </div>

    </section>


    <section id="zone" class="zone">

      <div class="container">

        <h2>Zone d’intervention</h2>

        <p>

          Chad Energy intervient en présentiel sur le territoire français selon la nature du projet et propose également de la consultance pour les projets situés hors France.

        </p>

      </div>

    </section>


    <section id="faq" class="faq">

      <div class="container">

        <div class="section-title">

          <h2>Questions fréquentes</h2>

          <p>Quelques réponses simples avant de démarrer.</p>

        </div>


        <div class="faq-item">

          <h3>Chad Energy intervient-elle partout en France ?</h3>

          <p>Oui, des interventions peuvent être étudiées sur le territoire français selon la nature du projet.</p>

        </div>


        <div class="faq-item">

          <h3>Proposez-vous de la consultance hors France ?</h3>

          <p>Oui, l’accompagnement à distance est possible pour les projets situés hors France.</p>

        </div>


        <div class="faq-item">

          <h3>Pouvez-vous accompagner un projet photovoltaïque dès le début ?</h3>

          <p>Oui, Chad Energy peut intervenir dès la phase de réflexion : conseil, dimensionnement, choix techniques et suivi.</p>

        </div>


        <div class="faq-item">

          <h3>Comment demander un devis ou un premier échange ?</h3>

          <p>Vous pouvez envoyer un email ou contacter Chad Energy via WhatsApp avec une courte description de votre besoin.</p>

        </div>

      </div>

    </section>


    <section id="contact" class="contact">

      <div class="container">

        <div class="contact-box">

          <h2>Discutons de votre projet</h2>

          <p>Vous avez un besoin en électricité ou en photovoltaïque ? Contactez Chad Energy pour un premier échange.</p>


          <div class="contact-info">

            <p><strong>Email :</strong> contact@chadenergy.fr</p>

            <p><strong>Téléphone / WhatsApp :</strong> +33 6 00 00 00 00</p>

            <p><strong>Disponibilité :</strong> France & consultance internationale</p>

          </div>


          <div class="btn-group" style="justify-content:center;">

            <a href="mailto:contact@chadenergy.fr" class="btn btn-primary">Envoyer un email</a>

            <a href="https://wa.me/33600000000" class="btn btn-secondary">Contacter sur WhatsApp</a>

          </div>

        </div>

      </div>

    </section>

  </main>


  <footer>

    <div class="container">

      © 2026 Chad Energy. Tous droits réservés. Électricité & Photovoltaïque.

    </div>

  </footer>


</body>

</html>