{"id":257,"date":"2025-03-01T13:06:43","date_gmt":"2025-03-01T05:06:43","guid":{"rendered":"https:\/\/hawksharksports.com\/?page_id=257"},"modified":"2026-01-13T21:07:05","modified_gmt":"2026-01-13T13:07:05","slug":"home","status":"publish","type":"page","link":"https:\/\/hawksharksports.com\/zh\/home\/","title":{"rendered":"\u9996\u9875"},"content":{"rendered":"\n<div id=\"hssc-hybrid-v6\">\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:ital,wght@0,300;0,500;0,700;0,800;0,900;1,800&#038;family=Inter:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* --- HYBRID DESIGN SYSTEM V6 --- *\/\n    #hssc-hybrid-v6 {\n        --navy-base: #07002f; \/* EXACT MATCH to Header\/Footer *\/\n        --navy-dark: #02001a;\n        --orange-core: #FF6B35;\n        --orange-hot: #ff4500;\n        --cyan-pop: #00f2ff;\n        --white: #ffffff;\n        \n        \/* Base 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-hybrid-v6 * { box-sizing: border-box; }\n\n    \/* --- GLOBAL NOISE TEXTURE --- *\/\n    #hssc-hybrid-v6::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    \/* --- TYPOGRAPHY --- *\/\n    .hssc-display-title {\n        font-family: 'Kanit', sans-serif;\n        font-size: clamp(3rem, 9vw, 6rem);\n        font-weight: 800;\n        line-height: 0.95;\n        text-transform: uppercase;\n        font-style: italic;\n        margin: 0 0 20px 0;\n        letter-spacing: -1px;\n        position: relative;\n        z-index: 2;\n        color: white;\n    }\n\n    .hssc-stroke-text {\n        -webkit-text-stroke: 2px rgba(255,255,255,0.8);\n        color: transparent;\n        transition: all 0.5s ease;\n    }\n    .hssc-display-title:hover .hssc-stroke-text {\n        color: white;\n        text-shadow: 0 0 30px var(--cyan-pop);\n        -webkit-text-stroke: 0px transparent;\n    }\n\n    \/* --- UPDATED: SOLID LIT TEXT --- *\/\n    .hssc-lit-solid {\n        color: var(--orange-core); \/* Solid Orange Body *\/\n        \/* Tighter shadow for definition, less blur *\/\n        text-shadow: \n            0 0 10px rgba(255, 69, 0, 0.9), \n            0 0 25px rgba(255, 69, 0, 0.4);\n        -webkit-text-stroke: 0px transparent;\n    }\n\n    .hssc-section-head {\n        font-family: 'Kanit', sans-serif;\n        font-size: clamp(2.2rem, 5vw, 3.5rem);\n        font-weight: 700;\n        text-transform: uppercase;\n        font-style: italic;\n        line-height: 1.1;\n        margin-bottom: 25px;\n    }\n\n    .hssc-highlight {\n        color: var(--orange-core);\n        text-shadow: 0 0 20px rgba(255, 107, 53, 0.4);\n    }\n\n    \/* --- BUTTONS --- *\/\n    .hssc-btn-action {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 18px 45px;\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: 1.1rem;\n        transform: skew(-10deg);\n        transition: all 0.3s ease;\n        box-shadow: 0 0 20px rgba(255, 107, 53, 0.4);\n        border: 1px solid rgba(255,255,255,0.2);\n        margin-top: 10px;\n    }\n    \n    .hssc-btn-action span { transform: skew(10deg); } \n\n    .hssc-btn-action:hover {\n        transform: skew(-10deg) translateY(-5px);\n        box-shadow: 0 0 40px rgba(255, 107, 53, 0.8);\n        filter: brightness(1.2);\n    }\n\n    .hssc-btn-outline {\n        background: transparent;\n        border: 2px solid var(--orange-core);\n        box-shadow: none;\n    }\n    .hssc-btn-outline:hover {\n        background: var(--orange-core);\n        box-shadow: 0 0 30px rgba(255, 107, 53, 0.6);\n    }\n\n    \/* --- LAYOUT UTILS --- *\/\n    .hssc-contain {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 25px;\n        position: relative;\n        z-index: 2;\n    }\n    \n    .hssc-section { padding: 80px 0; position: relative; } \n\n    \/* --- HERO --- *\/\n    .hssc-hero {\n        height: 85vh;\n        min-height: 600px;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        background-color: var(--navy-base); \n    }\n    .hssc-hero-video {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        object-fit: cover;\n        opacity: 0.65;\n        filter: contrast(1.1) saturate(1.1);\n    }\n    \n    .hssc-hero-gradient {\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: 1;\n    }\n\n    \/* --- HERO CONTENT ANIMATION --- *\/\n    @keyframes heroFadeIn {\n        0% { opacity: 0; transform: translateY(60px); }\n        100% { opacity: 1; transform: translateY(20px); }\n    }\n\n    .hssc-hero-content {\n        text-align: center;\n        z-index: 5;\n        opacity: 0; \n        animation: heroFadeIn 1.2s ease-out forwards;\n        animation-delay: 0.2s;\n    }\n\n    \/* --- TICKER STRIP --- *\/\n    .hssc-strip {\n        background: var(--orange-core);\n        padding: 12px 0;\n        transform: rotate(-2deg) scale(1.05);\n        margin-top: -50px;\n        position: relative;\n        z-index: 8;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        border-top: 1px solid rgba(255,255,255,0.5);\n        border-bottom: 1px solid rgba(255,255,255,0.5);\n    }\n    .hssc-strip-track {\n        display: flex;\n        animation: scroll-left 25s linear infinite;\n        width: max-content;\n    }\n    .hssc-strip-text {\n        color: var(--navy-base);\n        font-family: 'Kanit';\n        font-weight: 900;\n        font-size: 1.4rem;\n        padding: 0 40px;\n        font-style: italic;\n        text-transform: uppercase;\n    }\n\n    \/* --- GRID & CARDS --- *\/\n    .hssc-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }\n\n    .hssc-hud-img {\n        position: relative;\n        padding: 15px;\n    }\n    .hssc-hud-img img {\n        display: block;\n        width: 100%;\n        border-radius: 4px;\n        filter: grayscale(20%);\n        transition: 0.5s;\n    }\n    .hssc-hud-img:hover img { filter: grayscale(0%); }\n    \n    .hssc-corner {\n        position: absolute;\n        width: 30px; height: 30px;\n        border: 3px solid var(--orange-core);\n        transition: 0.3s;\n    }\n    .tl { top: 0; left: 0; border-right: none; border-bottom: none; }\n    .tr { top: 0; right: 0; border-left: none; border-bottom: none; }\n    .bl { bottom: 0; left: 0; border-right: none; border-top: none; }\n    .br { bottom: 0; right: 0; border-left: none; border-top: none; }\n\n    .hssc-hud-img:hover .tl { transform: translate(-5px, -5px); }\n    .hssc-hud-img:hover .br { transform: translate(5px, 5px); }\n\n    \/* --- NEW FEATURE CARDS (THE SPLIT) --- *\/\n    .hssc-features-container {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n        margin-top: 30px;\n    }\n\n    .hssc-feature-card {\n        background: rgba(13, 0, 94, 0.5);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-left: 4px solid var(--orange-core); \/* Default Accent *\/\n        border-radius: 8px;\n        padding: 20px 25px;\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        backdrop-filter: blur(5px);\n    }\n    \n    \/* Variant for the middle card *\/\n    .hssc-feature-card.variant-blue {\n        border-left-color: var(--cyan-pop);\n    }\n\n    .hssc-feature-card:hover {\n        transform: translateX(10px); \/* Slide Effect *\/\n        background: rgba(255, 255, 255, 0.08);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n    }\n\n    .hssc-card-icon {\n        font-size: 2rem;\n        line-height: 1;\n        flex-shrink: 0;\n        filter: drop-shadow(0 0 10px rgba(255,255,255,0.3));\n    }\n\n    .hssc-card-content strong {\n        display: block;\n        font-family: 'Kanit', sans-serif;\n        font-size: 1.25rem;\n        text-transform: uppercase;\n        font-style: italic;\n        margin-bottom: 5px;\n        letter-spacing: 0.5px;\n    }\n    \n    .hssc-card-content span {\n        font-size: 0.95rem;\n        opacity: 0.8;\n        font-weight: 300;\n        display: block;\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 991px) {\n        .hssc-grid { grid-template-columns: 1fr; gap: 40px; }\n        .hssc-mobile-order { order: -1; }\n        .hssc-display-title { font-size: 3rem; }\n    }\n\n    \/* --- ANIMATION UTILS --- *\/\n    @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n    \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 -->\n    <div class=\"hssc-hero\">\n        <video class=\"hssc-hero-video\" autoplay loop muted playsinline poster=\"https:\/\/hawksharksports.com\/wp-content\/uploads\/2025\/02\/courts-1.jpeg\">\n            <source src=\"https:\/\/hawksharksports.com\/wp-content\/uploads\/2025\/02\/WhatsApp-Video-2025-02-07-at-11.41.45-PM.mp4\" type=\"video\/mp4\">\n        <\/video>\n        \n        <div class=\"hssc-hero-gradient\"><\/div>\n\n        <div class=\"hssc-hero-content hssc-contain\">\n            <h1 class=\"hssc-display-title\">\n                Johor&#8217;s Ultimate<br>\n                <!-- CHANGED: hssc-lit-solid class for sharper look -->\n                <span class=\"hssc-lit-solid\">Pickleball<\/span> Experience\n            <\/h1>\n            <p style=\"font-size: 1.3rem; max-width: 700px; margin: 0 auto 40px; opacity: 0.9; font-weight: 300;\">\n                Where Passion Meets Performance at Hawk Shark Sports Club &#8211; Pickleball Johor Bahru\n            <\/p>\n            <div style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\">\n                <a href=\"\/book-now\" class=\"hssc-btn-action\"><span>Book Now<\/span><\/a>\n                <a href=\"\/contact-us\" class=\"hssc-btn-action hssc-btn-outline\"><span>Contact Us<\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<br><br>\n    <!-- 2. MARQUEE STRIP -->\n    <div class=\"hssc-strip\">\n        <div class=\"hssc-strip-track\">\n            <div class=\"hssc-strip-text\">\/\/\/ HAWK SHARK SPORTS CLUB<\/div>\n            <div class=\"hssc-strip-text\">\/\/\/ JOHOR BAHRU<\/div>\n            <div class=\"hssc-strip-text\">\/\/\/ TITAN MACHINE TRAINING<\/div>\n            <div class=\"hssc-strip-text\">\/\/\/ JOIN THE COMMUNITY<\/div>\n            <div class=\"hssc-strip-text\">\/\/\/ HAWK SHARK SPORTS CLUB<\/div>\n            <div class=\"hssc-strip-text\">\/\/\/ JOHOR BAHRU<\/div>\n            <div class=\"hssc-strip-text\">\/\/\/ TITAN MACHINE TRAINING<\/div>\n            <div class=\"hssc-strip-text\">\/\/\/ JOIN THE COMMUNITY<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 3. WELCOME & FEATURES -->\n    <div class=\"hssc-section\" style=\"padding-bottom: 20px;\">\n        <div class=\"hssc-contain\">\n            <div class=\"hssc-grid\">\n                <!-- Text Side -->\n                <div class=\"hssc-fade-up\">\n                    <h2 class=\"hssc-section-head\">Welcome to <br><span class=\"hssc-highlight\">Hawk Shark<\/span><\/h2>\n                    <p style=\"font-size: 1.1rem; opacity: 0.9; margin-bottom: 10px;\">\n                        Experience the perfect blend of competitive spirit and community at Johor Bahru&#8217;s premier pickleball destination. \n                    <\/p>\n                    \n                    <!-- RE-ADDED SPLIT SECTIONS -->\n                    <div class=\"hssc-features-container\">\n                        \n                        <!-- Card 1 -->\n                        <div class=\"hssc-feature-card\">\n                            <div class=\"hssc-card-icon\">\ud83d\udd25<\/div>\n                            <div class=\"hssc-card-content\">\n                                <strong>Professional Courts<\/strong>\n                                <span>State-of-the-art facilities designed for optimal performance.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Card 2 (Blue Variant) -->\n                        <div class=\"hssc-feature-card variant-blue\">\n                            <div class=\"hssc-card-icon\">\ud83d\udd79\ufe0f<\/div>\n                            <div class=\"hssc-card-content\">\n                                <strong>Titan Training Machine<\/strong>\n                                <span>World\u2019s #1 machine to create the ideal environment for players.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Card 3 -->\n                        <div class=\"hssc-feature-card\">\n                            <div class=\"hssc-card-icon\">\ud83d\udce3<\/div>\n                            <div class=\"hssc-card-content\">\n                                <strong>Dynamic Community<\/strong>\n                                <span>A friendly and inclusive atmosphere where everyone is welcome.<\/span>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                    <!-- End Split Sections -->\n                <\/div>\n\n                <!-- Image Side -->\n                <div class=\"hssc-hud-img hssc-fade-up\">\n                    <div class=\"hssc-corner tl\"><\/div><div class=\"hssc-corner tr\"><\/div>\n                    <div class=\"hssc-corner bl\"><\/div><div class=\"hssc-corner br\"><\/div>\n                    <img decoding=\"async\" src=\"http:\/\/hawksharksports.com\/wp-content\/uploads\/2025\/02\/courts-1.jpeg\" alt=\"Pickleball Courts\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 4. COMMUNITY SECTION -->\n    <div class=\"hssc-section\" style=\"padding-top: 40px;\">\n        <div class=\"hssc-contain\">\n            <div class=\"hssc-grid\">\n                <!-- Image Side -->\n                <div class=\"hssc-hud-img hssc-mobile-order hssc-fade-up\">\n                    <div class=\"hssc-corner tl\" style=\"border-color: var(--cyan-pop);\"><\/div>\n                    <div class=\"hssc-corner tr\" style=\"border-color: var(--cyan-pop);\"><\/div>\n                    <div class=\"hssc-corner bl\" style=\"border-color: var(--cyan-pop);\"><\/div>\n                    <div class=\"hssc-corner br\" style=\"border-color: var(--cyan-pop);\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/hawksharksports.com\/wp-content\/uploads\/2025\/02\/SLM0575-scaled.jpg\" alt=\"Community\">\n                <\/div>\n\n                <!-- Text Side -->\n                <div class=\"hssc-fade-up\">\n                    <h2 class=\"hssc-section-head\">Join Our <br><span class=\"hssc-highlight\" style=\"color: var(--cyan-pop);\">Vibrant Community<\/span><\/h2>\n                    <p style=\"font-size: 1.1rem; opacity: 0.9; margin-bottom: 20px;\">\n                        At Hawk Shark Sports Club, our community is the heart of our club. We host regular social events and tournaments, bringing together players of all ages and skill levels to share their passion for pickleball.\n                    <\/p>\n                    <p style=\"font-size: 1.1rem; opacity: 0.9; margin-bottom: 40px;\">\n                        With a focus on sportsmanship and camaraderie, our events are as much about fun as they are about competition. Don\u2019t miss out on the opportunity to make lasting connections.\n                    <\/p>\n                    <a href=\"\/contact-us\" class=\"hssc-btn-action\"><span>Join The Community<\/span><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 5. INSTAGRAM WIDGET -->\n    <div class=\"hssc-section\" style=\"text-align: center; background: rgba(0,0,0,0.2);\">\n        <div class=\"hssc-contain hssc-fade-up\">\n            <h2 class=\"hssc-section-head\" style=\"font-size: 2.5rem; margin-bottom: 5px;\">@HawkSharkPickleball<\/h2>\n            <p style=\"margin-bottom: 40px; color: var(--cyan-pop); font-weight: 600; letter-spacing: 1px;\">FOLLOW US ON INSTAGRAM<\/p>\n            <div style=\"border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.02); padding: 15px; border-radius: 12px; display: inline-block; width: 100%;\">\n                 <div class=\"embedsocial-hashtag\" data-ref=\"e409e3c742ad159a6c7131d2ca169a0864dc8219\"> \n                    <a class=\"feed-powered-by-es\" href=\"https:\/\/embedsocial.com\/social-media-aggregator\/\" target=\"_blank\"><\/a> \n                <\/div> \n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 6. FOOTER CTA -->\n    <div class=\"hssc-section\" style=\"text-align: center; background-color: #07002f; padding-bottom: 120px; border-top: 1px solid rgba(255,255,255,0.05);\">\n        <div class=\"hssc-contain hssc-fade-up\" style=\"max-width: 800px;\">\n            <h2 class=\"hssc-section-head\" style=\"font-size: 3rem;\">Ready to Join?<\/h2>\n            <p style=\"font-size: 1.3rem; margin-bottom: 40px; font-weight: 300; opacity: 0.9;\">\n                Experience the thrill of pickleball at Johor Bahru&#8217;s finest facility. Sign up today and unlock access to exclusive sessions.\n            <\/p>\n            <a href=\"\/book-now\" class=\"hssc-btn-action\" style=\"min-width: 250px;\"><span>Book Your Court<\/span><\/a>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/* IG Script *\/\n        (function(d, s, id) {var js; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = \"https:\/\/embedsocial.com\/cdn\/ht.js\"; d.getElementsByTagName(\"head\")[0].appendChild(js);}(document, \"script\", \"EmbedSocialHashtagScript\"));\n\n        \/* Fade Up Script *\/\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<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Johor&#8217;s Ultimate Pickleball Experience Where Passion Meets Performance at Hawk Shark Sports Club &#8211; Pickleball Johor Bahru Book Now Contact Us \/\/\/ HAWK SHARK SPORTS CLUB \/\/\/ JOHOR BAHRU \/\/\/ TITAN MACHINE TRAINING \/\/\/ JOIN THE COMMUNITY \/\/\/ HAWK SHARK SPORTS CLUB \/\/\/ JOHOR BAHRU \/\/\/ TITAN MACHINE TRAINING \/\/\/ JOIN THE COMMUNITY Welcome to [&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-257","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/257","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=257"}],"version-history":[{"count":38,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":470,"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/pages\/257\/revisions\/470"}],"wp:attachment":[{"href":"https:\/\/hawksharksports.com\/zh\/wp-json\/wp\/v2\/media?parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}