carlovanderwestenbfa67d9fbd-gtnsa

Learn more

Custom HTML widget
• Of: Appearance > Theme Editor > page.php
• Of: een Page Builder “HTML/Code” blok
Geen , , of

nodig —
die levert jouw WordPress thema al.
====================================================== –>

/* ── Reset binnen de WC-scope ── */
.wc-page *, .wc-page *::before, .wc-page *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}

.wc-page {
–white: #FFFFFF;
–black: #0A0A0A;
–blue: #1A4BDB;
–blue-light: #2D62FF;
–blue-dark: #0F2F9A;
–grey: #F4F6FB;
–grey2: #E2E7F3;
–text: #1A1A2E;
font-family: ‘Barlow’, sans-serif;
color: var(–text);
overflow-x: hidden;
}

/* ── HERO ── */
.wc-hero {
background: var(–black);
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 86vh;
position: relative;
overflow: hidden;
}
.wc-hero::after {
content: ”;
position: absolute; inset: 0;
background: radial-gradient(ellipse at 70% 50%, rgba(26,75,219,0.18) 0%, transparent 65%);
pointer-events: none;
}

.wc-hero-left {
padding: 80px 60px;
display: flex; flex-direction: column; justify-content: center;
z-index: 2;
}
.wc-eyebrow {
display: inline-flex; align-items: center; gap: 8px;
color: var(–blue-light);
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 0.85rem; font-weight: 700;
letter-spacing: 0.12em; text-transform: uppercase;
margin-bottom: 20px;
}
.wc-eyebrow::before {
content: ”; width: 28px; height: 2px; background: var(–blue-light);
}
.wc-hero h1 {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: clamp(3rem, 4.5vw, 5.5rem);
font-weight: 900;
line-height: 0.95;
color: var(–white);
text-transform: uppercase;
letter-spacing: -0.01em;
margin-bottom: 24px;
}
.wc-hero h1 em { font-style: normal; color: var(–blue-light); }

.wc-hero-desc {
color: #8A97B8;
font-size: 1rem; line-height: 1.7;
max-width: 420px;
margin-bottom: 40px;
}
.wc-cta { display: flex; gap: 16px; flex-wrap: wrap; }

.wc-btn-primary {
background: var(–blue); color: var(–white); border: none;
padding: 16px 36px;
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 700; font-size: 1rem;
letter-spacing: 0.1em; text-transform: uppercase;
cursor: pointer; transition: background .2s, transform .15s;
text-decoration: none; display: inline-block;
}
.wc-btn-primary:hover { background: var(–blue-light); transform: translateY(-2px); color: var(–white); }

.wc-btn-outline {
background: transparent; color: var(–white);
border: 1.5px solid #3A4A6B;
padding: 16px 36px;
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 700; font-size: 1rem;
letter-spacing: 0.1em; text-transform: uppercase;
cursor: pointer; transition: border-color .2s;
text-decoration: none; display: inline-block;
}
.wc-btn-outline:hover { border-color: var(–white); color: var(–white); }

.wc-stats {
display: flex; gap: 40px;
margin-top: 60px; padding-top: 32px;
border-top: 1px solid #1E2A45;
}
.wc-stat-value {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 2rem; font-weight: 900; color: var(–white);
}
.wc-stat-value span { color: var(–blue-light); }
.wc-stat-label {
color: #566180; font-size: 0.78rem;
text-transform: uppercase; letter-spacing: 0.08em;
margin-top: 2px;
}

.wc-hero-right { position: relative; overflow: hidden; z-index: 2; }
.wc-img-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
height: 100%; gap: 2px;
}
.wc-img-cell {
overflow: hidden;
display: flex; align-items: center; justify-content: center;
}
.wc-img-cell:nth-child(1) { background: linear-gradient(135deg,#0D1929,#162552); }
.wc-img-cell:nth-child(2) { background: linear-gradient(135deg,#111827,#1A3060); }
.wc-img-cell:nth-child(3) { background: linear-gradient(135deg,#0A1020,#12244A); }
.wc-img-cell:nth-child(4) { background: linear-gradient(135deg,#0E1D36,#1C3570); }
.wc-cell-inner { display:flex; flex-direction:column; align-items:center; gap:10px; opacity:.55; }
.wc-cell-inner svg { width:56px; height:56px; fill:none; stroke:#3A5FC0; stroke-width:1.2; }
.wc-cell-inner span {
color:#3A5FC0; font-family:’Barlow Condensed’,sans-serif;
font-size:.8rem; letter-spacing:.1em; text-transform:uppercase;
}

/* ── PROMO BAR ── */
.wc-promo {
background: var(–blue);
display: flex; align-items: center; justify-content: center;
gap: 48px; padding: 14px 40px;
flex-wrap: wrap;
}
.wc-promo-item {
display: flex; align-items: center; gap: 8px;
color: var(–white);
font-family: ‘Barlow Condensed’, sans-serif;
font-size: .85rem; font-weight: 600;
letter-spacing: .08em; text-transform: uppercase;
white-space: nowrap;
}
.wc-promo-item svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; flex-shrink:0; }

/* ── SECTION WRAPPER ── */
.wc-section { padding: 80px 60px; }
.wc-section-title {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: clamp(2rem,3vw,3rem);
font-weight: 900; text-transform: uppercase;
letter-spacing: .02em; margin-bottom: 8px;
}
.wc-section-title span { color: var(–blue); }
.wc-section-sub { color: #6B7A99; font-size: .95rem; margin-bottom: 40px; }

/* ── CATEGORIES ── */
.wc-cats {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
gap: 16px;
}
.wc-cat {
background: var(–grey); border: 1.5px solid var(–grey2);
padding: 32px 24px; cursor: pointer;
transition: border-color .2s, transform .15s, box-shadow .2s;
position: relative; overflow: hidden;
text-decoration: none; color: inherit; display: block;
}
.wc-cat::before {
content: ”; position: absolute; bottom:0; left:0; right:0; height:3px;
background: var(–blue);
transform: scaleX(0); transform-origin: left;
transition: transform .25s;
}
.wc-cat:hover { border-color: var(–blue); transform: translateY(-4px); box-shadow: 0 12px 30px rgba(26,75,219,.12); }
.wc-cat:hover::before { transform: scaleX(1); }
.wc-cat-icon { margin-bottom: 16px; }
.wc-cat-icon svg { width:36px; height:36px; fill:none; stroke:var(–blue); stroke-width:1.5; }
.wc-cat-name {
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 700; font-size: 1.05rem;
text-transform: uppercase; letter-spacing: .05em;
margin-bottom: 4px; color: var(–black);
}
.wc-cat-count { font-size: .78rem; color: #8899BB; }

/* ── PRODUCTS ── */
.wc-products-wrap { background: var(–black); }
.wc-products-wrap .wc-section-title { color: var(–white); }
.wc-products-wrap .wc-section-sub { color: #566180; }

.wc-products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px,1fr));
gap: 20px;
}
.wc-product {
background: #0E1422; border: 1.5px solid #1A2540;
overflow: hidden; cursor: pointer;
transition: border-color .2s, transform .15s;
}
.wc-product:hover { border-color: var(–blue); transform: translateY(-4px); }

.wc-product-img {
height: 200px;
background: linear-gradient(135deg,#111827,#162552);
display: flex; align-items: center; justify-content: center;
position: relative;
}
.wc-product-img svg { width:64px; height:64px; fill:none; stroke:#2D4080; stroke-width:1.2; }
.wc-badge {
position:absolute; top:12px; left:12px;
background: var(–blue); color: var(–white);
font-family: ‘Barlow Condensed’, sans-serif;
font-size:.75rem; font-weight:700;
letter-spacing:.08em; text-transform:uppercase;
padding: 4px 10px;
}
.wc-product-info { padding: 20px; }
.wc-brand { color: var(–blue-light); font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:6px; }
.wc-pname {
color: var(–white);
font-family: ‘Barlow Condensed’, sans-serif;
font-weight:700; font-size:1.05rem; letter-spacing:.02em;
margin-bottom:10px; line-height:1.2;
}
.wc-stars { color:#F5A623; font-size:.8rem; margin-bottom:10px; }
.wc-price-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.wc-price {
font-family: ‘Barlow Condensed’, sans-serif;
font-size:1.4rem; font-weight:900; color: var(–white);
}
.wc-price-old { font-size:.85rem; color:#4A5878; text-decoration:line-through; }
.wc-btn-add {
background: var(–blue); border:none; color: var(–white);
width:36px; height:36px;
display:flex; align-items:center; justify-content:center;
cursor:pointer; flex-shrink:0; transition:background .2s;
}
.wc-btn-add:hover { background: var(–blue-light); }
.wc-btn-add svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.5; }

/* ── BRANDS ── */
.wc-brands {
padding: 48px 60px;
background: var(–grey);
border-top: 1px solid var(–grey2);
border-bottom: 1px solid var(–grey2);
}
.wc-brands-inner {
display:flex; align-items:center; gap:48px;
flex-wrap:wrap; justify-content:center;
}
.wc-brand-label {
font-family:’Barlow Condensed’,sans-serif;
font-size:.8rem; letter-spacing:.12em;
text-transform:uppercase; color:#8899BB; font-weight:700;
white-space:nowrap;
}
.wc-brand-list { display:flex; gap:40px; align-items:center; flex-wrap:wrap; justify-content:center; }
.wc-brand-name {
font-family:’Barlow Condensed’,sans-serif; font-weight:700;
font-size:1.3rem; letter-spacing:.06em; text-transform:uppercase;
color:#B0BBCC; transition:color .2s; cursor:default;
}
.wc-brand-name:hover { color: var(–blue); }

/* ── USP ── */
.wc-usp {
display: grid; grid-template-columns: 1fr 1fr;
gap: 60px; align-items: center;
padding: 80px 60px;
}
.wc-usp-text p { color:#6B7A99; line-height:1.8; margin-bottom:32px; font-size:.95rem; }
.wc-usp-list { display:flex; flex-direction:column; gap:16px; }
.wc-usp-item {
display:flex; gap:16px; align-items:flex-start;
padding:20px; background:var(–grey); border-left:3px solid var(–blue);
}
.wc-usp-item svg { width:22px; height:22px; fill:none; stroke:var(–blue); stroke-width:1.8; flex-shrink:0; margin-top:2px; }
.wc-usp-item strong {
display:block; font-family:’Barlow Condensed’,sans-serif;
font-size:1rem; font-weight:700;
text-transform:uppercase; letter-spacing:.05em; margin-bottom:3px;
}
.wc-usp-item span { font-size:.88rem; color:#6B7A99; }

.wc-usp-visual {
background: var(–black);
height: 480px;
display:flex; align-items:center; justify-content:center;
position:relative; overflow:hidden;
}
.wc-usp-visual::before {
content:”; position:absolute; inset:0;
background: radial-gradient(ellipse at center,rgba(26,75,219,.2) 0%,transparent 60%);
}
.wc-usp-visual-inner { text-align:center; z-index:2; padding:40px; }
.wc-big-number {
font-family:’Barlow Condensed’,sans-serif;
font-size:8rem; font-weight:900; line-height:1; color:var(–white);
}
.wc-big-number span { color:var(–blue-light); }
.wc-big-label { color:#566180; font-family:’Barlow Condensed’,sans-serif; font-size:1rem; letter-spacing:.14em; text-transform:uppercase; margin-top:8px; }

/* ── NEWSLETTER ── */
.wc-newsletter {
background: var(–blue); padding: 60px;
display:flex; align-items:center; justify-content:space-between;
gap:40px; flex-wrap:wrap;
}
.wc-newsletter h2 {
font-family:’Barlow Condensed’,sans-serif;
font-size:2.4rem; font-weight:900;
text-transform:uppercase; color:var(–white);
letter-spacing:.02em; margin-bottom:6px;
}
.wc-newsletter p { color:rgba(255,255,255,.7); font-size:.95rem; }
.wc-nl-form { display:flex; gap:8px; flex-wrap:wrap; }
.wc-nl-form input {
background:rgba(255,255,255,.15);
border:1.5px solid rgba(255,255,255,.3);
color:var(–white); padding:14px 20px;
font-family:’Barlow’,sans-serif; font-size:.95rem;
width:280px; outline:none; transition:border-color .2s;
}
.wc-nl-form input::placeholder { color:rgba(255,255,255,.5); }
.wc-nl-form input:focus { border-color:var(–white); }
.wc-btn-white {
background:var(–white); color:var(–blue); border:none;
padding:14px 28px;
font-family:’Barlow Condensed’,sans-serif;
font-weight:700; font-size:1rem;
letter-spacing:.08em; text-transform:uppercase;
cursor:pointer; transition:background .2s;
}
.wc-btn-white:hover { background:var(–grey2); }

/* ── ANIMATIONS ── */
@keyframes wc-fadeUp {
from { opacity:0; transform:translateY(24px); }
to { opacity:1; transform:translateY(0); }
}
.wc-hero-left > * { animation: wc-fadeUp .6s ease both; }
.wc-hero-left > *:nth-child(1) { animation-delay:.1s; }
.wc-hero-left > *:nth-child(2) { animation-delay:.2s; }
.wc-hero-left > *:nth-child(3) { animation-delay:.3s; }
.wc-hero-left > *:nth-child(4) { animation-delay:.4s; }
.wc-hero-left > *:nth-child(5) { animation-delay:.5s; }

/* ── RESPONSIVE ── */
@media (max-width:900px) {
.wc-hero { grid-template-columns:1fr; }
.wc-hero-right { height:260px; }
.wc-hero-left { padding:48px 24px; }
.wc-section { padding:60px 24px; }
.wc-usp { grid-template-columns:1fr; padding:60px 24px; }
.wc-promo { gap:20px; padding:12px 20px; }
.wc-brands { padding:32px 24px; }
.wc-newsletter { padding:40px 24px; }
}

Uw Witgoed & Elektronica Specialist

Topkwaliteit.
Scherpe Prijzen.

Van wasmachine tot 4K televisie — WitgoedConcurrent biedt het grootste assortiment witgoed en elektronica voor de laagste prijs. Direct uit voorraad leverbaar.

Bekijk Aanbod
Aanbiedingen
5000+
Producten

24h
Bezorging

98%
Tevreden klanten

Televisies

Smartphones

Wasmachines

Koelkasten

Gratis bezorging vanaf €299

2 jaar garantie

30 dagen retour

Klantenservice 7 dagen/week

Shop per Categorie

Vind snel wat u zoekt via onze productcategorieën

Wasmachines
248 producten


Koelkasten
182 producten


Televisies
315 producten


Smartphones
427 producten


Laptops
196 producten


Audio
143 producten


Vaatwassers
89 producten


Bekijk alles
Volledig assortiment

Uitgelichte Producten

Onze bestverkochte producten van dit moment

“`

Aanbieding

Samsung
QLED 4K Smart TV 55″
★★★★★
€ 649,–
€ 899,–

Nieuw

Bosch
Serie 6 Wasmachine 9kg A+++
★★★★☆
€ 549,–
€ 699,–

Apple
iPhone 16 Pro 256GB
★★★★★
€ 1.149,–

Top deal

LG
No-Frost Koelkast 300L A++
★★★★☆
€ 479,–
€ 599,–

“`

Topmerken

Samsung
LG
Bosch
Philips
Siemens
Apple
Sony
Miele

Waarom WitgoedConcurrent?

Wij zijn de specialist voor witgoed en elektronica in Nederland. Met meer dan 15 jaar ervaring bieden wij u de beste producten voor de scherpste prijs, met uitstekende service.

Gratis bezorgingGratis thuisbezorging bij bestellingen vanaf €299,–

2 Jaar garantieOp alle producten standaard 2 jaar fabrieksgarantie

30 dagen retourNiet tevreden? Eenvoudig retourneren binnen 30 dagen

Expert adviesOns team helpt u 7 dagen per week bij uw keuze

15+
Jaar ervaring
in witgoed & elektronica