Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Trinquette Royale</title>
  <style>
    /* Style général */
    body {
      margin: 0;
      padding: 0;
      background: #000; /* Fond sombre */
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      color: white;
      font-family: 'Arial', sans-serif;
    }

    /* Conteneur principal */
    #logo-container {
      position: relative;
      text-align: center;
      width: 100%;
      max-width: 400px; /* Pour garder tout centré sur mobile */
    }

    /* Logo */
    #logo {
      width: 150px; /* Taille du logo */
      opacity: 0;
      transform: scale(0.5);
      animation: logoEnter 2s ease-out forwards;
    }

    @keyframes logoEnter {
      0% { opacity: 0; transform: scale(0.5) rotate(-180deg); }
      100% { opacity: 1; transform: scale(1) rotate(0deg); }
    }

    /* Effets lumineux autour du logo */
    .light-effect {
      position: absolute;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255, 223, 0, 0.4), transparent);
      animation: pulse 3s infinite ease-in-out;
      z-index: -1;
    }

    .light1 {
      width: 200px;
      height: 200px;
      top: -30px;
      left: -30px;
    }

    .light2 {
      width: 250px;
      height: 250px;
      bottom: -40px;
      right: -40px;
    }

    @keyframes pulse {
      0%, 100% { transform: scale(1); opacity: 0.8; }
      50% { transform: scale(1.3); opacity: 0.5; }
    }

    /* Particules scintillantes */
    .particle {
      position: absolute;
      width: 4px;
      height: 4px;
      background: gold;
      border-radius: 50%;
      opacity: 0;
      animation: sparkle 5s infinite ease-in-out;
    }

    @keyframes sparkle {
      0% { transform: translate(0, 0); opacity: 0; }
      50% { opacity: 1; }
      100% { transform: translate(30px, -30px); opacity: 0; }
    }

    /* Texte de bienvenue avec des couleurs */
    #welcome-text {
      font-size: 24px;
      font-weight: bold;
      margin-top: 15px;
      background: linear-gradient(90deg, #f6d365, #fda085); /* Dégradé doré */
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; /* Texte avec effet de dégradé */
      text-shadow: 2px 2px 5px rgba(255, 223, 0, 0.7);
      opacity: 0;
      animation: textAppear 2s ease-in-out 2s forwards;
    }

    @keyframes textAppear {
      0% { opacity: 0; transform: translateY(30px); }
      100% { opacity: 1; transform: translateY(0); }
    }

    /* Accroche */
    #final-effect {
      font-size: 16px;
      margin-top: 20px;
      color: #ffd700; /* Couleur dorée */
      opacity: 0;
      animation: fadeIn 2s ease-in-out 4s forwards;
    }

    @keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }

    /* Responsive pour mobile */
    @media (max-width: 768px) {
      #logo {
        width: 120px; /* Taille plus petite du logo sur mobile */
      }
      .light1, .light2 {
        width: 150px; /* Réduction des cercles lumineux sur mobile */
        height: 150px;
      }
      #welcome-text {
        font-size: 20px;
      }
      #final-effect {
        font-size: 14px;
      }
    }
  </style>
</head>
<body>
  
  <div id="logo-container">
    
    <div class="light-effect light1"></div>
    <div class="light-effect light2"></div>

    
    <img id="logo" src="https://cdn.durable.co/blocks/14VHAs3kJ01NTppYGCMuFHQZEmGwaOXWvfhSSnG6m0JG0CX46Hs3MmeaS9ILw9UB.jpg" alt="Logo Trinquette Royale">

    
    <div id="welcome-text">Bienvenue à Trinquette Royale</div>

    
    <div id="final-effect">Votre Oasis d'Accueil au Cœur de Bohicon, Porte du Tourisme Béninois</div>
  </div>

  
  <script>
    const container = document.getElementById('logo-container');

    // Génération des particules scintillantes
    for (let i = 0; i < 20; i++) {
      const particle = document.createElement('div');
      particle.className = 'particle';
      particle.style.left = `${Math.random() * 100}%`;
      particle.style.top = `${Math.random() * 100}%`;
      particle.style.animationDelay = `${Math.random() * 3}s`;
      particle.style.animationDuration = `${Math.random() * 2 + 3}s`;
      container.appendChild(particle);
    }
  </script>
</body>
</html>

Glasses of champagne or prosecco prepared for guests at the bar counter in the hotel as a welcome drink

Banner image slider horizontal

Verres à vin dans une rangée. Buffet de fête de la table de dégustation de vins. Concept de vie nocturne, de célébration et de divertissement

Image carousel

Plongez dans le confort et la sérénité de nos chambres, soigneusement entretenues pour rendre votre séjour inoubliable. Que ce soit pour un voyage d'affaires ou une escapade relaxante, Trinquette Royale vous garantit une expérience d'hébergeur

"Un Havre de Confort à Trinquette Royale"

Interior of a modern cozy italian restaurant

Bienvenue au restaurant de Trinquette Royale , où chaque plat raconte une histoire de saveurs authentiques et de créativité culinaire. Profitez d'une expérience gourmande inoubliable dans un cadre chaleureux et raffiné.

"Un Voyage Culinaire au Cœur de Bohicon"

Rendu 3D agréable restaurant avec une décoration élégante

Dégustez nos meilleurs cocktails et liqueurs dans une ambiance élégante et chaleureuse. L’endroit parfait pour se détendre et créer des souvenirs.

Bar Trinquette Royale

Text + image

<p><span style="color:#f1c40f"><strong>Un Espace Exclusif pour des Moments d'Exception</strong></span></p>
<h3><span style="color:#f1c40f">Section VIP Trinquette Royale</span></h3>
<p class="small"><span style="color:#f1c40f"><strong>Découvrez l’élégance ultime de notre espace VIP, conçu pour ceux qui recherchent une expérience intime et privilégiée. Profitez d'un service sur-mesure dans un cadre somptueux, idéal pour des célébrations spéciales, des rendez-vous d'affaires, ou simplement pour savourer un moment de détente dans une ambiance luxueuse. Notre section VIP offre une sélection de liqueurs raffinées et de cocktails exclusifs, le tout dans une atmosphère de confort et de discrétion. Offrez-vous l'exception chez Trinquette Royale, là où chaque détail est pensé pour dépasser vos attentes.</strong></span></p>

Business hours

"Chez Trinquette Royale, chaque espace – l’hôtel, le restaurant, le bar et la section VIP – possède des horaires d'ouverture uniques pour mieux répondre aux besoins de nos clients. Pour connaître les horaires spécifiques de chaque service, nous vous invitons à consulter les pages dédiées de chaque section. Nous avons hâte de vous accueillir dans les meilleures conditions, selon l’espace et le moment qui vous conviennent."

Heures d'ouvertures 

Bartender pouring the alcohol cocktail with strainer

Location

Map of Abomey, displaying locations of various restaurants and hotels with ratings.

Trinquette Royal Hôtelleries bar et Restauration 

Un site web élégant et accueillant pour Trinquette Royale Hôtellerie Bar et Restauration, conçu pour offrir aux visiteurs une immersion complète dans l’ambiance raffinée de l’établissement et faciliter la découverte de ses services, menus, chambres et événements.