{"id":381,"date":"2022-03-23T08:36:23","date_gmt":"2022-03-23T08:36:23","guid":{"rendered":"https:\/\/startersites.io\/stagingseven\/?page_id=381"},"modified":"2026-10-09T06:31:11","modified_gmt":"2026-10-09T06:31:11","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/ncstore.nl\/?page_id=381","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;700&family=Inter:wght@400;600&display=swap');\n\nhtml {\n    scroll-behavior: smooth;\n}\n\n\/* Pagina Container met Logo patroon *\/\n.nc-page-container {\n    width: 100%;\n    position: relative;\n    background-color: #08080a;\n    background-image: linear-gradient(rgba(8, 8, 10, 0.93), rgba(8, 8, 10, 0.93)), url('https:\/\/ncstore.nl\/wp-content\/uploads\/2026\/10\/Logo-1.png');\n    background-repeat: repeat;\n    background-size: 140px;\n    font-family: 'Inter', sans-serif;\n    color: #ffffff;\n    overflow-x: hidden;\n    box-sizing: border-box;\n}\n\n\/* 1. Hero Sectie Contact (Gecentreerd) *\/\n.nc-hero-wrapper {\n    width: 100%;\n    background-color: rgba(12, 12, 13, 0.85);\n    border-bottom: 2px solid rgba(212, 175, 55, 0.25);\n    padding: 60px 20px;\n    box-sizing: border-box;\n}\n\n.nc-contact-hero {\n    max-width: 1200px;\n    width: 100%;\n    margin: 0 auto;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    display: flex;\n    box-sizing: border-box;\n}\n\n.nc-contact-intro {\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n}\n\n.nc-badge {\n    display: inline-block;\n    padding: 5px 12px;\n    border-radius: 50px;\n    background: rgba(212, 175, 55, 0.12);\n    border: 1px solid rgba(212, 175, 55, 0.35);\n    color: #f4d03f;\n    font-family: 'Oswald', sans-serif;\n    font-size: 11px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n}\n\n.nc-title {\n    font-family: 'Oswald', sans-serif;\n    font-size: clamp(32px, 5vw, 52px);\n    font-weight: 700;\n    line-height: 1.1;\n    margin: 0 0 15px 0;\n    text-transform: uppercase;\n    color: #ffffff;\n}\n\n.nc-gold-text {\n    background: linear-gradient(135deg, #fce881 0%, #d4af37 50%, #997316 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.nc-desc {\n    font-size: 16px;\n    line-height: 1.6;\n    color: #d1d5db;\n    margin-bottom: 0;\n}\n\n\/* 2. Contact Sectie Layout *\/\n.nc-contact-section {\n    width: 100%;\n    padding: 60px 20px;\n    box-sizing: border-box;\n}\n\n.nc-contact-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: row;\n    gap: 40px;\n    align-items: stretch; \/* Zorgt ervoor dat beide kolommen even lang worden op PC *\/\n    box-sizing: border-box;\n}\n\n\/* Linkerkant: Informatie Kaarten *\/\n.nc-contact-info-box {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between; \/* Verdeelt de 3 kaarten gelijkmatig over de hoogte *\/\n    gap: 20px;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.nc-info-card {\n    background: rgba(18, 18, 22, 0.85);\n    border: 1px solid rgba(212, 175, 55, 0.15);\n    border-radius: 14px;\n    padding: 25px;\n    box-sizing: border-box;\n    flex: 1; \/* Laat alle drie de kaarten flexibel dezelfde hoogte aannemen *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    transition: transform 0.2s, border-color 0.2s;\n}\n\n.nc-info-card:hover {\n    transform: translateY(-3px);\n    border-color: rgba(212, 175, 55, 0.4);\n}\n\n.nc-info-icon {\n    font-size: 28px;\n    display: block;\n    margin-bottom: 8px;\n}\n\n.nc-info-card h3 {\n    font-family: 'Oswald', sans-serif;\n    font-size: 20px;\n    color: #ffffff;\n    text-transform: uppercase;\n    margin: 0 0 6px 0;\n}\n\n.nc-info-card p {\n    color: #9ca3af;\n    font-size: 14px;\n    line-height: 1.4;\n    margin: 0 0 8px 0;\n}\n\n.nc-info-link {\n    color: #f4d03f;\n    font-family: 'Oswald', sans-serif;\n    font-size: 16px;\n    text-decoration: none;\n    letter-spacing: 0.5px;\n    transition: color 0.2s;\n}\n\n.nc-info-link:hover {\n    color: #ffffff;\n    text-decoration: underline;\n}\n\n\/* Rechterkant: Formulier *\/\n.nc-form-wrapper {\n    flex: 1.2;\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n}\n\n.nc-form-glow {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, transparent 70%);\n    filter: blur(40px);\n    z-index: 1;\n}\n\n.nc-contact-form {\n    position: relative;\n    z-index: 2;\n    background: rgba(18, 18, 22, 0.9);\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    border-radius: 16px;\n    padding: 35px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n    box-sizing: border-box;\n    width: 100%;\n    flex: 1; \/* Zorgt dat het formulier net zo hoog wordt als de linker kolom *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n\n.nc-contact-form h3 {\n    font-family: 'Oswald', sans-serif;\n    font-size: 26px;\n    color: #f4d03f;\n    text-transform: uppercase;\n    margin: 0 0 20px 0;\n}\n\n.nc-form-group {\n    margin-bottom: 15px;\n    text-align: left;\n}\n\n.nc-form-group label {\n    display: block;\n    font-family: 'Oswald', sans-serif;\n    font-size: 13px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: #d1d5db;\n    margin-bottom: 6px;\n}\n\n.nc-form-group input,\n.nc-form-group textarea {\n    width: 100%;\n    background: rgba(8, 8, 10, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 8px;\n    padding: 12px 16px;\n    color: #ffffff;\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    box-sizing: border-box;\n    transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.nc-form-group input:focus,\n.nc-form-group textarea:focus {\n    outline: none;\n    border-color: #d4af37;\n    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);\n}\n\n.nc-btn-submit {\n    display: block;\n    width: 100%;\n    background: linear-gradient(135deg, #fce881 0%, #d4af37 100%);\n    color: #000000;\n    font-family: 'Oswald', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    border: none;\n    padding: 15px;\n    border-radius: 8px;\n    cursor: pointer;\n    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4);\n    transition: transform 0.2s ease, opacity 0.2s;\n    margin-top: 10px;\n    box-sizing: border-box;\n}\n\n.nc-btn-submit:hover {\n    transform: translateY(-2px);\n    opacity: 0.95;\n}\n\n\/* \ud83d\udcf1 SCHERMOPTIMALISATIE VOOR MOBIEL & TABLET (max 900px) *\/\n@media (max-width: 900px) {\n    .nc-page-container {\n        width: 100%;\n        overflow-x: hidden;\n    }\n    .nc-hero-wrapper {\n        padding: 40px 15px;\n    }\n    .nc-contact-section {\n        padding: 30px 15px;\n        width: 100%;\n        box-sizing: border-box;\n    }\n    .nc-contact-container {\n        flex-direction: column;\n        gap: 20px;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n    }\n    .nc-contact-info-box,\n    .nc-form-wrapper {\n        width: 100%;\n        max-width: 100%;\n    }\n    .nc-contact-form {\n        padding: 25px 20px;\n        width: 100%;\n        box-sizing: border-box;\n    }\n}\n<\/style>\n\n<div class=\"nc-page-container\">\n\n    <!-- 1. HERO \/ INTRO SECTIE -->\n    <div class=\"nc-hero-wrapper\">\n        <div class=\"nc-hero-grid nc-contact-hero\">\n            <div class=\"nc-hero-text nc-contact-intro\">\n                <div class=\"nc-badge\">Neem Contact Op<\/div>\n                <h1 class=\"nc-title\">Vragen of <br><span class=\"nc-gold-text\">Opmerkingen?<\/span><\/h1>\n                <p class=\"nc-desc\">Heb je een vraag over onze 120 Micron Dual Matte sleeves, ben je benieuwd naar de mogelijkheden voor je winkel, of wil je gewoon even sparren over TCG? Neem gerust contact op.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 2. CONTACT INFORMATIE & FORMULIER SECTIE -->\n    <div class=\"nc-contact-section\">\n        <div class=\"nc-contact-container\">\n            \n            <!-- Linkerkant: Directe Contactgegevens -->\n            <div class=\"nc-contact-info-box\">\n                <div class=\"nc-info-card\">\n                    <span class=\"nc-info-icon\">\u2709\ufe0f<\/span>\n                    <h3>E-mail<\/h3>\n                    <p>Voor al je vragen kun je direct mailen naar:<\/p>\n                    <a href=\"mailto:info@ncstore.nl\" class=\"nc-info-link\">info@ncstore.nl<\/a>\n                <\/div>\n\n                <div class=\"nc-info-card\">\n                    <span class=\"nc-info-icon\">\ud83d\udce6<\/span>\n                    <h3>Zakelijk \/ B2B<\/h3>\n                    <p>Interesse om NC Sleeves op te nemen in je assortiment? Stuur ons gerust een bericht voor de mogelijkheden.<\/p>\n                <\/div>\n\n                <div class=\"nc-info-card\">\n                    <span class=\"nc-info-icon\">\u26a1<\/span>\n                    <h3>Snelle Reactie<\/h3>\n                    <p>We streven ernaar om binnen 24 uur op werkdagen te reageren op je bericht.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Rechterkant: Strak Contactformulier -->\n            <div class=\"nc-form-wrapper\">\n                <div class=\"nc-form-glow\"><\/div>\n                <form class=\"nc-contact-form\" action=\"#\" method=\"POST\">\n                    <h3>Stuur een bericht<\/h3>\n                    \n                    <div class=\"nc-form-group\">\n                        <label for=\"name\">Jouw Naam<\/label>\n                        <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Bijv. Frits Jansen\" required=\"\">\n                    <\/div>\n\n                    <div class=\"nc-form-group\">\n                        <label for=\"email\">E-mailadres<\/label>\n                        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jouw@email.nl\" required=\"\">\n                    <\/div>\n\n                    <div class=\"nc-form-group\">\n                        <label for=\"subject\">Onderwerp<\/label>\n                        <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\"Waar gaat je vraag over?\" required=\"\">\n                    <\/div>\n\n                    <div class=\"nc-form-group\">\n                        <label for=\"message\">Je Bericht<\/label>\n                        <textarea id=\"message\" name=\"message\" rows=\"5\" placeholder=\"Typ hier je bericht...\" required=\"\"><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"nc-btn-submit\">Verstuur Bericht<\/button>\n                <\/form>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Neem Contact Op Vragen of Opmerkingen? Heb je een vraag over onze 120 Micron Dual Matte sleeves, ben je benieuwd naar de mogelijkheden voor je winkel, of wil je gewoon even sparren over TCG? Neem gerust contact op. \u2709\ufe0f E-mail Voor al je vragen kun je direct mailen naar: info@ncstore.nl \ud83d\udce6 Zakelijk \/ B2B Interesse [&hellip;]<\/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-381","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","d164b8f26f9cbfd053b88a7283dfd2c6":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"61393d7c0d3e11903aca7bb4b51e510f":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","7596a8dd7d4698ce6574a6bb59aeccb6":"","hero_structure":"narrow","3540a697133f72a27c61191ddb44b28d":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"4e469f2500d8cea9ff1df5d7a7ee0b9d":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"991849a46c7a87367c44a69702ed6b1a":"","page_structure_type":"default","04bd53b955ec5ffc8387b259e9361c65":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"a5717471cb29a96342b7b5b289e1cec3":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/ncstore.nl\/index.php?rest_route=\/wp\/v2\/pages\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ncstore.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ncstore.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ncstore.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ncstore.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=381"}],"version-history":[{"count":8,"href":"https:\/\/ncstore.nl\/index.php?rest_route=\/wp\/v2\/pages\/381\/revisions"}],"predecessor-version":[{"id":841,"href":"https:\/\/ncstore.nl\/index.php?rest_route=\/wp\/v2\/pages\/381\/revisions\/841"}],"wp:attachment":[{"href":"https:\/\/ncstore.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}