vickytechkey
663e3cdbd7
All checks were successful
Deploy Beta (NATIVE) / deploy (push) Successful in 45s
116 lines
No EOL
11 KiB
HTML
116 lines
No EOL
11 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en"><head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>Welcome to Tradhox</title>
|
|
<!-- Tailwind is requested by instructions, but prompt asks for pure HTML/CSS for email (tables, inline styles).
|
|
Since instructions override prompt usually for frameworks (like enforcing Tailwind), but email structure requires tables,
|
|
I will use a hybrid: standard Tailwind script for token parsing (if used via classes in a preview context),
|
|
but primarily focus on email-safe inline styles and table structures to satisfy the email requirement while respecting tokens. -->
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Work+Sans:wght@400;600&display=swap');
|
|
|
|
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
|
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
|
|
img { -ms-interpolation-mode: bicubic; }
|
|
|
|
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
|
|
table { border-collapse: collapse !important; }
|
|
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; background-color: #fbf9f8; font-family: 'Work Sans', sans-serif; color: #1b1c1c; }
|
|
|
|
.heading { font-family: 'Libre Caslon Text', serif; }
|
|
</style>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet">
|
|
<style>
|
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}.block{display:block}.inline{display:inline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
|
</style>
|
|
</head>
|
|
<body style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'Work Sans', sans-serif; color: #1b1c1c; background-color: #fbf9f8; height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important;">
|
|
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #fbf9f8; border-collapse: collapse !important;" width="100%" bgcolor="#fbf9f8">
|
|
<tbody><tr>
|
|
<td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 40px 0;">
|
|
<!-- Main Email Container -->
|
|
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #ffffff; border: 1px solid #dac0c2; max-width: 600px; width: 100%; border-collapse: collapse !important;" width="100%" bgcolor="#ffffff">
|
|
<!-- Header / Logo Area -->
|
|
<tbody><tr>
|
|
<td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 32px; border-bottom: 1px solid #dac0c2;">
|
|
<h1 class="heading" style="font-family: 'Libre Caslon Text', serif; margin: 0; font-size: 32px; font-weight: 700; color: #4d0218; font-style: italic;">Tradhox</h1>
|
|
</td>
|
|
</tr>
|
|
<!-- Hero Image -->
|
|
<tr>
|
|
<td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
|
|
<img alt="Artisanal craftsmanship" data-alt="A beautifully crafted Indian artisanal pottery piece sitting gracefully on a raw wooden table. The lighting is soft and natural, casting gentle shadows that highlight the intricate, hand-painted details. The scene embodies a premium, minimalistic aesthetic with warm cream and burgundy tones, reflecting a deep respect for traditional craftsmanship." src="https://lh3.googleusercontent.com/aida-public/AB6AXuDwKj0sSyvy4Vb6IAeT-HFnkRzbjSC_t19Qm3uNT0f0A6g7dEA1JnSRWuxHvlZ75TY1tUq4GgRvbrIBIpCziv2Ae0VnmWQh5hCKEulaZy9PCPJZJ0IHGlBplmGg6opaLWmIrKt5t49vzSCC3c6y5DoS38kUH1DO8kkAuDlXwl6m9dAXApzArDMus3Fzsb7KQDVzz9J4MuNySnYlDuMurTIweC1IMsLloBMZJw6HEOzG1cn9DT0Yq2FhEQ" style="-ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; width: 100%; max-width: 600px;" width="600" height="auto">
|
|
</td>
|
|
</tr>
|
|
<!-- Welcome Content -->
|
|
<tr>
|
|
<td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 48px 32px;">
|
|
<h2 class="heading" style="font-family: 'Libre Caslon Text', serif; margin: 0 0 24px 0; font-size: 24px; font-weight: 600; color: #1b1c1c;">Welcome to the Family of Makers</h2>
|
|
<p style="margin: 0 0 32px 0; font-size: 16px; line-height: 24px; color: #554244; text-align: center;">
|
|
We are thrilled to welcome you to Tradhox, where traditional artistry meets a modern global marketplace. Here, we celebrate human craftsmanship and the stories woven into every handmade piece.
|
|
</p>
|
|
<!-- CTA Button -->
|
|
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse !important;">
|
|
<tbody><tr>
|
|
<td align="center" bgcolor="#6b1a2c" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-radius: 4px;">
|
|
<a href="{{ shop_link }}" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; display: inline-block; padding: 16px 32px; font-family: 'Work Sans', sans-serif; font-size: 14px; font-weight: 600; color: #ffffff; text-decoration: none; border: 1px solid #6b1a2c; border-radius: 4px;" target="_blank">
|
|
Start Your Journey →
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
</td>
|
|
</tr>
|
|
<!-- Featured Items Teaser (Bento-ish layout for email) -->
|
|
<tr>
|
|
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0 32px 48px 32px;">
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse !important;">
|
|
<tbody><tr>
|
|
<td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding-bottom: 16px;" valign="top" width="48%">
|
|
<img data-alt="Close-up of vibrant, hand-woven sustainable textiles showcasing intricate patterns. The fabric is draped elegantly against a pristine white background. High-quality lighting enhances the rich textures and deep maroon accents, creating a premium, artisanal feel suitable for a high-trust marketplace." src="https://lh3.googleusercontent.com/aida-public/AB6AXuDKWj6PI5PVLtD8yTefLydBNdSLfglyqu79rQgchDnzJHDEQtH7wM0hz47zSHnTxBtK27KgjE27S5dY0s4ssg_CCzLqmZpIjoM3ew2YXQDVM4GC_O6ZFA2m2F-YjYhNyn78Mm--yGIGTRnFFf6JCWcZgQUJRNpAD4QGYHcEQ4pRJEbRuqIKdVi-18eSoR1RTOc9dFZwpH8u0qb3TeLtrvBnEArLbpk9-VbGCifLYxerqun0qcbwjX8akA" style="-ms-interpolation-mode: bicubic; height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; border: 1px solid #dac0c2; border-radius: 4px; margin-bottom: 12px;" width="100%" height="auto">
|
|
<h3 style="margin: 0 0 8px 0; font-family: 'Work Sans', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #4d0218;">Sustainable Crafts</h3>
|
|
</td>
|
|
<td width="4%" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"></td>
|
|
<td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding-bottom: 16px;" valign="top" width="48%">
|
|
<img data-alt="A skilled artisan's hands carefully shaping a delicate piece of GI-tagged wooden craft. The workspace is softly lit, emphasizing the dedication and precision of the maker. The overall mood is warm, authentic, and rooted in cultural preservation, with subtle hints of burgundy and soft beige in the environment." src="https://lh3.googleusercontent.com/aida-public/AB6AXuAor7SuW3PDkut6kw6zd7SJcjuQb8YWP7VHhdik0Axf2u9wxc18kJdEwf_63ld10x_E2W11yMrkooGzdRpZe_wL2ywQjqaqCcaBpAqUiG-ocYu61WLuyWP5VySMT8bAarpnG4il0EGyQ2EgWSv2rkKwzjGzrshCz56h69pmwCCQjWK71ox84KT1jyxyHPhoCgyHzAwLehB4DAlANLpSpPr6Ku0zgOISfyBT_BCR-ApuYSfkgYab1zbWIw" style="-ms-interpolation-mode: bicubic; height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; border: 1px solid #dac0c2; border-radius: 4px; margin-bottom: 12px;" width="100%" height="auto">
|
|
<h3 style="margin: 0 0 8px 0; font-family: 'Work Sans', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #4d0218;">GI Tagged Heritage</h3>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
</td>
|
|
</tr>
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td align="center" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 32px; background-color: #f5f3f3; border-top: 1px solid #dac0c2;" bgcolor="#f5f3f3">
|
|
<p style="margin: 0 0 16px 0; font-family: 'Libre Caslon Text', serif; font-size: 18px; font-weight: 700; color: #554244;">
|
|
Tradhox
|
|
</p>
|
|
<!-- Social Icons (Placeholders) -->
|
|
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin-bottom: 24px; border-collapse: collapse !important;">
|
|
<tbody><tr>
|
|
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0 8px;">
|
|
<a href="#" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #6b1a2c; text-decoration: none; font-size: 12px; font-weight: 600;">Instagram</a>
|
|
</td>
|
|
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0 8px;">
|
|
<a href="#" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #6b1a2c; text-decoration: none; font-size: 12px; font-weight: 600;">Facebook</a>
|
|
</td>
|
|
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0 8px;">
|
|
<a href="#" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #6b1a2c; text-decoration: none; font-size: 12px; font-weight: 600;">Twitter</a>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
<p style="margin: 0; font-size: 12px; color: #636260;">
|
|
© {% now "Y" %} Tradhox Artisanal Marketplace. All rights reserved.<br>
|
|
<a href="#" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #636260; text-decoration: underline;">Privacy Policy</a> • <a href="#" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #636260; text-decoration: underline;">Terms of Service</a> • <a href="#" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #636260; text-decoration: underline;">Unsubscribe</a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
</body></html> |