1<!doctype html> 2<html class="scroll-smooth"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 7 <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /> 8 <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 9 <link rel="shortcut icon" href="/favicon.ico" /> 10 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 11 <meta name="apple-mobile-web-app-title" content="Winch Design" /> 12 <link rel="manifest" href="/site.webmanifest" /> 13 14 <link rel="stylesheet" href="https://winchdesign.com//dist/assets/css-BY8hnWJl.css"> 15 <link rel="stylesheet" href="https://use.typekit.net/ybu6ecj.css"> 16 17
17<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 17
17
18<script type="module" src="https://winchdesign.com//dist/assets/app-BKHfgq53.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/js/app.js'}});document.dispatchEvent(e);"></script>
18 19 20 21 22 <title>Winch Design | Contact Us</title>
23<script>window.dataLayer = window.dataLayer || []; 24function gtag(){dataLayer.push(arguments)}; 25gtag('js', new Date()); 26gtag('config', 'G-EB47ET15E4', {'send_page_view': true,'anonymize_ip': false,'link_attribution': true,'allow_display_features': true}); 27</script>
vendor: 1 bytes, line 27
27
28<script>dataLayer = [];
vendor: 328 bytes, lines 28-33
28 29(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 30new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 31j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 32'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 33})(window,document,'script','dataLayer','
33GTM-W98RDW2
vendor: 4 bytes, line 33
33');
34</script>
34<meta name="generator" content="SEOmatic"> 35<meta name="description" content="Get in touch with Winch Design here to request more information about our services or speak to a member of our team."> 36<meta name="referrer" content="no-referrer-when-downgrade"> 37<meta name="robots" content="all"> 38<meta content="en" property="og:locale"> 39<meta content="Winch Design" property="og:site_name"> 40<meta content="website" property="og:type"> 41<meta content="https://winchdesign.com/contact" property="og:url"> 42<meta content="Contact Us" property="og:title"> 43<meta content="Get in touch with Winch Design here to request more information about our services or speak to a member of our team." property="og:description"> 44<meta content="https://winch-craft-v2.s3.amazonaws.com/Generic-Images/_1200x630_crop_center-center_82_none/914_Seychelles_012.jpg?mtime=1775057811" property="og:image"> 45<meta content="1200" property="og:image:width"> 46<meta content="630" property="og:image:height"> 47<meta name="twitter:card" content="summary_large_image"> 48<meta name="twitter:creator" content="@"> 49<meta name="twitter:title" content="Contact Us"> 50<meta name="twitter:description" content="Get in touch with Winch Design here to request more information about our services or speak to a member of our team."> 51<meta name="twitter:image" content="https://winch-craft-v2.s3.amazonaws.com/Generic-Images/_1200x630_crop_center-center_82_none/914_Seychelles_012.jpg?mtime=1775057811"> 52<meta name="twitter:image:width" content="1200"> 53<meta name="twitter:image:height" content="630"> 54<link href="https://winchdesign.com/contact" rel="canonical"> 55<link href="https://winchdesign.com/" rel="home"> 56<link type="text/plain" href="https://winchdesign.com/humans.txt" rel="author"> 57<link href="https://winchdesign.com/cpresources/23c74f76/css/formie-theme.css?v=1772512328" rel="stylesheet"></head> 58 <body class="antialiased font-sans" id="top">
vendor: 63 bytes, line 58
58<script async src="https://www.googletagmanager.com/gtag/js?id=
58G-EB47ET15E4
vendor: 13 bytes, lines 58-59
58"></script> 59
60<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W98RDW2" 61height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 62 63 64 65<nav 66 class="bg-white w-full sticky top-0 inset-x-0 z-[5000] text-brand-primary" 67 x-data="{ 68 handleScroll() { 69 this.$store.navigation.scrolled = this.$store.navigation.scrolled 70 ? window.scrollY > 0 71 : window.scrollY > 35; 72 73 this.recalulateCurrentHeaderHeight(); 74 }, 75 recalulateInitialHeaderHeight() { 76 let root = document.querySelector(':root'); 77 let height = this.$el.offsetHeight; 78 79 if(height > 0) { 80 height = height - 1; 81 } 82 83 root.style.setProperty('--header-height', height + 'px'); 84 root.style.setProperty('--header-current-height', height + 'px'); 85 }, 86 recalulateCurrentHeaderHeight() { 87 let root = document.querySelector(':root'); 88 let height = this.$el.offsetHeight; 89 90 if(height > 0) { 91 height = height - 1; 92 } 93 94 root.style.setProperty('--header-current-height', height + 'px'); 95 }, 96 init() { 97 this.recalulateInitialHeaderHeight(); 98 } 99 }" 100 x-on:resize.window="recalulateInitialHeaderHeight" 101 x-on:scroll.window.passive="handleScroll" 102 x-trap.noautofocus.noscroll="$store.navigation.menuOpen || $store.navigation.openMegaMenu !== null" 103> 104 <div 105 class="grid grid-cols-6 lg:flex lg:justify-between items-center px-6 lg:px-12 py-5.5 lg:py-6.5" 106 x-bind:class="{ 107 '!py-3.5 lg:!py-2.5' : $store.navigation.scrolled, 108 }" 109> 110 <div class="lg:hidden w-[15px] h-[15px]" x-on:click="$store.navigation.menuOpen = !$store.navigation.menuOpen"> 111 <svg x-show="!$store.navigation.menuOpen" width="22" height="13" viewBox="0 0 22 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 112 <path d="M1 1H21M1 6.5H21M1 12H21" stroke="#976A4D" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/> 113 </svg> 114 <svg x-show="$store.navigation.menuOpen" width="23" height="13" viewBox="0 0 23 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 115 <path d="M1 1H21.1667M1 6.5H12M1 12H21.1667" stroke="#976A4D" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/> 116 </svg> 117 </div> 118 119 <div class="hidden lg:block w-[15px] h-[15px]"> 120 121 <a class="no-underline" href="https://www.instagram.com/winchdesign_wd/" rel="noopener noreferrer" target="_blank"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 122 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.40795 0.045C5.20773 0.00818181 5.46273 0 7.5 0C9.53727 0 9.79227 0.00886363 10.5914 0.045C11.3905 0.0811364 11.9359 0.208636 12.4132 0.393409C12.913 0.582273 13.3664 0.8775 13.7414 1.25932C14.1232 1.63364 14.4177 2.08636 14.6059 2.58682C14.7914 3.06409 14.9182 3.60955 14.955 4.40727C14.9918 5.20841 15 5.46341 15 7.5C15 9.53659 14.9911 9.79227 14.955 10.592C14.9189 11.3898 14.7914 11.9352 14.6059 12.4125C14.4176 12.913 14.1226 13.3664 13.7414 13.7414C13.3664 14.1232 12.913 14.4177 12.4132 14.6059C11.9359 14.7914 11.3905 14.9182 10.5927 14.955C9.79227 14.9918 9.53727 15 7.5 15C5.46273 15 5.20773 14.9911 4.40795 14.955C3.61023 14.9189 3.06477 14.7914 2.5875 14.6059C2.08702 14.4176 1.63356 14.1226 1.25864 13.7414C0.877213 13.3667 0.581962 12.9135 0.393409 12.4132C0.208636 11.9359 0.0818182 11.3905 0.045 10.5927C0.00818181 9.79159 0 9.53659 0 7.5C0 5.46341 0.00886363 5.20773 0.045 4.40864C0.0811364 3.60955 0.208636 3.06409 0.393409 2.58682C0.582162 2.08646 0.877649 1.63322 1.25932 1.25864C1.63378 0.877296 2.08677 0.58205 2.58682 0.393409C3.06409 0.208636 3.61023 0.0818182 4.40795 0.045ZM10.53 1.395C9.73909 1.35886 9.50182 1.35136 7.49932 1.35136C5.49682 1.35136 5.25955 1.35886 4.46864 1.395C3.73705 1.42841 3.34023 1.55045 3.07568 1.65341C2.72591 1.78977 2.47568 1.95136 2.21318 2.21386C1.96413 2.45577 1.7726 2.75052 1.65273 3.07636C1.54977 3.34091 1.42773 3.73773 1.39432 4.46932C1.35818 5.26023 1.35068 5.4975 1.35068 7.5C1.35068 9.5025 1.35818 9.73977 1.39432 10.5307C1.42773 11.2623 1.54977 11.6591 1.65273 11.9236C1.77273 12.2489 1.96432 12.5441 2.21318 12.7861C2.45523 13.035 2.75045 13.2266 3.07568 13.3466C3.34023 13.4495 3.73705 13.5716 4.46864 13.605C5.25955 13.6411 5.49614 13.6486 7.49932 13.6486C9.5025 13.6486 9.73909 13.6411 10.53 13.605C11.2616 13.5716 11.6584 13.4495 11.923 13.3466C12.2727 13.2102 12.523 13.0486 12.7855 12.7861C13.0343 12.5441 13.2259 12.2489 13.3459 11.9236C13.4489 11.6591 13.5709 11.2623 13.6043 10.5307C13.6405 9.73977 13.648 9.5025 13.648 7.5C13.648 5.4975 13.6405 5.26023 13.6043 4.46932C13.5709 3.73773 13.4489 3.34091 13.3459 3.07636C13.2095 2.72659 13.048 2.47636 12.7855 2.21386C12.5436 1.96481 12.2488 1.77328 11.923 1.65341C11.6584 1.55045 11.2616 1.42841 10.53 1.395ZM6.54136 9.81205C7.07636 10.0347 7.67208 10.0648 8.22677 9.89708C8.78146 9.72936 9.26072 9.37426 9.58269 8.89244C9.90465 8.41062 10.
1220494 7.83196 9.99208 7.2553C9.9348 6.67864 9.67909 6.13975 9.26864 5.73068C9.00698 5.46919 8.6906 5.26896 8.34227 5.14442C7.99395 5.01987 7.62234 4.97411 7.2542 5.01042C6.88607 5.04673 6.53056 5.16421 6.21327 5.35441C5.89599 5.5446 5.62483 5.80278 5.4193 6.11035C5.21377 6.41793 5.07899 6.76724 5.02467 7.13316C4.97035 7.49907 4.99783 7.87247 5.10514 8.22649C5.21245 8.5805 5.39692 8.90633 5.64526 9.18049C5.89361 9.45466 6.19965 9.67035 6.54136 9.81205ZM4.77409 4.77409C5.13206 4.41612 5.55704 4.13216 6.02475 3.93843C6.49246 3.7447 6.99375 3.64498 7.5 3.64498C8.00625 3.64498 8.50754 3.7447 8.97525 3.93843C9.44296 4.13216 9.86794 4.41612 10.2259 4.77409C10.5839 5.13206 10.8678 5.55704 11.0616 6.02475C11.2553 6.49246 11.355 6.99375 11.355 7.5C11.355 8.00625 11.2553 8.50754 11.0616 8.97525C10.8678 9.44296 10.5839 9.86794 10.2259 10.2259C9.50295 10.9489 8.52241 11.355 7.5 11.355C6.47759 11.355 5.49705 10.9489 4.77409 10.2259C4.05113 9.50295 3.64498 8.52241 3.64498 7.5C3.64498 6.47759 4.05113 5.49705 4.77409 4.77409ZM12.21 4.21909C12.2987 4.13541 12.3697 4.03478 12.4188 3.92316C12.468 3.81155 12.4942 3.69121 12.496 3.56927C12.4977 3.44734 12.475 3.32628 12.4292 3.21328C12.3833 3.10028 12.3153 2.99762 12.2291 2.91139C12.1428 2.82516 12.0402 2.75711 11.9272 2.71126C11.8142 2.66542 11.6931 2.64271 11.5712 2.64449C11.4492 2.64627 11.3289 2.67249 11.2173 2.72161C11.1057 2.77073 11.005 2.84175 10.9214 2.93045C10.7586 3.10297 10.6695 3.33213 10.673 3.56927C10.6764 3.80641 10.7722 4.03287 10.9399 4.20057C11.1076 4.36828 11.334 4.46402 11.5712 4.46748C11.8083 4.47093 12.0375 4.38183 12.21 4.21909Z" fill="#976A4D"/> 123 </svg> 124 </a> 125 </div> 126 127 <div class="col-span-4 flex justify-center items-center flex-grow"> 128 <div class="hidden lg:flex justify-end mr-14 flex-1"> 129 <ul class="flex space-x-9"> 130 <li class="font-medium text-xxs uppercase tracking-[2.1px] text-center"> 131 <a 132 href="https://winchdesign.com/about-winch" 133 x-on:click.prevent="$store.navigation.toggleMegaMenu('2')" 134 >About</a> 135 </li> 136 <li class="font-medium text-xxs uppercase tracking-[2.1px] text-center"> 137 <a 138 href="https://winchdesign.com/studio" 139 x-on:click.prevent="$store.navigation.toggleMegaMenu('3')" 140 >Studio</a> 141 </li> 142 <li class="font-medium text-xxs uppercase tracking-[2.1px] text-center"> 143 <a 144 href="https://winchdesign.com/portfolio" 145 x-on:click.prevent="$store.navigation.toggleMegaMenu('4')" 146 >Portfolio</a> 147 </li> 148 </ul> 149 </div> 150 151 <div class="uppercase flex items-center justify-center w-[181px] flex-none"> 152 <a href="/" x-show="!$store.navigation.scrolled" x-cloak> 153 <svg width="181" height="15" viewBox="0 0 181 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 154 <path d="M141.934 14.7306H144.873V0.241608H141.934V14.7332V14.7306Z" fill="#976A4D"/> 155 <path d="M24.1016 14.7306H27.041V0.241608H24.1016V14.7332V14.7306Z" fill="#976A4D"/> 156 <path d="M77.7959 0.244247V5.8699H71.3496V0.244247H68.4102V14.7359H71.3496V8.71968H77.7959V14.7385H80.7354V0.244247H77.7959Z" fill="#976A4D"/> 157 <path d="M112.262 0.238968L112.267 14.7306H121.948V11.8993H115.206V8.65634H121.114V5.80921H115.206V3.07818H121.568L121.563 0.238968H112.262Z" fill="#976A4D"/> 158 <path d="M100.893 0.238968H95.4414V14.7332H100.893C104.78 14.7147 107.914 11.551 107.899 7.6642C107.899 7.60615 107.899 7.5481 107.896 7.49005C107.907 3.57689 104.803 0.365624 100.893 0.238968ZM98.3782 3.07027H100.632C103.033 3.12832 104.951 5.08622 104.956 7.49005C104.962 9.75403 103.255 11.6565 101.001 11.8914H98.3756V3.07027H98.3782Z" fill="#976A4D"/> 159 <path d="M60.8201 10.1842C59.9757 11.3215 58.6406 11.9891 57.2236 11.9838C54.7406 11.9812 52.7299 9.97048 52.7273 7.48749C52.7299 5.00449 54.7406 2.99382 57.2236 2.99118C58.4954 2.99118 59.7039 3.53211 60.5589 4.47412L61.0787 5.04935L63.2556 3.07826L62.7358 2.50303C61.3267 0.946209 59.324 0.0569752 57.2236 0.0543365C53.1178 0.0543365 49.7878 3.38171 49.7852 7.48749C49.7878 11.5933 53.1178 14.9206 57.2236 14.9206C59.5641 14.9312 61.7727 13.8282 63.1712 11.9468L63.6408 11.3268L61.2871 9.56413L60.8201 10.1842Z" fill="#976A4D"/> 160 <path d="M164.272 6.78821H157.124V9.48758H160.984C160.232 11.1104 158.604 12.1474 156.817 12.1447C154.245 12.1447 152.16 10.0602 152.158 7.48746C152.158 4.91475 154.245 2.8302 156.817 2.827
16056C158.052 2.82756 159.237 3.31835 160.105 4.19703L160.443 4.53478L162.567 2.71673L162.19 2.32357C160.791 0.856466 158.849 0.0305602 156.823 0.0358375C152.709 0.0411149 149.376 3.37376 149.371 7.48482C149.376 11.5985 152.709 14.9312 156.82 14.9364C160.952 14.881 164.272 11.5141 164.269 7.38191V6.78557L164.272 6.78821Z" fill="#976A4D"/> 161 <path d="M132.855 5.97281L131.308 5.56382C130.203 5.24981 129.717 4.83818 129.73 4.22864C129.749 3.39218 130.604 2.80904 131.812 2.80904C132.77 2.80904 133.659 3.29983 134.177 4.10463L134.572 4.6693L136.557 2.69294L136.264 2.29186C135.25 0.819475 133.562 -0.0407337 131.778 0.0014851C130.688 -0.022263 129.622 0.315488 128.744 0.959325C127.664 1.78523 127.028 3.06499 127.023 4.42391C126.991 5.75116 127.585 7.50588 130.591 8.35553L132.137 8.76453C133.644 9.20519 134.161 9.95457 134.148 10.5113C134.116 11.9811 132.385 12.0972 131.857 12.0972C130.535 12.0998 129.3 11.4428 128.561 10.3477L128.166 9.78306L126.152 11.8069L126.435 12.2027C127.672 13.9574 129.691 14.9944 131.839 14.9786C135.596 14.9786 136.95 12.5062 136.971 10.3847C136.984 8.88855 136.282 6.9069 132.855 5.97017" fill="#976A4D"/> 162 <path d="M16.0168 0.246872L13.3623 8.96242L10.1457 0.246872H6.945L8.06643 3.10456L6.22991 9.12338L2.96323 0.246872H0L5.02404 14.7306H7.41204L9.75782 7.52434L12.3859 14.7306H14.7845L19.1198 0.246872H16.0168Z" fill="#976A4D"/> 163 <path d="M42.5021 0.244247V9.25533L35.1561 0.244247H32.7812V14.7359H35.7207V5.78811L43.0721 14.7147V14.7042L43.0985 14.7359H45.4443V0.244247H42.5048H42.5021Z" fill="#976A4D"/> 164 <path d="M178.059 0.244247V9.25533L170.711 0.244247H168.336V14.7359H171.275V5.78811L178.627 14.7147V14.7042L178.653 14.7359H180.999V0.244247H178.059Z" fill="#976A4D"/> 165 </svg> 166 </a> 167 <a href="/" class="-my-[3px]" x-show="$store.navigation.scrolled" x-cloak> 168 <svg xmlns="http://www.w3.org/2000/svg" height="39" viewBox="0 0 399.1 318.5"><defs><style>.st0{fill:#8e654e}</style></defs><path d="M116.4 258.4v-83.9H4.2v-8.9L142.6 2.7h7.6v162.6h21.2v9.4h-21.2v83.7zm-.1-211.5L16.1 165.2h100.2zM327.1 165.3V164h-2.6v-1.5c0-2.6-2.1-4.7-4.7-4.7h-60.1c-2.6 0-4.7 2.1-4.7 4.7v1.5h-3.1v1.3H184v9.3h67.9v1h3.2v6.2h2c1.4 2.7 6.4 12.9 6.4 24.9s-9.8 21.7-11.8 23.5h-3.3v9.2h-3.1v6.8h-6.4v12.2h100.8v-12.2h-6.4v-6.8h-3.2v-9.2h-3.3c-2-1.8-11.8-11.2-11.8-23.5s5-22.2 6.4-24.9h2.6v-6.2h3.1v-1h67.8v-9.3zm-119.2 6.4H187v-3.5h20.9zm20.8 0h-17.9v-3.5h17.9zm23.3 0h-20.3v-3.5H252zm6-9.2c0-1 .8-1.8 1.7-1.8h60.1c1 0 1.7.8 1.7 1.8v1.5h-27.3c-1.2-.8-2.6-1.3-4.1-1.3s-2.9.5-4.1 1.3h-28.1v-1.5Zm36.3 7.4c0 2.3-1.9 4.2-4.2 4.2s-4.2-1.9-4.2-4.2 1.9-4.2 4.2-4.2 4.2 1.9 4.2 4.2m-39.2 2.8h-.3v-5.8h28.8c-.4.9-.6 1.9-.6 2.9s.2 2 .6 2.9zm11.4 34.1c0-11.2-4-20.8-6-24.9h15.3c.9 2.6 3.3 10.5 3.3 22s-5.9 23.5-7.5 26.4h-15.5c3.9-4.1 10.5-12.6 10.5-23.5Zm12.3-24.9h19.7c-1.1 3.5-3.1 11.2-3.1 22s4.8 21.9 7.1 26.4h-27.8c2.3-4.4 7.1-15 7.1-26.4s-2-18.5-3.1-22Zm-20.4 73.6h-16.7v-6.3h16.7zm19.6 0h-16.7v-6.3H278zm19.6 0h-16.7v-6.3h16.7zm19.6 0h-16.7v-6.3h16.7zm19.5-6.3v6.3H320v-6.3zm-6.4-6.8v3.8h-82.1v-3.8zm-3.2-9.2v6.3h-75.8v-6.3zM312 206.8c0 10.9 6.6 19.4 10.5 23.5h-16.6c-1.6-2.9-7.5-14.3-7.5-26.4s2.4-19.4 3.3-22h16.4c-2 4.2-6 13.7-6 24.9Zm9.1-27.9h-63v-3.3h28c1.2.8 2.6 1.3 4.1 1.3s3-.5 4.1-1.3h26.8zm3-6.2h-27.4c.4-.9.6-1.8.6-2.9s-.2-2-.6-2.9h27.5v5.8Zm23.2-1h-20.2v-3.5h20.2zm20.9 0h-17.9v-3.5h17.9zm23.8 0h-20.9v-3.5H392z" class="st0"/><path d="M394.1 187.3h-39.2c.3 4.9.4 9.9.4 14.9 0 53.2-14 108.1-66 108.1s-66-55.3-66-108.1.1-9.9.4-14.9H185c-.5 4.8-.8 9.6-.8 14.5 0 58.7 38.7 114.1 105.1 114.1s105.6-55.3 105.6-114.5-.3-9.4-.8-14ZM289.3 94c36.2 0 53.9 26.2 61.3 60h35.2c-15.1-37.4-48.6-65.5-96.6-65.5s-81 28-96.1 65.5h34.6c7.4-33.9 24.9-60 61.5-60Z" class="st0"/></svg> 169 </a> 170 </div> 171 172 <div class="hidden lg:flex justify-start ml-14 flex-1"> 173 <div class="flex space-x-9"> 174 <div class="font-medium text-xxs uppercase tracking-[2.1px] text-center"> 175 <a 176 href="https://winchdesign.com/our-world" 177 x-on:click.prevent="$store.navigation.toggleMegaMenu('933')" 178 >Our World</a> 179 </div> 180 <div class="font-medium text-xxs uppercase tracking-[2.1px] text-center"> 181 <a 182 href="https://winchdesign.com/careers" 183 >Careers</a> 184 </div> 185 <div class="font-medium text-xxs uppercase tracking-[2.1px] text-center"> 186 <a 187 href="https://winchdesign.com/contact" 188 >Contact</a> 189 </div> 190 </div> 191 </div> 192 </div> 193 194 <div class="flex justify-end"> 195 <a href="/" class="block no-underline"> 196 <svg class="w-12 lg:w-16" width="51" height="25" viewB
196ox="0 0 51 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 197 <path d="M25.6613 4.01411C26.2112 4.07079 26.6799 3.53095 26.6702 2.99819C26.6592 2.40025 26.2112 1.96384 25.664 1.95818C25.0824 1.95109 24.6592 2.56036 24.6578 2.98402C24.6578 3.53662 25.1595 4.07363 25.6613 4.01411ZM6.477 3.44027H10.7706V2.62979H6.46459C6.46459 2.84941 6.46459 3.05061 6.46459 3.25323C6.46459 3.30991 6.47149 3.36659 6.47838 3.44027M44.5202 2.62696H40.2266V3.43743H44.5202V2.62696ZM11.5591 3.44027H16.3944V2.63121H11.5591V3.44027ZM34.6001 3.44027H39.4837V2.63263H34.6001V3.44027ZM0.763622 3.43743H5.73268V2.61987H0.763622V3.43743ZM45.2563 3.44027H50.2874V2.63263H45.2563V3.44027ZM36.9199 22.757H32.9281V24.2292H36.9199V22.757ZM28.1865 24.2249H32.1782V22.7528H28.1865V24.2249ZM27.4449 22.7584H23.4559V24.2278H27.4449V22.7584ZM13.9754 24.2278H17.9727V22.7599H13.9754V24.2278ZM18.7156 24.2235H22.706V22.7542H18.7156V24.2235ZM27.3374 3.69389H33.8585V2.32941H27.3374V3.69389ZM17.1374 3.69248H24.0031V2.32232H17.1374V3.69248ZM17.9231 5.20716H33.1197V4.46186C33.0811 4.45194 33.0576 4.44061 33.0356 4.44061C30.9556 4.43919 28.877 4.43777 26.7998 4.44061C26.7323 4.44061 26.6606 4.47603 26.5999 4.51145C26.0293 4.85151 25.4559 4.88268 24.8577 4.58088C24.6964 4.4987 24.5048 4.44344 24.327 4.44344C22.2898 4.43352 20.2511 4.43635 18.2139 4.43635H17.9244V5.20716H17.9231ZM33.2065 1.52885C33.3223 1.02726 33.1087 0.725462 32.578 0.726879C27.8832 0.742465 23.1898 0.739631 18.4951 0.73113C18.0306 0.73113 17.7921 1.00318 17.9575 1.52885H18.247C20.2691 1.52885 22.2925 1.5331 24.3146 1.52318C24.5158 1.52318 24.7281 1.45659 24.9183 1.38008C25.4559 1.16329 25.9769 1.16045 26.5007 1.424C26.6179 1.48351 26.7585 1.5246 26.888 1.5246C28.9018 1.53027 30.9156 1.52885 32.9308 1.52885H33.2079H33.2065ZM15.5564 21.9451H35.3389V21.0355H15.5564V21.9451ZM34.6028 18.75H16.3007V20.2675H34.6028V18.75ZM17.4971 17.9891C17.5261 17.9948 17.5495 18.0033 17.5729 18.0047C18.7074 18.0047 19.8418 18.0104 20.9748 17.9976C21.0658 17.9976 21.1912 17.8914 21.2381 17.8007C21.7219 16.8655 22.1285 15.8963 22.4193 14.879C22.8177 13.4791 23.0754 12.0608 22.9266 10.59C22.8535 9.87588 22.8301 9.15609 22.7198 8.44905C22.6026 7.70659 22.4042 6.97688 22.2498 6.24008C22.2126 6.05872 22.1299 6.00063 21.9479 6.00204C20.8962 6.01054 19.8445 6.00629 18.7914 6.00629C18.7156 6.00629 18.6398 6.01763 18.5447 6.02613C18.6219 6.22025 18.6825 6.38319 18.7515 6.54047C19.4034 8.01548 19.7963 9.56699 19.9176 11.1752C19.9768 11.9474 19.9341 12.7437 19.8197 13.5088C19.6474 14.6495 19.1636 15.6824 18.5116 16.6232C18.1918 17.0837 17.8445 17.523 17.4999 17.9863M28.4401 6.0233C28.0486 7.19367 27.8432 8.39662 27.7344 9.61375C27.6723 10.3151 27.6516 11.0264 27.6875 11.7306C27.7247 12.4674 27.8033 13.2113 27.9521 13.9325C28.2347 15.2956 28.7516 16.5807 29.3815 17.8148C29.4587 17.965 29.5428 18.0104 29.7013 18.009C30.8591 18.0019 32.0184 18.0047 33.1762 18.0047C33.2534 18.0047 33.3292 17.9948 33.4229 17.9891C33.3954 17.9395 33.3871 17.9154 33.3719 17.8984C32.6069 17.0455 31.9715 16.1032 31.5276 15.0306C31.2341 14.3222 31.0121 13.5868 30.9749 12.8216C30.9308 11.9276 30.9515 11.0292 31.1059 10.138C31.2823 9.11217 31.5345 8.11183 31.9053 7.14266C32.0459 6.77426 32.1975 6.41153 32.3547 6.02188H28.4401V6.0233ZM21.9796 17.9863H28.651C26.6165 14.1266 26.5241 10.1295 27.6572 6.02755H22.9638C23.5358 8.03531 23.7756 10.0657 23.6654 12.1174C23.5551 14.1847 22.9114 16.1188 21.9782 17.9863M35.3265 18.0061V20.2732H36.0542V21.9522H37.6242V25H13.2752V21.9692H14.8272V20.3001H15.5633V18.0061C15.7755 18.0061 15.9547 17.9934 16.1312 18.0104C16.3131 18.0274 16.4344 17.9537 16.5598 17.8276C17.6694 16.7096 18.5282 15.4288 18.9803 13.8857C19.2339 13.0172 19.2601 12.1344 19.1829 11.2319C19.0823 10.0459 18.8218 8.90388 18.4344 7.78735C18.2814 7.35094 18.0995 6.92304 17.9286 6.49229C17.8031 6.17632 17.6694 5.87027 17.2077 6.0403V4.44344H16.4372C16.4179 4.34851 16.4041 4.27766 16.3848 4.18414H0V1.88591H16.3972C16.4082 1.75556 16.4165 1.65779 16.4261 1.53452H17.1208C17.1498 1.3064 17.1622 1.09811 17.2035 0.896908C17.3221 0.348563 17.7466 0.00850449 18.2966 0.00850449C23.1319 0.00850449 27.9659 0.0141721 32.8013 3.01988e-06C33.3416 -0.00141389 34.0377 0.495922 33.9453 1.18029C33.9315 1.27806 33.9439 1.38149 33.9439 1.51752H34.5656C34.5794 1.64929 34.589 1.74706 34.6014 1.87883H51V4.17848H34.6097C34.5932 4.27058 34.5808 4.34142 34.5642 4.43494H33.8544V5.97796C33.7937 5.99071 33.7523 6.01338 33.7179 6.00488C33.2396 5.88161 33.0811 6.20466 32.9295 6.57306C32.5256 7.54506 32.1631 8.53123 31.9687 9.57266C31.8654 10.1267 31.7937 10.6878 31.7289 11.2475C31.6903 11.579 31.682 11.9162 31.6779 12.2506C31.6669 13.1319 31.8846 13.9693 32.2265 14.7642C32.7186 15.9105 33.4257 16.9052 34.2954 17.7823C34.4539 17.9424 34.6056 18.0345 34.8316 18.0075C34.9846 17.9891 35.1404 18.0033 35.3292
19718.0033" fill="#976A4D"/> 198 </svg> 199 </a> 200 </div> 201</div> 202</nav> 203 204<div 205 class="fixed top-0 inset-x-0 w-full h-[100dvh] z-[4998] bg-brand-secondary/90 backdrop-blur-sm lg:hidden pointer-events-none" 206 x-data 207 x-show="$store.navigation.menuOpen" 208 x-transition:enter="transition ease-out duration-1000" 209 x-transition:enter-start="opacity-0" 210 x-transition:enter-end="opacity-100" 211 x-transition:leave="transition ease-in duration-1000" 212 x-transition:leave-start="opacity-100" 213 x-transition:leave-end="opacity-0" 214 x-cloak 215></div> 216 217<div 218 class="fixed top-0 inset-x-0 w-full h-[100dvh] overflow-hidden z-[4999] flex-grow lg:hidden px-6 pt-[var(--header-current-height)]" 219 x-data 220 x-show="$store.navigation.menuOpen" 221 x-cloak 222> 223 <div class="relative flex flex-col justify-between flex-grow h-full"> 224 <div class="py-14 invisible"> 225 <button class="text-white leading-none" x-on:click="subItem = null">Back</button> 226 </div> 227 228 <ul 229 class="w-full space-y-10 flex-1 overflow-y-auto" 230 x-show="$store.navigation.menuOpen" 231 x-transition:enter="transition ease-out duration-700" 232 x-transition:enter-start="opacity-0 -translate-y-full" 233 x-transition:enter-end="opacity-100 translate-y-0" 234 x-transition:leave="transition ease-in duration-700" 235 x-transition:leave-start="opacity-100 translate-y-0" 236 x-transition:leave-end="opacity-0 -translate-y-full" 237 x-data 238 x-cloak 239 > 240 <li 241 class="flex items-center cursor-pointer" 242 x-on:keyup.escape="$store.navigation.menuOpen = false;" 243 > 244 <button 245 type="button" 246 x-on:click="$store.navigation.openMegaMenu = '2'" 247 class="flex items-center justify-between w-full" 248 > 249 <span class="font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">About</span> 250 <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 251 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/> 252 </svg> 253 </button> 254 </li> 255 <li 256 class="flex items-center cursor-pointer" 257 x-on:keyup.escape="$store.navigation.menuOpen = false;" 258 > 259 <button 260 type="button" 261 x-on:click="$store.navigation.openMegaMenu = '3'" 262 class="flex items-center justify-between w-full" 263 > 264 <span class="font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Studio</span> 265 <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 266 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/> 267 </svg> 268 </button> 269 </li> 270 <li 271 class="flex items-center cursor-pointer" 272 x-on:keyup.escape="$store.navigation.menuOpen = false;" 273 > 274 <button 275 type="button" 276 x-on:click="$store.navigation.openMegaMenu = '4'" 277 class="flex items-center justify-between w-full" 278 >
279 <span class="font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Portfolio</span> 280 <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 281 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/> 282 </svg> 283 </button> 284 </li> 285 <li 286 class="flex items-center cursor-pointer" 287 x-on:keyup.escape="$store.navigation.menuOpen = false;" 288 > 289 <button 290 type="button" 291 x-on:click="$store.navigation.openMegaMenu = '933'" 292 class="flex items-center justify-between w-full" 293 > 294 <span class="font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Our World</span> 295 <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 296 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/> 297 </svg> 298 </button> 299 </li> 300 <li 301 class="flex items-center cursor-pointer" 302 x-on:keyup.escape="$store.navigation.menuOpen = false;" 303 > 304 <a href="https://winchdesign.com/careers" class="flex-grow font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Careers</a> 305 </li> 306 <li 307 class="flex items-center cursor-pointer" 308 x-on:keyup.escape="$store.navigation.menuOpen = false;" 309 > 310 <a href="https://winchdesign.com/contact" class="flex-grow font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Contact</a> 311 </li> 312 </ul> 313 314 <div 315 class="text-white text-xs pb-12 flex flex-col" 316 x-show="$store.navigation.menuOpen" 317 x-transition:enter="transition ease-out duration-700" 318 x-transition:enter-start="opacity-0 translate-y-full" 319 x-transition:enter-end="opacity-100 translate-y-0" 320 x-transition:leave="transition ease-in duration-700" 321 x-transition:leave-start="opacity-100 translate-y-0" 322 x-transition:leave-end="opacity-0 translate-y-full" 323 x-data 324 x-cloak 325 > 326 <a href="tel:+44-(0)-20-8392-8400">+44 (0) 20 8392 8400</a> 327 <a href="mailto:[email protected]">[email protected]</a> 328 </div> 329 </div> 330 331 <!-- Mobile Mega Menu - 2 --> 332 <div 333 class="absolute inset-0 size-full bg-brand-secondary/90 backdrop-blur-sm px-6 pt-[var(--header-current-height)] border-l border-brand-primary" 334 x-show="$store.navigation.openMegaMenu == '2'" 335 x-transition:enter="transition ease-out duration-800" 336 x-transition:enter-start="translate-x-full" 337 x-transition:enter-end="translate-x-0" 338 x-transition:leave="transition ease-in duration-800" 339 x-transition:leave-start="translate-x-0" 340 x-transition:leave-end="translate-x-full" 341 > 342 <div class="py-14"> 343 <button class="text-white flex items-center leading-none" x-on:click="$store.navigation.openMegaMenu = null"> 344 <svg class="rotate-180 mr-3" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 345 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/> 346 </svg> 347 Back 348 </button> 349 </div> 350 351 <ul class="w-full space-y-10 translate-x-0 transition-transform duration-500 ease-in-out flex-1 overflow-y-auto"> 352 <li class="font-medium text-lg tracking-[2.1px] uppercase text-brand-primary hover:text-white"> 353 <a href="https://winchdesign.com/about-winch">About</a> 354 </li> 355 <li class="flex items-center cursor-pointer"> 356 <a href="https://winchdesign.com/about-winch" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">About Winch</a> 357 </li> 358 <li class="flex items-center cursor-pointer"> 359 <a href="https://winchdesign.com/people" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">People</a> 360 </li> 361 </ul> 362 </div> 363 <!-- Mobile Mega Menu - 3 --> 364 <div 365 class="absolute inset-0 size-full bg-brand-secondary/90 backdrop-blur-sm px-6 pt-[var(--header-current-height)] border-l border-brand-primary" 366 x-show="$store.navigation.openMegaMenu == '3'" 367 x-transition:enter="transition ease-out duration-800" 368 x-transition:enter-start="translate-x-full" 369 x-transition:enter-end="translate-x-0" 370 x-transition:leave="transition ease-in duration-800" 371 x-transition:leave-start="translate-x-0" 372 x-transition:leave-end="translate-x-full" 373 > 374 <div class="py-14"> 375 <button class="text-white flex items-center leading-none" x-on:click="$store.navigation.openMegaMenu = null"> 376 <svg class="rotate-180 mr-3" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 377 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/> 378 </svg> 379 Back 380 </button> 381 </div> 382 383 <ul class="w-full space-y-10 translate-x-0 transition-transform duration-500 ease-in-out flex-1 overflow-y-auto"> 384 <li class="font-medium text-lg tracking-[2.1px] uppercase text-brand-primary hover:text-white"> 385 <a href="https://winchdesign.com/studio">Studio</a> 386 </li> 387 <li class="flex items-center cursor-pointer"> 388 <a href="https://winchdesign.com/studio/yacht-studio" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Yacht Studio</a> 389 </li> 390 <li class="flex items-center cursor-pointer"> 391 <a href="https://winchdesign.com/studio/aviation-studio" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Aviation Studio</a> 392 </li> 393 <li class="flex items-center cursor-pointer"> 394 <a href="https://winchdesign.com/studio/architecture-studio" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Architecture Studio</a> 395 </li> 396 <li class="flex items-center cursor-pointer"> 397 <a href="https://winchdesign.com/studio/visualisation-studio" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Visualisation Studio</a> 398 </li> 399 <li class="flex items-center cursor-pointer"> 400 <a href="https://winchdesign.com/studio/procurement"
400class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Procurement Team</a> 401 </li> 402 </ul> 403 </div> 404 <!-- Mobile Mega Menu - 4 --> 405 <div 406 class="absolute inset-0 size-full bg-brand-secondary/90 backdrop-blur-sm px-6 pt-[var(--header-current-height)] border-l border-brand-primary" 407 x-show="$store.navigation.openMegaMenu == '4'" 408 x-transition:enter="transition ease-out duration-800" 409 x-transition:enter-start="translate-x-full" 410 x-transition:enter-end="translate-x-0" 411 x-transition:leave="transition ease-in duration-800" 412 x-transition:leave-start="translate-x-0" 413 x-transition:leave-end="translate-x-full" 414 > 415 <div class="py-14"> 416 <button class="text-white flex items-center leading-none" x-on:click="$store.navigation.openMegaMenu = null"> 417 <svg class="rotate-180 mr-3" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 418 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/> 419 </svg> 420 Back 421 </button> 422 </div> 423 424 <ul class="w-full space-y-10 translate-x-0 transition-transform duration-500 ease-in-out flex-1 overflow-y-auto"> 425 <li class="font-medium text-lg tracking-[2.1px] uppercase text-brand-primary hover:text-white"> 426 <a href="https://winchdesign.com/portfolio">Portfolio</a> 427 </li> 428 <li class="flex items-center cursor-pointer"> 429 <a href="https://winchdesign.com/portfolio/category/sea" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Yachts</a> 430 </li> 431 <li class="flex items-center cursor-pointer"> 432 <a href="https://winchdesign.com/portfolio/category/aviation" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Aviation</a> 433 </li> 434 <li class="flex items-center cursor-pointer"> 435 <a href="https://winchdesign.com/portfolio/category/land" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Architecture</a> 436 </li> 437 <li class="flex items-center cursor-pointer"> 438 <a href="https://winchdesign.com/portfolio/category/heritage" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Heritage</a> 439 </li> 440 <li class="flex items-center cursor-pointer"> 441 <a href="https://winchdesign.com/portfolio/category/design-styles" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Design Styles</a> 442 </li> 443 </ul> 444 </div> 445 <!-- Mobile Mega Menu - 933 --> 446 <div 447 class="absolute inset-0 size-full bg-brand-secondary/90 backdrop-blur-sm px-6 pt-[var(--header-current-height)] border-l border-brand-primary" 448 x-show="$store.navigation.openMegaMenu == '933'" 449 x-transition:enter="transition ease-out duration-800" 450 x-transition:enter-start="translate-x-full" 451 x-transition:enter-end="translate-x-0" 452 x-transition:leave="transition ease-in duration-800" 453 x-transition:leave-start="translate-x-0" 454 x-transition:leave-end="translate-x-full" 455 > 456 <div class="py-14"> 457 <button class="text-white flex items-center leading-none" x-on:click="$store.navigation.openMegaMenu = null"> 458 <svg class="rotate-180 mr-3" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 459 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/> 460 </svg> 461 Back 462 </button> 463 </div> 464 465 <ul class="w-full space-y-10 translate-x-0 transition-transform duration-500 ease-in-out flex-1 overflow-y-auto"> 466 <li class="font-medium text-lg tracking-[2.1px] uppercase text-brand-primary hover:text-white"> 467 <a href="https://winchdesign.com/our-world">Our World</a> 468 </li> 469 <li class="flex items-center cursor-pointer"> 470 <a href="https://winchdesign.com/news" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">News</a> 471 </li> 472 <li class="flex items-center cursor-pointer"> 473 <a href="https://winchdesign.com/press" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Press</a> 474 </li> 475 <li class="flex items-center cursor-pointer"> 476 <a href="https://winchdesign.com/our-world/positive-impact" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Positive Impact</a> 477 </li> 478 <li class="flex items-center cursor-pointer"> 479 <a href="https://winchdesign.com/our-world/collaborations" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Collaborations</a> 480 </li> 481 <li class="flex items-center cursor-pointer"> 482 <a href="https://winchdesign.com/our-world/awards" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Awards</a> 483 </li> 484 </ul> 485 </div> 486 </div><div 487 class="fixed inset-0 z-[4999] hidden size-full bg-brand-secondary/90 backdrop-blur-sm lg:block" 488 x-data 489 x-show="$store.navigation.openMegaMenu !== null" 490 x-transition:enter="transition ease-out duration-1000" 491 x-transition:enter-start="opacity-0" 492 x-transition:enter-end="opacity-100" 493 x-transition:leave="transition ease-in duration-500" 494 x-transition:leave-start="opacity-100" 495 x-transition:leave-end="opacity-0" 496 x-cloak 497></div> 498 499 500 <nav 501 class="fixed inset-0 z-[4999] hidden size-full lg:grid grid-cols-3 pt-[var(--header-current-height)]" 502 x-show="$store.navigation.openMegaMenu == '2'" 503 x-transition:enter="transition ease-out duration-1000" 504 x-transition:enter-start="opacity-0 -translate-y-full" 505 x-transition:enter-end="opacity-100 translate-y-0" 506 x-transition:leave="transition ease-in duration-1000" 507 x-transition:leave-start="opacity-100 translate-y-0" 508 x-transition:leave-end="opacity-0 -translate-y-full" 509 x-data 510 x-cloak 511 > 512 <div 513 class=" 514 flex size-full py-20 overflow-hidden 515 items-center 516 " 517 > 518 519 <img 520 src="https://winch-craft-v2.s3.amazonaws.com/About/Employee-ownership.jpg" 521 alt="Employee Ownership Day 2021" 522 class="w-full h-auto" 523 x-show="$store.navigation.openMegaMenu == '2'" 524 x-transition:enter="transition ease-out duration-1000" 525 x-transition:enter-start="opacity-0 -translate-y-full" 526 x-transition:enter-end="opacity-100 translate-y-0" 527 x-transition:leave="transition ease-in duration-1000" 528 x-transition:leave-start="opacity-100 translate-y-0" 529 x-transition:leave-end="opacity-0 -translate-y-full" 530 x-data 531 > 532 </div> 533 534 <ul class="space-y-8 text-white font-serif text-2xl tracking-[2.4px] uppercase text-center h-full overflow-y-auto flex flex-col items-center justify-center"> 535 <li class="text-sm tracking-[2.4px] font-sans text-brand-primary hover:text-white font-medium"> 536 <a href="https://winchdesign.com/about-winch">About</a> 537 </li> 538 539 <li> 540 <a 541 href="https://winchdesign.com/about-winch" 542 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 543 >About Winch</a> 544 </li> 545 <li> 546 <a 547 href="https://winchdesign.com/people" 548 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 549 >People</a> 550 </li> 551 </ul> 552 553 <div 554 class=" 555 flex size-full py-20 overflow-hidden 556 items-center 557 " 558 > 559 560 <img 561 src="https://winch-craft-v2.s3.amazonaws.com/About/Relocation-to-Parklife.jpg" 562 alt="The Bridge - flagship meeting room at Winch Design" 563 class="w-full h-auto" 564 x-show="$store.navigation.openMegaMenu == '2'" 565 x-transition:enter="transition ease-out duration-1000" 566 x-transition:enter-start="opacity-0 -translate-y-full" 567 x-transition:enter-end="opacity-100 translate-y-0" 568 x-transition:leave="transition ease-in duration-1000" 569 x-transition:leave-start="opacity-100 translate-y-0" 570 x-transition:leave-end="opacity-0 -translate-y-full" 571 x-data 572 > 573 </div> 574 </nav> 575 576 <nav 577 class="fixed inset-0 z-[4999] hidden size-full lg:grid grid-cols-3 pt-[var(--header-current-height)]" 578 x-show="$store.navigation.openMegaMenu == '3'" 579 x-transition:enter="transition ease-out duration-1000" 580 x-transition:enter-start="opacity-0 -translate-y-full" 581 x-transition:enter-end="opacity-100 translate-y-0" 582 x-transition:leave="transition ease-in duration-1000" 583 x-transition:leave-start="opacity-100 translate-y-0" 584 x-transition:leave-end="opacity-0 -translate-y-full" 585 x-data 586 x-cloak 587 > 588 <div 589 class=" 590 flex size-full py-20 overflow-hidden 591 items-center 592 " 593 > 594 595 <img 596 src="https://winch-craft-v2.s3.amazonaws.com/Portfolio/Sea/Sparta/976_01_YN_20067_HEESEN_Photo_DC_web.jpg" 597 alt="Sparta dining table" 598 class="w-full h-auto" 599 x-show="$store.navigation.openMegaMenu == '3'" 600 x-transition:enter="transition ease-out duration-1000" 601 x-transition:enter-start="opacity-0 -translate-y-full" 602 x-transition:enter-end="opacity-100 translate-y-0" 603 x-transition:leave="transition ease-in duration-1000" 604 x-transition:leave-start="opacity-100 translate-y-0" 605 x-transition:leave-end="opacity-0 -translate-y-full" 606 x-data 607 > 608 </div> 609 610 <ul class="space-y-8 text-white font-serif text-2xl tracking-[2.4px] uppercase text-center h-full overflow-y-auto flex flex-col items-center justify-center"> 611 <li class="text-sm tracking-[2.4px] font-sans text-brand-primary hover:text-white font-medium"> 612 <a href="https://winchdesign.com/studio">Studio</a> 613 </li> 614 615 <li> 616 <a 617 href="https://winchdesign.com/studio/yacht-studio" 618 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 619 >Yacht Studio</a> 620 </li> 621 <li> 622 <a 623 href="https://winchdesign.com/studio/aviation-studio" 624 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 625 >Aviation Studio</a> 626 </li> 627 <li> 628 <a 629 href="https://winchdesign.com/studio/architecture-studio" 630 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 631 >Architecture Studio</a> 632 </li> 633 <li> 634 <a 635 href="https://winchdesign.com/studio/visualisation-studio" 636 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 637 >Visualisation Studio</a> 638 </li> 639 <li> 640 <a 641 href="https://winchdesign.com/studio/procurement" 642 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 643 >Procurement Team</a> 644 </li> 645 </ul> 646 647 <div 648 class=" 649 flex size-full py-20 overflow-hidden 650 items-center 651 " 652 > 653 654 <img 655 src="https://winch-craft-v2.s3.amazonaws.com/Portfolio/Air/Global-6000/WD524-105-copy.jpg"
656 alt="Global 6000 Exterior Shot Tail" 657 class="w-full h-auto" 658 x-show="$store.navigation.openMegaMenu == '3'" 659 x-transition:enter="transition ease-out duration-1000" 660 x-transition:enter-start="opacity-0 -translate-y-full" 661 x-transition:enter-end="opacity-100 translate-y-0" 662 x-transition:leave="transition ease-in duration-1000" 663 x-transition:leave-start="opacity-100 translate-y-0" 664 x-transition:leave-end="opacity-0 -translate-y-full" 665 x-data 666 > 667 </div> 668 </nav> 669 670 <nav 671 class="fixed inset-0 z-[4999] hidden size-full lg:grid grid-cols-3 pt-[var(--header-current-height)]" 672 x-show="$store.navigation.openMegaMenu == '4'" 673 x-transition:enter="transition ease-out duration-1000" 674 x-transition:enter-start="opacity-0 -translate-y-full" 675 x-transition:enter-end="opacity-100 translate-y-0" 676 x-transition:leave="transition ease-in duration-1000" 677 x-transition:leave-start="opacity-100 translate-y-0" 678 x-transition:leave-end="opacity-0 -translate-y-full" 679 x-data 680 x-cloak 681 > 682 <div 683 class=" 684 flex size-full py-20 overflow-hidden 685 items-center 686 " 687 > 688 689 <img 690 src="https://winch-craft-v2.s3.amazonaws.com/News/In-the-News/Genesis-nominated-as-a-finalist-in-the-2024-Design-Innovation-Awards/RubenGriffioen_Genesis-Heesen_seatrials_DJI_0664.jpg" 691 alt="Genesis Yacht Exterior on sea trials" 692 class="w-full h-auto" 693 x-show="$store.navigation.openMegaMenu == '4'" 694 x-transition:enter="transition ease-out duration-1000" 695 x-transition:enter-start="opacity-0 -translate-y-full" 696 x-transition:enter-end="opacity-100 translate-y-0" 697 x-transition:leave="transition ease-in duration-1000" 698 x-transition:leave-start="opacity-100 translate-y-0" 699 x-transition:leave-end="opacity-0 -translate-y-full" 700 x-data 701 > 702 </div> 703 704 <ul class="space-y-8 text-white font-serif text-2xl tracking-[2.4px] uppercase text-center h-full overflow-y-auto flex flex-col items-center justify-center"> 705 <li class="text-sm tracking-[2.4px] font-sans text-brand-primary hover:text-white font-medium"> 706 <a href="https://winchdesign.com/portfolio">Portfolio</a> 707 </li> 708 709 <li> 710 <a 711 href="https://winchdesign.com/portfolio/category/sea" 712 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 713 >Yachts</a> 714 </li> 715 <li> 716 <a 717 href="https://winchdesign.com/portfolio/category/aviation" 718 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 719 >Aviation</a> 720 </li> 721 <li> 722 <a 723 href="https://winchdesign.com/portfolio/category/land" 724 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 725 >Architecture</a> 726 </li> 727 <li> 728 <a 729 href="https://winchdesign.com/portfolio/category/heritage" 730 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 731 >Heritage</a> 732 </li> 733 <li> 734 <a 735 href="https://winchdesign.com/portfolio/category/design-styles" 736 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 737 >Design Styles</a> 738 </li> 739 </ul> 740 741 <div 742 class=" 743 flex size-full py-20 overflow-hidden 744 items-center 745 " 746 > 747 748 <img 749 src="https://winch-craft-v2.s3.amazonaws.com/Portfolio/wharf_36_low-1.jpg" 750 alt="Seychelles Pool" 751 class="w-full h-auto" 752 x-show="$store.navigation.openMegaMenu == '4'" 753 x-transition:enter="transition ease-out duration-1000" 754 x-transition:enter-start="opacity-0 -translate-y-full" 755 x-transition:enter-end="opacity-100 translate-y-0" 756 x-transition:leave="transition ease-in duration-1000" 757 x-transition:leave-start="opacity-100 translate-y-0" 758 x-transition:leave-end="opacity-0 -translate-y-full" 759 x-data 760 > 761 </div> 762 </nav> 763 764 <nav 765 class="fixed inset-0 z-[4999] hidden size-full lg:grid grid-cols-3 pt-[var(--header-current-height)]" 766 x-show="$store.navigation.openMegaMenu == '933'" 767 x-transition:enter="transition ease-out duration-1000" 768 x-transition:enter-start="opacity-0 -translate-y-full" 769 x-transition:enter-end="opacity-100 translate-y-0" 770 x-transition:leave="transition ease-in duration-1000" 771 x-transition:leave-start="opacity-100 translate-y-0" 772 x-transition:leave-end="opacity-0 -translate-y-full" 773 x-data 774 x-cloak 775 > 776 <div 777 class=" 778 flex size-full py-20 overflow-hidden 779 items-center 780 " 781 > 782 783 <img 784 src="https://winch-craft-v2.s3.amazonaws.com/Our-World/Charities/blue-marine-foundation-ocean-fish-unsplash.jpg" 785 alt="" 786 class="w-full h-auto" 787 x-show="$store.navigation.openMegaMenu == '933'" 788 x-transition:enter="transition ease-out duration-1000" 789 x-transition:enter-start="opacity-0 -translate-y-full" 790 x-transition:enter-end="opacity-100 translate-y-0" 791 x-transition:leave="transition ease-in duration-1000" 792 x-transition:leave-start="opacity-100 translate-y-0" 793 x-transition:leave-end="opacity-0 -translate-y-full" 794 x-data 795 > 796 </div> 797 798 <ul class="space-y-8 text-white font-serif text-2xl tracking-[2.4px] uppercase text-center h-full overflow-y-auto flex flex-col items-center justify-center"> 799 <li class="text-sm tracking-[2.4px] font-sans text-brand-primary hover:text-white font-medium"> 800 <a href="https://winchdesign.com/our-world">Our World</a> 801 </li> 802 803 <li> 804 <a 805 href="https://winchdesign.com/news" 806 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 807 >News</a> 808 </li> 809 <li> 810 <a 811 href="https://winchdesign.com/press" 812 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 813 >Press</a> 814 </li> 815 <li> 816 <a 817 href="https://winchdesign.com/our-world/positive-impact" 818 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 819 >Positive Impact</a> 820 </li> 821 <li> 822 <a 823 href="https://winchdesign.com/our-world/collaborations" 824 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 825 >Collaborations</a> 826 </li> 827 <li> 828 <a 829 href="https://winchdesign.com/our-world/awards" 830 class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full" 831 >Awards</a> 832 </li> 833 </ul> 834 835 <div 836 class=" 837 flex size-full py-20 overflow-hidden 838 items-center 839 " 840 > 841 842 <img 843 src="https://winch-craft-v2.s3.amazonaws.com/B03093FB-859E-400A-9D55-065C3FDA3259.jpg" 844 alt="Winch way images - turtle" 845 class="w-full h-auto" 846 x-show="$store.navigation.openMegaMenu == '933'" 847 x-transition:enter="transition ease-out duration-1000" 848 x-transition:enter-start="opacity-0 -translate-y-full" 849 x-transition:enter-end="opacity-100 translate-y-0" 850 x-transition:leave="transition ease-in duration-1000" 851 x-transition:leave-start="opacity-100 translate-y-0" 852 x-transition:leave-end="opacity-0 -translate-y-full" 853 x-data 854 > 855 </div> 856 </nav> 857 858 <main class="text-brand-primary"> 859 <!-- hero --> 860 861<section 862 class="w-full h-[calc(100dvh-var(--header-height))]" 863 x-data="{ 864 muted: true, 865 toggleMute() { 866 this.muted = !this.muted; 867 this.$refs.video.muted = this.muted; 868 } 869 }" 870> 871 <div class="size-full relative"> 872 <img 873 src="https://winch-craft-v2.s3.amazonaws.com/Generic-Images/914_Seychelles_012.jpg" 874 alt="" 875 class="absolute inset-0 object-cover size-full" 876 > 877 <div class="absolute inset-0 z-20"> 878 <div 879 class="flex size-full items-center justify-center px-6" 880 data-aos="fade-up-small" 881 > 882 <div 883 class=" 884 space-y-9 w-full 885 flex flex-col justify-center 886 items-center 887 " 888> 889 <div 890 class=" 891 richtext max-w-full 892 " 893 data-aos="fade-up-small" 894> 895 <h1 class="style-heading-extra-large" style="text-align:center;"><span style="color:hsl(0,0%,100%);"><span class="style-uppercase">Contact</span></span></h1> 896</div> </div> </div> 897 </div> 898 <div class="absolute inset-0"> 899 <div class="absolute bottom-0 left-0 right-0 z-10 mb-20 text-center text-white pointer-events-none"> 900 <h4 class="font-sans text-[10px] tracking-[0.24em] uppercase mb-6">Scroll Down</h4> 901 <div class="flex items-center justify-center"> 902 <svg 903 xmlns="http://www.w3.org/2000/svg" 904 xmlns:xlink="http://www.w3.org/1999/xlink" 905 width="20" 906 height="10" 907 fill="none" 908 > 909 <path fill="url(#a)" d="M0 0h19.333v10H0z"/> 910 <defs> 911 <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox"><use xlink:href="#b" transform="scale(.03448 .06667)"/></pattern> 912 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAPCAYAAAAYjcSfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i
91277u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwODM4QzQ4MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwODM4QzQ5MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkY2QjFBNzUxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkY2QjFBNzYxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ehEa/AAAAy0lEQVR42rzSPwqDMBQG8PRAnTO55ADOgl4gewuZnHMkT+Il7NKhLZ3SF/geiDXmD+rwoby8fD8QhXNuoLQUcUK8M/iXhvI5AW7hNDyoMegOAjv0e0fMD/zgS9E7gxq9Nc+WC3vDf+Aa6qMorx1gjR61PAtdYPhWCN5D4BbK8JtiMkGDeyq0EyuoKM8M2GC/2tpLKZIo6iN7PfZkrDP1kzFsA+c2FcxBGX6swBZzmdqV+1deKROgC54T5uIodA6PJWApyvBYAvr8BBgAdupCa8pCHSUAAAAASUVORK5CYII=" id="b" width="29" height="15" preserveAspectRatio="none"/> 913 </defs> 914 </svg> 915 </div> 916 </div> 917 </div> 918 </div> 919</section> <!-- content-builder-text --> 920 <!-- spacer --> 921 <div 922 class="w-full h-[var(--mobile-height)] lg:h-[var(--desktop-height)]" 923 style="--mobile-height: 80px; --desktop-height: 20px;" 924></div> <!-- contact --> 925 926 927<section 928 class="grid grid-cols-1 lg:gap-5 lg:grid-cols-2 lg:pr-5 px-6 lg:pl-0" 929 data-aos="fade-up-small" 930> 931 <div class="space-y-5 order-2 lg:order-1 lg:sticky lg:top-0 lg:h-screen"> 932 <div class="relative w-full lg:col-span-2 lg:h-full "> 933 <img 934 src="https://winch-craft-v2.s3.amazonaws.com/Portfolio/Land/Seychelles/914_Seychelles_093.jpg" 935 alt="" 936 class="w-full lg:h-full lg:object-cover lg:absolute lg:inset-0" 937 > 938 </div> 939 </div> 940 941 <div class="flex flex-col order-1 lg:order-2"> 942 <div class="order-3 lg:order-1 pb-2.5 lg:pb-0"> 943 <img 944 src="https://winch-craft-v2.s3.amazonaws.com/Seychelles_210415_132103.jpg" 945 alt="" 946 class="w-full h-auto" 947 loading="lazy" 948 > 949 </div> 950 951 <div class="order-1 lg:order-2 pt-0 lg:px-14 mb-12 lg:mb-10 lg:pt-20"> 952 <div class="w-full lg:max-w-[550px]"> 953 <div 954 class=" 955 space-y-9 w-full 956 flex flex-col justify-center 957 items-start 958 " 959> 960 <div 961 class=" 962 richtext max-w-full 963 " 964 data-aos="fade-up-small" 965> 966 <h4 class="style-heading-small"><span class="style-uppercase">Please leave a message and weâll be in touch shortly.</span></h4> 967</div> <div 968 class="w-full max-w-full" 969 data-aos="fade-up-small" 970> 971 972 973 <div class="fui-i"><form id="fui-contactUs-xrappb" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{"formHashId":"fui-contactUs-xrappb","formId":9203,"formHandle":"contactUs","registeredJs":[{"src":"https:\/\/winchdesign.com\/cpresources\/23c74f76\/js\/fields\/checkbox-radio.js?v=1772512328","module":"FormieCheckboxRadio"}],"settings":{"submitMethod":"page-reload","submitActionMessage":"<p>Submission saved.<\/p>","submitActionMessageTimeout":null,"submitActionMessagePosition":"top-form","submitActionFormHide":false,"submitAction":"entry","submitActionTab":"same-tab","errorMessage":"<p>Couldnât save submission due to errors.<\/p>","errorMessagePosition":"top-form","loadingIndicator":null,"loadingIndicatorText":null,"validationOnSubmit":true,"validationOnFocus":false,"scrollToTop":true,"hasMultiplePages":false,"pages":[{"id":3,"label":"Page 1","settings":{"submitButtonLabel":"Send","backButtonLabel":"Back","showBackButton":false,"saveButtonLabel":"Save","showSaveButton":false,"saveButtonStyle":"link","buttonsPosition":"left","
973cssClasses":null,"containerAttributes":[],"inputAttributes":[],"enableNextButtonConditions":false,"nextButtonConditions":[],"enablePageConditions":false,"pageConditions":[],"enableJsEvents":false,"jsGtmEventOptions":[]}}],"themeConfig":{"loading":{"class":"fui-loading"},"errorMessage":{"class":"fui-error-message"},"disabled":{"class":"fui-disabled"},"tabError":{"class":"fui-tab-error"},"tabActive":{"class":"fui-tab-active"},"tabComplete":{"class":"fui-tab-complete"},"successMessage":{"class":"fui-success-message"},"alert":{"class":"fui-alert"},"alertError":{"class":"fui-alert fui-alert-error fui-alert-top-form","role":"alert","data-fui-alert":true,"data-fui-alert-error":true},"alertSuccess":{"class":"fui-alert fui-alert-success fui-alert-top-form","role":"alert","data-fui-alert":true,"data-fui-alert-success":true},"page":{"id":"fui-contactUs-xrappb-p-3","class":"fui-page","data-index":"0","data-id":"3","data-fui-page":true},"progress":{"class":"fui-progress","data-fui-progress":true},"tab":{"class":"fui-tab"},"success":{"class":"fui-success"},"error":{"class":"fui-error-message"},"fieldContainerError":{"class":"fui-error"},"fieldInputError":{"class":"fui-error"},"fieldErrors":{"class":"fui-errors","data-field-error-messages":true},"fieldError":{"class":"fui-error-message","data-field-error-message":true}},"redirectUrl":"","currentPageId":3,"outputJsTheme":true,"enableUnloadWarning":true,"enableBackSubmission":true,"ajaxTimeout":10,"outputConsoleMessages":true,"baseActionUrl":"https:\/\/winchdesign.com\/index.php?p=actions","refreshTokenUrl":"https:\/\/winchdesign.com\/index.php?p=actions\/formie\/forms\/refresh-tokens&form=FORM_PLACEHOLDER","scriptAttributes":[]}}" data-form-handle="contactUs" data-form-submit-method="page-reload" data-form-submit-action="entry"><input type="hidden" name="CRAFT_CSRF_TOKEN" value="3eBpwjDIyHGuP2Q48vFbf4xfZck7J7k3fMxNnTHxflhVaVuSF_jQT5vXBbsIpaVAn2cLXIe1bR3TCDyPVxbYQAr8et5Hgyw2eCQr2CGdnHw=" autocomplete="off"><input type="hidden" name="action" value="formie/submissions/submit"><input type="hidden" name="submitAction" value="submit"><input type="hidden" name="handle" value="contactUs"><input type="hidden" name="siteId" value="1"><div class="fui-form-container"><div id="fui-contactUs-xrappb-p-3" class="fui-page" data-index="0" data-id="3" data-fui-page><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-heading fui-label-above-input fui-subfield-label-above-input fui-instru
973ctions-above-input fui-page-field" data-field-handle="yourDetails" data-field-type="heading"><div class="fui-field-container"><div class="fui-input-wrapper"><h4 class="fui-heading fui-heading-h4">Your Details:</h4></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="2"><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="firstName" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-firstName" data-field-label data-fui-sr-only>First Name <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contactUs-xrappb-fields-firstName" class="fui-input" name="fields[firstName]" placeholder="First Name" required data-fui-id="contactUs-firstName"></div></div></div><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="lastName" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-lastName" data-field-label data-fui-sr-only>Last Name <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contactUs-xrappb-fields-lastName" class="fui-input" name="fields[lastName]" placeholder="Last Name" required data-fui-id="contactUs-lastName"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-email fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="emailAddress" data-field-type="email" data-validation="required|email"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-emailAddress" data-field-label data-fui-sr-only>Email Address <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="email" id="fui-contactUs-xrappb-fields-emailAddress" class="fui-input" name="fields[emailAddress]" value="" placeholder="Email Address" autocomplete="email" required data-fui-id="contactUs-emailAddress"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="companyName" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-companyName" data-field-label data-fui-sr-only>Company Name <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contactUs-xrappb-fields-companyName" class="fui-input" name="fields[companyName]" placeholder="Company Name" required data-fui-id="contactUs-companyName"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="jobTitle" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-jobTitle" data-field-label data-fui-sr-only>Job Title <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contactUs-xrappb-fields-jobTitle" class="fui-input" name="fields[jobTitle]" placeholder="Job Title" required data-fui-id="contactUs-jobTitle"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-multi-line-text fui-label-hidden fui-subfield-label-hidden fui-instru
973ctions-above-input fui-field-required fui-page-field" data-field-handle="message" data-field-type="multi-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-message" data-field-label data-fui-sr-only>Message <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><textarea id="fui-contactUs-xrappb-fields-message" class="fui-input" name="fields[message]" placeholder="Message" required data-fui-id="contactUs-message"></textarea></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-group fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-page-field" data-field-handle="interests" data-field-type="group"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label data-fui-sr-only>Interested In:</legend><div class="fui-input-wrapper"><div class="fui-group"><div class="fui-field-rows"><div class="fui-row" data-fui-field-count="1"><div class="fui-field fui-type-heading fui-label-above-input fui-subfield-label-above-input fui-instru
973ctions-above-input fui-group-interested-in1" data-field-handle="interests.interestedIn1" data-field-type="heading"><div class="fui-field-container"><div class="fui-input-wrapper"><h4 class="fui-heading fui-heading-h4">Interested In:</h4></div></div></div></div><div class="fui-row" data-fui-field-count="1"><div class="fui-field fui-type-radio fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-group-interested-in" data-field-handle="interests.interestedIn" data-field-type="radio" data-field-config="[{"module":"FormieCheckboxRadio"}]" data-validation="required"><fieldset class="fui-fieldset fui-layout-vertical"><legend class="fui-legend" data-field-label data-fui-sr-only>Interested in: <span class="fui-required" aria-hidden="true">*</span></legend><div class="fui-input-wrapper"><div class="fui-layout-wrap"><div class="fui-radio"><input type="radio" id="fui-contactUs-xrappb-fields-interests-interestedIn-yachts-0" class="fui-input fui-radio-input" name="fields[interests][interestedIn]" value="Yachts" required data-fui-id="contactUs-interests-interestedIn-yachts-0"><label class="fui-radio-label" for="fui-contactUs-xrappb-fields-interests-interestedIn-yachts-0">Yachts</label></div><div class="fui-radio"><input type="radio" id="fui-contactUs-xrappb-fields-interests-interestedIn-architecture-1" class="fui-input fui-radio-input" name="fields[interests][interestedIn]" value="Architecture" required data-fui-id="contactUs-interests-interestedIn-architecture-1"><label class="fui-radio-label" for="fui-contactUs-xrappb-fields-interests-interestedIn-architecture-1">Architecture</label></div><div class="fui-radio"><input type="radio" id="fui-contactUs-xrappb-fields-interests-interestedIn-aviation-2" class="fui-input fui-radio-input" name="fields[interests][interestedIn]" value="Aviation" required data-fui-id="contactUs-interests-interestedIn-aviation-2"><label class="fui-radio-label" for="fui-contactUs-xrappb-fields-interests-interestedIn-aviation-2">Aviation</label></div><div class="fui-radio"><input type="radio" id="fui-contactUs-xrappb-fields-interests-interestedIn-all-3" class="fui-input fui-radio-input" name="fields[interests][interestedIn]" value="All" required data-fui-id="contactUs-interests-interestedIn-all-3"><label class="fui-radio-label" for="fui-contactUs-xrappb-fields-interests-interestedIn-all-3">All</label></div></div></div></fieldset></div></div></div></div></div></fieldset></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-group fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-page-field" data-field-handle="mailingList" data-field-type="group"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label data-fui-sr-only>Mailing List</legend><div class="fui-input-wrapper"><div class="fui-group"><div class="fui-field-rows"><div class="fui-row" data-fui-field-count="1"><div class="fui-field fui-type-agree fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-group-join-our-mailing-list" data-field-handle="mailingList.joinOurMailingList" data-field-type="agree"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label data-fui-sr-only>Join Our Mailing List</legend><div class="fui-input-wrapper"><input type="hidden" name="fields[mailingList][joinOurMailingList]" value="" data-fui-input-type="agree"><div class="fui-checkbox"><input type="checkbox" id="fui-contactUs-xrappb-fields-mailingList-joinOurMailingList" class="fui-input fui-checkbox-input" name="fields[mailingList][joinOurMailingList]" value="1" data-fui-id="contactUs-mailingList-joinOurMailingList" data-fui-input-type="agree"><label class="fui-checkbox-label" for="fui-contactUs-xrappb-fields-mailingList-joinOurMailingList">Join Our Mailing List</label></div></div></fieldset></div></div></div></div></div></fieldset></div></div></div><div class="fui-btn-wrapper fui-btn-left"><button type="submit" class="fui-btn fui-submit" data-submit-action="submit">Send</button></div></div></div></form></div> 974 975 </div> <div 976 class="w-full h-[var(--mobile-height)] lg:h-[var(--desktop-height)]" 977 style="--mobile-height: 50px; --desktop-height: 50px;" 978></div> <div 979 class=" 980 richtext max-w-full 981 " 982 data-aos="fade-up-small" 983> 984 <h4>Find us</h4> 985</div> <div 986 class=" 987 richtext max-w-full 988 " 989 data-aos="fade-up-small" 990> 991 <p>Parklife Houseâ¨<br />133 Deodar Roadâ¨<br />London SW15 2NU<br /><a href="tel:+4402083928400">+44 (0) 20 8392 8400</a><br /><a href="mailto:[email protected]">[email protected]</a></p> 992</div> <div 993 class="w-full h-[var(--mobile-height)] lg:h-[var(--desktop-height)]" 994 style="--mobile-height: 20px; --desktop-height: 20px;" 995></div> </div> </div> 996 </div> 997 998 <div 999 class="mb-14 lg:mb-0 aspect-square order-1 lg:order-last" 1000 x-data="{ shown: false }" x-intersect.once="shown = true" 1001 > 1002 <iframe 1003 src="https://snazzymaps.com/embed/635313" 1004 style="border:none; width: 100%; height:100%" 1005 style="transition-delay: 0ms;" 1006 x-show="shown" 1007 x-transition:enter="transition ease-out duration-1000" 1008 x-transition:enter-start="opacity-0 translate-y-4" 1009 x-transition:enter-end="opacity-100 translate-y-0" 1010 x-transition:leave="transition ease-in duration-1000" 1011 x-transition:leave-start="opacity-100 translate-y-0" 1012 x-transition:leave-end="opacity-0 translate-y-4" 1013 x-cloak 1014 1015 ></iframe> 1016 </div> 1017 </div> 1018</section>
1018 <!-- content-builder-text --> 1019 <!-- content-builder-formie --> 1020 <!-- content-builder-spacer --> 1021 <!-- content-builder-text --> 1022 <!-- content-builder-text --> 1023 <!-- content-builder-spacer --> 1024 <!-- spacer --> 1025 <div 1026 class="w-full h-[var(--mobile-height)] lg:h-[var(--desktop-height)]" 1027 style="--mobile-height: 75px; --desktop-height: 0px;" 1028></div> </main> 1029 1030 1031 1032<footer class="bg-[#F6F5F5] px-6 lg:px-12 pt-14 pb-12 text-brand-primary text-xxs"> 1033 <div> 1034 <div class="flex flex-col md:flex-row justify-between gap-x-10 lg:gap-x-24 pb-10 border-b border-brand-primary/25" > 1035 <div 1036 class="flex-shrink-0" 1037 x-data="{ shown: false }" x-intersect.once="shown = true" 1038 > 1039 <div 1040 class="w-full mb-5 uppercase" 1041 style="transition-delay: 0ms;" 1042 x-show="shown" 1043 x-transition:enter="transition ease-out duration-1000" 1044 x-transition:enter-start="opacity-0 translate-y-4" 1045 x-transition:enter-end="opacity-100 translate-y-0" 1046 x-transition:leave="transition ease-in duration-1000" 1047 x-transition:leave-start="opacity-100 translate-y-0" 1048 x-transition:leave-end="opacity-0 translate-y-4" 1049 x-cloak 1050 1051 > 1052 Contact 1053 </div> 1054 1055 <div 1056 class="my-2 md:mb-5 md:mt-0" 1057 style="transition-delay: 200ms;" 1058 x-show="shown" 1059 x-transition:enter="transition ease-out duration-1000" 1060 x-transition:enter-start="opacity-0 translate-y-4" 1061 x-transition:enter-end="opacity-100 translate-y-0" 1062 x-transition:leave="transition ease-in duration-1000" 1063 x-transition:leave-start="opacity-100 translate-y-0" 1064 x-transition:leave-end="opacity-0 translate-y-4" 1065 x-cloak 1066 1067 > 1068 <a href="https://www.google.com/maps/place/Winch+Design/@51.4627261,-0.2104466,17z/data=!4m6!3m5!1s0x48760dc64a4c01b5:0x279f88c08a2a229d!8m2!3d51.4627136!4d-0.2082253!16s%2Fg%2F1xgrmdxn?entry=ttu&g_ep=EgoyMDI1MDgxMC4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="no-underline richtext"> 1069 <p class="style-paragraph-extra-small"><span>Parklife House,</span><br /><span>133 Deodar Road,</span><br /><span>London SW15 2NU</span></p> 1070 </a> 1071 </div> 1072 1073 <div 1074 class="my-2 md:my-0" 1075 style="transition-delay: 400ms;" 1076 x-show="shown" 1077 x-transition:enter="transition ease-out duration-1000" 1078 x-transition:enter-start="opacity-0 translate-y-4" 1079 x-transition:enter-end="opacity-100 translate-y-0" 1080 x-transition:leave="transition ease-in duration-1000" 1081 x-transition:leave-start="opacity-100 translate-y-0" 1082 x-transition:leave-end="opacity-0 translate-y-4" 1083 x-cloak 1084 1085 > 1086 <ul class="list-reset"> 1087 <li><a href="tel:+44-(0)-20-8392-8400">+44 (0) 20 8392 8400</a></li> 1088 <li><a href="mailto:[email protected]">[email protected]</a></li> 1089 </ul> 1090 </div> 1091 </div> 1092 1093 <div 1094 class="pt-8 md:pt-0" 1095 x-data="{ shown: false }" x-intersect.once="shown = true" 1096 > 1097 <ul> 1098 <li 1099 class="text-xxs uppercase tracking-[2.1px]" 1100 style="transition-delay: 0ms;" 1101 x-show="shown" 1102 x-transition:enter="transition ease-out duration-1000" 1103 x-transition:enter-start="opacity-0 translate-y-4" 1104 x-transition:enter-end="opacity-100 translate-y-0" 1105 x-transition:leave="transition ease-in duration-1000" 1106 x-transition:leave-start="opacity-100 translate-y-0" 1107 x-transition:leave-end="opacity-0 translate-y-4" 1108 x-cloak 1109 1110 > 1111 <a href="https://winchdesign.com/about-winch"> About</a> 1112 </li> 1113 <li 1114 class="text-xxs uppercase tracking-[2.1px]" 1115 style="transition-delay: 200ms;" 1116 x-show="shown" 1117 x-transition:enter="transition ease-out duration-1000" 1118 x-transition:enter-start="opacity-0 translate-y-4" 1119 x-transition:enter-end="opacity-100 translate-y-0" 1120 x-transition:leave="transition ease-in duration-1000" 1121 x-transition:leave-start="opacity-100 translate-y-0" 1122 x-transition:leave-end="opacity-0 translate-y-4" 1123 x-cloak 1124 1125 > 1126 <a href="https://winchdesign.com/studio"> Studio</a> 1127 </li> 1128 <li 1129 class="text-xxs uppercase tracking-[2.1px]" 1130 style="transition-delay: 400ms;" 1131 x-show="shown" 1132 x-transition:enter="transition ease-out duration-1000" 1133 x-transition:enter-start="opacity-0 translate-y-4" 1134 x-transition:enter-end="opacity-100 translate-y-0" 1135 x-transition:leave="transition ease-in duration-1000" 1136 x-transition:leave-start="opacity-100 translate-y-0" 1137 x-transition:leave-end="opacity-0 translate-y-4" 1138 x-cloak 1139 1140 > 1141 <a href="https://winchdesign.com/portfolio"> Portfolio</a> 1142 </li> 1143 <li 1144 class="text-xxs uppercase tracking-[2.1px]" 1145 style="transition-delay: 600ms;" 1146 x-show="shown" 1147 x-transition:enter="transition ease-out duration-1000" 1148 x-transition:enter-start="opacity-0 translate-y-4" 1149 x-transition:enter-end="opacity-100 translate-y-0" 1150 x-transition:leave="transition ease-in duration-1000" 1151 x-transition:leave-start="opacity-100 translate-y-0" 1152 x-transition:leave-end="opacity-0 translate-y-4" 1153 x-cloak 1154 1155 > 1156 <a href="https://winchdesign.com/our-world"> Our World</a> 1157 </li> 1158 <li 1159 class="text-xxs uppercase tracking-[2.1px]" 1160 style="transition-delay: 800ms;" 1161 x-show="shown" 1162 x-transition:enter="transition ease-out duration-1000" 1163 x-transition:enter-start="opacity-0 translate-y-4" 1164 x-transition:enter-end="opacity-100 translate-y-0" 1165 x-transition:leave="transition ease-in duration-1000" 1166 x-transition:leave-start="opacity-100 translate-y-0" 1167 x-transition:leave-end="opacity-0 translate-y-4" 1168 x-cloak 1169 1170 > 1171 <a href="https://winchdesign.com/news"> News</a> 1172 </li> 1173 <li 1174 class="text-xxs uppercase tracking-[2.1px]" 1175 style="transition-delay: 1000ms;" 1176 x-show="shown" 1177 x-transition:enter="transition ease-out duration-1000" 1178 x-transition:enter-start="opacity-0 translate-y-4" 1179 x-transition:enter-end="opacity-100 translate-y-0" 1180 x-transition:leave="transition ease-in duration-1000" 1181 x-transition:leave-start="opacity-100 translate-y-0" 1182 x-transition:leave-end="opacity-0 translate-y-4" 1183 x-cloak 1184 1185 > 1186 <a href="https://winchdesign.com/careers"> Careers</a> 1187 </li> 1188 </ul> 1189 </div> 1190 1191 <div 1192 class="flex flex-col items-start flex-1 w-full overflow-hidden md:items-end pt-8 md:pt-0" 1193 x-data="{ shown: false, modalOpen: false }" x-intersect.once="shown = true" 1194 > 1195 <p 1196 class="mb-5 uppercase tracking-[2.4px]" 1197 style="transition-delay: 0ms;" 1198 x-show="shown" 1199 x-transition:enter="transition ease-out duration-1000" 1200 x-transition:enter-start="opacity-0 translate-y-4" 1201 x-transition:enter-end="opacity-100 translate-y-0" 1202 x-transition:leave="transition ease-in duration-1000" 1203 x-transition:leave-start="opacity-100 translate-y-0" 1204 x-transition:leave-end="opacity-0 translate-y-4" 1205 x-cloak 1206 1207 > 1208 1209 </p> 1210 1211 <div 1212 class="relative flex w-full md:justify-end lg:max-w-lg" 1213 style="transition-delay: 200ms;" 1214 x-show="shown" 1215 x-transition:enter="transition ease-out duration-1000" 1216 x-transition:enter-start="opacity-0 translate-y-4" 1217 x-transition:enter-end="opacity-100 translate-y-0" 1218 x-transition:leave="transition ease-in duration-1000" 1219 x-transition:leave-start="opacity-100 translate-y-0" 1220 x-transition:leave-end="opacity-0 translate-y-4" 1221 x-cloak 1222 1223 > 1224 1225 <!-- Trigger -->
1226 <span x-on:click="modalOpen = true"> 1227 <button type="button" class="block px-4 md:px-6 py-2.5 lg:py-4 text-xs font-medium text-white uppercase bg-brand-primary tracking-[2.4px] mb-8"> 1228 Sign up for updates 1229 </button> 1230 </span> 1231 1232 <!-- Modal --> 1233 <template x-teleport="body"> 1234 <div 1235 x-show="modalOpen" 1236 style="display: none" 1237 x-on:keydown.escape.prevent.stop="modalOpen = false" 1238 role="dialog" 1239 aria-modal="true" 1240 x-id="['modal-title']" 1241 :aria-labelledby="$id('modal-title')" 1242 class="fixed inset-0 z-30 overflow-y-auto" 1243 > 1244 <!-- Overlay --> 1245 <div x-show="modalOpen" x-transition.opacity class="fixed inset-0 bg-black/25"></div> 1246 1247 <!-- Panel --> 1248 <div 1249 x-show="modalOpen" x-transition 1250 x-on:click="modalOpen = false" 1251 class="relative flex min-h-screen items-center justify-center p-4" 1252 > 1253 <div 1254 x-on:click.stop 1255 x-trap.noscroll.inert="modalOpen" 1256 class="relative p-4 lg:p-8 overflow-y-auto bg-white shadow-lg w-full lg:max-w-4xl max-h-[80dvh] lg:max-h-205.25" 1257 > 1258 <!-- Title --> 1259 <h2 class="font-medium font-serif text-[22px] tracking-[2.4px] text-brand-primary text-center uppercase mt-4" :id="$id('modal-title')">Sign up for updates</h2> 1260 1261 <!-- Content --> 1262 <div class="mt-4 mx-auto"> 1263
1263<script type="text/javascript">var loc = "https://analytics-eu.clickdimensions.com/winchdesigncom-a2hmg/pages/";var cdSurveyCdn = "https://cdn-eu.clickdimensions.com/web/newformeditor/";</script>
vendor: 1 bytes, line 1263
1263
1264<script type="text/javascript" src="https://cdn-eu.clickdimensions.com/web/newformeditor/CDWidget.js"></script>
1264 1265<div pageID="mlow1r7wefgdqnweugmlyg"></div> 1266 </div> 1267 1268 <!-- Buttons --> 1269 <div class="mt-6 flex justify-end space-x-2"> 1270 <button type="button" x-on:click="modalOpen = false" class="relative flex items-center justify-center gap-2 whitespace-nowrap text-sm bg-transparent px-4 py-2 text-brand-primary"> 1271 Close 1272 </button> 1273 </div> 1274 </div> 1275 </div> 1276 </div> 1277 </template> 1278 </div> 1279 1280 <a 1281 href="/" 1282 class="block no-underline" 1283 style="transition-delay: 400ms;" 1284 x-show="shown" 1285 x-transition:enter="transition ease-out duration-1000" 1286 x-transition:enter-start="opacity-0 translate-y-4" 1287 x-transition:enter-end="opacity-100 translate-y-0" 1288 x-transition:leave="transition ease-in duration-1000" 1289 x-transition:leave-start="opacity-100 translate-y-0" 1290 x-transition:leave-end="opacity-0 translate-y-4" 1291 x-cloak 1292 1293 > 1294 <svg class="w-16" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60.214 40.511"> 1295 <g data-name="Group 91" transform="translate(-1125.683 -2260.5)"><path d="M0 0v4.183h2.409v-.718H.756V2.3h1.2v-.714h-1.2V.715h1.6V0Z" fill="currentColor" data-name="Path 46" transform="translate(1141.335 2296.768)"/><g data-name="Group 52" transform="translate(1144.47 2296.708)"><path d="M-.219-.274c0-.322.318-.451.6-.451a1.007 1.007 0 0 1 .678.272l.391-.6a1.738 1.738 0 0 0-1.132-.392A1.215 1.215 0 0 0-.975-.267a1.06 1.06 0 0 0 .553.949c.527.331 1.255.4 1.255.932a.53.53 0 0 1-.571.527 1.264 1.264 0 0 1-.924-.459l-.493.549a2.029 2.029 0 0 0 1.418.627A1.277 1.277 0 0 0 1.589 1.6C1.589.192-.219.4-.219-.274" fill="currentColor" data-name="Path 47" transform="translate(1.156 1.445)"/></g><path d="M0-.168h1.04V3.3h.755V-.168H2.83v-.718H0Z" fill="currentColor" data-name="Path 49" transform="translate(1147.885 2297.653)"/><g data-name="Group 55" transform="translate(1151.77 2296.783)"><path d="M-.449-.068a1.5 1.5 0 0 0-.986-.29h-.933v3.075h.933a1.5 1.5 0 0 0 .986-.292A1.583 1.583 0 0 0 .124 1.18 1.585 1.585 0 0 0-.449-.068M-.73 1.769a.752.752 0 0 1-.647.3H-1.7V.293h.323a.75.75 0 0 1 .648.3.98.98 0 0 1 .185.588.99.99 0 0 1-.186.589" fill="currentColor" data-name="Path 50" transform="translate(2.368 .358)"/></g><path d="M0-.14v.765L.728.194v3.25h.757V-.739H.952Z" fill="currentColor" data-name="Path 52" transform="translate(1156.689 2297.507)"/><g data-name="Group 58" transform="translate(1159.546 2296.709)"><path d="M-.326 0A1.439 1.439 0 0 0-1.72 1.471 1.389 1.389 0 0 0-.348 2.909H-.3l-.738 1.333H-.2l.922-1.659a2.4 2.4 0 0 0 .387-1.155A1.415 1.415 0 0 0-.326 0m.471 2.092a.922.922 0 0 1-.421.1.71.71 0 0 1-.7-.745.684.684 0 0 1 .663-.729.7.7 0 0 1 .694.71 1.187 1.187 0 0 1-.235.664" fill="currentColor" data-name="Path 53" transform="translate(1.72)"/></g> 1296 <g data-name="Group 59" transform="translate(1163.41 2296.708)"><path d="M-.523-.442a.975.975 0 0 0 .315-.733A1.134 1.134 0 0 0-1.357-2.33a1.135 1.135 0 0 0-1.149 1.155.972.972 0 0 0 .315.733A1.245 1.245 0 0 0-2.757.614a1.366 1.366 0 0 0 1.4 1.359A1.366 1.366 0 0 0 .044.614 1.248 1.248 0 0 0-.523-.442m-.834-1.168a.4.4 0 0 1 .392.435.4.4 0 0 1-.392.43.4.4 0 0 1-.394-.43.406.406 0 0 1 .394-.435m0 2.866A.629.629 0 0 1-2 .614a.633.633 0 0 1 .643-.643.633.633 0 0 1 .644.643.629.629 0 0 1-.644.641" fill="currentColor" data-name="Path 54" transform="translate(2.757 2.33)"/></g> 1297 <g data-name="Group 60" transform="translate(1167.301 2296.768)"><path d="M-.341-.312h-.05l.739-1.332h-.834L-1.41.019a2.354 2.354 0 0 0-.39 1.152A1.414 1.414 0 0 0-.365 2.6a1.438 1.438 0 0 0 1.4-1.469A1.39 1.39 0 0 0-.341-.312m-.033 2.193a.7.7 0 0 1-.7-.711A1.179 1.179 0 0 1-.835.508a.929.929 0 0 1 .421-.1.712.712 0 0 1 .7.747.686.686 0 0 1-.66.729" fill="currentColor" data-name="Path 55" transform="translate(1.798 1.644)"/></g><path d="M0 0v.494h2.183L2.177 0Z" fill="currentColor" data-name="Path 57" transform="translate(1151.761 2300.455)"/><g data-name="Group 63" transform="translate(1125.683 2260.5)"><path d="M-9.567-.532v-.39h-.756v-.46A1.379 1.379 0 0 0-11.656-2.8H-28.8a1.381 1.381 0 0 0-1.334 1.422v.46h-.886v.39h-19.39V2.3h19.39v.305h.91v1.883h.581a18.015 18.015 0 0 1 1.829 7.557c0 3.737-2.794 6.581-3.363 7.122h-.956v2.8h-.9v2.051h-1.841v3.689h28.781v-3.691h-1.838v-2.051h-.9v-2.8h-.954c-.568-.54-3.361-3.385-3.361-7.122a18.058 18.058 0 0 1 1.824-7.557h.754V2.605h.89V2.3H9.8V-.532Zm-34.047 1.94h-5.965V.358h5.965Zm5.954 0h-5.123V.358h5.123Zm6.633 0h-5.8V.358h5.8Zm1.727-2.79a.518.518 0 0 1 .5-.533h17.147a.517.517 0 0 1 .5.533v.46h-7.797a1.938 1.938 0 0 0-1.166-.4 1.942 1.942 0 0 0-1.167.4H-29.3Zm10.382 2.23a1.24 1.24 0 0 1-1.2 1.278 1.242 1.242 0 0 1-1.2-1.278 1.242 1.242 0 0 1 1.2-1.276 1.239 1.239 0 0 1 1.2 1.276m-11.194.868h-.076V-.031h8.221a2.253 2.253 0 0 0-.18.878 2.311 2.311 0 0 0 .172.868Zm3.243 10.33a18.649 18.649 0 0 0-1.723-7.557h4.3
129764a22.293 22.293 0 0 1 .93 6.673 18.744 18.744 0 0 1-2.151 8.006h-4.417a11.039 11.039 0 0 0 3-7.122m3.524-7.557h5.621a23.61 23.61 0 0 0-.885 6.673 19.125 19.125 0 0 0 2.036 8.006h-7.93a19.111 19.111 0 0 0 2.037-8.006 23.6 23.6 0 0 0-.883-6.673m-5.824 22.327h-4.756v-1.909h4.756Zm5.587 0h-4.757v-1.911h4.756Zm5.591 0h-4.756v-1.909h4.756Zm5.589 0h-4.756v-1.909h4.759Zm5.591 0h-4.756v-1.911h4.756Zm-1.842-3.959v1.161h-23.433v-1.163h23.368Zm-.9-.89h-21.633v-1.91h21.635Zm-4.319-9.92a11.043 11.043 0 0 0 3 7.122h-4.75a18.7 18.7 0 0 1-2.154-8.006 22.349 22.349 0 0 1 .93-6.673h4.7a18.706 18.706 0 0 0-1.722 7.557m2.581-8.447h-17.99v-.995h7.978a1.927 1.927 0 0 0 1.18.409 1.927 1.927 0 0 0 1.18-.409h7.648Zm.866-1.883h-7.835a2.25 2.25 0 0 0 .173-.868 2.267 2.267 0 0 0-.178-.878h7.841Zm6.633-.3h-5.777V.358h5.777Zm5.957 0h-5.122V.358h5.122Zm6.8 0H3V.358h5.967Z" fill="currentColor" data-name="Path 58" transform="translate(50.412 2.804)"/></g> 1298 </g> 1299 </svg> 1300 </a> 1301 </div> 1302 </div> 1303 </div> 1304 1305 <div class="flex flex-col justify-between pt-10 md:flex-row gap-x-10" x-data="{ shown: false }" x-intersect.once="shown = true"> 1306 <ul class="flex flex-col md:flex-row gap-y-4 gap-x-10"> 1307 <li 1308 class="text-xxs" 1309 style="transition-delay: 0ms;" 1310 x-show="shown" 1311 x-transition:enter="transition ease-out duration-1000" 1312 x-transition:enter-start="opacity-0 translate-y-4" 1313 x-transition:enter-end="opacity-100 translate-y-0" 1314 x-transition:leave="transition ease-in duration-1000" 1315 x-transition:leave-start="opacity-100 translate-y-0" 1316 x-transition:leave-end="opacity-0 translate-y-4" 1317 x-cloak 1318 1319 > 1320 <a >© Winch Design. All Rights Reserved</a> 1321 </li> 1322 <li 1323 class="text-xxs" 1324 style="transition-delay: 200ms;" 1325 x-show="shown" 1326 x-transition:enter="transition ease-out duration-1000" 1327 x-transition:enter-start="opacity-0 translate-y-4" 1328 x-transition:enter-end="opacity-100 translate-y-0" 1329 x-transition:leave="transition ease-in duration-1000" 1330 x-transition:leave-start="opacity-100 translate-y-0" 1331 x-transition:leave-end="opacity-0 translate-y-4" 1332 x-cloak 1333 1334 > 1335 <a href="https://winchdesign.com/privacy">Privacy Policy</a> 1336 </li> 1337 <li 1338 class="text-xxs" 1339 style="transition-delay: 400ms;" 1340 x-show="shown" 1341 x-transition:enter="transition ease-out duration-1000" 1342 x-transition:enter-start="opacity-0 translate-y-4" 1343 x-transition:enter-end="opacity-100 translate-y-0" 1344 x-transition:leave="transition ease-in duration-1000" 1345 x-transition:leave-start="opacity-100 translate-y-0" 1346 x-transition:leave-end="opacity-0 translate-y-4" 1347 x-cloak 1348 1349 > 1350 <a href="https://winchdesign.com/cookies">Cookies</a> 1351 </li> 1352 <li 1353 class="text-xxs" 1354 style="transition-delay: 600ms;" 1355 x-show="shown" 1356 x-transition:enter="transition ease-out duration-1000" 1357 x-transition:enter-start="opacity-0 translate-y-4" 1358 x-transition:enter-end="opacity-100 translate-y-0" 1359 x-transition:leave="transition ease-in duration-1000" 1360 x-transition:leave-start="opacity-100 translate-y-0" 1361 x-transition:leave-end="opacity-0 translate-y-4" 1362 x-cloak 1363 1364 > 1365 <a href="https://strattons.com" target="_blank" class="opacity-50"> Site by Strattons</a> 1366 </li> 1367 </ul> 1368 <div 1369 class="flex gap-x-6 pt-8 md:pt-0" 1370 style="transition-delay: 203ms;" 1371 x-show="shown" 1372 x-transition:enter="transition ease-out duration-1000" 1373 x-transition:enter-start="opacity-0 translate-y-4" 1374 x-transition:enter-end="opacity-100 translate-y-0" 1375 x-transition:leave="transition ease-in duration-1000" 1376 x-transition:leave-start="opacity-100 translate-y-0" 1377 x-transition:leave-end="opacity-0 translate-y-4" 1378 x-cloak 1379 1380 > 1381 1382 1383 1384 <a class="no-underline" href="https://www.instagram.com/winchdesign_wd/" rel="noopener noreferrer" target="_blank"> <svg class="h-4 fill-current" aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> 1385 <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> 1386 </svg> 1387 </a> 1388 1389 1390 <a class="no-underline" href="https://www.linkedin.com/company/andrew-winch-designs/" rel="noopener noreferrer" target="_blank"> <svg class="h-4 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1390ox="0 0 461 463" xml:space="preserve"> 1391 <path class="st0" d="M104.3,454H11.4V154.9h92.9V454z M57.8,114.1C28.1,114.1,4,89.5,4,59.8C4,30.1,28.1,6,57.8,6c29.7,0,53.8,24.1,53.8,53.8C111.6,89.5,87.5,114.1,57.8,114.1z M451.9,454h-92.7V308.4c0-34.7-0.7-79.2-48.3-79.2c-48.3,0-55.7,37.7-55.7,76.7V454h-92.8V154.9h89.1v40.8h1.3c12.4-23.5,42.7-48.3,87.9-48.3c94,0,111.3,61.9,111.3,142.3V454H451.9z"/> 1392 </svg> 1393 </a> 1394 1395 1396 <a class="no-underline" href="https://twitter.com/winchdesign_wd" rel="noopener noreferrer" target="_blank"> <svg class="h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61.724 49.995"> 1397 <path d="M61.724 5.961a22.76 22.76 0 01-7.307 1.923A12.426 12.426 0 0059.993.962a24.24 24.24 0 01-8.076 3.077A12.38 12.38 0 0042.88 0a12.679 12.679 0 00-12.691 12.691 14.843 14.843 0 00.385 2.884A36.249 36.249 0 014.423 2.307a12.1 12.1 0 00-1.731 6.345 13.008 13.008 0 005.576 10.577A11.747 11.747 0 012.5 17.69v.192a12.582 12.582 0 0010.191 12.307 18.945 18.945 0 01-3.269.385 9.362 9.362 0 01-2.307-.192 12.844 12.844 0 0011.73 8.845 24.837 24.837 0 01-15.768 5.384A16.541 16.541 0 010 44.418a38.172 38.172 0 0019.613 5.576c23.267 0 35.958-19.229 35.958-35.958V12.5a33.1 33.1 0 006.153-6.539z"></path> 1398 </svg> 1399 </a> 1400 1401 1402 <a class="no-underline" href="https://www.facebook.com/WinchDesign/" rel="noopener noreferrer" target="_blank"> <svg class="h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 14"> 1403 <path d="M1.75 4.667H0V7h1.75v7h2.917V7H6.79L7 4.667H4.667v-.973c0-.557.112-.777.65-.777H7V0H4.779C2.68 0 1.75.923 1.75 2.692v1.975z" fill-rule="nonzero"></path> 1404 </svg> 1405 </a> 1406 </div> 1407 </div> 1408</footer> 1409 <div 1410 name="lightbox" 1411 x-data="{ 1412 assets: [], 1413 activeAssetIndex: null, 1414 get activeAsset() { 1415 if(this.assets) { 1416 return this.assets[this.activeAssetIndex]; 1417 } 1418 1419 return null; 1420 }, 1421 get isOpen() { 1422 return this.assets.length > 0; 1423 }, 1424 open(event) { 1425 console.log(event); 1426 this.assets = event.assets; 1427 this.activeAssetIndex = event.index; 1428 }, 1429 close() { 1430 this.activeAssetIndex = null; 1431 this.assets = []; 1432 }, 1433 prev() { 1434 if(this.activeAssetIndex == 0) { 1435 return this.activeAssetIndex = this.assets.length - 1; 1436 } 1437 this.activeAssetIndex = this.activeAssetIndex - 1; 1438 }, 1439 next() { 1440 if(this.activeAssetIndex == this.assets.length - 1) { 1441 return this.activeAssetIndex = 0; 1442 } 1443 this.activeAssetIndex = this.activeAssetIndex + 1; 1444 }, 1445 init() { 1446 // 1447 } 1448 }" 1449 @open-lightbox.window="open($event.detail)" 1450 x-trap.noscroll.noautofocus="isOpen" 1451 x-show="isOpen" 1452 x-cloak 1453> 1454 <div 1455 class="fixed inset-0 z-[99999] flex items-center justify-center w-screen h-screen-dynamic" 1456 @keyup.escape.window="close()" 1457 @keyup.left.window="prev()" 1458 @keyup.right.window="next()" 1459 1460 > 1461 <div class="absolute inset-0 size-full bg-[#2C3767]/90" @click="close()"></div> 1462 1463 <template x-if="activeAsset" hidden> 1464 <div class="relative flex flex-col size-full px-4 py-32 pointer-events-none md:px-12 lg:px-48"> 1465 <div class="flex flex-col items-center justify-center flex-1 w-full h-px"> 1466 <template x-if="activeAsset?.type == 'image'"> 1467 <img 1468 draggable="false" 1469 class="relative max-w-full max-h-full pointer-events-auto" 1470 :src="activeAsset?.url" 1471 :alt="activeAsset?.alt" 1472 /> 1473 </template> 1474 1475 <template x-if="activeAsset?.type == 'video'"> 1476 <video 1477 class="relative w-full max-w-full max-h-full pointer-events-auto" 1478 playsinline 1479 autoplay 1480 loop 1481 muted 1482 > 1483 <source :src="activeAsset?.url"> 1484 </video> 1485 </template> 1486 </div> 1487 </div> 1488 </template> 1489 1490 <div 1491 class="absolute bottom-10 lg:top-0 lg:bottom-0 items-center pointer-events-none flex left-16" 1492 x-show="assets && assets.length > 1" 1493 > 1494 <button class="inline-flex items-center justify-center w-12 h-12 rounded-full pointer-events-auto rotate-90" x-on:click="prev()"> 1495 <svg 1496 xmlns="http://www.w3.org/2000/svg" 1497 xmlns:xlink="http://www.w3.org/1999/xlink" 1498 width="20" 1499 height="10" 1500 fill="none" 1501 > 1502 <path fill="url(#a)" d="M0 0h19.333v10H0z"/> 1503 <defs> 1504 <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox"><use xlink:href="#b" transform="scale(.03448 .06667)"/></pattern> 1505 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAPCAYAAAAYjcSfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i
150577u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwODM4QzQ4MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwODM4QzQ5MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkY2QjFBNzUxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkY2QjFBNzYxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ehEa/AAAAy0lEQVR42rzSPwqDMBQG8PRAnTO55ADOgl4gewuZnHMkT+Il7NKhLZ3SF/geiDXmD+rwoby8fD8QhXNuoLQUcUK8M/iXhvI5AW7hNDyoMegOAjv0e0fMD/zgS9E7gxq9Nc+WC3vDf+Aa6qMorx1gjR61PAtdYPhWCN5D4BbK8JtiMkGDeyq0EyuoKM8M2GC/2tpLKZIo6iN7PfZkrDP1kzFsA+c2FcxBGX6swBZzmdqV+1deKROgC54T5uIodA6PJWApyvBYAvr8BBgAdupCa8pCHSUAAAAASUVORK5CYII=" id="b" width="29" height="15" preserveAspectRatio="none"/> 1506 </defs> 1507 </svg> 1508 </button> 1509 </div> 1510 1511 <div 1512 class="absolute bottom-10 lg:top-0 lg:bottom-0 items-center pointer-events-none flex right-16" 1513 x-show="assets && assets.length > 1" 1514 > 1515 <button class="inline-flex items-center justify-center w-12 h-12 rounded-full pointer-events-auto -rotate-90" x-on:click="next()"> 1516 <svg 1517 xmlns="http://www.w3.org/2000/svg" 1518 xmlns:xlink="http://www.w3.org/1999/xlink" 1519 width="20" 1520 height="10" 1521 fill="none" 1522 > 1523 <path fill="url(#a)" d="M0 0h19.333v10H0z"/> 1524 <defs> 1525 <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox"><use xlink:href="#b" transform="scale(.03448 .06667)"/></pattern> 1526 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAPCAYAAAAYjcSfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwODM4QzQ4MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwODM4QzQ5MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkY2QjFBNzUxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkY2QjFBNzYxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ehEa/AAAAy0lEQVR42rzSPwqDMBQG8PRAnTO55ADOgl4gewuZnHMkT+Il7NKhLZ3SF/geiDXmD+rwoby8fD8QhXNuoLQUcUK8M/iXhvI5AW7hNDyoMegOAjv0e0fMD/zgS9E7gxq9Nc+WC3vDf+Aa6qMorx1gjR61PAtdYPhWCN5D4BbK8JtiMkGDeyq0EyuoKM8M2GC/2tpLKZIo6iN7PfZkrDP1kzFsA+c2FcxBGX6swBZzmdqV+1deKROgC54T5uIodA6PJWApyvBYAvr8BBgAdupCa8pCHSUAAAAASUVORK5CYII=" id="b" width="29" height="15" preserveAspectRatio="none"/> 1527 </defs> 1528 </svg> 1529 </button> 1530 </div> 1531 1532 <button class="absolute bottom-14 text-white uppercase tracking-[2.4px] text-xxs" @click="close()"> 1533 Close Gallery 1534 </button> 1535 1536 </div> 1537</div> 1538 1539 1540
1540<script type="text/javascript">window.FormieTranslations={"{attribute} cannot be blank.":"{attribute} cannot be blank.","{attribute} is not a valid email address.":"{attribute} is not a valid email address.","{attribute} is not a valid URL.":"{attribute} is not a valid URL.","{attribute} is not a valid number.":"{attribute} is not a valid number.","{attribute} is not a valid format.":"{attribute} is not a valid format.","{name} must match {value}.":"{name} must match {value}.","{attribute} must be between {min} and {max}.":"{attribute} must be between {min} and {max}.","{attribute} must be no less than {min}.":"{attribute} must be no less than {min}.","{attribute} must be no greater than {max}.":"{attribute} must be no greater than {max}.","{attribute} has an invalid value.":"{attribute} has an invalid value.","File {filename} must be smaller than {filesize} MB.":"File {filename} must be smaller than {filesize} MB.","File must be smaller than {filesize} MB.":"File must be smaller than {filesize} MB.","File must be larger than {filesize} MB.":"File must be larger than {filesize} MB.","Choose up to {files} files.":"Choose up to {files} files.","{startTag}{num}{endTag} character left":"{startTag}{num}{endTag} character left","{startTag}{num}{endTag} characters left":"{startTag}{num}{endTag} characters left","{startTag}{num}{endTag} word left":"{startTag}{num}{endTag} word left","{startTag}{num}{endTag} words left":"{startTag}{num}{endTag} words left","{attribute} must be no less than {min} characters.":"{attribute} must be no less than {min} characters.","{attribute} must be no greater than {max} characters.":"{attribute} must be no greater than {max} characters.","{attribute} must be no less than {min} words.":"{attribute} must be no less than {min} words.","{attribute} must be no greater than {max} words.":"{attribute} must be no greater than {max} words.","Unable to parse response `{e}`.":"Unable to parse response `{e}`.","Are you sure you want to leave?":"Are you sure you want to leave?","The request timed out.":"The request timed out.","The request encountered a network error. Please try again.":"The request encountered a network error. Please try again.","Invalid number":"Invalid number","Invalid country code":"Invalid country code","Too short":"Too short","Too long":"Too long","Missing Authorization ID for approval.":"Missing Authorization ID for approval.","Payment authorized. Finalize the form to complete payment.":"Payment authorized. Finalize the form to complete payment.","Unable to authorize payment. Please try again.":"Unable to authorize payment. Please try again.","Invalid amount.":"Invalid amount.","Invalid currency.":"Invalid currency.","Provide a value for â{label}â to proceed.":"Provide a value for â{label}â to proceed."};</script>
vendor: 1 bytes, line 1540
1540
1541<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2025","creator":{"@id":"#creator"},"dateCreated":"2025-07-31T04:59:03-07:00","dateModified":"2025-09-17T08:07:40-07:00","datePublished":"2025-07-31T04:59:00-07:00","description":"Get in touch with Winch Design here to request more information about our services or speak to a member of our team.","headline":"Contact Us","image":{"@type":"ImageObject","url":"https://winch-craft-v2.s3.amazonaws.com/Generic-Images/_1200x630_crop_center-center_82_none/914_Seychelles_012.jpg?mtime=1775057811"},"inLanguage":"en","mainEntityOfPage":"https://winchdesign.com/contact","name":"Contact Us","publisher":{"@id":"#creator"},"url":"https://winchdesign.com/contact"},{"@id":"#identity","@type":"Organization"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://winchdesign.com/","name":"Index","position":1},{"@type":"ListItem","item":"https://winchdesign.com/contact","name":"Contact","position":2}],"name":"Breadcrumbs"}]}</script>
1541<script type="text/javascript" src="https://winchdesign.com/cpresources/23c74f76/js/formie.js?v=1772512328" defer></script>
vendor: 1 bytes, line 1541
1541
1542<script>// Wait until Formie has been loaded and initialized 1543 document.addEventListener('onFormieInit', (event) => { 1544 // Fetch the Form Factory once it's been loaded 1545 let Formie = event.detail.formie; 1546 1547 // Refresh the necessary bits that are statically cached (CSRF inputs, captchas, etc) 1548 Formie.refreshForCache(event.detail.formId); 1549 });</script>
1549</body> 1550</html><!-- Cached by Blitz on 2026-08-18T06:09:29-07:00 --><!-- Served by Blitz on 2026-10-03T16:49:57-07:00 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.