<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SonaBuds - Break Language Barriers</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;1,400&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
background-color: #F5F5F5;
font-family: 'Montserrat', sans-serif;
color: #333333;
}
.wrapper {
width: 100%;
table-layout: fixed;
background-color: #F5F5F5;
padding-bottom: 34px;
}
.main-container {
background-color: #F0F4F8;
margin: 0 auto;
max-width: 459px;
width: 100%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
img {
border: 0;
display: block;
max-width: 100%;
height: auto;
}
.script-font {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 34px;
line-height: 1.2;
color: #2C5F87;
text-align: center;
margin: 0 0 10px 0;
}
p {
margin: 0 0 13px 0;
font-size: 14px;
line-height: 1.6;
color: #4A4A4A;
}
.btn {
background-color: #2C5F87;
color: #ffffff !important;
display: inline-block;
font-weight: 600;
text-align: center;
text-decoration: none;
padding: 12px 30px;
border-radius: 38px;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 540px) {
.main-container {
width: 100% !important;
}
.pad-mobile {
padding: 25px 17px !important;
}
.script-font {
font-size: 27px !important;
}
}
</style>
</head>
<body>
<center class="wrapper">
<table class="main-container" border="0" cellpadding="0" cellspacing="0">
<!-- Clickable Hero Image -->
<tr>
<td>
<a href="https://s3.eu-north-1.amazonaws.com/translate.buds/translatebuds.html" style="display:block; text-align:center;">
<img src="https://images.unsplash.com/photo-1590658268037-6bf12165a8df?w=600&q=80" alt="SonaBuds Hero" style="width:100%; max-width:459px; height:auto; display:block; border:0;">
</a>
</td>
</tr>
<!-- Shortened Content Section -->
<tr>
<td align="center" class="pad-mobile" style="padding:30px 34px">
<h1 class="script-font">Speak 140 Languages<br>Instantly</h1>
<p>Break language barriers with real-time AI translation earbuds. No Wi-Fi required, just natural conversations anywhere in the world.</p>
<div style="padding-top:15px">
<a href="https://s3.eu-north-1.amazonaws.com/translate.buds/translatebuds.html" class="btn">Get 75% Off</a>
</div>
</td>
</tr>
<!-- Footer & Logo Section -->
<tr>
<td align="center" style="padding:25px 17px; background-color:#E1E8EE;">
<p style="font-size:11px; margin-bottom:13px">
<a href="https://s3.eu-north-1.amazonaws.com/translate.buds/translatebuds.html/contact" style="color:#333; text-decoration:underline; margin:0 6px">Contact Us</a> |
<a href="https://s3.eu-north-1.amazonaws.com/translate.buds/unsub.html" style="color:#333; text-decoration:underline; margin:0 6px">Unsubscribe</a>
</p>
<p style="font-size:10px; color:#777; margin-bottom: 20px;">
© 2026 SonaBuds. All rights reserved.<br>Gedimino pr. 20, LT-01102 Vilnius, Lithuania
</p>
<!-- Clickable Fixed Logo -->
<div style="display:inline-block;">
<a href="https://s3.eu-north-1.amazonaws.com/translate.buds/translatebuds.html" style="display: block;">
<!-- Using a placeholder logo. Replace the src URL if you have the new logo link -->
<img src="https://trysonabuds.com/wp-content/uploads/SonaBuds_logo.svg" width="120" alt="SonaBuds Logo" style="border-radius: 4px;">
</a>
</div>
</td>
</tr>
</table>
</center>
</body>
</html>