Tari Hot Sauce Sample Card — 3 Bold Peruvian Flavors Shipped to Your Door! 🌶️
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–fire: #dc2626;
–ember: #ea580c;
–gold: #d97706;
–yellow: #fbbf24;
–dark: #1c0a00;
–charcoal:#292524;
–cream: #fffbf5;
–muted: #78716c;
–radius: 22px;
}
html { scroll-behavior: smooth; }
body {
font-family: ‘Nunito’, sans-serif;
background: var(–cream);
color: var(–dark);
line-height: 1.7;
overflow-x: hidden;
}
/* ===== HOT BANNER ===== */
.hot-banner {
background: linear-gradient(90deg, var(–fire), var(–ember), var(–gold));
background-size: 200% 100%;
animation: shimmer 3s linear infinite;
color: #fff;
text-align: center;
padding: 11px 20px;
font-family: ‘Poppins’, sans-serif;
font-weight: 700;
font-size: 0.88rem;
letter-spacing: 0.5px;
}
@keyframes shimmer {
0% { background-position: 0% 50%; }
100% { background-position: 200% 50%; }
}
.hot-banner span {
background: rgba(255,255,255,0.2);
border: 1.5px solid rgba(255,255,255,0.4);
padding: 2px 10px;
border-radius: 50px;
margin: 0 6px;
font-size: 0.82rem;
}
/* ===== HERO ===== */
.hero {
position: relative;
background: var(–charcoal);
overflow: hidden;
}
/* Ember glow blobs */
.hero::before {
content: ”;
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 10% 60%, rgba(220,38,38,0.35) 0%, transparent 55%),
radial-gradient(ellipse at 90% 40%, rgba(234,88,12,0.3) 0%, transparent 55%),
radial-gradient(ellipse at 50% 100%, rgba(217,119,6,0.2) 0%, transparent 50%);
pointer-events: none;
}
.hero-inner {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
max-width: 1100px;
margin: 0 auto;
padding: 64px 40px 0;
gap: 48px;
}
@media (max-width: 768px) {
.hero-inner {
grid-template-columns: 1fr;
padding: 40px 24px 0;
text-align: center;
}
.hero-img { order: -1; }
}
/* Eyebrow */
.eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(220,38,38,0.25);
border: 1.5px solid rgba(220,38,38,0.5);
color: #fca5a5;
font-weight: 800;
font-size: 0.8rem;
letter-spacing: 2px;
text-transform: uppercase;
padding: 6px 16px;
border-radius: 50px;
margin-bottom: 18px;
}
.hero-text h1 {
font-family: ‘Poppins’, sans-serif;
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 900;
color: #fff;
line-height: 1.1;
margin-bottom: 20px;
}
.hero-text h1 .fire-word {
background: linear-gradient(135deg, var(–yellow), var(–fire));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-text p {
font-size: 1.05rem;
color: rgba(255,255,255,0.78);
font-weight: 600;
margin-bottom: 28px;
max-width: 460px;
}
@media (max-width: 768px) {
.hero-text p { margin-left: auto; margin-right: auto; }
}
/* Flavor chips */
.flavor-chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.flavor-chips { justify-content: center; }
}
.chip {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border-radius: 50px;
font-weight: 800;
font-size: 0.88rem;
border: 2px solid;
}
.chip-red { background: rgba(220,38,38,0.2); border-color: rgba(220,38,38,0.5); color: #fca5a5; }
.chip-smoke { background: rgba(120,113,108,0.3); border-color: rgba(120,113,108,0.5); color: #d6d3d1; }
.chip-tropic { background: rgba(217,119,6,0.2); border-color: rgba(217,119,6,0.5); color: #fcd34d; }
/* CTA group */
.cta-group {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
@media (max-width: 768px) {
.cta-group { align-items: center; }
}
.btn-hero {
display: inline-block;
text-decoration: none;
font-family: ‘Poppins’, sans-serif;
font-weight: 900;
font-size: 1.1rem;
padding: 18px 42px;
border-radius: 16px;
background: linear-gradient(135deg, var(–fire), var(–ember));
color: #fff;
box-shadow: 0 8px 32px rgba(220,38,38,0.45);
transition: transform 0.2s, box-shadow 0.2s;
animation: firePulse 2.5s ease-in-out infinite;
}
@keyframes firePulse {
0%, 100% { transform: scale(1); box-shadow: 0 8px 32px rgba(220,38,38,0.45); }
50% { transform: scale(1.04); box-shadow: 0 12px 44px rgba(220,38,38,0.65); }
}
.btn-hero:hover {
animation: none;
transform: scale(1.06);
box-shadow: 0 14px 48px rgba(220,38,38,0.7);
}
.hero-perks {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
@media (max-width: 768px) {
.hero-perks { justify-content: center; }
}
.perk-tag {
font-size: 0.82rem;
font-weight: 700;
color: rgba(255,255,255,0.65);
}
.perk-tag::before { content: ‘✅ ‘; }
/* Hero image */
.hero-img img {
width: 100%;
max-width: 520px;
border-radius: 20px 20px 0 0;
display: block;
filter: drop-shadow(0 -8px 40px rgba(220,38,38,0.3));
}
/* Wave */
.wave-dark {
display: block;
background: var(–charcoal);
line-height: 0;
}
.wave-dark svg { display: block; width: 100%; }
/* ===== VALUE BADGE ===== */
.value-strip {
background: linear-gradient(135deg, #fef3c7, #fde68a);
border-top: 3px solid var(–yellow);
border-bottom: 3px solid var(–yellow);
padding: 18px 24px;
text-align: center;
}
.value-strip p {
font-family: ‘Poppins’, sans-serif;
font-weight: 800;
font-size: 1rem;
color: var(–dark);
}
.value-strip p strong { color: var(–fire); font-size: 1.15rem; }
/* ===== FLAVORS SECTION ===== */
.flavors-section {
max-width: 1060px;
margin: 70px auto 0;
padding: 0 24px;
text-align: center;
}
.section-label {
display: inline-block;
font-weight: 900;
font-size: 0.78rem;
letter-spacing: 2.5px;
text-transform: uppercase;
padding: 5px 16px;
border-radius: 50px;
margin-bottom: 12px;
}
.label-fire { background: #fee2e2; color: var(–fire); }
.label-peru { background: #fef3c7; color: var(–gold); }
.label-how { background: #f0fdf4; color: #15803d; }
.flavors-section h2 {
font-family: ‘Poppins’, sans-serif;
font-size: clamp(1.6rem, 3.5vw, 2.3rem);
font-weight: 800;
color: var(–dark);
margin-bottom: 40px;
}
.flavors-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 700px) {
.flavors-grid { grid-template-columns: 1fr; }
}
.flavor-card {
border-radius: var(–radius);
padding: 36px 24px;
position: relative;
overflow: hidden;
text-align: center;
border: 2px solid transparent;
transition: transform 0.22s, box-shadow 0.22s;
}
.flavor-card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 48px rgba(0,0,0,0.12);
}
.fc-rocoto { background: linear-gradient(160deg, #fff1f2, #ffe4e6); border-color: #fecdd3; }
.fc-smoky { background: linear-gradient(160deg, #f5f5f4, #e7e5e4); border-color: #d6d3d1; }
.fc-tropic { background: linear-gradient(160deg, #fffbeb, #fef3c7); border-color: #fde68a; }
.flavor-icon {
font-size: 3.5rem;
display: block;
margin-bottom: 16px;
filter: drop-shadow(0 4px 10px rgba(0,0,0,0.1));
}
.flavor-card h3 {
font-family: ‘Poppins’, sans-serif;
font-size: 1.2rem;
font-weight: 800;
margin-bottom: 8px;
}
.fc-rocoto h3 { color: var(–fire); }
.fc-smoky h3 { color: var(–charcoal); }
.fc-tropic h3 { color: var(–gold); }
.flavor-card p {
font-size: 0.93rem;
font-weight: 600;
color: var(–muted);
line-height: 1.5;
}
.heat-meter {
display: flex;
justify-content: center;
gap: 4px;
margin-top: 14px;
}
.flame {
font-size: 1rem;
opacity: 0.25;
}
.flame.on { opacity: 1; }
/* ===== ABOUT PERU ===== */
.peru-section {
max-width: 1000px;
margin: 70px auto 0;
padding: 0 24px;
}
.peru-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
@media (max-width: 700px) {
.peru-grid { grid-template-columns: 1fr; }
}
.peru-text h2 {
font-family: ‘Poppins’, sans-serif;
font-size: clamp(1.5rem, 3.5vw, 2.1rem);
font-weight: 800;
color: var(–dark);
margin-bottom: 16px;
line-height: 1.2;
}
.peru-text h2 em {
font-style: normal;
color: var(–fire);
}
.peru-text p {
font-size: 0.97rem;
color: #57534e;
font-weight: 600;
margin-bottom: 14px;
}
.peru-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 24px;
}
.stat-box {
background: #fff;
border-radius: 16px;
padding: 18px 16px;
text-align: center;
box-shadow: 0 4px 16px rgba(0,0,0,0.07);
border-bottom: 4px solid var(–fire);
}
.stat-box .num {
font-family: ‘Poppins’, sans-serif;
font-size: 1.8rem;
font-weight: 900;
color: var(–fire);
display: block;
}
.stat-box .lbl {
font-size: 0.82rem;
font-weight: 700;
color: var(–muted);
}
.peru-visual {
background: linear-gradient(160deg, var(–charcoal), #3b1c0c);
border-radius: var(–radius);
padding: 40px 30px;
text-align: center;
color: #fff;
box-shadow: 0 12px 48px rgba(0,0,0,0.2);
position: relative;
overflow: hidden;
}
.peru-visual::before {
content: ”;
position: absolute;
inset: 0;
background: radial-gradient(circle at 50% 30%, rgba(220,38,38,0.2) 0%, transparent 65%);
}
.peru-visual .map-emoji {
font-size: 5rem;
display: block;
margin-bottom: 16px;
position: relative;
}
.peru-visual h3 {
font-family: ‘Poppins’, sans-serif;
font-size: 1.2rem;
font-weight: 800;
margin-bottom: 8px;
position: relative;
}
.peru-visual p {
font-size: 0.9rem;
color: rgba(255,255,255,0.7);
font-weight: 600;
position: relative;
}
.peru-badge {
display: inline-block;
background: linear-gradient(135deg, var(–fire), var(–ember));
color: #fff;
font-weight: 900;
font-size: 0.82rem;
padding: 6px 16px;
border-radius: 50px;
margin-top: 16px;
position: relative;
}
/* ===== HOW IT WORKS ===== */
.how-section {
max-width: 900px;
margin: 70px auto 0;
padding: 0 24px;
text-align: center;
}
.how-section h2 {
font-family: ‘Poppins’, sans-serif;
font-size: clamp(1.5rem, 3.5vw, 2.2rem);
font-weight: 800;
color: var(–dark);
margin-bottom: 40px;
}
.steps-wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 16px;
}
.step-card {
background: #fff;
border-radius: 18px;
padding: 28px 20px;
width: 160px;
box-shadow: 0 4px 20px rgba(0,0,0,0.07);
border-top: 4px solid var(–fire);
transition: transform 0.2s;
}
.step-card:hover { transform: translateY(-4px); }
.step-card:nth-child(2) { border-top-color: var(–ember); }
.step-card:nth-child(3) { border-top-color: var(–gold); }
.step-card:nth-child(4) { border-top-color: #16a34a; }
.step-card:nth-child(5) { border-top-color: var(–yellow); }
.step-num {
width: 44px;
height: 44px;
border-radius: 50%;
background: linear-gradient(135deg, var(–fire), var(–ember));
color: #fff;
font-family: ‘Poppins’, sans-serif;
font-weight: 900;
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
}
.step-card:nth-child(2) .step-num { background: linear-gradient(135deg, var(–ember), var(–gold)); }
.step-card:nth-child(3) .step-num { background: linear-gradient(135deg, var(–gold), var(–yellow)); }
.step-card:nth-child(4) .step-num { background: linear-gradient(135deg, #16a34a, #22c55e); }
.step-card:nth-child(5) .step-num { background: linear-gradient(135deg, var(–yellow), #fef08a); color: var(–dark); }
.step-card p {
font-size: 0.87rem;
font-weight: 700;
color: #44403c;
line-height: 1.45;
}
/* ===== BONUS STRIP ===== */
.bonus-strip {
max-width: 820px;
margin: 60px auto 0;
padding: 0 24px;
}
.bonus-inner {
background: linear-gradient(135deg, #1c0a00, #3b1c0c);
border-radius: var(–radius);
padding: 40px 44px;
display: flex;
align-items: center;
gap: 32px;
box-shadow: 0 12px 48px rgba(220,38,38,0.2);
}
@media (max-width: 640px) {
.bonus-inner { flex-direction: column; text-align: center; padding: 32px 24px; }
}
.bonus-icon { font-size: 4rem; flex-shrink: 0; }
.bonus-text h3 {
font-family: ‘Poppins’, sans-serif;
font-size: 1.3rem;
font-weight: 800;
color: var(–yellow);
margin-bottom: 8px;
}
.bonus-text p {
font-size: 0.97rem;
color: rgba(255,255,255,0.75);
font-weight: 600;
}
/* ===== BIG CTA ===== */
.cta-section {
max-width: 760px;
margin: 70px auto 0;
padding: 0 24px;
text-align: center;
}
.cta-box {
background: var(–charcoal);
border-radius: var(–radius);
padding: 56px 40px;
position: relative;
overflow: hidden;
box-shadow: 0 16px 60px rgba(0,0,0,0.25);
}
.cta-box::before {
content: ”;
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 20% 50%, rgba(220,38,38,0.25) 0%, transparent 55%),
radial-gradient(ellipse at 80% 50%, rgba(234,88,12,0.2) 0%, transparent 55%);
}
.cta-box h2 {
font-family: ‘Poppins’, sans-serif;
font-size: clamp(1.6rem, 4vw, 2.4rem);
font-weight: 900;
color: #fff;
margin-bottom: 12px;
position: relative;
}
.cta-box p {
font-size: 1rem;
color: rgba(255,255,255,0.72);
font-weight: 600;
margin-bottom: 32px;
max-width: 480px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.btn-cta-big {
display: inline-block;
text-decoration: none;
font-family: ‘Poppins’, sans-serif;
font-weight: 900;
font-size: 1.15rem;
padding: 20px 52px;
border-radius: 16px;
background: linear-gradient(135deg, var(–fire), var(–ember));
color: #fff;
box-shadow: 0 8px 32px rgba(220,38,38,0.5);
transition: transform 0.2s, box-shadow 0.2s;
position: relative;
}
.btn-cta-big:hover {
transform: scale(1.05);
box-shadow: 0 14px 48px rgba(220,38,38,0.7);
}
.cta-fine {
margin-top: 16px;
font-size: 0.82rem;
color: rgba(255,255,255,0.4);
font-weight: 600;
position: relative;
}
/* ===== QUICK INFO ===== */
.quick-info {
max-width: 820px;
margin: 60px auto 0;
padding: 0 24px;
}
.qi-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 16px;
}
.qi-item {
background: #fff;
border-radius: 16px;
padding: 22px 18px;
text-align: center;
box-shadow: 0 3px 14px rgba(0,0,0,0.07);
}
.qi-item .qi-icon { font-size: 2rem; display: block; margin-bottom: 8px; }
.qi-item h4 {
font-family: ‘Poppins’, sans-serif;
font-size: 0.85rem;
font-weight: 700;
color: var(–muted);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 4px;
}
.qi-item p {
font-size: 0.97rem;
font-weight: 800;
color: var(–dark);
}
/* ===== FOOTER ===== */
footer {
background: var(–charcoal);
color: rgba(255,255,255,0.45);
text-align: center;
padding: 44px 24px 36px;
margin-top: 70px;
font-size: 0.85rem;
}
footer strong { color: rgba(255,255,255,0.8); }
footer .pepper {
font-size: 1.6rem;
display: block;
margin-bottom: 10px;
}
/* ===== FLOATING CTA ===== */
.float-cta {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 999;
background: linear-gradient(135deg, var(–fire), var(–ember));
color: #fff;
font-family: ‘Poppins’, sans-serif;
font-weight: 900;
font-size: 0.82rem;
padding: 13px 20px;
border-radius: 50px;
box-shadow: 0 6px 28px rgba(220,38,38,0.55);
text-decoration: none;
animation: floatBob 3s ease-in-out infinite;
line-height: 1.35;
text-align: center;
}
@keyframes floatBob {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
Peru’s Boldest
Hot Sauce Is
FREE to Try!
Tari — Peru’s #1 hot sauce — is sending you a free 3x Sauce Sample Card featuring three incredible Peruvian flavors. No purchase needed, shipped completely free.
🌶️ Claim My FREE Sample Card →
Free shipping
$2 OFF coupon included
🎁 This sample card has an estimated value of $10.00 — and it’s yours completely FREE, including free shipping!
One Card. Three Legendary Peruvian Flavors.
Rocoto Pepper
The bold, fruity heat of Peru’s most iconic chili. Rocoto peppers pack a serious punch with a deep, complex flavor that lingers long after the first bite. This is the sauce that built Tari’s legend.
🔥
🔥
🔥
🔥
Smoky Heat
A rich, smoky depth meets fiery Peruvian heat in this bold sauce. Layers of charred, earthy flavor make it the perfect companion for grilled meats, tacos, eggs, and everything in between.
🔥
🔥
🔥
🔥
Tropical Kick
Bright tropical fruit meets the warmth of Aji Amarillo — Peru’s golden pepper. Sweet, tangy, and spicy all at once, this sauce brings sunshine to every dish. Unexpected, unforgettable.
🔥
🔥
🔥
🔥
Peru’s #1 Hot Sauce Is Now Spicing Up the U.S.
Tari was born in Peru, where hot sauce isn’t just a condiment — it’s a way of life. Built on the bold, complex flavors of Rocoto and Aji Amarillo peppers — two of the most celebrated chilies in Peruvian cuisine — Tari has dominated the South American market and is now bringing that same fire to American kitchens.
Unlike mass-produced hot sauces loaded with vinegar and artificial flavors, Tari is crafted with real Peruvian peppers for a flavor experience that’s layered, bold, and genuinely unlike anything else on the shelf.
Hot Sauce in Peru
Bold Flavors to Try
Estimated Value
Your Cost Today
Straight from Peru
Made with authentic Rocoto & Aji Amarillo peppers — the backbone of Peruvian cuisine for centuries.
5 Simple Steps to Your Free Sample
Click “Claim My FREE Sample Card” on this page
Answer a few quick questions on Peekage to confirm your match
Tari ships your 3x Sample Card to you for free
Try all 3 flavors and scan the QR code to leave your review
Use your $2 OFF coupon on your next Tari purchase!
Bonus: $2 OFF Your Next Tari Purchase!
Your sample card comes with a built-in coupon — scan the QR code after trying the sauces and enjoy $2 off when you’re ready to buy the full-size bottles. Because once you taste it, you’ll want more.
Time to Claim
About 3 minutes
Shipping Cost
Completely FREE
Est. Delivery
3–4 Weeks
Availability
US Residents Only
Ready to Turn Up the Heat? 🌶️
This is a limited quantity offer — over 2,500 people have already claimed theirs! Don’t miss your chance to try Peru’s boldest hot sauce for free.
🌶️ Claim My FREE Tari Sample Card →
No purchase necessary. US residents only. While supplies last. Estimated delivery 3–4 weeks.
🌶️ FREE
Sample!
Helpful Freebie Mom Guides
Keep going