Barry
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>BBQDubai – Contact Card</title>
<style>
/* ================================
Shopify cleanup (page-specific)
================================ */
.template-page h1,
.page-title,
h1.title,
h1,
nav.breadcrumb,
.breadcrumbs {
display: none !important;
}
body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
background: #ffffff;
color: #111;
}
.container {
max-width: 420px;
margin: 0 auto;
padding: 48px 24px 32px;
text-align: center;
}
.logo img {
max-width: 180px;
height: auto;
margin-bottom: 32px;
}
.name {
font-size: 32px;
font-weight: 700;
margin-bottom: 6px;
}
.title {
font-size: 19px;
font-weight: 500;
color: #666;
margin-bottom: 40px;
}
/* ================================
Buttons
================================ */
.button {
width: 100%;
padding: 18px 20px;
margin-bottom: 16px;
border-radius: 22px; /* more curved */
text-decoration: none;
font-size: 17px;
font-weight: 600;
display: grid;
grid-template-columns: 32px 1fr 32px; /* icon | text | spacer */
align-items: center;
transition: transform 0.05s ease, box-shadow 0.05s ease;
}
.button:active {
transform: scale(0.98);
}
.button:hover {
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.icon !important {
font-size: 22px;
text-align: left;
}
.label {
text-align: center;
}
/* ================================
Button colours
================================ */
.whatsapp {
background: #25D366;
color: #ffffff;
}
.email,
.website {
background: #f0f0f0;
color: #111111;
}
.footer {
margin-top: 32px;
font-size: 13px;
color: #888;
}
</style>
</head>
<body>
<div class="container">
<div class="logo">
<img src="https://cdn.shopify.com/s/files/1/0591/6576/9861/files/BBQDubaiMainLogo_4cc57339-2d4e-4fba-9bde-cea9819c6b50.png?v=1763459324" alt="BBQDubai Logo">
</div>
<div class="name">Barry</div>
<div class="title">Commercial Manager</div>
<a
class="button whatsapp"
href="https://wa.me/971508540701?text=Hi%2C%20I%20have%20a%20question%20about%20outdoor%20kitchens%20and%20BBQs"
target="_blank"
rel="noopener"
>
<span class="label">Chat on WhatsApp</span>
<span></span>
</a>
<a class="button email" href="mailto:info@bbqdubai.ae">
<span class="label">Email</span>
<span></span>
</a>
<a
class="button website"
href="https://bbqdubai.ae"
target="_blank"
rel="noopener"
>
<span class="label">Visit Website</span>
<span></span>
</a>
<div class="footer">
Scan • Tap • Connect
</div>
</div>
</body>
</html>