{"id":344,"date":"2025-03-01T15:34:35","date_gmt":"2025-03-01T07:34:35","guid":{"rendered":"https:\/\/hawksharksports.com\/?page_id=344"},"modified":"2026-01-13T17:25:15","modified_gmt":"2026-01-13T09:25:15","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/hawksharksports.com\/zh\/contact-us\/","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"<div id=\"hssc-contact-final\">\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:ital,wght@0,300;0,500;0,700;0,800;1,800&#038;family=Inter:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* --- SHARED DESIGN SYSTEM (From FAQ Style) --- *\/\n    #hssc-contact-final {\n        --navy-base: #07002f;\n        --navy-dark: #050025;\n        --orange-core: #FF6B35;\n        --cyan-pop: #00e5ff; \n        --white: #ffffff;\n        \n        \/* Global Background *\/\n        background-color: var(--navy-base);\n        font-family: 'Inter', sans-serif;\n        color: var(--white);\n        line-height: 1.6;\n        width: 100%;\n        overflow-x: hidden;\n        position: relative;\n    }\n\n    #hssc-contact-final * { box-sizing: border-box; }\n\n    \/* --- NOISE TEXTURE --- *\/\n    #hssc-contact-final::after {\n        content: \"\";\n        position: fixed;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'\/%3E%3C\/svg%3E\");\n        pointer-events: none;\n        z-index: 99;\n        opacity: 0.6;\n    }\n\n    #hssc-contact-final a {\n        color: var(--cyan-pop);\n        text-decoration: none;\n        transition: 0.2s;\n    }\n\n    \/* --- HERO SECTION --- *\/\n    .c-hero {\n        position: relative;\n        height: 50vh;\n        min-height: 400px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        background-color: var(--navy-base); \n    }\n    .c-hero-bg {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        object-fit: cover;\n        opacity: 0.5;\n        filter: contrast(1.1) saturate(1.1);\n    }\n    .c-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(180deg, var(--navy-base) 0%, rgba(7,0,47,0.4) 15%, rgba(7,0,47,0.6) 85%, var(--navy-base) 100%);\n        z-index: 2;\n    }\n    \n    .c-title-wrap {\n        position: relative;\n        z-index: 3;\n        text-align: center;\n        padding: 0 20px;\n        transform: translateY(20px);\n    }\n    .c-title-main {\n        font-family: 'Kanit', sans-serif;\n        font-size: clamp(3rem, 7vw, 6rem);\n        font-weight: 800;\n        text-transform: uppercase;\n        font-style: italic;\n        line-height: 0.9;\n        margin: 0;\n        letter-spacing: -2px;\n        color: white;\n    }\n    .c-stroke-text {\n        font-family: 'Kanit', sans-serif;\n        font-size: clamp(3rem, 7vw, 6rem);\n        font-weight: 800;\n        font-style: italic;\n        text-transform: uppercase;\n        line-height: 0.9;\n        -webkit-text-stroke: 2px rgba(255,255,255,0.8);\n        color: transparent;\n        display: block;\n    }\n\n    \/* --- ORANGE STRIP --- *\/\n    .c-strip {\n        background: var(--orange-core);\n        padding: 10px 0;\n        transform: rotate(-1deg);\n        position: relative;\n        z-index: 10;\n        margin-top: -30px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        border-top: 1px solid rgba(255,255,255,0.4);\n        border-bottom: 1px solid rgba(255,255,255,0.4);\n    }\n    .c-strip-text {\n        text-align: center;\n        color: var(--navy-base);\n        font-family: 'Kanit';\n        font-weight: 900;\n        font-size: 1.2rem;\n        font-style: italic;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    \/* --- GRID LAYOUT --- *\/\n    .c-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 80px 25px;\n        position: relative;\n        z-index: 2;\n    }\n    .c-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    \/* --- CARDS --- *\/\n    .c-card {\n        background: rgba(13, 0, 94, 0.4); \n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        border: 1px solid rgba(255,255,255,0.1);\n        border-radius: 12px;\n        padding: 40px;\n        transition: transform 0.3s ease, border-color 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    .c-card:hover {\n        transform: translateY(-5px);\n        border-color: var(--orange-core);\n        background: rgba(13, 0, 94, 0.6);\n        box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n    }\n    \n    \/* Background Big Text (replaces numbers) *\/\n    .c-bg-text {\n        font-family: 'Kanit', sans-serif;\n        font-size: 5rem;\n        font-weight: 900;\n        font-style: italic;\n        color: rgba(255,255,255,0.03);\n        position: absolute;\n        top: -10px;\n        right: 10px;\n        line-height: 1;\n        pointer-events: none;\n        z-index: 0;\n        text-transform: uppercase;\n    }\n\n    .c-content { position: relative; z-index: 1; }\n\n    .c-label {\n        font-family: 'Kanit', sans-serif;\n        font-size: 1.4rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        font-style: italic;\n        margin-top: 0;\n        margin-bottom: 10px;\n        color: var(--orange-core);\n    }\n    \n    .c-text {\n        font-size: 1.1rem;\n        opacity: 0.9;\n        font-weight: 300;\n        margin: 0;\n        color: #e0e0e0;\n    }\n\n    \/* --- BUTTONS (Skewed Style) --- *\/\n    .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin-top: 25px;\n    }\n    \n    .hssc-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 12px 30px;\n        background: linear-gradient(135deg, var(--orange-core), #ff3c00);\n        color: white !important;\n        text-decoration: none !important;\n        border-radius: 4px; \n        font-family: 'Kanit', sans-serif;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        font-style: italic;\n        font-size: 1rem;\n        transform: skew(-10deg);\n        transition: all 0.3s ease;\n        border: 1px solid rgba(255,255,255,0.2);\n        cursor: pointer;\n    }\n    .hssc-btn span { transform: skew(10deg); }\n    \n    .hssc-btn:hover {\n        transform: skew(-10deg) translateY(-3px);\n        box-shadow: 0 0 20px rgba(255, 107, 53, 0.6);\n        filter: brightness(1.2);\n    }\n\n    .hssc-btn-ghost {\n        background: transparent;\n        border: 1px solid var(--cyan-pop);\n        color: var(--cyan-pop) !important;\n    }\n    .hssc-btn-ghost:hover {\n        background: rgba(0, 229, 255, 0.1);\n        box-shadow: 0 0 20px rgba(0, 229, 255, 0.3);\n    }\n    .hssc-btn-whatsapp {\n        border-color: #25D366;\n        color: #25D366 !important;\n        background: transparent;\n    }\n    .hssc-btn-whatsapp:hover {\n        background: rgba(37, 211, 102, 0.1);\n        box-shadow: 0 0 20px rgba(37, 211, 102, 0.4);\n    }\n\n    \/* --- MAP --- *\/\n    .c-map-frame {\n        width: 100%;\n        height: 100%;\n        min-height: 400px;\n        border: none;\n        border-radius: 8px;\n        filter: contrast(1.1) saturate(1.1);\n    }\n\n    \/* Responsive *\/\n    @media (min-width: 900px) {\n        .c-grid {\n            grid-template-columns: 1fr 1fr; \n        }\n        .full-width { grid-column: 1 \/ -1; }\n        .span-row { grid-row: span 2; }\n    }\n    \n    \/* Animation Utils *\/\n    .hssc-fade-up { opacity: 0; transform: translateY(30px); transition: 0.8s ease-out; }\n    .hssc-fade-up.visible { opacity: 1; transform: translateY(0); }\n<\/style>\n\n    <!-- 1. HERO HEADER -->\n    <div class=\"c-hero\">\n        <!-- Using the image from the FAQ snippet as the Contact page didn't have a hero -->\n        <img decoding=\"async\" class=\"c-hero-bg\" src=\"https:\/\/hawksharksports.com\/wp-content\/uploads\/2025\/02\/SLM0575-1024x683.jpg\" alt=\"Hawk Shark Pickleball\">\n        <div class=\"c-overlay\"><\/div>\n        <div class=\"c-title-wrap hssc-fade-up\">\n            <span class=\"c-stroke-text\">\u8054\u7cfb\u6211\u4eec<\/span>\n            <h1 class=\"c-title-main\">CONTACT US<\/h1>\n            <p style=\"font-size: 1.2rem; opacity: 0.9; margin-top: 10px; font-weight:300;\">\u67d4\u4f5b\u65b0\u5c71\u5339\u514b\u7403 <strong style=\"color:var(--orange-core)\">@ Hawk Shark<\/strong><\/p>\n        <\/div>\n    <\/div>\n\n    <!-- 2. DECORATIVE STRIP -->\n    <div class=\"c-strip\">\n        <div class=\"c-strip-text\">\/\/\/ CONTACT US \/\/\/ JOHOR BAHRU \/\/\/ OPEN DAILY \/\/\/<\/div>\n    <\/div>\n\n    <!-- 3. MAIN GRID -->\n    <div class=\"c-container\">\n        <div class=\"c-grid\">\n            \n            <!-- 1. INTRO \/ WELCOME (Full Width) -->\n            <div class=\"c-card full-width hssc-fade-up\">\n                <div class=\"c-bg-text\">HEY<\/div>\n                <div class=\"c-content\">\n                    <h3 class=\"c-label\" style=\"font-size: 2rem;\">Welcome to Hawk Shark<\/h3>\n                    <p class=\"c-text\" style=\"max-width: 800px; margin-bottom: 25px;\">\n                        \u5982\u6709\u4efb\u4f55\u5173\u4e8e\u5339\u514b\u7403\u7684\u9700\u6c42\uff0c\u6b22\u8fce\u8054\u7cfb Hawk Shark Sports Club\u3002\u65e0\u8bba\u60a8\u662f\u6709\u610f\u52a0\u5165\u3001\u9700\u8981\u6559\u7ec3\u6307\u5bfc\uff0c\u8fd8\u662f\u6709\u4efb\u4f55\u7591\u95ee\uff0c\u6211\u4eec\u7684\u56e2\u961f\u90fd\u968f\u65f6\u51c6\u5907\u4e3a\u60a8\u63d0\u4f9b\u534f\u52a9\u3002\n                    <\/p>\n                    <div class=\"btn-group\">\n                        <a href=\"https:\/\/hawksharksports.com\/zh\/sign-up\/\" class=\"hssc-btn\">\n                            <span>\u52a0\u5165\u6211\u4eec<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/wa.me\/0115901200333\" class=\"hssc-btn hssc-btn-whatsapp\">\n                            <span>WHATSAPP CHAT<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 2. BUSINESS HOURS -->\n            <div class=\"c-card hssc-fade-up\">\n                <div class=\"c-bg-text\">HRS<\/div>\n                <div class=\"c-content\">\n                    <h3 class=\"c-label\">\u8425\u4e1a\u65f6\u95f4<\/h3>\n                    <p class=\"c-text\" style=\"font-size: 1.5rem; font-weight: 600;\">8:00 AM &#8211; 1:00 AM<\/p>\n                    <p class=\"c-text\" style=\"opacity: 0.6;\">(Daily \/ Open Public Holidays)<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- 3. CONTACT INFO -->\n            <div class=\"c-card hssc-fade-up\">\n                <div class=\"c-bg-text\">TEL<\/div>\n                <div class=\"c-content\">\n                    <h3 class=\"c-label\">\u8054\u7cfb &amp; WHATSAPP<\/h3>\n                    <a href=\"https:\/\/wa.me\/0115901200333\" class=\"c-text\" style=\"font-size: 1.5rem; font-weight: 600; color: white; border-bottom: 1px solid var(--orange-core);\">\n                        +011-5901 0333\n                    <\/a>\n                    <p class=\"c-text\" style=\"margin-top: 10px; font-size: 0.9rem;\">Call or Text us anytime.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- 4. LOCATION (Left Side) -->\n            <div class=\"c-card hssc-fade-up\" style=\"justify-content: flex-start;\">\n                <div class=\"c-bg-text\">LOC<\/div>\n                <div class=\"c-content\">\n                    <h3 class=\"c-label\">\u5730\u5740<\/h3>\n                    <p class=\"c-text\">\n                        <strong>Hawk Shark Sports Club<\/strong><br>\n                        1, Jalan Johor Jaya,<br>\n                        Taman Perindustrian Plentong,<br>\n                        81750 Johor Bahru,<br>\n                        Johor Darul Ta\u2019zim\n                    <\/p>\n                    <a href=\"https:\/\/maps.google.com?q=Hawk+Shark+Sports+Club\" target=\"_blank\" class=\"hssc-btn hssc-btn-ghost\" style=\"margin-top: 20px;\">\n                        <span>\u83b7\u53d6\u5bfc\u822a<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- 5. MAP (Right Side - Spans vertical if screen is large enough, handled via grid) -->\n            <div class=\"c-card hssc-fade-up\" style=\"padding: 0; min-height: 400px; border-color: var(--cyan-pop);\">\n                <!-- Embedded Map from your Contact Page -->\n                <iframe class=\"c-map-frame\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3976.914259080848!2d103.78603351534116!3d1.530773398898927!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31da124f4d7a3b9f%3A0x4148c0b9f5c8f2c9!2s1%2C%20Jalan%20Johor%20Jaya%2C%20Taman%20Perindustrian%20Plentong%2C%2081750%20Johor%20Bahru%2C%20Johor%2C%20Malaysia!5e0!3m2!1sen!2smy!4v1618888888888!5m2!1sen!2smy\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        \/* Fade Up Animation *\/\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.hssc-fade-up').forEach(el => observer.observe(el));\n    <\/script>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Get In Touch Pickleball Johor Bahru @ Hawk Shark \/\/\/ CONTACT US \/\/\/ JOHOR BAHRU \/\/\/ OPEN DAILY \/\/\/ HEY Welcome to Hawk Shark Reach out to Hawk Shark Sports Club for all your pickleball needs in Johor Bahru. Whether you\u2019re interested in joining, need coaching, or have questions, our team is ready to assist. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-full-width-page","meta":{"footnotes":""},"class_list":["post-344","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/comments?post=344"}],"version-history":[{"count":11,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/344\/revisions"}],"predecessor-version":[{"id":460,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/344\/revisions\/460"}],"wp:attachment":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/media?parent=344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}