The #1 Exclusive Audio Companion ✨ No Voting Required for basic features ✨ Supports All Major Platforms!

Euphony

We are JDOG, Frank, and Jom. We are constantly working to make the best dedicated audio bot, Euphony!

Euphony Staff

Awesome site. Easy to use and operate. Great work!

Awesome. you're the man! I use this every day for a few different channels in a server I run, so I'm grateful you maintain it the way you do. good work!

Asked for a needed function and Devs delivered same day. So well deserved your 5 Stars!

I cannot speak Highly enough about the music bot Quality, but also the top tier customer support that was provided when I was having an issue. This goes above and beyond to prove that someone not only cares about the user base but also the fact everyone gets top notch quality support. Will continue to purchase the yearly plan and support this creator! Thank you 

Best music bot I ever saw. Its easy to use. And work with YouTube and spotify.

<html><head><style>

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Euphony Color Scheme Override */
:host, :root {
  --color-brand: #e4a324;
  --color-brand-5: #4db8cc;    /* Light teal accent */
  --color-brand-10: #2fa8c2;   /* Medium teal */
  --color-brand-20: #008aa6;   /* Secondary brand color (teal) */
  --color-brand-40: #e8b633;   /* Light golden */
  --color-brand-60: #e4a324;   /* Main brand color (golden) */
  --color-brand-80: #d9941f;   /* Darker golden */
  --color-brand-100: #006d82;  /* Dark teal */
  
  /* Additional secondary color variables */
  --color-secondary: #008aa6;
  --color-secondary-light: #4db8cc;
  --color-secondary-dark: #006d82;
}

/* Cool Background Effects */
body, html {
  background: linear-gradient(135deg, 
    rgba(20, 20, 20, 0.95) 0%, 
    rgba(30, 30, 35, 0.95) 50%, 
    rgba(25, 25, 30, 0.95) 100%);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
  color: #ffffff;
}

/* Animated Gradient Background */
@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Enhanced Content Container */
.content {
  position: relative;
  transition: all 0.3s ease;
}

.content:hover {
  transform: translateY(-5px);
}

/* Styled container with borders */
.euphony-styled-container {
  background: rgba(30, 30, 35, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(228, 163, 36, 0.3);
  border-radius: 20px;
  padding: 2rem;
  transition: all 0.3s ease;
}

.euphony-styled-container:hover {
  border: 1px solid rgba(228, 163, 36, 0.5);
}

/* Floating Particles Effect */
.content::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, 
    rgba(228, 163, 36, 0.1) 1px, 
    transparent 1px);
  background-size: 30px 30px;
  animation: float 20s linear infinite;
  pointer-events: none;
}

@keyframes float {
  0% { transform: translate(0, 0) rotate(0deg); }
  100% { transform: translate(-30px, -30px) rotate(360deg); }
}

/* Enhanced iframe styling */
.content iframe {
  border: none !important;
  box-shadow: none !important;
  border-radius: 15px;
  transition: all 0.3s ease;
  background: linear-gradient(45deg, 
    rgba(228, 163, 36, 0.1), 
    rgba(0, 138, 166, 0.1));
  outline: none !important;
}

/* Force remove any possible iframe borders */
iframe, iframe * {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  outline: none !important;
}

.content iframe:hover {
  transform: scale(1.02);
}

/* Glowing text effect */
.euphony-glow {
  background: linear-gradient(45deg, #e4a324, #008aa6, #e4a324);
  background-size: 300% 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGlow 3s ease-in-out infinite alternate;
  font-weight: bold;
  text-shadow: 0 0 30px rgba(228, 163, 36, 0.3);
}

@keyframes textGlow {
  0% { 
    background-position: 0% 50%;
    filter: brightness(1);
  }
  100% { 
    background-position: 100% 50%;
    filter: brightness(1.2);
  }
}

/* Pulse animation for interactive elements */
.pulse-animation {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { 
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(228, 163, 36, 0.7);
  }
  70% { 
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(228, 163, 36, 0);
  }
  100% { 
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(228, 163, 36, 0);
  }
}

/* Euphony branding enhancements */
.euphony-brand {
  position: relative;
  overflow: hidden;
}

/* Cool button styles */
.euphony-button {
  background: linear-gradient(45deg, #e4a324, #008aa6);
  border: none;
  border-radius: 25px;
  padding: 12px 24px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.euphony-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(228, 163, 36, 0.4);
}

.euphony-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.2), 
    transparent);
  transition: left 0.5s;
}

.euphony-button:hover::before {
  left: 100%;
}

/* Dark theme enhancements */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}

p {
  color: #e0e0e0;
}

.euphony-brand h1 {
  text-align: center;
  margin: 1rem 0;
  font-size: 3.5em;
  font-family: "Eighties Regular", "Poppins", sans-serif;
  letter-spacing: 3px;
  font-weight: 1000;
  line-height: 115%;
}


</style>
</head><body><div class="euphony-styled-container">
  <div class="euphony-brand">
    <h1 class="euphony-glow">Euphony</h1>
  </div>
  <p style="text-align: center; font-size: 1.2em; margin: 1rem 0; padding: 1rem; background: rgba(228, 163, 36, 0.15); border-radius: 15px; border-left: 4px solid #e4a324; color: #ffffff;">
    <strong>Euphony</strong> is a Discord app that revolutionizes the way you experience audio and music, offering the <span class="euphony-glow">cleanest user interface</span>, <span class="euphony-glow">high quality sound</span>, and a wide range of music-related features.
  </p>
  <div class="content entity-content__description css-18r9pyf">
    <iframe src="https://euphony-music.com/" width="600" height="400"></iframe>
  </div>
</div></body></html>

Euphony

Convidar

Votar (238)

Convidar

Votar (238)

Visão Geral

Euphony

Avaliações e Comentários