{"id":14,"date":"2026-06-03T16:11:25","date_gmt":"2026-06-03T16:11:25","guid":{"rendered":"https:\/\/fairhavenindustry.com\/?page_id=14"},"modified":"2026-06-03T17:16:29","modified_gmt":"2026-06-03T17:16:29","slug":"elementor-14","status":"publish","type":"page","link":"https:\/\/fairhavenindustry.com\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n\n\nFair Haven Industry<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600&family=Outfit:wght@300;400;500&display=swap\" rel=\"stylesheet\" \/>\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --glass-bg: rgba(255,255,255,0.07);\n --glass-border: rgba(255,255,255,0.15);\n --gold-a: #EDE574;\n --gold-b: #E1F5C4;\n --text-primary: #f0eef8;\n --text-muted: rgba(240,238,248,0.55);\n }\n\n html, body {\n height: 100%;\n font-family: 'Outfit', sans-serif;\n background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);\n color: var(--text-primary);\n \n \n \n }\n\n \/* Ambient orbs *\/\n body::before, body::after {\n content: '';\n \n \n filter: blur(80px);\n opacity: 0.25;\n \n \n }\n body::before {\n width: 520px; height: 520px;\n background: radial-gradient(circle, #7c3aed, transparent 70%);\n top: -120px; left: -100px;\n animation: driftA 14s ease-in-out infinite alternate;\n }\n body::after {\n width: 400px; height: 400px;\n background: radial-gradient(circle, #EDE574, transparent 70%);\n bottom: -80px; right: -60px;\n animation: driftB 18s ease-in-out infinite alternate;\n }\n @keyframes driftA { to { transform: translate(60px, 80px); } }\n @keyframes driftB { to { transform: translate(-60px, -60px); } }\n\n .page {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n padding: 0 \n }\n\n \/* \u2500\u2500 TOP BAR \u2500\u2500 *\/\n .top-bar {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--glass-border);\n }\n .top-bar-pill {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-radius: 999px;\n padding: 6px 20px;\n font-size: 0.72rem;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold-a);\n }\n .top-bar-pill .dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--gold-a);\n animation: pulse-dot 2.4s ease-in-out infinite;\n }\n @keyframes pulse-dot {\n 0%,100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.4; transform: scale(0.7); }\n }\n\n \/* \u2500\u2500 HERO \/ VIDEO \u2500\u2500 *\/\n .hero {\n \n \n align-items: center;\n justify-content: center;\n padding: 0,0,0,0;\n \n }\n .video-container {\n width: 100vw;\n aspect-ratio: 16\/9;\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n \n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n \n overflow: hidden;\n position: relative;\n box-shadow: 0 24px 80px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.12);\n animation: fadeUp 0.9s cubic-bezier(.22,.61,.36,1) both;\n }\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(28px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .video-container::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(124,58,237,0.08) 0%, transparent 60%, rgba(237,229,116,0.06) 100%);\n pointer-events: none;\n }\n \/* Decorative grid lines inside video box *\/\n .video-container::after {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n background-size: 40px 40px;\n }\n .play-icon {\n position: fixed;\n z-index: 1;\n video {\n\t\t\tmax-width: 100%;\n\t\t\theight: auto;\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t}\n \n }\n .play-icon:hover { transform: scale(1.1); background: rgba(255,255,255,0.18); }\n .play-icon svg { width: 26px; height: 26px; fill: #fff; margin-left: 4px; }\n .video-label {\n position: relative;\n z-index: 2;\n font-size: 0.8rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-muted);\n }\n\n \/* \u2500\u2500 BOTTOM SECTION \u2500\u2500 *\/\n .bottom {\n display: grid;\n grid-template-columns: 1fr 2fr 1fr;\n gap: 24px;\n align-items: center;\n padding: clamp(20px, 4vh, 44px) 0;\n border-top: 1px solid var(--glass-border);\n animation: fadeUp 1.1s 0.2s cubic-bezier(.22,.61,.36,1) both;\n }\n\n \/* Logo *\/\n .logo-box {\n \n -webkit-backdrop-filter: blur(12px);\n border-radius: 16px;\n aspect-ratio: 3\/2;\n max-width: 180px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 8px;\n color: var(--text-muted);\n font-size: 0.72rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n box-shadow: 0 8px 32px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1);\n }\n .logo-box svg { width: 28px; height: 28px; opacity: 0.4; }\n\n \/* Heading *\/\n .center-copy {\n display: flex;\n margin: 0;\n justify-content: flex-start;\n \n z-index: 20;\n \n }\n .center-copy h1 {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n font-size: clamp(1.5rem, 3.5vw, 2.6rem);\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: var(--text-primary);\n z-index: 10;\n }\n .center-copy h1 em {\n font-style: italic;\n background: linear-gradient(90deg, var(--gold-a), var(--gold-b), var(--gold-a));\n background-size: 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: shimmer 4s linear infinite;\n z-index: 11;\n }\n @keyframes shimmer { to { background-position: 200% center; } }\n .progress-bar {\n margin: 18px auto 0;\n width: 120px;\n height: 2px;\n background: rgba(255,255,255,0.1);\n border-radius: 99px;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n width: 68%;\n background: linear-gradient(to right, var(--gold-a), var(--gold-b));\n border-radius: 99px;\n animation: progressPulse 2.5s ease-in-out infinite alternate;\n }\n @keyframes progressPulse { to { width: 80%; opacity: 0.8; } }\n\n \/* Contact *\/\n .contact-box {\n position: fixed;\n display: flex;\n align-items: right;\n flex-direction: column;\n \n gap: 14px;\n bottom: 20px;\n right: 20px;\n z-index: 30;\n }\n .contact-label {\n font-size: 0.72rem;\n color: var(--text-muted);\n text-align: right;\n line-height: 1.6;\n letter-spacing: 0.02em;\n max-width: 200px;\n }\n .btn-group {\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n max-width: 210px;\n }\n .btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 9px;\n padding: 11px 22px;\n border-radius: 99px;\n border: none;\n cursor: pointer;\n font-family: 'Outfit', sans-serif;\n font-size: 0.82rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n text-decoration: none;\n color: #1a1a2e;\n background-image: linear-gradient(to right, #EDE574 0%, #E1F5C4 51%, #EDE574 100%);\n background-size: 200% auto;\n box-shadow: 0 4px 20px rgba(237,229,116,0.25);\n transition: background-position 0.4s ease, transform 0.25s ease, box-shadow 0.25s ease;\n animation: breathe 3.2s ease-in-out infinite;\n }\n .btn:hover {\n background-position: right center;\n transform: scale(1.05);\n box-shadow: 0 6px 28px rgba(237,229,116,0.4);\n animation-play-state: paused;\n }\n .btn.btn-purple {\n background-image: linear-gradient(to right, #13ed5f 0%, #d9fdb5 51%, #8bfa9f 100%);\n box-shadow: 0 4px 20px rgba(167,139,250,0.25);\n animation-delay: 0.6s;\n }\n .btn.btn-purple:hover {\n box-shadow: 0 6px 28px rgba(167,139,250,0.4);\n }\n @keyframes breathe {\n 0%,100% { transform: scale(1); }\n 50% { transform: scale(1.025); }\n }\n .btn svg { width: 16px; height: 16px; flex-shrink: 0; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 768px) {\n .bottom {\n grid-template-columns: 1fr;\n justify-items: center;\n text-align: center;\n }\n .logo-box { max-width: 120px; aspect-ratio: 2\/1; }\n .contact-box { align-items: center; }\n .contact-label { text-align: center; }\n .btn-group { align-items: center; }\n }\n @media (max-width: 480px) {\n .btn-group { flex-direction: row; max-width: 100%; }\n .btn { flex: 1; padding: 10px 14px; font-size: 0.78rem; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"page\">\n <!-- HEADING -->\n <!-- TOP BAR -->\n <header class=\"top-bar\">\n <div class=\"logo-box\">\n <img decoding=\"async\" src=\"logo.jpeg\" alt=\"Fair Haven Industry Logo\" width=\"70\" height=\"70\">\n <\/div>\n <div class=\"top-bar-pill\">\n <span class=\"dot\"><\/span>\n Websiet Under Maintenance \n <\/div>\n <!-- LOGO -->\n \n <\/header>\n\n <!-- CONTACT -->\n <div class=\"contact-box\">\n <p class=\"contact-label\">For connection, keep in touch via Email or WhatsApp.<\/p>\n <div class=\"btn-group\">\n <a href=\"mailto:fairhavenind@gmail.com\" class=\"btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n <polyline points=\"22,6 12,13 2,6\"\/>\n <\/svg>\n Email Us\n <\/a>\n \n <a href=\"https:\/\/wa.me\/+14055466594\" class=\"btn btn-purple\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n <\/svg>\n WhatsApp\n <\/a>\n <\/div>\n <\/div>\n \n <!-- HERO \/ VIDEO -->\n <section class=\"hero\">\n \n \n <div class=\"video-container\">\n <div class=\"center-copy\">\n <h1>We are building something<br><em>beyond experience.<\/em><\/h1>\n <\/div> \n <div class=\"play-icon\"> \n <video autoplay=\"\" loop=\"\" muted=\"\">\n <source src=\"fhi.mp4\" type=\"video\/mp4\"\/>\n <\/video> \n \n <\/div>\n \n <\/div>\n \n <\/section>\n\n <!-- BOTTOM -->\n <footer class=\"bottom\">\n\n \n\n\n <\/footer>\n<\/div>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fair Haven Industry Websiet Under Maintenance For connection, keep in touch via Email or WhatsApp. Email Us WhatsApp We are building somethingbeyond experience.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fairhavenindustry.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fairhavenindustry.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fairhavenindustry.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fairhavenindustry.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fairhavenindustry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":13,"href":"https:\/\/fairhavenindustry.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/fairhavenindustry.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/fairhavenindustry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}