{"id":3913,"date":"2020-09-11T08:19:00","date_gmt":"2020-09-11T08:19:00","guid":{"rendered":"https:\/\/tff.wefabric.nl\/?p=3913"},"modified":"2024-12-17T14:47:36","modified_gmt":"2024-12-17T14:47:36","slug":"hydromar-x-tff","status":"publish","type":"post","link":"https:\/\/www.tfflogistics.com\/en\/hydromar-x-tff\/","title":{"rendered":"Hydromar x TFF"},"content":{"rendered":"<section id=\"header-project\" class=\"block-header-project relative max-w-[2800px] mx-auto header-project-390-custom-padding header-project-390-custom-margin bg-0   scaled-header    \">\n    <div class=\"custom-styling bg-cover bg-center \"\n         style=\" background-image: url('https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar.jpg'); background-position: \">\n                            <div class=\"overlay absolute inset-0 bg-primary-color-dark opacity-100\"><\/div>\n                <div class=\"custom-width container mx-auto px-8 h-full flex justify-center lg:justify-start items-center z-30  py-20    gap-x-8 gap-y-4 lg:justify-between flex-col lg:flex-row \">\n            <div class=\"header-info z-30 flex flex-col   w-full lg:w-1\/2 xl:w-2\/5 \">\n                                                        <h1 class=\"title text-white\">Exceptional global transport for Hydromar<\/h1>\n                                                    <div class=\"content mt-4 text-lg mb-4 text-white\">\n    <p>Hydromar designs and manufactures parts for luxury yachts in Leeuwarden. Afterward, the products are shipped around the world, primarily to Europe, but also frequently to America and Australia.<\/p>\n\n<\/div>                                                    <div class=\"buttons w-full flex flex-wrap gap-y-2 gap-x-4 mt-4 \">\n                        <a href=\"\/en\/industries\/yacht-companies\/\"\n\n    alt=\"#Yacht building\"\n    aria-label=\"#Yacht building\"\n\n           class=\"w-fit no-underline\"\n    \n    \n    \n   \n\t>        <span class=\"btn  btn-white btn-filled rounded-lg\">\n                        #Yacht building\n        <\/span>\n    <\/a>\n\n                                            <\/div>\n                                            <\/div>\n                            <div class=\"project-data-list w-full lg:w-1\/2 xl:w-2\/5 grid grid-cols-1 sm:grid-cols-2 gap-4 z-20 relative\">\n                                            <div class=\"project-item px-6 lg:px-8 py-2 lg:py-4 w-full bg-0 rounded-rounded-none\">\n                            <div class=\"project-title text-white\">Customer<\/div>\n                            <div class=\"project-text text-white\">Hydromar<\/div>\n                        <\/div>\n                                            <div class=\"project-item px-6 lg:px-8 py-2 lg:py-4 w-full bg-0 rounded-rounded-none\">\n                            <div class=\"project-title text-white\">Why TFF?<\/div>\n                            <div class=\"project-text text-white\">They take care of everything<\/div>\n                        <\/div>\n                                            <div class=\"project-item px-6 lg:px-8 py-2 lg:py-4 w-full bg-0 rounded-rounded-none\">\n                            <div class=\"project-title text-white\">Where?<\/div>\n                            <div class=\"project-text text-white\">Europe, America &#038; Australia<\/div>\n                        <\/div>\n                                            <div class=\"project-item px-6 lg:px-8 py-2 lg:py-4 w-full bg-0 rounded-rounded-none\">\n                            <div class=\"project-title text-white\">Website <\/div>\n                            <div class=\"project-text text-white\">www.hydromar.nl<\/div>\n                        <\/div>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n            <div class=\"breadcrumbs breadcrumbs-underneath  w-full py-4 lg:py-8 bg-0 text-primary-color\">\n    <div class=\"relative z-10  px-8 container mx-auto \">\n        <div>\n            <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\"><\/span><\/p><\/nav>                    <\/div>\n    <\/div>\n<\/div>    \n\n<style>\n    .header-project-390-custom-padding {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n\n    .header-project-390-custom-margin {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n<\/style>\n\n<section id=\"tekst\" class=\"block-tekst block-778 relative tekst-778-custom-padding tekst-778-custom-margin bg-0  \"\n         style=\"background-image: url(''); background-repeat: no-repeat;  background-size: cover; \">\n        <div class=\"custom-styling relative z-10 px-8 py-8 lg:py-16 xl:py-20 container mx-auto\">\n        <div class=\"w-full lg:w-4\/5 mx-auto text-left justify-start\">\n                                        <h2 class=\"title mb-4 text-primary-color-dark \">Specialized transport<\/h2>\n                                        <div class=\"content mb-8 text-0\">\n    <p>The size of some products makes transport a challenge at times. Wichard Weitenberg explains: \u201cLast year, we had a special assignment. A huge box (door) for a large yacht needed to be delivered to Italy. Our customer had been here on Monday for the final test, and by Friday morning, it had to be at its destination in Italy. TFF handled this perfectly and quickly arranged a trailer and carrier. The box was so large that it had to be placed diagonally on the trailer, but it just fit. On Thursday evening, the box was delivered to the correct address, and we received a photo of a satisfied customer.\u201d<\/p>\n<p>&nbsp;<\/p>\n<p>Special transports are a fun challenge for us. Thanks to our years of experience, we have a strong network to get everything done and know exactly how to handle the paperwork. This allows Hydromar to trust that everything will be delivered on time \u2013 even the most complex shipments.<\/p>\n\n<\/div>                                <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .tekst-778-custom-padding {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n\n    .tekst-778-custom-margin {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n<\/style>\n\n\n<!-- SplitType and GSAP -->\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\n\n\n\n\n<section id=\"afbeelding-tekst\" class=\"block-afbeelding-tekst block-68 relative afbeelding-tekst-68-custom-padding afbeelding-tekst-68-custom-margin bg-primary-color-light  \"\n         style=\"background-image: url(''); background-repeat: no-repeat;  background-size: cover; \">\n        <div class=\"custom-styling relative z-10 px-8 py-8 lg:py-16 xl:py-20 container mx-auto\">\n        <div class=\"w-full lg:w-4\/5 mx-auto\">\n            <div class=\"text-image flex flex-col lg:flex-row gap-8 xl:gap-20  lg:items-center \">\n                <div class=\"text lg:w-1\/2 order-2 lg:order-1 left\">\n                                                                <h2 class=\"title mb-4 text-primary-color-dark \">Service and speed<\/h2>\n                                                                <div class=\"content mb-8 text-0\">\n    <p>Of course, there are multiple companies that can handle this type of transport. &#8220;But what I find so valuable about TFF is that they truly take the burden off you,&#8221; says Wichard Weitenberg. &#8220;I only need to provide the details of what needs to be shipped, the destination, and when it needs to arrive. They handle the rest. This includes all the necessary permits and paperwork, which can be quite complex. We\u2019ve been working together for years \u2013 almost weekly contact \u2013 and this means TFF understands our business and our needs. They always take that into account. And if there\u2019s ever a real emergency, they understand the urgency. Sometimes, a part breaks somewhere in the world, and we need to react quickly.\u201d<\/p>\n<p>&nbsp;<\/p>\n<p>&#8220;We are very happy with TFF. Of course, now and then another carrier might come along with an attractive offer. But the involvement, expertise, and great rates mean we always end up going with TFF.&#8221;<\/p>\n\n<\/div>                                                        <\/div>\n                                    <div class=\"image image-68 lg:w-1\/2 order-1 lg:order-2 right \">\n                        <span class=\"image \">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"750\" src=\"https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01.jpg\" class=\"object-cover w-full object-cover rounded-rounded-none \" alt=\"\" srcset=\"https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01.jpg 1000w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01-300x225.jpg 300w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01-768x576.jpg 768w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01-250x188.jpg 250w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01-43x32.jpg 43w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01-933x700.jpg 933w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01-116x87.jpg 116w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2020\/09\/team-hydromar01-60x45.jpg 60w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\n    <\/span>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .image-68 img {\n            }\n\n    .afbeelding-tekst-68-custom-padding {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n\n    .afbeelding-tekst-68-custom-margin {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n<\/style>\n\n\n<!-- Parralax effect -->\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const block = document.querySelector('.block-68');\n        const parallaxImage = block.querySelector('.parallax-image');\n\n        function applyParallaxEffect() {\n            if (!parallaxImage) return;\n\n            const scrollPosition = window.scrollY;\n            const blockRect = block.getBoundingClientRect();\n            const blockTop = blockRect.top + window.scrollY;\n            const blockHeight = blockRect.height;\n            const viewportCenter = scrollPosition + window.innerHeight \/ 2;\n            const blockCenter = blockTop + blockHeight \/ 2;\n            const distanceFromCenter = viewportCenter - blockCenter;\n\n            \/\/ Adjust the parallax factor based on screen width\n            let parallaxFactor = -0.4; \/\/ Default for desktop\n            if (window.innerWidth <= 1024) {\n                parallaxFactor = -0.1; \/\/ Weaker effect for mobile\n            }\n\n            const translateY = distanceFromCenter * parallaxFactor;\n            parallaxImage.style.transform = `translateY(${translateY}px)`;\n        }\n\n        window.addEventListener('scroll', applyParallaxEffect);\n        applyParallaxEffect();\n    });\n<\/script>\n\n<!-- SplitType and GSAP -->\n<script src=\"https:\/\/unpkg.com\/split-type\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\n\n\n\n\n<section id=\"testimonial\" class=\"block-testimonial relative testimonial-60-custom-padding testimonial-60-custom-margin bg-0  \"\n         style=\"background-image: url(''); background-repeat: no-repeat; background-size: cover; \">\n        <div class=\"relative z-10 px-8 py-8 lg:py-16 xl:py-20 container mx-auto\">\n        <div class=\"w-full mx-auto\">\n                                                                <div class=\"testimonial-list grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-1 gap-y-16 gap-x-4 lg:gap-x-8 py-8\">\n                    <div class=\"custom-styling flex w-full h-full text-0\">\n\n    <div class=\"testimonial-block relative w-full h-auto flex flex-col md:flex-row bg-0 rounded-rounded-none \">\n\n        \n        <div class=\"content-section flex flex-col items-center md:items-start w-full h-full p-8 lg:p-16  order-2 \">\n\n            \n                            <div class=\"star-rating flex items-center mb-4 text-[24px] order-2\">\n                                                                                            <i class=\"fas fa-star text-yellow-500\"><\/i>\n                                                                                                <i class=\"fas fa-star text-yellow-500\"><\/i>\n                                                                                                <i class=\"fas fa-star text-yellow-500\"><\/i>\n                                                                                                <i class=\"fas fa-star text-yellow-500\"><\/i>\n                                                                                                <i class=\"fas fa-star text-yellow-500\"><\/i>\n                                                            <\/div>\n            \n                            <div class=\"content testimonial-text md:mb-6 order-4 md:order-3\">\n    <p>&#8220;What I find so valuable about TFF is that they really take the burden off your shoulders. All I have to do is provide the details of what needs to be transported, to which address, and when it needs to arrive. They take care of the rest, including all the necessary permits and paperwork, which can be quite complex.&#8221;<\/p>\n\n<\/div>            \n            <div class=\"avatar-section flex flex-col md:flex-row items-center gap-x-4 md:gap-x-6 gap-y-4 mb-4 md:mb-0 order-1 md:order-4 text-center md:text-left\">\n                                <div>\n                                                                        <div class=\"name-text font-bold text-lg\">Wichard Weitenberg<\/div>\n                                                                            <div class=\"function-text\">CEO<\/div>\n                                                            <\/div>\n            <\/div>\n\n            \n\n        <\/div>\n\n                    <div class=\"testimonial-image w-full md:w-2\/5 h-auto flex-grow  order-1 \">\n                <span class=\"image \">\n        <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"239\" src=\"https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/09\/Hydromar.jpg\" class=\"object-cover h-full max-h-[200px] md:max-h-fit w-full aspect-square object-cover rounded-rounded-none \" alt=\"Hydromar\" srcset=\"https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/09\/Hydromar.jpg 300w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/09\/Hydromar-250x200.jpg 250w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/09\/Hydromar-40x32.jpg 40w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/09\/Hydromar-109x87.jpg 109w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/09\/Hydromar-60x48.jpg 60w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\n    <\/span>\n            <\/div>\n        \n    <\/div>\n<\/div>            <\/div>\n\n<script>\n    window.addEventListener(\"DOMContentLoaded\", (event) => {\n        var testimonialSwiper = new Swiper(\".testimonialSwiper-550\", {\n            spaceBetween: 20,\n            centeredSlides: false,\n                        pagination: {\n                el: '.swiper-pagination',\n            },\n            navigation: {\n                nextEl: \".testimonial-button-next-550\",\n                prevEl: \".testimonial-button-prev-550\",\n            },\n            breakpoints: {\n                0: {\n                    loop: false,\n                    slidesPerView: 1,\n                },\n                768: {\n                    loop: false,\n                    slidesPerView: 1,\n                },\n                1280: {\n                    loop: false,\n                    slidesPerView: 1,\n                },\n            }\n        });\n    });\n<\/script>                                <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .testimonial-60-custom-padding {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n\n    .testimonial-60-custom-margin {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n<\/style>\n\n<section id=\"cta-button\" class=\"block-cta-button relative cta-button-975-custom-padding cta-button-975-custom-margin bg-0  \"\n         style=\"background-image: url(''); background-repeat: no-repeat;  background-size: cover; \">\n    \n    <div class=\"cta-custom container mx-auto  pt-8 lg:pt-16 xl:pt-20 \">\n        \n        <div class=\"custom-width background-container absolute top-0 right-0 h-full  pt-8 lg:pt-16 xl:pt-20 \">\n            <div class=\"bg-primary-color-dark w-full h-full\"><\/div>\n        <\/div>\n\n        \n        <div class=\"cta-block relative z-10 mx-auto w-full  md:px-8 \">\n\n            <div class=\"background relative px-8 py-16 bg-primary-color-dark  md:rounded-rounded-none \"\n                 style=\"background-image: url(''); background-repeat: no-repeat; background-size: cover; \">\n                \n                <div class=\"cta-wrapper container mx-auto  w-full md:px-16  relative z-10  flex flex-col xl:flex-row justify-between items-center gap-8 !px-0 xl:!px-16 \">\n\n                    <div class=\"cta-data flex flex-col  order-2 xl:order-1 w-full xl:w-1\/2 flex-col  md:flex-col items-start justify-center gap-x-16 gap-y-4 \">\n                        <div class=\"w-fit  text-left  md:text-left\">\n                                                                                        <h2 class=\"title mb-4 text-white\">Ready to get started?<\/h2>\n                                                                                <\/div>\n                                                    <div class=\"buttons flex flex-wrap gap-y-2 gap-x-4 w-fit justify-center md:justify-start\">\n                                <a href=\"\/en\/request-a-free-account\/\"\n\n    alt=\"Request a free account\"\n    aria-label=\"Request a free account\"\n\n           class=\"w-fit no-underline\"\n    \n    \n    \n   \n\t>        <span class=\"btn  btn-cta btn-filled rounded-lg\">\n                        Request a free account\n        <\/span>\n    <\/a>\n\n                                                            <\/div>\n                                            <\/div>\n\n                                            <div class=\"side-image w-full xl:w-1\/2 order-1 xl:order-2\">\n                            <span class=\"image \">\n        <img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-scaled.jpg\" class=\"object-contain w-full \" alt=\"Slim verzenden\" srcset=\"https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-scaled.jpg 2560w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-300x200.jpg 300w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-1024x683.jpg 1024w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-768x512.jpg 768w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-250x167.jpg 250w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-48x32.jpg 48w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-1050x700.jpg 1050w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-130x87.jpg 130w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-60x40.jpg 60w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-1536x1024.jpg 1536w, https:\/\/www.tfflogistics.com\/content\/uploads\/sites\/2\/2024\/07\/TFF55-2048x1366.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" style=\"object-position:23% 59%\" \/>\n    <\/span>\n                        <\/div>\n                    \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .cta-button-975-custom-padding {\n        @media    only screen and (min-width: 0px) {\n                                                        }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n\n    .cta-button-975-custom-margin {\n        @media    only screen and (min-width: 0px) {\n                                     margin-bottom: -80px;                     }\n        @media    only screen and (min-width: 768px) {\n                                                        }\n        @media    only screen and (min-width: 1024px) {\n                                                        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":3914,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_trash_the_other_posts":false,"footnotes":""},"categories":[1],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/posts\/3913"}],"collection":[{"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/comments?post=3913"}],"version-history":[{"count":14,"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/posts\/3913\/revisions"}],"predecessor-version":[{"id":5589,"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/posts\/3913\/revisions\/5589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/media\/3914"}],"wp:attachment":[{"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/media?parent=3913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/categories?post=3913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tfflogistics.com\/en\/wp-json\/wp\/v2\/tags?post=3913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}