<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>VEGASSLOT77: Solusi Lengkap Outlet PC Parts untuk Gamer & Creator</title>
<meta name="description" content="VEGASSLOT77 hadir sebagai solusi lengkap bagi gamer dan creator yang ingin membangun PC impian tanpa menguras kantong." />
<meta property="og:title" content="VEGASSLOT77: Solusi Lengkap Outlet PC Parts untuk Gamer & Creator" />
<meta content="index, follow" name="robots" />
<meta name="geo.region" content="id_ID" />
<meta name="googlebot" content="all">
<meta name="language" content="Id-ID" />
<meta name="author" content="VEGASSLOT77">
<meta property="og:description" content="VEGASSLOT77 hadir sebagai solusi lengkap bagi gamer dan creator yang ingin membangun PC impian tanpa menguras kantong." />
<link rel="canonical" href="https://pcpartsoutletstore.com/other/">
<link rel="amphtml" href="https://vs77amp1.org/vegas1/" />
<link rel="icon" href="img/favicon.png">
<style>
:root{
--bg:#0a0906; --card:#1a1812; --ink:#fdfbf5; --muted:#d6cfa8; --line:#2f2a1d;
--brand:#ffd700; /* neon gold */
--brand2:#ffb800; /* warm gold */
--accent:#ffe55c; /* bright neon gold */
--danger:#ef4444; /* sale */
--radius:14px; --shadow:0 0 14px rgba(255,215,0,.55),0 0 30px rgba(255,184,0,.25);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1200px;margin:auto;padding:0 20px}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:800;letter-spacing:.3px}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#0a0906;box-shadow:var(--shadow)}
.btn-ghost{border:1px solid var(--line);background:#14120e;color:var(--ink)}
/* Topbar */
.top{background:#14120e;border-bottom:1px solid var(--line);color:var(--muted);font-size:.92rem}
.top .wrap{display:flex;justify-content:space-between;gap:12px;padding:8px 0}
/* Header */
header{background:#1a1812;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.head{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:36px;width:auto}
.brand .name{font-weight:900;font-size:20px;letter-spacing:.5px;color:var(--brand);text-shadow:var(--shadow)}
.search{flex:1;display:flex;gap:8px;max-width:560px;margin:0 16px}
.search input{flex:1;background:#14120e;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px}
.search button{background:var(--brand);border:0;border-radius:10px;padding:0 14px;color:#0a0906;font-weight:900;cursor:pointer}
.icons{display:flex;align-items:center;gap:10px}
.cart{position:relative}
.badge{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;border-radius:999px;font-size:.7rem;padding:2px 6px}
/* Navbar */
.nav{background:#14120e;border-top:1px solid var(--line)}
.nav .wrap{display:flex;gap:14px;overflow:auto;white-space:nowrap}
.nav a{display:block;padding:12px 10px;text-decoration:none;opacity:.9;font-weight:700}
.nav a:hover{opacity:1;color:var(--brand)}
/* Hero */
.hero{position:relative}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:28px 0}
.hero-copy h1{margin:0 0 10px;font-size:clamp(28px,5vw,48px);line-height:1.05;color:var(--brand)}
.hero-copy p{color:var(--muted)}
.hero-card{background:#14120e;border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}
.hero-tag{display:inline-block;margin-bottom:8px;border:1px solid var(--brand);border-radius:999px;padding:4px 10px;color:var(--brand)}
/* Category Pills */
.cats{padding:18px 0}
.pills{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.pill{display:block;text-align:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#1a1812;font-weight:800;color:var(--ink)}
.pill:hover{box-shadow:0 0 0 3px rgba(212,175,55,.25)}
/* Product grid */
.section{padding:26px 0}
.section h2{margin:0 0 14px;font-size:22px;color:var(--brand)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#1a1812;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.thumb{background:#0f0d09;display:grid;place-items:center}
.thumb img{width:100%;height:180px;object-fit:contain;padding:8px}
.lab{position:absolute;left:10px;top:10px;background:var(--danger);color:#fff;font-weight:900;font-size:.75rem;border-radius:6px;padding:4px 6px}
.body{padding:12px}
.title{font-weight:700;min-height:48px}
.price{display:flex;align-items:baseline;gap:8px;margin:6px 0}
.now{color:var(--accent);font-weight:900}
.old{color:#6b7280;text-decoration:line-through}
.cta{display:flex;gap:8px}
.sm{padding:8px 10px;border-radius:8px;font-weight:800}
/* USP strip */
.usp{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.usp .u{background:#14120e;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;color:var(--muted)}
/* Newsletter */
.newsletter{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center;background:#14120e;border:1px solid var(--line);border-radius:14px;padding:16px}
.newsletter input{width:100%;background:#0b0a06;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px}
/* Footer */
footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0;margin-top:26px;text-align:center}
/* Responsive */
@media(max-width:1000px){.hero .wrap{grid-template-columns:1fr}.pills{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.newsletter{grid-template-columns:1fr}}
@media(max-width:700px){.head{flex-wrap:wrap}.search{order:3;width:100%;margin-top:8px}.pills{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}
</style>
</head>
<body>
<!-- Topbar -->
<div class="top">
<div class="wrap">
<div>☎ <a href="tel:+628000000000">+62 822 2356 955</a> • ✉ <a href="/cdn-cgi/l/email-protection#4d3e383d3d223f390d3d2e3d2c3f393e2238392128393e39223f28632e2220"><span class="__cf_email__" data-cfemail="88fbfdf8f8e7fafcc8f8ebf8e9fafcfbe7fdfce4edfcfbfce7faeda6ebe7e5">[email protected]</span></a></div>
<div>🚚 Free shipping over $99 • 30‑day return</div>
</div>
</div>
<!-- Header -->
<header>
<div class="wrap head">
<a class="brand" href="#" aria-label="PC Parts Outlet Store">
<img src="img/logo.webp" alt="Logo"/>
</a>
<form class="search" role="search" onsubmit="event.preventDefault();">
<input type="search" placeholder="Search GPUs, CPUs, RAM, SSD…" aria-label="Search"/>
<button aria-label="Search">🔎</button>
</form>
<div class="icons">
<a href="#">Account</a>
<a class="cart" href="#">Cart <span class="badge" id="cartCount">0</span></a>
</div>
</div>
</header>
<!-- Categories navbar -->
<nav class="nav" aria-label="Categories">
<div class="wrap">
<a href="#gpus">GPUs</a>
<a href="#cpus">CPUs</a>
<a href="#motherboards">Motherboards</a>
<a href="#memory">Memory</a>
<a href="#storage">Storage</a>
<a href="#psu">Power</a>
<a href="#cases">Cases</a>
<a href="#peripherals">Peripherals</a>
</div>
</nav>
<!-- HERO -->
<section class="hero">
<div class="wrap">
<div class="hero-copy">
<span class="hero-tag">WEEKLY DEAL</span>
<h1>VEGASSLOT77: Solusi Lengkap Outlet PC Parts untuk Gamer & Creator</span></h1>
<p>VEGASSLOT77 hadir sebagai solusi lengkap bagi gamer dan creator yang ingin membangun PC impian tanpa menguras kantong.</p>
<div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:10px">
<a class="btn btn-primary" href="#gpus">Shop GPUs</a>
<a class="btn btn-ghost" href="#deals">All Deals</a>
</div>
</div>
<div class="hero-card">
<img src="img/vegasslot77.webp" alt="GPU Showcase" loading="lazy">
</div>
</div>
</section>
<!-- Category pills -->
<section class="cats">
<div class="wrap pills">
<a class="pill" href="#gpus">GPU</a>
<a class="pill" href="#cpus">CPU</a>
<a class="pill" href="#motherboards">Motherboard</a>
<a class="pill" href="#memory">RAM</a>
<a class="pill" href="#storage">SSD/HDD</a>
<a class="pill" href="#psu">PSU</a>
<a class="pill" href="#cases">Case</a>
<a class="pill" href="#peripherals">Accessories</a>
</div>
</section>
<!-- Products: GPUs -->
<section class="section" id="gpus">
<div class="wrap">
<h2>Featured GPUs</h2>
<div class="grid">
<article class="card">
<span class="lab">-25%</span>
<div class="thumb"><img src="img/ASUS.jpg" alt="RTX 4070"></div>
<div class="body">
<div class="title">ASUS GeForce RTX 4070 12GB</div>
<div class="price"><span class="now">$499</span> <span class="old">$669</span></div>
<div class="cta"><a class="btn btn-primary sm" href="#">Add to Cart</a><a class="btn-ghost sm" href="#">Details</a></div>
</div>
</article>
<article class="card">
<span class="lab">-18%</span>
<div class="thumb"><img src="img/ASROCK.jpg" alt="RX 7800 XT"></div>
<div class="body">
<div class="title">ASROCK Radeon RX 7800 XT 16GB</div>
<div class="price"><span class="now">$519</span> <span class="old">$629</span></div>
<div class="cta"><a class="btn btn-primary sm" href="#">Add to Cart</a><a class="btn-ghost sm" href="#">Details</a></div>
</div>
</article>
<article class="card">
<span class="lab">HOT</span>
<div class="thumb"><img src="img/GEFORCE.jpg" alt="RTX 4060"></div>
<div class="body">
<div class="title">GeForce RTX 4060 8GB</div>
<div class="price"><span class="now">$279</span> <span class="old">$329</span></div>
<div class="cta"><a class="btn btn-primary sm" href="#">Add to Cart</a><a class="btn-ghost sm" href="#">Details</a></div>
</div>
</article>
<article class="card">
<span class="lab">BUNDLE</span>
<div class="thumb"><img src="img/PNY.webp" alt="RTX 4080"></div>
<div class="body">
<div class="title">PNY GeForce RTX 4080 Super 16GB</div>
<div class="price"><span class="now">$999</span> <span class="old">$1,199</span></div>
<div class="cta"><a class="btn btn-primary sm" href="#">Add to Cart</a><a class="btn-ghost sm" href="#">Details</a></div>
</div>
</article>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="wrap">© <span id="y"></span> PC Parts Outlet Store — All rights reserved.</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.querySelectorAll('.card .btn-primary').forEach(btn=>{
btn.addEventListener('click',()=>{
const b = document.getElementById('cartCount');
b.textContent = String(Number(b.textContent||0) + 1);
})
})
document.getElementById('y').textContent = new Date().getFullYear();
</script>
</body>
</html>