Syatusa.co | Beauty & Skincare
:root {
--pink: #fae9e8;
--rose: #a94f69;
--dark: #783449;
--cream: #fffaf6;
--text: #29232a;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: Arial, sans-serif;
background: var(--cream);
color: var(--text);
line-height: 1.6;
}
a { text-decoration: none; }
.container {
width: min(1080px, 92%);
margin: auto;
}
header {
background: white;
padding: 16px 0;
border-bottom: 1px solid var(--pink);
}
.nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.logo {
color: var(--dark);
font-size: 23px;
font-weight: bold;
}
.btn {
display: inline-block;
padding: 12px 19px;
border-radius: 30px;
background: var(--rose);
color: white;
font-weight: bold;
border: 0;
}
.hero {
padding: 55px 0;
background: linear-gradient(135deg, #fff4f0, #f5dfe5);
}
.hero-grid {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 35px;
}
.label {
color: var(--rose);
font-weight: bold;
letter-spacing: 2px;
font-size: 12px;
}
h1 {
font-size: clamp(36px, 5vw, 58px);
line-height: 1.1;
margin: 15px 0;
}
h1 span { color: var(--rose); }
.hero p { color: #65545a; }
.hero img {
width: 100%;
height: 360px;
object-fit: cover;
border-radius: 28px;
}
section { padding: 48px 0; }
.heading {
text-align: center;
margin-bottom: 28px;
}
.heading h2 {
color: var(--dark);
font-size: clamp(26px, 4vw, 36px);
margin-bottom: 8px;
}
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.card {
background: white;
border: 1px solid #f0d9dc;
border-radius: 18px;
overflow: hidden;
padding-bottom: 18px;
}
.card img {
width: 100%;
height: 210px;
object-fit: cover;
}
.card-content { padding: 16px; }
.card h3 {
font-size: 17px;
line-height: 1.4;
}
.price {
color: var(--dark);
font-size: 19px;
font-weight: bold;
}
.card .btn { font-size: 13px; }
.benefit {
background: white;
border: 1px solid #f0d9dc;
border-radius: 16px;
padding: 20px;
}
.banner {
background: var(--dark);
color: white;
text-align: center;
padding: 40px 22px;
border-radius: 22px;
}
.banner .btn {
background: white;
color: var(--dark);
}
.review {
background: white;
border: 1px solid #f0d9dc;
padding: 20px;
border-radius: 16px;
}
.stars { color: #d49a24; }
.notice {
background: #fff3e6;
padding: 12px;
border-radius: 10px;
font-size: 12px;
}
footer {
background: var(--pink);
padding: 28px 0 90px;
font-size: 14px;
}
.wa-fixed {
position: fixed;
bottom: 16px;
right: 16px;
background: #16834b;
color: white;
padding: 14px 18px;
border-radius: 30px;
font-weight: bold;
z-index: 5;
}
@media (max-width: 700px) {
.hero { padding: 32px 0; }
.hero-grid { grid-template-columns: 1fr; }
.hero img { height: 250px; }
.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.card img { height: 155px; }
.card-content { padding: 11px; }
.card h3 { font-size: 14px; }
.card .btn { padding: 10px; font-size: 11px; }
.benefit { padding: 14px; }
.wa-fixed { left: 12px; right: 12px; bottom: 12px; text-align: center; }
}
YOUR LITTLE BEAUTY CORNER
Rawat kulitmu,
sayangi dirimu.
Temukan pilihan skincare dan produk kecantikan
untuk menemani rutinitas harianmu bersama Syatusa.co.
💬 Tanya & Pesan
Lihat Produk
KENAPA SYATUSA?
Temukan beauty essentials-mu
Jelajahi pilihan produk kecantikan dan tanyakan
detailnya kepada admin kami.
🌷 Pilihan skincare
Jelajahi produk untuk rutinitas perawatan kulit.
💬 Tanya langsung
Konfirmasi harga, stok, dan varian lewat WhatsApp.
🎀 Belanja lebih mudah
Hubungi admin untuk mengetahui cara pemesanan.
PILIHAN PRODUK
Kenalan dengan produk Syatusa
Harga mengikuti katalog yang terlihat pada screenshot.
GLAD2GLOW Blueberry Ceramide Moisturizer
Pelembap untuk rutinitas perawatan kulit.
Rp45.000
Tanya Produk
GLAD2GLOW Milk Amino Acids Gentle Cleanser
Pembersih wajah untuk rutinitas harian.
Rp42.000
Tanya Produk
GLAD2GLOW Micellar Water Cherry Blossom 300 ml
Pembersih untuk membantu mengangkat sisa makeup.
Rp49.000
Tanya Produk
GLAD2GLOW Peeling Serum AHA BHA PHA
Serum eksfoliasi. Ikuti petunjuk pemakaian.
Rp49.000
Tanya Produk
Foto produk di atas adalah ilustrasi sementara, bukan foto resmi.
Ganti dengan foto asli Syatusa dan konfirmasi harga serta stok
sebelum halaman dipublikasikan.
LET'S TALK BEAUTY
Sudah menemukan produk incaranmu?
Tanyakan stok, varian, dan harga terbaru langsung kepada admin.
Pesan via WhatsApp ↗
CERITA PELANGGAN
Pengalaman pembeli Syatusa
★★★★★
[Masukkan testimoni asli pembeli di sini.]
[Nama/inisial dengan izin]
★★★★★
[Tambahkan ulasan asli tentang pelayanan atau produk.]
[Nama/inisial dengan izin]
★★★★★
[Gunakan kutipan dari ulasan pelanggan yang nyata.]
[Nama/inisial dengan izin]
Catatan: bagian ini adalah placeholder, bukan testimoni nyata.
Ganti dengan ulasan asli yang telah mendapat izin.
Chat Syatusa via WhatsApp
// GANTI dengan nomor admin sebenarnya.
// Format Indonesia: 62812xxxxxxxx (tanpa +, spasi, atau tanda -)
const NOMOR_WA = "6281234567890";
const PESAN_UMUM =
"Halo Syatusa.co, saya ingin bertanya tentang produk. Mohon info stok dan harga terbaru.";
function linkWA(pesan) {
return "https://wa.me/" + NOMOR_WA +
"?text=" + encodeURIComponent(pesan);
}
document.querySelectorAll(".wa-link").forEach(function(tombol) {
tombol.href = linkWA(PESAN_UMUM);
tombol.target = "_blank";
tombol.rel = "noopener noreferrer";
});
document.querySelectorAll(".product-link").forEach(function(tombol) {
const produk = tombol.dataset.product;
tombol.href = linkWA(
"Halo Syatusa.co, saya tertarik dengan " + produk +
". Apakah stok tersedia? Mohon info harga dan cara pemesanan."
);
tombol.target = "_blank";
tombol.rel = "noopener noreferrer";
});
document.getElementById("year").textContent =
new Date().getFullYear();