Genuine products, fair prices, and a store built to be trusted.
We started Sale on Pk to close the gap between what online shopping promises and what it usually delivers — and we built the store around that one idea.
A store built around the customer, not the catalogue
Sale on Pk is an online store serving shoppers across Pakistan. Rather than chasing volume, we focus on getting the fundamentals right — real product quality, honest pricing, and delivery you can rely on. Every part of the store is built around that standard.
From a simple frustration to a working store
Like many shoppers, we were tired of the gap between a product's photo and what actually arrived at the door. Sale on Pk was built to close that gap — sourcing items we would order for ourselves, pricing them fairly, and standing behind every order that leaves our warehouse.
One store, every category you need
Sale on Pk isn't limited to a single category — from everyday essentials to electronics, fashion, beauty, and home goods, we're building a catalogue where you can find what you need without hopping between five different stores.
Quality Checked
Products are reviewed against a clear standard before listing.
Fair Pricing
No inflated tags — prices reflect real value.
Reliable Delivery
Tracked, timely shipping across Pakistan.
Real Support
A team that actually answers, before and after the sale.
Thank you for shopping with Sale on Pk.
From browsing to delivery, we're building an experience worth coming back to.
<div class="sop-about">
<style>
.sop-about {
--sop-ink: #1B1F1C;
--sop-paper: #FAF8F3;
--sop-green: #0E5C3F;
--sop-green-deep: #0A4531;
--sop-gold: #B8912B;
--sop-grey: #6B6F6B;
--sop-line: #DDD8CC;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: var(--sop-paper);
color: var(--sop-ink);
line-height: 1.65;
max-width: 1100px;
margin: 0 auto;
overflow: hidden;
}
.sop-about * { box-sizing: border-box; }
.sop-about h1, .sop-about h2, .sop-about h3 {
font-family: Georgia, 'Times New Roman', serif;
font-weight: 700;
letter-spacing: -0.01em;
margin: 0;
}
/* ---------- HERO ---------- */
.sop-hero {
position: relative;
background: var(--sop-green-deep);
color: var(--sop-paper);
padding: 72px 48px 88px;
border-radius: 4px;
overflow: hidden;
}
.sop-hero::before {
content: "";
position: absolute;
top: -60px; right: -60px;
width: 260px; height: 260px;
background: radial-gradient(circle, rgba(184,145,43,0.35) 0%, transparent 70%);
}
.sop-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--sop-gold);
margin-bottom: 22px;
font-weight: 600;
}
.sop-eyebrow::before {
content: "";
width: 22px; height: 1px;
background: var(--sop-gold);
display: inline-block;
}
.sop-hero h1 {
font-size: 44px;
line-height: 1.15;
max-width: 640px;
color: #fff;
}
.sop-hero h1 em {
font-style: normal;
color: var(--sop-gold);
}
.sop-hero p {
max-width: 520px;
font-size: 17px;
color: #E7E4D9;
margin-top: 18px;
}
/* Signature: the price-tag motif, used once, boldly, in the hero corner */
.sop-tag {
position: absolute;
right: 48px;
bottom: -18px;
width: 168px;
height: 84px;
background: var(--sop-gold);
color: var(--sop-green-deep);
clip-path: polygon(18% 0, 100% 0, 100% 100%, 18% 100%, 0 50%);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-shadow: 0 12px 24px rgba(0,0,0,0.25);
}
.sop-tag span:first-child {
font-family: Georgia, serif;
font-weight: 700;
font-size: 20px;
line-height: 1;
}
.sop-tag span:last-child {
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-top: 4px;
}
.sop-tag::after {
content: "";
position: absolute;
left: 10px; top: 50%;
width: 7px; height: 7px;
background: var(--sop-paper);
border-radius: 50%;
transform: translateY(-50%);
}
/* ---------- BODY SECTIONS ---------- */
.sop-body { padding: 64px 48px; }
.sop-row {
display: grid;
grid-template-columns: 200px 1fr;
gap: 40px;
padding: 40px 0;
border-top: 1px solid var(--sop-line);
}
.sop-row:first-child { border-top: none; padding-top: 0; }
.sop-row-label {
font-size: 13px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--sop-green);
font-weight: 600;
padding-top: 4px;
}
.sop-row h2 { font-size: 26px; margin-bottom: 14px; color: var(--sop-ink); }
.sop-row p { font-size: 15.5px; color: #3E413E; max-width: 620px; }
/* Values grid — not numbered, since these aren't a sequence */
.sop-values {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-top: 8px;
}
.sop-value {
border-top: 3px solid var(--sop-green);
padding-top: 14px;
}
.sop-value-icon {
width: 40px; height: 40px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.sop-value-icon svg { width: 20px; height: 20px; }
.sop-value:nth-child(1) .sop-value-icon { background: #E6F2EC; color: var(--sop-green); }
.sop-value:nth-child(2) .sop-value-icon { background: #FBF1DC; color: var(--sop-gold); }
.sop-value:nth-child(3) .sop-value-icon { background: #E8F0FA; color: #2B5FA8; }
.sop-value:nth-child(4) .sop-value-icon { background: #FBE9E6; color: #C1502E; }
.sop-value h3 {
font-size: 15px;
font-family: 'Inter', sans-serif;
font-weight: 700;
margin-bottom: 6px;
color: var(--sop-ink);
}
.sop-value p { font-size: 13.5px; color: var(--sop-grey); margin: 0; }
/* Category strip — reflects a full, general marketplace */
.sop-cats {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
}
.sop-cat {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12.5px;
font-weight: 600;
padding: 7px 13px;
border-radius: 20px;
background: #fff;
border: 1px solid var(--sop-line);
color: var(--sop-ink);
}
.sop-cat svg { width: 14px; height: 14px; }
.sop-cat:nth-child(1) { color: var(--sop-green); border-color: #C7E2D3; }
.sop-cat:nth-child(2) { color: #2B5FA8; border-color: #C9DBF2; }
.sop-cat:nth-child(3) { color: var(--sop-gold); border-color: #EAD9A5; }
.sop-cat:nth-child(4) { color: #C1502E; border-color: #F0C7B9; }
.sop-cat:nth-child(5) { color: #7A4EA8; border-color: #DACDEB; }
.sop-cat:nth-child(6) { color: #1E8E8E; border-color: #BFE3E3; }
/* ---------- CLOSING BAND ---------- */
.sop-close {
background: var(--sop-ink);
color: var(--sop-paper);
padding: 48px;
border-radius: 4px;
margin-top: 8px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.sop-close h2 {
font-size: 24px;
color: #fff;
max-width: 420px;
}
.sop-close p {
color: #B9BDB8;
font-size: 14px;
max-width: 360px;
margin: 0;
}
@media (max-width: 640px) {
.sop-hero { padding: 48px 24px 90px; }
.sop-hero h1 { font-size: 30px; }
.sop-tag { right: 24px; width: 130px; height: 68px; }
.sop-body { padding: 40px 24px; }
.sop-row { grid-template-columns: 1fr; gap: 12px; }
.sop-values { grid-template-columns: 1fr 1fr; }
.sop-close { flex-direction: column; align-items: flex-start; padding: 32px 24px; }
}
</style>
<div class="sop-hero">
<span class="sop-eyebrow">Sale on Pk</span>
<h1>Genuine products, fair prices, and a store built to be <em>trusted</em>.</h1>
<p>We started Sale on Pk to close the gap between what online shopping promises and what it usually delivers — and we built the store around that one idea.</p>
<div class="sop-tag">
<span>Est. Trust</span>
<span>Since Day One</span>
</div>
</div>
<div class="sop-body">
<div class="sop-row">
<div class="sop-row-label">Who We Are</div>
<div>
<h2>A store built around the customer, not the catalogue</h2>
<p>Sale on Pk is an online store serving shoppers across Pakistan. Rather than chasing volume, we focus on getting the fundamentals right — real product quality, honest pricing, and delivery you can rely on. Every part of the store is built around that standard.</p>
</div>
</div>
<div class="sop-row">
<div class="sop-row-label">Our Story</div>
<div>
<h2>From a simple frustration to a working store</h2>
<p>Like many shoppers, we were tired of the gap between a product's photo and what actually arrived at the door. Sale on Pk was built to close that gap — sourcing items we would order for ourselves, pricing them fairly, and standing behind every order that leaves our warehouse.</p>
</div>
</div>
<div class="sop-row">
<div class="sop-row-label">What We Offer</div>
<div>
<h2>One store, every category you need</h2>
<p>Sale on Pk isn't limited to a single category — from everyday essentials to electronics, fashion, beauty, and home goods, we're building a catalogue where you can find what you need without hopping between five different stores.</p>
<div class="sop-cats">
<span class="sop-cat">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="15" rx="2"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
Fashion
</span>
<span class="sop-cat">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="12" rx="2"/><path d="M8 20h8M12 16v4"/></svg>
Electronics
</span>
<span class="sop-cat">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
Beauty
</span>
<span class="sop-cat">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10l9-7 9 7v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>
Home & Living
</span>
<span class="sop-cat">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.5 3h2l2.7 12.4a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21.5 7H6"/></svg>
Groceries
</span>
<span class="sop-cat">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.9 4.8L19 9l-4 3.3L16.2 18 12 15.3 7.8 18l1.2-5.7L5 9l5.1-1.2z"/></svg>
And More
</span>
</div>
<div class="sop-values">
<div class="sop-value">
<div class="sop-value-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 12l2 2 4-4"/><circle cx="12" cy="12" r="9"/></svg>
</div>
<h3>Quality Checked</h3>
<p>Products are reviewed against a clear standard before listing.</p>
</div>
<div class="sop-value">
<div class="sop-value-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
</div>
<h3>Fair Pricing</h3>
<p>No inflated tags — prices reflect real value.</p>
</div>
<div class="sop-value">
<div class="sop-value-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="7" width="15" height="11" rx="1"/><path d="M16 10h3.5L23 14v4h-7"/><circle cx="6" cy="20" r="1.6"/><circle cx="18.5" cy="20" r="1.6"/></svg>
</div>
<h3>Reliable Delivery</h3>
<p>Tracked, timely shipping across Pakistan.</p>
</div>
<div class="sop-value">
<div class="sop-value-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.5 8.5 0 0 1-11.8 7.8L3 21l1.7-6.2A8.5 8.5 0 1 1 21 11.5z"/></svg>
</div>
<h3>Real Support</h3>
<p>A team that actually answers, before and after the sale.</p>
</div>
</div>
</div>
</div>
<div class="sop-close">
<h2>Thank you for shopping with Sale on Pk.</h2>
<p>From browsing to delivery, we're building an experience worth coming back to.</p>
</div>
</div>
</div>