Wave Portal \u2013 E\u00e9n omgeving voor al uw zendingen<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --navy: #022745;\r\n --navy-mid: #0a3558;\r\n --navy-light: #0d3d63;\r\n --accent: #f58c23;\r\n --accent-light: #f7a045;\r\n --white: #ffffff;\r\n --grey: #8fa3bc;\r\n --light-bg: #f4f7fb;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: 'Barlow', sans-serif;\r\n background: var(--white);\r\n color: var(--navy);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n background: var(--navy);\r\n color: var(--white);\r\n padding: 100px 40px 80px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -120px; right: -120px;\r\n width: 500px; height: 500px;\r\n background: radial-gradient(circle, rgba(232,160,32,0.12) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%);\r\n }\r\n\r\n .hero-inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-block;\r\n background: rgba(232,160,32,0.15);\r\n border: 1px solid rgba(232,160,32,0.4);\r\n color: var(--accent-light);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n padding: 6px 16px;\r\n border-radius: 3px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: clamp(42px, 5vw, 64px);\r\n font-weight: 800;\r\n line-height: 1.05;\r\n margin-bottom: 20px;\r\n text-transform: uppercase;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero h1 span { color: var(--accent); }\r\n\r\n .hero p {\r\n font-size: 18px;\r\n color: rgba(255,255,255,0.75);\r\n line-height: 1.65;\r\n margin-bottom: 36px;\r\n max-width: 480px;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-block;\r\n background: var(--accent);\r\n color: var(--navy);\r\n font-weight: 700;\r\n font-size: 15px;\r\n letter-spacing: 0.5px;\r\n padding: 16px 32px;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .btn-primary:hover { background: var(--accent-light); transform: translateY(-2px); }\r\n\r\n .btn-secondary {\r\n display: inline-block;\r\n color: var(--white);\r\n font-weight: 600;\r\n font-size: 15px;\r\n padding: 16px 28px;\r\n text-decoration: none;\r\n border: 1.5px solid rgba(255,255,255,0.25);\r\n border-radius: 4px;\r\n margin-left: 12px;\r\n transition: border-color 0.2s, background 0.2s;\r\n }\r\n .btn-secondary:hover { border-color: var(--white); background: rgba(255,255,255,0.07); }\r\n\r\n \/* Dashboard mockup *\/\r\n .dashboard-mockup {\r\n background: var(--navy-light);\r\n border-radius: 12px;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n overflow: hidden;\r\n box-shadow: 0 40px 80px rgba(0,0,0,0.5);\r\n transform: perspective(900px) rotateY(-4deg) rotateX(2deg);\r\n transition: transform 0.4s ease;\r\n }\r\n .dashboard-mockup:hover { transform: perspective(900px) rotateY(-1deg) rotateX(0deg); }\r\n\r\n .mockup-bar {\r\n background: var(--navy-mid);\r\n padding: 12px 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n border-bottom: 1px solid rgba(255,255,255,0.08);\r\n }\r\n .mockup-dot { width: 10px; height: 10px; border-radius: 50%; }\r\n .dot-red { background: #ff5f57; }\r\n .dot-yellow { background: #febc2e; }\r\n .dot-green { background: #28c840; }\r\n .mockup-url {\r\n background: rgba(255,255,255,0.06);\r\n border-radius: 4px;\r\n padding: 4px 12px;\r\n font-size: 11px;\r\n color: var(--grey);\r\n margin-left: 12px;\r\n flex: 1;\r\n }\r\n\r\n .mockup-body { padding: 20px; }\r\n\r\n .mockup-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 16px;\r\n }\r\n .mockup-title { font-size: 14px; font-weight: 700; color: var(--white); }\r\n .mockup-btn {\r\n background: var(--accent);\r\n color: var(--navy);\r\n font-size: 11px;\r\n font-weight: 700;\r\n padding: 6px 14px;\r\n border-radius: 3px;\r\n }\r\n\r\n .mockup-carriers {\r\n display: flex;\r\n gap: 8px;\r\n margin-bottom: 16px;\r\n flex-wrap: wrap;\r\n }\r\n .carrier-chip {\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 4px;\r\n padding: 5px 10px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n color: rgba(255,255,255,0.7);\r\n }\r\n .carrier-chip.active {\r\n background: rgba(232,160,32,0.15);\r\n border-color: rgba(232,160,32,0.4);\r\n color: var(--accent-light);\r\n }\r\n\r\n .mockup-rows { display: flex; flex-direction: column; gap: 8px; }\r\n .mockup-row {\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 6px;\r\n padding: 10px 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n }\r\n .row-carrier { font-size: 11px; font-weight: 700; color: var(--white); min-width: 60px; }\r\n .row-service { font-size: 10px; color: var(--grey); flex: 1; }\r\n .row-price { font-size: 13px; font-weight: 700; color: var(--accent); min-width: 50px; text-align: right; }\r\n .row-action {\r\n background: var(--navy-mid);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 3px;\r\n padding: 4px 10px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n color: var(--white);\r\n }\r\n .row-action.best {\r\n background: var(--accent);\r\n color: var(--navy);\r\n border-color: var(--accent);\r\n }\r\n\r\n \/* LOGOS STRIP *\/\r\n .logos-strip {\r\n background: var(--light-bg);\r\n padding: 28px 40px;\r\n border-bottom: 1px solid #e0e8f0;\r\n }\r\n .logos-inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n gap: 0;\r\n }\r\n .logos-label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--grey);\r\n white-space: nowrap;\r\n padding-right: 32px;\r\n border-right: 1px solid #d0dde8;\r\n margin-right: 32px;\r\n }\r\n .logos-list {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n }\r\n .carrier-logo {\r\n font-size: 13px;\r\n font-weight: 800;\r\n color: var(--navy);\r\n opacity: 0.55;\r\n letter-spacing: 0.5px;\r\n transition: opacity 0.2s;\r\n }\r\n .carrier-logo:hover { opacity: 1; }\r\n\r\n \/* FEATURES *\/\r\n .features {\r\n padding: 90px 40px;\r\n background: var(--white);\r\n }\r\n .section-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n .section-label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 12px;\r\n }\r\n .section-title {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: clamp(32px, 4vw, 48px);\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n margin-bottom: 14px;\r\n line-height: 1.1;\r\n }\r\n .section-sub {\r\n font-size: 17px;\r\n color: #5a7a96;\r\n max-width: 560px;\r\n line-height: 1.6;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .feature-card {\r\n background: var(--light-bg);\r\n border-radius: 10px;\r\n padding: 36px 30px;\r\n border: 1px solid #e0e8f0;\r\n transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: var(--accent);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s ease;\r\n }\r\n .feature-card:hover {\r\n border-color: #b8ccdd;\r\n box-shadow: 0 12px 36px rgba(13,27,46,0.08);\r\n transform: translateY(-4px);\r\n }\r\n .feature-card:hover::before { transform: scaleX(1); }\r\n\r\n .feature-icon {\r\n width: 52px; height: 52px;\r\n background: var(--navy);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 22px;\r\n font-size: 22px;\r\n }\r\n\r\n .feature-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 10px;\r\n }\r\n .feature-text {\r\n font-size: 15px;\r\n color: #5a7a96;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* HOW IT WORKS *\/\r\n .how {\r\n background: var(--navy);\r\n color: var(--white);\r\n padding: 90px 40px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .how::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -200px; right: -200px;\r\n width: 600px; height: 600px;\r\n background: radial-gradient(circle, rgba(232,160,32,0.08) 0%, transparent 65%);\r\n pointer-events: none;\r\n }\r\n\r\n .how .section-title { color: var(--white); }\r\n .how .section-sub { color: rgba(255,255,255,0.6); }\r\n\r\n .steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n position: relative;\r\n }\r\n .steps::before {\r\n content: '';\r\n position: absolute;\r\n top: 36px; left: 10%; right: 10%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(232,160,32,0.3) 20%, rgba(232,160,32,0.3) 80%, transparent);\r\n }\r\n\r\n .step {\r\n text-align: center;\r\n padding: 0 20px;\r\n position: relative;\r\n }\r\n\r\n .step-number {\r\n width: 72px; height: 72px;\r\n background: var(--navy-light);\r\n border: 2px solid rgba(232,160,32,0.4);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--accent);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .step-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 10px;\r\n }\r\n .step-text {\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.55);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* BENEFITS *\/\r\n .benefits {\r\n padding: 90px 40px;\r\n background: var(--white);\r\n }\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n .benefit-list { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; }\r\n .benefit-item {\r\n display: flex;\r\n gap: 18px;\r\n align-items: flex-start;\r\n padding: 20px;\r\n background: var(--light-bg);\r\n border-radius: 8px;\r\n border: 1px solid #e0e8f0;\r\n transition: border-color 0.2s;\r\n }\r\n .benefit-item:hover { border-color: var(--accent); }\r\n .benefit-check {\r\n width: 32px; height: 32px;\r\n background: var(--navy);\r\n border-radius: 6px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 14px;\r\n color: var(--accent);\r\n }\r\n .benefit-text { font-size: 15px; font-weight: 500; color: var(--navy); line-height: 1.5; }\r\n .benefit-text strong { display: block; font-size: 16px; margin-bottom: 3px; }\r\n\r\n .visual-block {\r\n background: var(--navy);\r\n border-radius: 14px;\r\n padding: 40px;\r\n color: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .visual-block::before {\r\n content: '';\r\n position: absolute;\r\n top: -60px; right: -60px;\r\n width: 220px; height: 220px;\r\n background: radial-gradient(circle, rgba(232,160,32,0.2) 0%, transparent 65%);\r\n }\r\n\r\n .stat-row { display: flex; flex-direction: column; gap: 28px; }\r\n .stat-item {}\r\n .stat-number {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 52px;\r\n font-weight: 800;\r\n color: var(--accent);\r\n line-height: 1;\r\n }\r\n .stat-desc { font-size: 15px; color: rgba(255,255,255,0.65); margin-top: 4px; }\r\n .stat-divider { height: 1px; background: rgba(255,255,255,0.08); }\r\n\r\n \/* CTA *\/\r\n .cta-section {\r\n background: var(--accent);\r\n padding: 80px 40px;\r\n text-align: center;\r\n }\r\n .cta-section h2 {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: clamp(32px, 4vw, 52px);\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n margin-bottom: 14px;\r\n }\r\n .cta-section p {\r\n font-size: 18px;\r\n color: rgba(13,27,46,0.75);\r\n margin-bottom: 36px;\r\n max-width: 500px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .btn-dark {\r\n display: inline-block;\r\n background: var(--navy);\r\n color: var(--white);\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 18px 40px;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .btn-dark:hover { background: var(--navy-light); transform: translateY(-2px); }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 900px) {\r\n .hero-inner { grid-template-columns: 1fr; }\r\n .dashboard-mockup { transform: none; }\r\n .features-grid { grid-template-columns: 1fr 1fr; }\r\n .steps { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n .steps::before { display: none; }\r\n .benefits-grid { grid-template-columns: 1fr; }\r\n }\r\n @media (max-width: 600px) {\r\n .hero, .features, .how, .benefits { padding: 60px 20px; }\r\n .features-grid { grid-template-columns: 1fr; }\r\n .steps { grid-template-columns: 1fr; }\r\n .btn-secondary { display: none; }\r\n .logos-label { display: none; }\r\n }\r\n\r\n \/* Animate in *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .hero-content > * {\r\n animation: fadeUp 0.6s ease both;\r\n }\r\n .hero-content > *:nth-child(1) { animation-delay: 0.1s; }\r\n .hero-content > *:nth-child(2) { animation-delay: 0.2s; }\r\n .hero-content > *:nth-child(3) { animation-delay: 0.3s; }\r\n .hero-content > *:nth-child(4) { animation-delay: 0.4s; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">Wave Portal<\/div>\r\n <h1>E\u00e9n omgeving voor al uw <span>zendingen<\/span><\/h1>\r\n <p>Vergelijk tarieven, boek direct en volg uw pakketten bij alle grote vervoerders \u2014 vanuit \u00e9\u00e9n overzichtelijk systeem.<\/p>\r\n <div>\r\n <a href=\"https:\/\/engine.deliverymatch.eu\/login\/wavelogistiek\" class=\"btn-primary\">Inloggen in Wave Portal<\/a>\r\n <a href=\"#features\" class=\"btn-secondary\">Meer informatie<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"dashboard-mockup\" style=\"background:#f5f6f7; border-radius:10px; overflow:hidden; box-shadow:0 40px 80px rgba(0,0,0,0.5); transform:perspective(900px) rotateY(-4deg) rotateX(2deg); transition:transform 0.4s ease; font-family:'Barlow',sans-serif;\">\r\n\r\n \r\n <div style=\"background:#022745; display:flex; align-items:center; padding:10px 16px; gap:14px;\">\r\n <div style=\"display:flex; flex-direction:column; line-height:1.1;\">\r\n <span style=\"color:#f58c23; font-weight:900; font-size:15px; letter-spacing:-0.5px;\">Wave<\/span>\r\n <span style=\"color:#fff; font-size:9px; font-weight:600; letter-spacing:1px;\">Logistiek<\/span>\r\n <\/div>\r\n <div style=\"color:#fff; font-size:13px; font-weight:700; margin-left:8px;\">Wave Logistiek<\/div>\r\n <div style=\"background:rgba(255,255,255,0.1); border-radius:4px; padding:4px 10px; color:rgba(255,255,255,0.8); font-size:11px; margin-left:auto;\">Wave Logistiek (101568) \u25be<\/div>\r\n <\/div>\r\n\r\n <div style=\"display:flex; min-height:260px;\">\r\n \r\n <div style=\"background:#fff; width:130px; flex-shrink:0; padding:14px 0; border-right:1px solid #e5e8ec;\">\r\n <div style=\"padding:5px 14px; font-size:10px; color:#888; margin-bottom:4px;\">Dashboard<\/div>\r\n <div style=\"padding:5px 14px; font-size:10px; color:#f58c23; font-weight:600;\">Account<\/div>\r\n <div style=\"padding:5px 14px; font-size:10px; color:#555;\">Documentation<\/div>\r\n <div style=\"padding:5px 14px; font-size:10px; color:#555; margin-top:10px; font-weight:700; font-size:9px; letter-spacing:0.5px; text-transform:uppercase;\">Shipments<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">Add shipment<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">All shipments<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">Booked<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">Picked up<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">Delivered<\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"flex:1; padding:16px; overflow:hidden;\">\r\n <div style=\"font-size:14px; font-weight:700; color:#1a1a2e; margin-bottom:12px;\">Last 50 Days<\/div>\r\n\r\n \r\n <div style=\"display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin-bottom:16px;\">\r\n <div style=\"background:#6c757d; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Draft<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">\u2014<\/div>\r\n <\/div>\r\n <div style=\"background:#17a2b8; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">New<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">15<\/div>\r\n <\/div>\r\n <div style=\"background:#007bff; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Booked<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">0<\/div>\r\n <\/div>\r\n <div style=\"background:#6ab04c; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Picked up<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">1<\/div>\r\n <\/div>\r\n <div style=\"background:#27ae60; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85); line-height:1.2;\">Out for delivery<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">1<\/div>\r\n <\/div>\r\n <div style=\"background:#1e8449; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Delivered<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">32<\/div>\r\n <\/div>\r\n <div style=\"background:#e74c3c; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Overdue<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">\u2014<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"font-size:12px; font-weight:700; color:#1a1a2e; margin-bottom:8px;\">All shipments<\/div>\r\n <div style=\"background:#fff; border-radius:4px; border:1px solid #e5e8ec; overflow:hidden;\">\r\n <div style=\"display:grid; grid-template-columns:1.4fr 1fr 0.8fr 0.8fr 0.6fr; padding:6px 10px; background:#f8f9fa; border-bottom:1px solid #e5e8ec;\">\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">Date<\/div>\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">To<\/div>\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">Shipping Date<\/div>\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">Carrier<\/div>\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">Price<\/div>\r\n <\/div>\r\n <div style=\"display:grid; grid-template-columns:1.4fr 1fr 0.8fr 0.8fr 0.6fr; padding:7px 10px; border-bottom:1px solid #f0f0f0; align-items:center;\">\r\n <div style=\"font-size:9px; color:#444;\">2026-05-28 09:44<\/div>\r\n <div style=\"font-size:9px; color:#444;\">ALTE SORGE, DE<\/div>\r\n <div style=\"font-size:9px; color:#444;\">29-May-2026<\/div>\r\n <div style=\"font-size:9px; color:#444;\">DHLFreight<\/div>\r\n <div style=\"font-size:9px; color:#444;\">\u20ac74.88<\/div>\r\n <\/div>\r\n <div style=\"display:grid; grid-template-columns:1.4fr 1fr 0.8fr 0.8fr 0.6fr; padding:7px 10px; border-bottom:1px solid #f0f0f0; align-items:center;\">\r\n <div style=\"font-size:9px; color:#444;\">2026-06-01 09:33<\/div>\r\n <div style=\"font-size:9px; color:#444;\">Amsterdam, NL<\/div>\r\n <div style=\"font-size:9px; color:#444;\">02-Jun-2026<\/div>\r\n <div style=\"font-size:9px; color:#444;\">DPD<\/div>\r\n <div style=\"font-size:9px; color:#444;\">\u20ac5.90<\/div>\r\n <\/div>\r\n <div style=\"display:grid; grid-template-columns:1.4fr 1fr 0.8fr 0.8fr 0.6fr; padding:7px 10px; align-items:center;\">\r\n <div style=\"font-size:9px; color:#444;\">2026-05-29 10:55<\/div>\r\n <div style=\"font-size:9px; color:#444;\">Wien, AT<\/div>\r\n <div style=\"font-size:9px; color:#444;\">30-May-2026<\/div>\r\n <div style=\"font-size:9px; color:#444;\">DHL Express<\/div>\r\n <div style=\"font-size:9px; color:#444;\">\u20ac22.40<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"logos-strip\">\r\n <div class=\"logos-inner\">\r\n <div class=\"logos-label\">Gekoppelde vervoerders<\/div>\r\n <div class=\"logos-list\">\r\n <div class=\"carrier-logo\">DHL Express<\/div>\r\n <div class=\"carrier-logo\">UPS<\/div>\r\n <div class=\"carrier-logo\">DSV \/ DB Schenker<\/div>\r\n <div class=\"carrier-logo\">Mainfreight<\/div>\r\n <div class=\"carrier-logo\">DHL Freight<\/div>\r\n <div class=\"carrier-logo\">DPD<\/div>\r\n <div class=\"carrier-logo\">WDH Transport<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"features\" id=\"features\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Wat biedt Wave Portal?<\/div>\r\n <h2 class=\"section-title\">Alles in \u00e9\u00e9n scherm<\/h2>\r\n <p class=\"section-sub\">Geen losse accounts, geen gedoe. Het Wave Portal brengt alle vervoerders samen zodat u snel en eenvoudig kunt boeken, volgen en beheren.<\/p>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udce6<\/div>\r\n <div class=\"feature-title\">Direct boeken<\/div>\r\n <div class=\"feature-text\">Vergelijk tarieven van alle gekoppelde vervoerders en boek direct vanuit \u00e9\u00e9n scherm \u2014 zonder te schakelen tussen systemen.<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"feature-title\">Track & trace<\/div>\r\n <div class=\"feature-text\">Volg al uw zendingen van verschillende vervoerders in \u00e9\u00e9n overzicht. Altijd up-to-date, zonder in te loggen bij meerdere portalen.<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udff7\ufe0f<\/div>\r\n <div class=\"feature-title\">Labels & pick-up<\/div>\r\n <div class=\"feature-text\">Ontvang direct uw label na boeking. Boek eenvoudig een pick-up en download achteraf de proof of delivery (POD).<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83e\udd1d<\/div>\r\n <div class=\"feature-title\">Geen apart account nodig<\/div>\r\n <div class=\"feature-text\">U hoeft niet bij elke vervoerder een eigen account af te sluiten. Wave Logistiek regelt de contracten; u gebruikt gewoon het portal.<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcb6<\/div>\r\n <div class=\"feature-title\">Scherpe tarieven<\/div>\r\n <div class=\"feature-text\">Profiteer van de volume\u00adkortingen van Wave Logistiek. Vergelijk en kies altijd de beste prijs-kwaliteitverhouding voor uw zending.<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfe2<\/div>\r\n <div class=\"feature-title\">Voor MKB-klanten<\/div>\r\n <div class=\"feature-text\">Speciaal gericht op MKB-klanten van Wave Logistiek. Eenvoudig in gebruik, zonder technische kennis vereist.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"text-align:center; margin-top:48px; padding:40px; background:var(--light-bg); border-radius:10px; border:1px solid #e0e8f0;\">\r\n <p style=\"font-size:18px; font-weight:600; color:var(--navy); margin-bottom:8px;\">Nog geen account? Neem contact op!<\/p>\r\n <p style=\"font-size:15px; color:#5a7a96; margin-bottom:24px;\">Wij zetten u snel en eenvoudig op het Wave Portal.<\/p>\r\n <a href=\"https:\/\/wavelogistiek.nl\/index.php\/contact\/\" class=\"btn-primary\">Neem contact op \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"how\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Hoe werkt het?<\/div>\r\n <h2 class=\"section-title\">Zo eenvoudig is het<\/h2>\r\n <p class=\"section-sub\" style=\"margin-bottom: 70px;\">Van zending aanmaken tot label printen in vier stappen.<\/p>\r\n\r\n <div class=\"steps\">\r\n <div class=\"step\">\r\n <div class=\"step-number\">1<\/div>\r\n <div class=\"step-title\">Log in<\/div>\r\n <div class=\"step-text\">Meld u aan bij het Wave Portal met uw persoonlijke account.<\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">2<\/div>\r\n <div class=\"step-title\">Vergelijk tarieven<\/div>\r\n <div class=\"step-text\">Voer uw zendgegevens in en bekijk direct de tarieven van alle vervoerders.<\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">3<\/div>\r\n <div class=\"step-title\">Boek & print<\/div>\r\n <div class=\"step-text\">Kies de gewenste vervoerder, boek de zending en druk direct het label af.<\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">4<\/div>\r\n <div class=\"step-title\">Volg uw zending<\/div>\r\n <div class=\"step-text\">Houd de status bij via track & trace en download de POD wanneer afgeleverd.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"text-align:center; margin-top:56px;\">\r\n <p style=\"color:rgba(255,255,255,0.65); font-size:16px; margin-bottom:20px;\">Klaar om aan de slag te gaan? Wij helpen u op weg.<\/p>\r\n <a href=\"https:\/\/wavelogistiek.nl\/index.php\/contact\/\" style=\"display:inline-block; background:var(--accent); color:var(--navy); font-weight:700; font-size:15px; padding:14px 32px; border-radius:4px; text-decoration:none;\">Vraag toegang aan \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"benefits\">\r\n <div class=\"section-inner\">\r\n <div class=\"benefits-grid\">\r\n <div>\r\n <div class=\"section-label\">Voordelen<\/div>\r\n <h2 class=\"section-title\">Waarom Wave Portal?<\/h2>\r\n <div class=\"benefit-list\">\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-check\">\u2713<\/div>\r\n <div class=\"benefit-text\"><strong>E\u00e9n omgeving voor alles<\/strong>Boeken, volgen, labels en POD's \u2014 alles op \u00e9\u00e9n plek.<\/div>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-check\">\u2713<\/div>\r\n <div class=\"benefit-text\"><strong>Koppelingen met alle grote vervoerders<\/strong>DHL Express, UPS, DSV, Mainfreight, DHL Freight, DPD en WDH Transport direct beschikbaar.<\/div>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-check\">\u2713<\/div>\r\n <div class=\"benefit-text\"><strong>Geen verplichte losse accounts<\/strong>Wij regelen de contracten, u hoeft nergens apart klant te worden.<\/div>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-check\">\u2713<\/div>\r\n <div class=\"benefit-text\"><strong>Altijd de scherpste prijs<\/strong>Vergelijk direct en kies de beste optie voor uw budget en levertijd.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-top:28px;\">\r\n <a href=\"https:\/\/wavelogistiek.nl\/index.php\/contact\/\" class=\"btn-primary\">Neem contact op \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"visual-block\">\r\n <div class=\"stat-row\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">7<\/div>\r\n <div class=\"stat-desc\">Vervoerders direct beschikbaar in het portal<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">1<\/div>\r\n <div class=\"stat-desc\">Omgeving voor boeken, volgen en beheren<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-desc\">Toegang tot uw zendingen en track & trace<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-section\">\r\n <h2>Klaar om te beginnen?<\/h2>\r\n <p>Al klant bij Wave Logistiek? Log direct in. Nog geen klant? Neem contact op en wij regelen de rest.<\/p>\r\n <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\">\r\n <a href=\"https:\/\/engine.deliverymatch.eu\/login\/wavelogistiek\" class=\"btn-dark\">Inloggen in Wave Portal \u2192<\/a>\r\n <a href=\"https:\/\/wavelogistiek.nl\/index.php\/contact\/\" style=\"display:inline-block; background:transparent; color:var(--navy); font-weight:700; font-size:16px; padding:18px 40px; border-radius:4px; text-decoration:none; border:2px solid var(--navy);\">Neem contact op<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wave Portal \u2013 E\u00e9n omgeving voor al uw zendingen Wave Portal E\u00e9n omgeving voor al uw zendingen Vergelijk tarieven, boek direct en volg uw pakketten bij alle grote vervoerders \u2014 vanuit \u00e9\u00e9n overzichtelijk systeem. Inloggen in Wave Portal Meer informatie Wave Logistiek Wave Logistiek Wave Logistiek (101568) \u25be Dashboard Account Documentation Shipments Add shipment All […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/pages\/3118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/comments?post=3118"}],"version-history":[{"count":19,"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/pages\/3118\/revisions"}],"predecessor-version":[{"id":3165,"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/pages\/3118\/revisions\/3165"}],"wp:attachment":[{"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/media?parent=3118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nWave Portal \u2013 E\u00e9n omgeving voor al uw zendingen<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --navy: #022745;\r\n --navy-mid: #0a3558;\r\n --navy-light: #0d3d63;\r\n --accent: #f58c23;\r\n --accent-light: #f7a045;\r\n --white: #ffffff;\r\n --grey: #8fa3bc;\r\n --light-bg: #f4f7fb;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: 'Barlow', sans-serif;\r\n background: var(--white);\r\n color: var(--navy);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n background: var(--navy);\r\n color: var(--white);\r\n padding: 100px 40px 80px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -120px; right: -120px;\r\n width: 500px; height: 500px;\r\n background: radial-gradient(circle, rgba(232,160,32,0.12) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%);\r\n }\r\n\r\n .hero-inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-block;\r\n background: rgba(232,160,32,0.15);\r\n border: 1px solid rgba(232,160,32,0.4);\r\n color: var(--accent-light);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n padding: 6px 16px;\r\n border-radius: 3px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: clamp(42px, 5vw, 64px);\r\n font-weight: 800;\r\n line-height: 1.05;\r\n margin-bottom: 20px;\r\n text-transform: uppercase;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero h1 span { color: var(--accent); }\r\n\r\n .hero p {\r\n font-size: 18px;\r\n color: rgba(255,255,255,0.75);\r\n line-height: 1.65;\r\n margin-bottom: 36px;\r\n max-width: 480px;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-block;\r\n background: var(--accent);\r\n color: var(--navy);\r\n font-weight: 700;\r\n font-size: 15px;\r\n letter-spacing: 0.5px;\r\n padding: 16px 32px;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .btn-primary:hover { background: var(--accent-light); transform: translateY(-2px); }\r\n\r\n .btn-secondary {\r\n display: inline-block;\r\n color: var(--white);\r\n font-weight: 600;\r\n font-size: 15px;\r\n padding: 16px 28px;\r\n text-decoration: none;\r\n border: 1.5px solid rgba(255,255,255,0.25);\r\n border-radius: 4px;\r\n margin-left: 12px;\r\n transition: border-color 0.2s, background 0.2s;\r\n }\r\n .btn-secondary:hover { border-color: var(--white); background: rgba(255,255,255,0.07); }\r\n\r\n \/* Dashboard mockup *\/\r\n .dashboard-mockup {\r\n background: var(--navy-light);\r\n border-radius: 12px;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n overflow: hidden;\r\n box-shadow: 0 40px 80px rgba(0,0,0,0.5);\r\n transform: perspective(900px) rotateY(-4deg) rotateX(2deg);\r\n transition: transform 0.4s ease;\r\n }\r\n .dashboard-mockup:hover { transform: perspective(900px) rotateY(-1deg) rotateX(0deg); }\r\n\r\n .mockup-bar {\r\n background: var(--navy-mid);\r\n padding: 12px 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n border-bottom: 1px solid rgba(255,255,255,0.08);\r\n }\r\n .mockup-dot { width: 10px; height: 10px; border-radius: 50%; }\r\n .dot-red { background: #ff5f57; }\r\n .dot-yellow { background: #febc2e; }\r\n .dot-green { background: #28c840; }\r\n .mockup-url {\r\n background: rgba(255,255,255,0.06);\r\n border-radius: 4px;\r\n padding: 4px 12px;\r\n font-size: 11px;\r\n color: var(--grey);\r\n margin-left: 12px;\r\n flex: 1;\r\n }\r\n\r\n .mockup-body { padding: 20px; }\r\n\r\n .mockup-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 16px;\r\n }\r\n .mockup-title { font-size: 14px; font-weight: 700; color: var(--white); }\r\n .mockup-btn {\r\n background: var(--accent);\r\n color: var(--navy);\r\n font-size: 11px;\r\n font-weight: 700;\r\n padding: 6px 14px;\r\n border-radius: 3px;\r\n }\r\n\r\n .mockup-carriers {\r\n display: flex;\r\n gap: 8px;\r\n margin-bottom: 16px;\r\n flex-wrap: wrap;\r\n }\r\n .carrier-chip {\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 4px;\r\n padding: 5px 10px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n color: rgba(255,255,255,0.7);\r\n }\r\n .carrier-chip.active {\r\n background: rgba(232,160,32,0.15);\r\n border-color: rgba(232,160,32,0.4);\r\n color: var(--accent-light);\r\n }\r\n\r\n .mockup-rows { display: flex; flex-direction: column; gap: 8px; }\r\n .mockup-row {\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 6px;\r\n padding: 10px 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n }\r\n .row-carrier { font-size: 11px; font-weight: 700; color: var(--white); min-width: 60px; }\r\n .row-service { font-size: 10px; color: var(--grey); flex: 1; }\r\n .row-price { font-size: 13px; font-weight: 700; color: var(--accent); min-width: 50px; text-align: right; }\r\n .row-action {\r\n background: var(--navy-mid);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 3px;\r\n padding: 4px 10px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n color: var(--white);\r\n }\r\n .row-action.best {\r\n background: var(--accent);\r\n color: var(--navy);\r\n border-color: var(--accent);\r\n }\r\n\r\n \/* LOGOS STRIP *\/\r\n .logos-strip {\r\n background: var(--light-bg);\r\n padding: 28px 40px;\r\n border-bottom: 1px solid #e0e8f0;\r\n }\r\n .logos-inner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n gap: 0;\r\n }\r\n .logos-label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--grey);\r\n white-space: nowrap;\r\n padding-right: 32px;\r\n border-right: 1px solid #d0dde8;\r\n margin-right: 32px;\r\n }\r\n .logos-list {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n }\r\n .carrier-logo {\r\n font-size: 13px;\r\n font-weight: 800;\r\n color: var(--navy);\r\n opacity: 0.55;\r\n letter-spacing: 0.5px;\r\n transition: opacity 0.2s;\r\n }\r\n .carrier-logo:hover { opacity: 1; }\r\n\r\n \/* FEATURES *\/\r\n .features {\r\n padding: 90px 40px;\r\n background: var(--white);\r\n }\r\n .section-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n .section-label {\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 12px;\r\n }\r\n .section-title {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: clamp(32px, 4vw, 48px);\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n margin-bottom: 14px;\r\n line-height: 1.1;\r\n }\r\n .section-sub {\r\n font-size: 17px;\r\n color: #5a7a96;\r\n max-width: 560px;\r\n line-height: 1.6;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .feature-card {\r\n background: var(--light-bg);\r\n border-radius: 10px;\r\n padding: 36px 30px;\r\n border: 1px solid #e0e8f0;\r\n transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: var(--accent);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s ease;\r\n }\r\n .feature-card:hover {\r\n border-color: #b8ccdd;\r\n box-shadow: 0 12px 36px rgba(13,27,46,0.08);\r\n transform: translateY(-4px);\r\n }\r\n .feature-card:hover::before { transform: scaleX(1); }\r\n\r\n .feature-icon {\r\n width: 52px; height: 52px;\r\n background: var(--navy);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 22px;\r\n font-size: 22px;\r\n }\r\n\r\n .feature-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 10px;\r\n }\r\n .feature-text {\r\n font-size: 15px;\r\n color: #5a7a96;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* HOW IT WORKS *\/\r\n .how {\r\n background: var(--navy);\r\n color: var(--white);\r\n padding: 90px 40px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .how::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -200px; right: -200px;\r\n width: 600px; height: 600px;\r\n background: radial-gradient(circle, rgba(232,160,32,0.08) 0%, transparent 65%);\r\n pointer-events: none;\r\n }\r\n\r\n .how .section-title { color: var(--white); }\r\n .how .section-sub { color: rgba(255,255,255,0.6); }\r\n\r\n .steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n position: relative;\r\n }\r\n .steps::before {\r\n content: '';\r\n position: absolute;\r\n top: 36px; left: 10%; right: 10%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(232,160,32,0.3) 20%, rgba(232,160,32,0.3) 80%, transparent);\r\n }\r\n\r\n .step {\r\n text-align: center;\r\n padding: 0 20px;\r\n position: relative;\r\n }\r\n\r\n .step-number {\r\n width: 72px; height: 72px;\r\n background: var(--navy-light);\r\n border: 2px solid rgba(232,160,32,0.4);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--accent);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .step-title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 10px;\r\n }\r\n .step-text {\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.55);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* BENEFITS *\/\r\n .benefits {\r\n padding: 90px 40px;\r\n background: var(--white);\r\n }\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n .benefit-list { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; }\r\n .benefit-item {\r\n display: flex;\r\n gap: 18px;\r\n align-items: flex-start;\r\n padding: 20px;\r\n background: var(--light-bg);\r\n border-radius: 8px;\r\n border: 1px solid #e0e8f0;\r\n transition: border-color 0.2s;\r\n }\r\n .benefit-item:hover { border-color: var(--accent); }\r\n .benefit-check {\r\n width: 32px; height: 32px;\r\n background: var(--navy);\r\n border-radius: 6px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 14px;\r\n color: var(--accent);\r\n }\r\n .benefit-text { font-size: 15px; font-weight: 500; color: var(--navy); line-height: 1.5; }\r\n .benefit-text strong { display: block; font-size: 16px; margin-bottom: 3px; }\r\n\r\n .visual-block {\r\n background: var(--navy);\r\n border-radius: 14px;\r\n padding: 40px;\r\n color: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .visual-block::before {\r\n content: '';\r\n position: absolute;\r\n top: -60px; right: -60px;\r\n width: 220px; height: 220px;\r\n background: radial-gradient(circle, rgba(232,160,32,0.2) 0%, transparent 65%);\r\n }\r\n\r\n .stat-row { display: flex; flex-direction: column; gap: 28px; }\r\n .stat-item {}\r\n .stat-number {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 52px;\r\n font-weight: 800;\r\n color: var(--accent);\r\n line-height: 1;\r\n }\r\n .stat-desc { font-size: 15px; color: rgba(255,255,255,0.65); margin-top: 4px; }\r\n .stat-divider { height: 1px; background: rgba(255,255,255,0.08); }\r\n\r\n \/* CTA *\/\r\n .cta-section {\r\n background: var(--accent);\r\n padding: 80px 40px;\r\n text-align: center;\r\n }\r\n .cta-section h2 {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: clamp(32px, 4vw, 52px);\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n margin-bottom: 14px;\r\n }\r\n .cta-section p {\r\n font-size: 18px;\r\n color: rgba(13,27,46,0.75);\r\n margin-bottom: 36px;\r\n max-width: 500px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .btn-dark {\r\n display: inline-block;\r\n background: var(--navy);\r\n color: var(--white);\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 18px 40px;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .btn-dark:hover { background: var(--navy-light); transform: translateY(-2px); }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 900px) {\r\n .hero-inner { grid-template-columns: 1fr; }\r\n .dashboard-mockup { transform: none; }\r\n .features-grid { grid-template-columns: 1fr 1fr; }\r\n .steps { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n .steps::before { display: none; }\r\n .benefits-grid { grid-template-columns: 1fr; }\r\n }\r\n @media (max-width: 600px) {\r\n .hero, .features, .how, .benefits { padding: 60px 20px; }\r\n .features-grid { grid-template-columns: 1fr; }\r\n .steps { grid-template-columns: 1fr; }\r\n .btn-secondary { display: none; }\r\n .logos-label { display: none; }\r\n }\r\n\r\n \/* Animate in *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .hero-content > * {\r\n animation: fadeUp 0.6s ease both;\r\n }\r\n .hero-content > *:nth-child(1) { animation-delay: 0.1s; }\r\n .hero-content > *:nth-child(2) { animation-delay: 0.2s; }\r\n .hero-content > *:nth-child(3) { animation-delay: 0.3s; }\r\n .hero-content > *:nth-child(4) { animation-delay: 0.4s; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">Wave Portal<\/div>\r\n <h1>E\u00e9n omgeving voor al uw <span>zendingen<\/span><\/h1>\r\n <p>Vergelijk tarieven, boek direct en volg uw pakketten bij alle grote vervoerders \u2014 vanuit \u00e9\u00e9n overzichtelijk systeem.<\/p>\r\n <div>\r\n <a href=\"https:\/\/engine.deliverymatch.eu\/login\/wavelogistiek\" class=\"btn-primary\">Inloggen in Wave Portal<\/a>\r\n <a href=\"#features\" class=\"btn-secondary\">Meer informatie<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"dashboard-mockup\" style=\"background:#f5f6f7; border-radius:10px; overflow:hidden; box-shadow:0 40px 80px rgba(0,0,0,0.5); transform:perspective(900px) rotateY(-4deg) rotateX(2deg); transition:transform 0.4s ease; font-family:'Barlow',sans-serif;\">\r\n\r\n \r\n <div style=\"background:#022745; display:flex; align-items:center; padding:10px 16px; gap:14px;\">\r\n <div style=\"display:flex; flex-direction:column; line-height:1.1;\">\r\n <span style=\"color:#f58c23; font-weight:900; font-size:15px; letter-spacing:-0.5px;\">Wave<\/span>\r\n <span style=\"color:#fff; font-size:9px; font-weight:600; letter-spacing:1px;\">Logistiek<\/span>\r\n <\/div>\r\n <div style=\"color:#fff; font-size:13px; font-weight:700; margin-left:8px;\">Wave Logistiek<\/div>\r\n <div style=\"background:rgba(255,255,255,0.1); border-radius:4px; padding:4px 10px; color:rgba(255,255,255,0.8); font-size:11px; margin-left:auto;\">Wave Logistiek (101568) \u25be<\/div>\r\n <\/div>\r\n\r\n <div style=\"display:flex; min-height:260px;\">\r\n \r\n <div style=\"background:#fff; width:130px; flex-shrink:0; padding:14px 0; border-right:1px solid #e5e8ec;\">\r\n <div style=\"padding:5px 14px; font-size:10px; color:#888; margin-bottom:4px;\">Dashboard<\/div>\r\n <div style=\"padding:5px 14px; font-size:10px; color:#f58c23; font-weight:600;\">Account<\/div>\r\n <div style=\"padding:5px 14px; font-size:10px; color:#555;\">Documentation<\/div>\r\n <div style=\"padding:5px 14px; font-size:10px; color:#555; margin-top:10px; font-weight:700; font-size:9px; letter-spacing:0.5px; text-transform:uppercase;\">Shipments<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">Add shipment<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">All shipments<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">Booked<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">Picked up<\/div>\r\n <div style=\"padding:4px 14px; font-size:10px; color:#555;\">Delivered<\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"flex:1; padding:16px; overflow:hidden;\">\r\n <div style=\"font-size:14px; font-weight:700; color:#1a1a2e; margin-bottom:12px;\">Last 50 Days<\/div>\r\n\r\n \r\n <div style=\"display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin-bottom:16px;\">\r\n <div style=\"background:#6c757d; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Draft<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">\u2014<\/div>\r\n <\/div>\r\n <div style=\"background:#17a2b8; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">New<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">15<\/div>\r\n <\/div>\r\n <div style=\"background:#007bff; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Booked<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">0<\/div>\r\n <\/div>\r\n <div style=\"background:#6ab04c; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Picked up<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">1<\/div>\r\n <\/div>\r\n <div style=\"background:#27ae60; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85); line-height:1.2;\">Out for delivery<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">1<\/div>\r\n <\/div>\r\n <div style=\"background:#1e8449; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Delivered<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">32<\/div>\r\n <\/div>\r\n <div style=\"background:#e74c3c; border-radius:4px; padding:8px 6px; text-align:center;\">\r\n <div style=\"font-size:8px; color:rgba(255,255,255,0.85);\">Overdue<\/div>\r\n <div style=\"font-size:16px; font-weight:800; color:#fff;\">\u2014<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"font-size:12px; font-weight:700; color:#1a1a2e; margin-bottom:8px;\">All shipments<\/div>\r\n <div style=\"background:#fff; border-radius:4px; border:1px solid #e5e8ec; overflow:hidden;\">\r\n <div style=\"display:grid; grid-template-columns:1.4fr 1fr 0.8fr 0.8fr 0.6fr; padding:6px 10px; background:#f8f9fa; border-bottom:1px solid #e5e8ec;\">\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">Date<\/div>\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">To<\/div>\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">Shipping Date<\/div>\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">Carrier<\/div>\r\n <div style=\"font-size:9px; font-weight:700; color:#888;\">Price<\/div>\r\n <\/div>\r\n <div style=\"display:grid; grid-template-columns:1.4fr 1fr 0.8fr 0.8fr 0.6fr; padding:7px 10px; border-bottom:1px solid #f0f0f0; align-items:center;\">\r\n <div style=\"font-size:9px; color:#444;\">2026-05-28 09:44<\/div>\r\n <div style=\"font-size:9px; color:#444;\">ALTE SORGE, DE<\/div>\r\n <div style=\"font-size:9px; color:#444;\">29-May-2026<\/div>\r\n <div style=\"font-size:9px; color:#444;\">DHLFreight<\/div>\r\n <div style=\"font-size:9px; color:#444;\">\u20ac74.88<\/div>\r\n <\/div>\r\n <div style=\"display:grid; grid-template-columns:1.4fr 1fr 0.8fr 0.8fr 0.6fr; padding:7px 10px; border-bottom:1px solid #f0f0f0; align-items:center;\">\r\n <div style=\"font-size:9px; color:#444;\">2026-06-01 09:33<\/div>\r\n <div style=\"font-size:9px; color:#444;\">Amsterdam, NL<\/div>\r\n <div style=\"font-size:9px; color:#444;\">02-Jun-2026<\/div>\r\n <div style=\"font-size:9px; color:#444;\">DPD<\/div>\r\n <div style=\"font-size:9px; color:#444;\">\u20ac5.90<\/div>\r\n <\/div>\r\n <div style=\"display:grid; grid-template-columns:1.4fr 1fr 0.8fr 0.8fr 0.6fr; padding:7px 10px; align-items:center;\">\r\n <div style=\"font-size:9px; color:#444;\">2026-05-29 10:55<\/div>\r\n <div style=\"font-size:9px; color:#444;\">Wien, AT<\/div>\r\n <div style=\"font-size:9px; color:#444;\">30-May-2026<\/div>\r\n <div style=\"font-size:9px; color:#444;\">DHL Express<\/div>\r\n <div style=\"font-size:9px; color:#444;\">\u20ac22.40<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"logos-strip\">\r\n <div class=\"logos-inner\">\r\n <div class=\"logos-label\">Gekoppelde vervoerders<\/div>\r\n <div class=\"logos-list\">\r\n <div class=\"carrier-logo\">DHL Express<\/div>\r\n <div class=\"carrier-logo\">UPS<\/div>\r\n <div class=\"carrier-logo\">DSV \/ DB Schenker<\/div>\r\n <div class=\"carrier-logo\">Mainfreight<\/div>\r\n <div class=\"carrier-logo\">DHL Freight<\/div>\r\n <div class=\"carrier-logo\">DPD<\/div>\r\n <div class=\"carrier-logo\">WDH Transport<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"features\" id=\"features\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Wat biedt Wave Portal?<\/div>\r\n <h2 class=\"section-title\">Alles in \u00e9\u00e9n scherm<\/h2>\r\n <p class=\"section-sub\">Geen losse accounts, geen gedoe. Het Wave Portal brengt alle vervoerders samen zodat u snel en eenvoudig kunt boeken, volgen en beheren.<\/p>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udce6<\/div>\r\n <div class=\"feature-title\">Direct boeken<\/div>\r\n <div class=\"feature-text\">Vergelijk tarieven van alle gekoppelde vervoerders en boek direct vanuit \u00e9\u00e9n scherm \u2014 zonder te schakelen tussen systemen.<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"feature-title\">Track & trace<\/div>\r\n <div class=\"feature-text\">Volg al uw zendingen van verschillende vervoerders in \u00e9\u00e9n overzicht. Altijd up-to-date, zonder in te loggen bij meerdere portalen.<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udff7\ufe0f<\/div>\r\n <div class=\"feature-title\">Labels & pick-up<\/div>\r\n <div class=\"feature-text\">Ontvang direct uw label na boeking. Boek eenvoudig een pick-up en download achteraf de proof of delivery (POD).<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83e\udd1d<\/div>\r\n <div class=\"feature-title\">Geen apart account nodig<\/div>\r\n <div class=\"feature-text\">U hoeft niet bij elke vervoerder een eigen account af te sluiten. Wave Logistiek regelt de contracten; u gebruikt gewoon het portal.<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcb6<\/div>\r\n <div class=\"feature-title\">Scherpe tarieven<\/div>\r\n <div class=\"feature-text\">Profiteer van de volume\u00adkortingen van Wave Logistiek. Vergelijk en kies altijd de beste prijs-kwaliteitverhouding voor uw zending.<\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfe2<\/div>\r\n <div class=\"feature-title\">Voor MKB-klanten<\/div>\r\n <div class=\"feature-text\">Speciaal gericht op MKB-klanten van Wave Logistiek. Eenvoudig in gebruik, zonder technische kennis vereist.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"text-align:center; margin-top:48px; padding:40px; background:var(--light-bg); border-radius:10px; border:1px solid #e0e8f0;\">\r\n <p style=\"font-size:18px; font-weight:600; color:var(--navy); margin-bottom:8px;\">Nog geen account? Neem contact op!<\/p>\r\n <p style=\"font-size:15px; color:#5a7a96; margin-bottom:24px;\">Wij zetten u snel en eenvoudig op het Wave Portal.<\/p>\r\n <a href=\"https:\/\/wavelogistiek.nl\/index.php\/contact\/\" class=\"btn-primary\">Neem contact op \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"how\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Hoe werkt het?<\/div>\r\n <h2 class=\"section-title\">Zo eenvoudig is het<\/h2>\r\n <p class=\"section-sub\" style=\"margin-bottom: 70px;\">Van zending aanmaken tot label printen in vier stappen.<\/p>\r\n\r\n <div class=\"steps\">\r\n <div class=\"step\">\r\n <div class=\"step-number\">1<\/div>\r\n <div class=\"step-title\">Log in<\/div>\r\n <div class=\"step-text\">Meld u aan bij het Wave Portal met uw persoonlijke account.<\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">2<\/div>\r\n <div class=\"step-title\">Vergelijk tarieven<\/div>\r\n <div class=\"step-text\">Voer uw zendgegevens in en bekijk direct de tarieven van alle vervoerders.<\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">3<\/div>\r\n <div class=\"step-title\">Boek & print<\/div>\r\n <div class=\"step-text\">Kies de gewenste vervoerder, boek de zending en druk direct het label af.<\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">4<\/div>\r\n <div class=\"step-title\">Volg uw zending<\/div>\r\n <div class=\"step-text\">Houd de status bij via track & trace en download de POD wanneer afgeleverd.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"text-align:center; margin-top:56px;\">\r\n <p style=\"color:rgba(255,255,255,0.65); font-size:16px; margin-bottom:20px;\">Klaar om aan de slag te gaan? Wij helpen u op weg.<\/p>\r\n <a href=\"https:\/\/wavelogistiek.nl\/index.php\/contact\/\" style=\"display:inline-block; background:var(--accent); color:var(--navy); font-weight:700; font-size:15px; padding:14px 32px; border-radius:4px; text-decoration:none;\">Vraag toegang aan \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"benefits\">\r\n <div class=\"section-inner\">\r\n <div class=\"benefits-grid\">\r\n <div>\r\n <div class=\"section-label\">Voordelen<\/div>\r\n <h2 class=\"section-title\">Waarom Wave Portal?<\/h2>\r\n <div class=\"benefit-list\">\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-check\">\u2713<\/div>\r\n <div class=\"benefit-text\"><strong>E\u00e9n omgeving voor alles<\/strong>Boeken, volgen, labels en POD's \u2014 alles op \u00e9\u00e9n plek.<\/div>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-check\">\u2713<\/div>\r\n <div class=\"benefit-text\"><strong>Koppelingen met alle grote vervoerders<\/strong>DHL Express, UPS, DSV, Mainfreight, DHL Freight, DPD en WDH Transport direct beschikbaar.<\/div>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-check\">\u2713<\/div>\r\n <div class=\"benefit-text\"><strong>Geen verplichte losse accounts<\/strong>Wij regelen de contracten, u hoeft nergens apart klant te worden.<\/div>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <div class=\"benefit-check\">\u2713<\/div>\r\n <div class=\"benefit-text\"><strong>Altijd de scherpste prijs<\/strong>Vergelijk direct en kies de beste optie voor uw budget en levertijd.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-top:28px;\">\r\n <a href=\"https:\/\/wavelogistiek.nl\/index.php\/contact\/\" class=\"btn-primary\">Neem contact op \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"visual-block\">\r\n <div class=\"stat-row\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">7<\/div>\r\n <div class=\"stat-desc\">Vervoerders direct beschikbaar in het portal<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">1<\/div>\r\n <div class=\"stat-desc\">Omgeving voor boeken, volgen en beheren<\/div>\r\n <\/div>\r\n <div class=\"stat-divider\"><\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-desc\">Toegang tot uw zendingen en track & trace<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-section\">\r\n <h2>Klaar om te beginnen?<\/h2>\r\n <p>Al klant bij Wave Logistiek? Log direct in. Nog geen klant? Neem contact op en wij regelen de rest.<\/p>\r\n <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\">\r\n <a href=\"https:\/\/engine.deliverymatch.eu\/login\/wavelogistiek\" class=\"btn-dark\">Inloggen in Wave Portal \u2192<\/a>\r\n <a href=\"https:\/\/wavelogistiek.nl\/index.php\/contact\/\" style=\"display:inline-block; background:transparent; color:var(--navy); font-weight:700; font-size:16px; padding:18px 40px; border-radius:4px; text-decoration:none; border:2px solid var(--navy);\">Neem contact op<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wave Portal \u2013 E\u00e9n omgeving voor al uw zendingen Wave Portal E\u00e9n omgeving voor al uw zendingen Vergelijk tarieven, boek direct en volg uw pakketten bij alle grote vervoerders \u2014 vanuit \u00e9\u00e9n overzichtelijk systeem. Inloggen in Wave Portal Meer informatie Wave Logistiek Wave Logistiek Wave Logistiek (101568) \u25be Dashboard Account Documentation Shipments Add shipment All […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/pages\/3118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/comments?post=3118"}],"version-history":[{"count":19,"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/pages\/3118\/revisions"}],"predecessor-version":[{"id":3165,"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/pages\/3118\/revisions\/3165"}],"wp:attachment":[{"href":"https:\/\/wavelogistiek.nl\/index.php\/wp-json\/wp\/v2\/media?parent=3118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}