SAMEJAA | Women's Thrift Fashion
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: Arial, sans-serif;
background: #fffaf6;
color: #392832;
line-height: 1.6;
}
img {
width: 100%;
display: block;
object-fit: cover;
}
a {
text-decoration: none;
}
.container {
width: 90%;
max-width: 1100px;
margin: auto;
}
header {
background: #fffaf6;
padding: 18px 0;
border-bottom: 1px solid #f0dfe2;
position: sticky;
top: 0;
z-index: 10;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.logo {
font-family: Georgia, serif;
font-size: 28px;
font-weight: bold;
letter-spacing: 4px;
color: #573846;
}
.logo small {
display: block;
font-family: Arial, sans-serif;
font-size: 9px;
letter-spacing: 2px;
text-align: center;
color: #b85f73;
}
.nav-links {
display: flex;
gap: 20px;
}
.nav-links a {
color: #573846;
font-size: 13px;
font-weight: bold;
}
.btn {
display: inline-block;
background: #b85f73;
color: white;
padding: 13px 20px;
border-radius: 30px;
font-size: 13px;
font-weight: bold;
border: none;
cursor: pointer;
}
.btn:hover {
background: #874354;
}
.hero {
padding: 65px 0;
}
.hero-content {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 45px;
}
.eyebrow {
color: #b85f73;
font-size: 12px;
font-weight: bold;
letter-spacing: 3px;
}
h1, h2, h3 {
font-family: Georgia, serif;
line-height: 1.2;
}
h1 {
font-size: clamp(40px, 5vw, 65px);
margin: 18px 0;
}
h1 span, h2 span {
color: #b85f73;
}
.hero p {
color: #786b71;
margin-bottom: 25px;
font-size: 15px;
}
.hero-image {
height: 450px;
border-radius: 180px 180px 20px 20px;
overflow: hidden;
background: #f4dce1;
}
.hero-image img {
height: 100%;
}
section {
padding: 65px 0;
}
.section-title {
text-align: center;
max-width: 650px;
margin: 0 auto 35px;
}
.section-title h2 {
font-size: clamp(30px, 4vw, 43px);
margin: 12px 0;
}
.section-title p {
color: #786b71;
font-size: 14px;
}
.benefits {
background: #fff0f2;
}
.benefit-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.benefit-card {
background: white;
padding: 25px;
border-radius: 18px;
text-align: center;
}
.benefit-card .icon {
font-size: 30px;
margin-bottom: 10px;
}
.benefit-card h3 {
font-size: 19px;
margin-bottom: 10px;
}
.benefit-card p {
color: #786b71;
font-size: 13px;
}
.collection-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.product-image {
height: 280px;
border-radius: 15px;
overflow: hidden;
background: #f4dce1;
}
.product-image img {
height: 100%;
transition: transform .3s;
}
.product-image:hover img {
transform: scale(1.04);
}
.product h3 {
font-size: 19px;
margin-top: 12px;
}
.product p {
color: #786b71;
font-size: 12px;
margin: 5px 0 10px;
}
.product .ask {
color: #b85f73;
font-weight: bold;
font-size: 12px;
}
.about {
background: #fff0ef;
}
.about-content {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 40px;
}
.about-image {
height: 390px;
border-radius: 20px;
overflow: hidden;
}
.about-image img {
height: 100%;
}
.about h2 {
font-size: clamp(30px, 4vw, 42px);
margin: 15px 0;
}
.about p {
color: #786b71;
font-size: 14px;
margin-bottom: 18px;
}
.quote {
background: #573846;
color: white;
text-align: center;
padding: 55px 20px;
}
.quote h2 {
max-width: 750px;
margin: auto;
font-size: clamp(24px, 3vw, 35px);
}
.quote p {
color: #edcbd2;
margin-top: 15px;
font-size: 12px;
}
.review-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.review {
border: 1px solid #f0dfe2;
background: white;
padding: 22px;
border-radius: 18px;
}
.stars {
color: #c17b46;
margin-bottom: 10px;
}
.review p {
color: #786b71;
font-size: 13px;
margin-bottom: 15px;
}
.review small {
display: block;
color: #9b8990;
font-size: 11px;
margin-top: 4px;
}
.cta {
background: #fff0f2;
padding: 55px 20px;
text-align: center;
border-radius: 25px;
margin-bottom: 65px;
}
.cta h2 {
font-size: clamp(30px, 4vw, 42px);
margin: 12px 0;
}
.cta p {
color: #786b71;
margin-bottom: 22px;
}
footer {
background: #392832;
color: white;
text-align: center;
padding: 35px 20px;
}
footer p {
color: #edcbd2;
font-size: 12px;
margin-top: 10px;
}
.whatsapp-float {
position: fixed;
bottom: 18px;
right: 18px;
background: #20bd69;
color: white;
width: 55px;
height: 55px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 25px;
z-index: 20;
box-shadow: 0 5px 20px #0002;
}
@media (max-width: 760px) {
.container {
width: 92%;
}
.navbar {
flex-wrap: wrap;
}
.logo {
font-size: 24px;
}
.nav-links {
display: none;
}
.navbar > .btn {
padding: 10px 13px;
font-size: 11px;
}
.hero {
padding: 40px 0;
}
.hero-content,
.about-content {
grid-template-columns: 1fr;
gap: 28px;
}
.hero-image {
height: 350px;
}
section {
padding: 50px 0;
}
.benefit-grid {
grid-template-columns: 1fr;
}
.collection-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px 12px;
}
.product-image {
height: auto;
aspect-ratio: 3 / 4;
}
.about-image {
height: 320px;
}
.review-grid {
grid-template-columns: 1fr;
}
.cta {
margin-bottom: 45px;
}
}
YOUR STYLE, YOUR STORY
Discover your style with SAMEJAA.
Temukan baju thrift wanita yang unik, stylish, dan ramah
di kantong. Ekspresikan gaya personalmu dengan koleksi
pre-loved yang punya karakter.
♡ Lihat Koleksi
WHY SAMEJAA?
Belanja thrift, tetap percaya diri.
Gaya personal tidak harus mahal. Temukan pilihan yang sesuai denganmu.
♡
Ramah di Kantong
Jelajahi pilihan fashion yang sesuai dengan budget kamu.
✿
Gaya Lebih Unik
Temukan item dengan karakter untuk melengkapi gaya personalmu.
↻
Pre-Loved Fashion
Memberi pakaian kesempatan untuk digunakan kembali.
FIND YOUR FAVORITE
Our lovely collection.
Pilih inspirasi outfit favoritmu dan tanyakan ketersediaannya lewat WhatsApp.
ABOUT SAMEJAA
Gaya kamu. Cerita kamu. Pilihan kamu.
SAMEJAA hadir untuk kamu yang ingin mengeksplorasi gaya
fashion dengan pilihan thrift yang unik. Kami percaya
bahwa setiap orang punya gaya dan cerita masing-masing.
Temukan inspirasi, pilih item favorit, lalu padukan dengan
caramu sendiri. Jangan lupa tanyakan kondisi, ukuran, dan
harga item sebelum membeli.
Kenalan dengan SAMEJAA
“Nggak harus mengikuti semua tren. Temukan gaya yang terasa paling kamu.”
SAMEJAA — Women's Thrift Fashion
LOVE NOTES
Stories of personal style.
Contoh tampilan bagian testimoni. Ganti dengan ulasan pelanggan yang sebenarnya.
★★★★★
“Aku suka konsep thrift karena bisa eksplor gaya tanpa harus selalu beli yang mahal.”
Contoh ulasan
Ganti dengan testimoni asli
★★★★★
“Gaya vintage itu seru karena tiap outfit bisa punya karakter sendiri.”
Contoh ulasan
Ganti dengan testimoni asli
★★★★★
“Senang kalau ada pilihan baju unik yang tetap ramah budget.”
Contoh ulasan
Ganti dengan testimoni asli
YOUR NEXT OUTFIT IS WAITING
Siap menemukan outfit favoritmu?
Hubungi SAMEJAA untuk menanyakan stok, ukuran, kondisi, dan harga pakaian.
💬 Chat SAMEJAA di WhatsApp
☏
// GANTI NOMOR DI BAWAH DENGAN NOMOR WHATSAPP TOKO KAMU.
// Contoh: 081234567890 menjadi 6281234567890.
// Jangan gunakan tanda +, spasi, atau tanda hubung.
const WA_NUMBER = "6281330990418";
document.querySelectorAll(".wa-link").forEach(function(link) {
const message = link.dataset.message || "Halo SAMEJAA!";
link.href = "https://wa.me/" +6281330990418 + "?text=" + encodeURIComponent(message);
link.target = "_blank";
link.rel = "noopener noreferrer";
});
