{"id":79325,"date":"2025-12-18T13:20:20","date_gmt":"2025-12-18T06:20:20","guid":{"rendered":"https:\/\/www.nagaworld.com\/?post_type=offers&#038;p=79325"},"modified":"2025-12-18T13:20:21","modified_gmt":"2025-12-18T06:20:21","slug":"hong-kong-style-peanut-sauce-beef-noodles","status":"publish","type":"offers","link":"https:\/\/www.nagaworld.com\/cam\/offers\/hong-kong-style-peanut-sauce-beef-noodles\/","title":{"rendered":"Hong Kong-Style Peanut Sauce Beef Noodles"},"content":{"rendered":"<div class=\"lazyblock-promo-porcelain-cGPwi wp-block-lazyblock-promo-porcelain\"><div id=\"nw-solo-page-v7\">\n    <style>\n        \/* === 0. ARCHITECTURAL RESET === *\/\n        #nw-solo-page-v7 {\n            all: initial;\n            display: block;\n            width: 100%;\n            max-width: 100%;\n            font-family: 'Manrope', sans-serif;\n            background-color: #ffffff;\n            \/* Subtle texture remains for premium feel, but very faint *\/\n            background-image: radial-gradient(circle at 50% 0%, #fbfbfb 0%, #ffffff 70%);\n            color: #000000;\n            padding-bottom: 6rem;\n            box-sizing: border-box;\n        }\n\n        #nw-solo-page-v7 * { box-sizing: border-box; }\n        \n        \/* === CONFIGURATION === *\/\n        #nw-solo-page-v7 {\n            --nw-gold-accent: #b38728;\n            --nw-slate: #333333;\n            --gold-card-bg: linear-gradient(135deg, #bf953f 0%, #fcf6ba 45%, #b38728 100%);\n            --content-width: 900px;\n            --card-radius: 16px;\n            --ease-physics: cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        \/* === TYPOGRAPHY === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');\n\n        #nw-solo-page-v7 h1, #nw-solo-page-v7 h2 {\n            font-family: 'Playfair Display', serif;\n            margin: 0; line-height: 1.1;\n        }\n\n        \/* === 1. HEADER SECTION === *\/\n        .page-header {\n            text-align: center;\n            padding: 4rem 1.5rem 2.5rem;\n            max-width: var(--content-width);\n            margin: 0 auto;\n        }\n\n        .promo-eyebrow {\n            display: block;\n            color: var(--nw-gold-accent);\n            font-size: 0.8rem;\n            font-weight: 700;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            margin-bottom: 1.2rem;\n        }\n\n        .promo-title {\n            font-size: clamp(2.5rem, 6vw, 4.5rem);\n            color: #000000; \/* Pure Ink Black *\/\n            font-weight: 600;\n        }\n\n        \/* === 2. GLIMMER HERO CARD === *\/\n        .hero-container {\n            width: 100%;\n            max-width: 600px; \/* Optimal reading width for flyers *\/\n            margin: 0 auto 3.5rem;\n            padding: 0 1.5rem;\n            perspective: 1000px; \/* Preps for 3D feel *\/\n        }\n\n        .gallery-track {\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            gap: 2rem;\n        }\n\n        .hero-slide {\n            position: relative;\n            width: 100%;\n            height: auto;\n            \/* THE GLIMMER CARD STRUCTURE *\/\n            background: #fff;\n            border-radius: var(--card-radius);\n            overflow: hidden; \/* Clips the image curves *\/\n            \n            \/* Cinema Shadow: Layers for depth *\/\n            box-shadow: \n                0 4px 6px -1px rgba(0, 0, 0, 0.05),\n                0 20px 40px -10px rgba(0, 0, 0, 0.15);\n            \n            \/* Interaction Props *\/\n            transform: translateZ(0);\n            transition: transform 0.6s var(--ease-physics), box-shadow 0.6s var(--ease-physics);\n            border: 1px solid rgba(0,0,0,0.03); \/* Micro-border for definition *\/\n        }\n\n        \/* The Glimmer Sweep Effect *\/\n        .hero-slide::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%;\n            width: 50%; height: 100%;\n            \/* The \"Sheen\" Gradient *\/\n            background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\n            transform: skewX(-25deg);\n            z-index: 10;\n            pointer-events: none;\n            transition: 0.7s ease;\n        }\n\n        \/* Hover State: Lift & Shine *\/\n        .hero-slide:hover {\n            transform: translateY(-8px);\n            box-shadow: \n                0 10px 15px -3px rgba(0, 0, 0, 0.05),\n                0 30px 60px -10px rgba(0, 0, 0, 0.2);\n        }\n\n        .hero-slide:hover::before {\n            left: 200%; \/* Sweeps across *\/\n        }\n\n        .hero-img {\n            width: 100%;\n            height: auto; \/* Natural Ratio *\/\n            display: block;\n            object-fit: contain;\n        }\n        \n        \/* === 3. CONTENT BODY === *\/\n        .content-wrapper {\n            max-width: 750px;\n            margin: 0 auto;\n            padding: 0 1.5rem;\n        }\n\n        .info-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n            gap: 1.5rem;\n            text-align: center;\n            padding-bottom: 2rem;\n            margin-bottom: 2rem;\n            border-bottom: 1px solid rgba(0,0,0,0.08);\n        }\n\n        .info-val {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.4rem;\n            color: #000;\n            display: block;\n        }\n        \n        .info-lbl {\n            font-size: 0.7rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: #888;\n            margin-top: 0.5rem;\n            display: block;\n        }\n\n        .description-body {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: var(--nw-slate);\n            text-align: center;\n            font-weight: 300;\n        }\n        \n        .description-body p { margin-bottom: 1.5rem; }\n        .description-body p:last-child { margin-bottom: 0; }\n\n        \/* === 4. CTA SECTION === *\/\n        .cta-container {\n            margin-top: 3.5rem;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 1.5rem;\n        }\n\n        .golden-card-btn {\n            position: relative;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 1.2rem 4rem;\n            background: var(--gold-card-bg);\n            color: #422006;\n            font-size: 0.95rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            text-decoration: none;\n            border-radius: 6px;\n            box-shadow: \n                0 10px 30px -5px rgba(179, 135, 40, 0.4),\n                inset 0 0 0 1px rgba(255,255,255,0.3);\n            overflow: hidden;\n            transition: transform 0.3s ease;\n        }\n\n        .golden-card-btn::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -150%;\n            width: 100%; height: 100%;\n            background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%);\n            transform: skewX(-25deg);\n            animation: cardShine 6s infinite;\n        }\n\n        @keyframes cardShine {\n            0% { left: -150%; opacity: 0; }\n            10% { opacity: 1; }\n            30% { left: 150%; opacity: 1; }\n            31% { opacity: 0; }\n            100% { left: 150%; opacity: 0; }\n        }\n\n        .golden-card-btn:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 20px 40px -5px rgba(179, 135, 40, 0.5);\n        }\n\n        .whatsapp-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.6rem;\n            color: #000;\n            font-size: 0.9rem;\n            font-weight: 600;\n            opacity: 0.7;\n            transition: 0.3s;\n        }\n\n        .whatsapp-link:hover { opacity: 1; color: #128c7e; }\n\n        \/* === MOBILE OPTIMIZATION === *\/\n        @media (max-width: 768px) {\n            #nw-solo-page-v7 { padding-bottom: 4rem; }\n            .hero-container { padding: 0 1.5rem; margin-bottom: 2.5rem; }\n            .page-header { padding: 3rem 1.5rem 1.5rem; }\n            \/* Slightly tighter shadow for mobile performance *\/\n            .hero-slide { box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); }\n        }\n    <\/style>\n\n    <header class=\"page-header\">\n        <span class=\"promo-eyebrow\">EXCLUSIVE<\/span>\n        <h1 class=\"promo-title\">Hong Kong-Style Peanut Sauce Beef Noodles<\/h1>\n    <\/header>\n\n    <div class=\"hero-container\">\n        <div class=\"gallery-track\">\n            <div class=\"hero-slide\">\n                <img decoding=\"async\" src=\"https:\/\/www.nagaworld.com\/wp-content\/uploads\/2016\/03\/TANTANMEN.jpg\" class=\"hero-img\" alt=\"\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <article class=\"content-wrapper\">\n        \n\n        <div class=\"description-body\">\n            Juicy stir-fried beef rump coated in a luscious, creamy peanut sauce, nestled over crispy golden noodles with tender broccoli and a perfectly fried egg. Experience the bold, irresistible flavours of this Hong Kong classic!\n        <\/div>\n\n        <div class=\"cta-container\">\n            <a href=\"\" class=\"golden-card-btn\">\n                BOOK NOW\n            <\/a>\n\n        <\/div>\n    <\/article>\n<\/div><\/div>","protected":false},"featured_media":0,"template":"","offer_category":[],"class_list":["post-79325","offers","type-offers","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"banner":false,"featured":false,"listing":false,"award":false,"gallery":false},"uagb_author_info":{"display_name":"Jo Ed Salaver","author_link":"https:\/\/www.nagaworld.com\/cam\/author\/"},"uagb_comment_info":0,"uagb_excerpt":null,"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.nagaworld.com\/cam\/wp-json\/wp\/v2\/offers\/79325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nagaworld.com\/cam\/wp-json\/wp\/v2\/offers"}],"about":[{"href":"https:\/\/www.nagaworld.com\/cam\/wp-json\/wp\/v2\/types\/offers"}],"wp:attachment":[{"href":"https:\/\/www.nagaworld.com\/cam\/wp-json\/wp\/v2\/media?parent=79325"}],"wp:term":[{"taxonomy":"offer_category","embeddable":true,"href":"https:\/\/www.nagaworld.com\/cam\/wp-json\/wp\/v2\/offer_category?post=79325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}