{"id":2,"date":"2025-06-30T19:36:42","date_gmt":"2025-06-30T19:36:42","guid":{"rendered":"https:\/\/www.sabahsouvenir.my\/?page_id=2"},"modified":"2025-07-05T15:33:37","modified_gmt":"2025-07-05T07:33:37","slug":"home","status":"publish","type":"page","link":"https:\/\/www.sabahsouvenir.my\/bm\/","title":{"rendered":"Laman Utama"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24d2f4d e-flex e-con-boxed e-con e-parent\" data-id=\"24d2f4d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a6cdbd elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"7a6cdbd\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Sabah Souvenir - Professional Printing & Labeling Services - Sabah Malaysia<\/title>\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --primary-blue: #28509A;\r\n            --accent-yellow: #F4DE56;\r\n            --coral-salmon: #E18478;\r\n            --light-blue: #73C8E5;\r\n            --dark-navy: #1a365d;\r\n            --success-green: #10B981;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            line-height: 1.6;\r\n            scroll-behavior: smooth;\r\n        }\r\n        \r\n        .bg-primary { background-color: var(--primary-blue); }\r\n        .bg-accent { background-color: var(--accent-yellow); }\r\n        .bg-coral { background-color: var(--coral-salmon); }\r\n        .bg-light-blue { background-color: var(--light-blue); }\r\n        .bg-dark-navy { background-color: var(--dark-navy); }\r\n        .bg-success { background-color: var(--success-green); }\r\n        \r\n        .text-primary { color: var(--primary-blue); }\r\n        .text-accent { color: var(--accent-yellow); }\r\n        .text-coral { color: var(--coral-salmon); }\r\n        .text-light-blue { color: var(--light-blue); }\r\n        .text-dark-navy { \r\n            color: var(--dark-navy);\r\n            font-weight: 700; \/* Ensure all dark navy text is bold for better clarity *\/\r\n        }\r\n        .text-success { color: var(--success-green); }\r\n        \r\n        .border-primary { border-color: var(--primary-blue); }\r\n        .border-accent { border-color: var(--accent-yellow); }\r\n        .border-coral { border-color: var(--coral-salmon); }\r\n        .border-light-blue { border-color: var(--light-blue); }\r\n        \r\n        .geometric-shape {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            opacity: 0.7;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .geometric-shape {\r\n                display: none;\r\n            }\r\n        }\r\n        \r\n        .geometric-blob {\r\n            border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\r\n        }\r\n        \r\n        .geometric-rounded-rect {\r\n            border-radius: 20px;\r\n        }\r\n        \r\n        .hero-bg {\r\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-height: 100vh;\r\n        }\r\n        \r\n        .service-card {\r\n            transition: all 0.3s ease;\r\n            border-radius: 20px;\r\n            background: white;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .portfolio-card {\r\n            transition: all 0.3s ease;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            background: white;\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .portfolio-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .portfolio-card img {\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .portfolio-card:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .testimonial-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2rem;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n        \r\n        .testimonial-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .testimonial-card::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            top: -10px;\r\n            left: 20px;\r\n            font-size: 4rem;\r\n            color: var(--accent-yellow);\r\n            font-weight: bold;\r\n            opacity: 0.7;\r\n        }\r\n        \r\n        .btn-primary {\r\n            background: linear-gradient(135deg, var(--primary-blue), var(--light-blue));\r\n            color: white;\r\n            padding: 14px 32px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            text-decoration: none;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(40, 80, 154, 0.3);\r\n            color: white;\r\n            text-decoration: none;\r\n        }\r\n        \r\n        .btn-primary.btn-sm {\r\n            font-size: 0.875rem;\r\n            padding: 10px 20px;\r\n        }\r\n        \r\n        .btn-secondary {\r\n            background: var(--accent-yellow);\r\n            color: var(--dark-navy);\r\n            padding: 14px 32px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            text-decoration: none;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .btn-secondary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(244, 222, 86, 0.3);\r\n            color: var(--dark-navy);\r\n            text-decoration: none;\r\n        }\r\n        \r\n        .btn-whatsapp {\r\n            background: var(--success-green);\r\n            color: white;\r\n            padding: 14px 32px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            text-decoration: none;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .btn-whatsapp:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);\r\n            color: white;\r\n            text-decoration: none;\r\n        }\r\n        \r\n        .section-padding {\r\n            padding: 100px 0;\r\n        }\r\n        \r\n        .icon-circle {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2rem;\r\n            margin: 0 auto 1.5rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .feature-card {\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            transform: translateY(0);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .feature-card:hover {\r\n            transform: translateY(-12px);\r\n            box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .feature-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .feature-card:hover .icon-circle {\r\n            transform: scale(1.15) rotate(5deg);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .contact-form input,\r\n        .contact-form textarea,\r\n        .contact-form select {\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 12px;\r\n            padding: 14px 18px;\r\n            width: 100%;\r\n            transition: all 0.3s ease;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .contact-form input:focus,\r\n        .contact-form textarea:focus,\r\n        .contact-form select:focus {\r\n            outline: none;\r\n            border-color: var(--primary-blue);\r\n            box-shadow: 0 0 0 3px rgba(40, 80, 154, 0.1);\r\n        }\r\n        \r\n        .whatsapp-float {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            background: var(--success-green);\r\n            color: white;\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            z-index: 1000;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 20px rgba(16, 185, 129, 0.3);\r\n            animation: pulse 2s infinite;\r\n        }\r\n        \r\n        .whatsapp-float:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);\r\n        }\r\n        \r\n        @keyframes pulse {\r\n            0% { box-shadow: 0 5px 20px rgba(16, 185, 129, 0.3); }\r\n            50% { box-shadow: 0 5px 30px rgba(16, 185, 129, 0.5); }\r\n            100% { box-shadow: 0 5px 20px rgba(16, 185, 129, 0.3); }\r\n        }\r\n        \r\n        .value-proposition {\r\n            background: linear-gradient(rgba(255,255,255,0.95), rgba(255,255,255,0.95));\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 2rem;\r\n            margin-top: 2rem;\r\n        }\r\n        \r\n        .stats-counter {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            color: var(--accent-yellow);\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .section-padding {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .hero-bg {\r\n                padding: 80px 0;\r\n                min-height: auto;\r\n            }\r\n            \r\n            .whatsapp-float {\r\n                bottom: 20px;\r\n                right: 20px;\r\n                width: 55px;\r\n                height: 55px;\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .btn-primary, .btn-secondary, .btn-whatsapp {\r\n                padding: 12px 24px;\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            \/* Font size reductions for mobile *\/\r\n            h1 {\r\n                font-size: 2.25rem !important; \/* Overrides other classes *\/\r\n            }\r\n            \r\n            h2 {\r\n                font-size: 1.875rem !important;\r\n                letter-spacing: -0.01em;\r\n                text-shadow: 0 1px 1px rgba(0,0,0,0.05);\r\n            }\r\n            \r\n            h3 {\r\n                font-size: 1.5rem !important;\r\n            }\r\n            \r\n            .text-xl {\r\n                font-size: 1.1rem !important;\r\n            }\r\n            \r\n            .text-2xl {\r\n                font-size: 1.35rem !important;\r\n            }\r\n            \r\n            .text-lg {\r\n                font-size: 1rem !important;\r\n            }\r\n            \r\n            p, .text-gray-600 {\r\n                font-size: 0.95rem !important;\r\n            }\r\n            \r\n            .text-sm {\r\n                font-size: 0.8rem !important;\r\n            }\r\n            \r\n            .text-3xl {\r\n                font-size: 1.75rem !important;\r\n            }\r\n            \r\n            footer h3 {\r\n                font-size: 1.5rem !important;\r\n            }\r\n            \r\n            footer p {\r\n                font-size: 0.9rem !important;\r\n            }\r\n        }\r\n            \r\n            .stats-counter {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n        \r\n        .fade-in {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n            transition: all 0.6s ease;\r\n        }\r\n        \r\n        .fade-in.animate {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        \r\n        .fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        \r\n        \/* Navigation Styles *\/\r\n        .nav-menu {\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .nav-link {\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .nav-link:hover {\r\n            color: var(--accent-yellow);\r\n        }\r\n        \r\n        .nav-link::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 0;\r\n            height: 2px;\r\n            bottom: -4px;\r\n            left: 50%;\r\n            background-color: var(--accent-yellow);\r\n            transition: all 0.3s ease;\r\n            transform: translateX(-50%);\r\n        }\r\n        \r\n        .nav-link:hover::after {\r\n            width: 100%;\r\n        }\r\n        \r\n        .nav-link.active {\r\n            color: var(--accent-yellow);\r\n        }\r\n        \r\n        .nav-link.active::after {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Creative Portfolio Styles *\/\r\n        .creative-portfolio-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .creative-card {\r\n            position: relative;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .creative-card:hover {\r\n            transform: translateY(-8px) rotate(1deg);\r\n        }\r\n\r\n        .hero-card {\r\n            background: linear-gradient(135deg, var(--primary-blue), var(--dark-navy));\r\n            box-shadow: 0 20px 40px rgba(40, 80, 154, 0.3);\r\n        }\r\n\r\n        .hero-card:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: 0 30px 60px rgba(40, 80, 154, 0.4);\r\n        }\r\n\r\n        .tall-card {\r\n            background: linear-gradient(135deg, var(--coral-salmon), var(--light-blue));\r\n            box-shadow: 0 15px 35px rgba(225, 132, 120, 0.3);\r\n        }\r\n\r\n        .medium-card:hover {\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .wide-card {\r\n            background: linear-gradient(120deg, var(--light-blue), var(--accent-yellow));\r\n            box-shadow: 0 15px 35px rgba(115, 200, 229, 0.3);\r\n        }\r\n\r\n        .small-card:hover {\r\n            transform: translateY(-5px) scale(1.05);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        \/* Creative animations *\/\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px); }\r\n            50% { transform: translateY(-10px); }\r\n        }\r\n\r\n        .creative-card:nth-child(odd) {\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        .creative-card:nth-child(even) {\r\n            animation: float 6s ease-in-out infinite reverse;\r\n        }\r\n\r\n        \/* Number styling *\/\r\n        .creative-card .number {\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 900;\r\n            background: linear-gradient(45deg, var(--accent-yellow), var(--coral-salmon));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        \/* Enhanced Mobile Optimizations *\/\r\n        @media (max-width: 768px) {\r\n            \/* Portfolio Mobile Layout *\/\r\n            .creative-portfolio-container {\r\n                padding: 0 1rem;\r\n            }\r\n            \r\n            .creative-portfolio-container .col-span-1,\r\n            .creative-portfolio-container .md\\\\:col-span-2,\r\n            .creative-portfolio-container .lg\\\\:col-span-2,\r\n            .creative-portfolio-container .lg\\\\:col-span-4 {\r\n                grid-column: span 1 !important;\r\n            }\r\n            \r\n            \/* Mobile Card Heights and Spacing *\/\r\n            .hero-card {\r\n                height: 280px;\r\n                margin-bottom: 1.5rem;\r\n            }\r\n            \r\n            .tall-card {\r\n                height: 240px;\r\n                margin-bottom: 1.5rem;\r\n            }\r\n            \r\n            .wide-card {\r\n                height: 180px;\r\n            }\r\n            \r\n            .medium-card {\r\n                margin-bottom: 1rem;\r\n            }\r\n            \r\n            .small-card {\r\n                margin-bottom: 1rem;\r\n            }\r\n            \r\n            \/* Mobile Typography *\/\r\n            .hero-card h3 {\r\n                font-size: 1.5rem;\r\n                line-height: 1.3;\r\n                margin-bottom: 0.75rem;\r\n            }\r\n            \r\n            .hero-card p {\r\n                font-size: 0.9rem;\r\n                line-height: 1.4;\r\n                margin-bottom: 1rem;\r\n            }\r\n            \r\n            .tall-card h3 {\r\n                font-size: 1.25rem;\r\n                margin-bottom: 0.5rem;\r\n            }\r\n            \r\n            .tall-card p {\r\n                font-size: 0.8rem;\r\n                line-height: 1.3;\r\n            }\r\n            \r\n            \/* Mobile Touch Targets *\/\r\n            .creative-card a {\r\n                min-height: 44px;\r\n                padding: 0.75rem 1rem;\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n            \r\n            \/* Reduced Mobile Animations *\/\r\n            .creative-card:hover {\r\n                transform: translateY(-2px);\r\n            }\r\n            \r\n            .creative-card:nth-child(odd),\r\n            .creative-card:nth-child(even) {\r\n                animation: none;\r\n            }\r\n            \r\n            \/* Mobile Grid Improvements *\/\r\n            .grid.md\\\\:grid-cols-2 {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n            \r\n            .grid.md\\\\:grid-cols-3 {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n            \r\n            .grid.lg\\\\:grid-cols-3 {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.5rem;\r\n            }\r\n            \r\n            \/* Mobile Padding Adjustments *\/\r\n            .hero-card .relative.z-10 {\r\n                padding: 1.5rem;\r\n            }\r\n            \r\n            .tall-card .relative.z-10 {\r\n                padding: 1.25rem;\r\n            }\r\n            \r\n            \/* Mobile Button Sizing *\/\r\n            .hero-card .bg-white {\r\n                padding: 0.75rem 1.25rem;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .hero-card .bg-accent {\r\n                padding: 0.5rem 1rem;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            \/* Mobile Number Styling *\/\r\n            .creative-card .text-6xl {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .creative-card .text-5xl {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .creative-card .text-4xl {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n        \r\n        \/* Additional Mobile Improvements *\/\r\n        @media (max-width: 480px) {\r\n            \/* Extra Small Mobile Devices *\/\r\n            .hero-card {\r\n                height: 260px;\r\n            }\r\n            \r\n            .hero-card h3 {\r\n                font-size: 1.25rem;\r\n            }\r\n            \r\n            .hero-card p {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .creative-portfolio-container {\r\n                padding: 0 0.75rem;\r\n            }\r\n            \r\n            \/* Mobile Section Padding *\/\r\n            .section-padding {\r\n                padding-top: 3rem;\r\n                padding-bottom: 3rem;\r\n            }\r\n            \r\n            \/* Mobile Hero Section *\/\r\n            .hero-bg {\r\n                min-height: 70vh;\r\n            }\r\n            \r\n            \/* Mobile Navigation *\/\r\n            .nav-menu {\r\n                padding: 2rem 1rem;\r\n            }\r\n            \r\n            \/* Mobile Contact Form *\/\r\n            .contact-form input,\r\n            .contact-form textarea {\r\n                padding: 1rem;\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            \/* Mobile WhatsApp Button *\/\r\n            .whatsapp-float {\r\n                width: 50px;\r\n                height: 50px;\r\n                bottom: 20px;\r\n                right: 20px;\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n\r\n        \/* Gradient overlays *\/\r\n        .gradient-overlay-blue {\r\n            background: linear-gradient(135deg, rgba(40, 80, 154, 0.9), rgba(26, 54, 93, 0.9));\r\n        }\r\n\r\n        .gradient-overlay-coral {\r\n            background: linear-gradient(135deg, rgba(225, 132, 120, 0.9), rgba(115, 200, 229, 0.9));\r\n        }\r\n\r\n        .gradient-overlay-accent {\r\n            background: linear-gradient(135deg, rgba(244, 222, 86, 0.9), rgba(115, 200, 229, 0.9));\r\n        }\r\n        \r\n        \/* Mobile menu styles removed *\/\r\n        \r\n\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-white\">\r\n    <!-- Navigation Header -->\r\n    <nav class=\"fixed top-0 left-0 right-0 bg-white shadow-md z-50\">\r\n        <div class=\"container mx-auto px-6\">\r\n            <div class=\"flex justify-between items-center py-3 md:py-4\">\r\n                <!-- Logo\/Brand -->\r\n                <div class=\"text-lg md:text-xl font-bold text-primary\">\r\n                    <span class=\"text-primary\">Sabah<\/span><span class=\"text-accent\"> Souvenir<\/span>\r\n                <\/div>\r\n                \r\n                <!-- Desktop Menu -->\r\n                <div class=\"hidden md:flex space-x-8\">\r\n                    <a href=\"#hero\" class=\"nav-link text-dark-navy font-semibold\">Home<\/a>\r\n                    <a href=\"#services\" class=\"nav-link text-dark-navy font-semibold\">Services<\/a>\r\n                    <a href=\"#why-choose-us\" class=\"nav-link text-dark-navy font-semibold\">About<\/a>\r\n                    <a href=\"#contact\" class=\"nav-link text-dark-navy font-semibold\">Contact<\/a>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n\r\n\r\n    <!-- WhatsApp Float Button -->\r\n    <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about\" class=\"whatsapp-float\" target=\"_blank\" title=\"Chat with us on WhatsApp\" rel=\"noopener\">\r\n        <i class=\"fab fa-whatsapp\"><\/i>\r\n    <\/a>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"hero\" class=\"hero-bg text-white flex items-center relative\" style=\"padding-top: 80px;\">\r\n        <!-- Geometric Decorations -->\r\n        <div class=\"geometric-shape w-32 h-32 bg-accent top-20 left-10 geometric-blob\"><\/div>\r\n        <div class=\"geometric-shape w-24 h-24 bg-coral top-40 right-20 geometric-rounded-rect\"><\/div>\r\n        <div class=\"geometric-shape w-40 h-40 bg-light-blue top-60 right-40 opacity-30\"><\/div>\r\n        <div class=\"geometric-shape w-20 h-20 bg-accent bottom-40 left-20 geometric-blob\"><\/div>\r\n        <div class=\"geometric-shape w-36 h-36 bg-coral bottom-20 right-10 opacity-50 geometric-rounded-rect\"><\/div>\r\n        \r\n        <div class=\"container mx-auto px-6 relative z-10 py-20\">\r\n            <div class=\"max-w-6xl mx-auto\">\r\n                <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                    <div class=\"text-center lg:text-left\">\r\n                        <h1 class=\"text-2xl md:text-4xl lg:text-5xl xl:text-6xl font-black mb-3 md:mb-4 leading-tight\">\r\n                            Professional Souvenir \r\n                            <span class=\"text-accent\">Printing & Labeling<\/span> \r\n                            Services\r\n                        <\/h1>\r\n                        <p class=\"text-sm md:text-base lg:text-lg mb-4 md:mb-6 opacity-95 leading-relaxed\">\r\n                            Transform your ideas into premium quality printed products. From custom t-shirts to professional labels - we deliver excellence in every print.\r\n                        <\/p>\r\n                        <div class=\"flex flex-col sm:flex-row gap-3 md:gap-4 justify-center lg:justify-start items-center mb-6 md:mb-8\">\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about\" target=\"_blank\" class=\"btn-whatsapp text-base md:text-lg\" rel=\"noopener\">\r\n                                <i class=\"fab fa-whatsapp\"><\/i>\r\n                                Get Instant Quote\r\n                            <\/a>\r\n                            <a href=\"#services\" class=\"btn-secondary text-base md:text-lg\">\r\n                                <i class=\"fas fa-images\"><\/i>\r\n                                View Our Services\r\n                            <\/a>\r\n                        <\/div>\r\n                        \r\n\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-proposition\">\r\n                        <h3 class=\"text-2xl font-bold text-dark-navy mb-4\">Why Choose Us?<\/h3>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-6 h-6 bg-success rounded-full flex items-center justify-center\">\r\n                                    <i class=\"fas fa-check text-white text-sm\"><\/i>\r\n                                <\/div>\r\n                                <span class=\"text-dark-navy font-medium\">Premium Quality Materials<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-6 h-6 bg-success rounded-full flex items-center justify-center\">\r\n                                    <i class=\"fas fa-check text-white text-sm\"><\/i>\r\n                                <\/div>\r\n                                <span class=\"text-dark-navy font-medium\">Local Sabah Expertise<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-6 h-6 bg-success rounded-full flex items-center justify-center\">\r\n                                    <i class=\"fas fa-check text-white text-sm\"><\/i>\r\n                                <\/div>\r\n                                <span class=\"text-dark-navy font-medium\">Same-Day Quote Response<\/span>\r\n                            <\/div>\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <div class=\"w-6 h-6 bg-success rounded-full flex items-center justify-center\">\r\n                                    <i class=\"fas fa-check text-white text-sm\"><\/i>\r\n                                <\/div>\r\n                                <span class=\"text-dark-navy font-medium\">Competitive Bulk Pricing<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Our Services Section -->\r\n    <section id=\"services\" class=\"section-padding bg-white relative\">\r\n        <!-- Geometric Decorations -->\r\n        <div class=\"geometric-shape w-32 h-32 bg-light-blue top-16 left-5 geometric-blob opacity-40\"><\/div>\r\n        <div class=\"geometric-shape w-28 h-28 bg-coral bottom-20 right-10 geometric-rounded-rect opacity-30\"><\/div>\r\n        \r\n        <div class=\"container mx-auto px-6\">\r\n            <div class=\"text-center mb-16 fade-in\">\r\n                <h2 class=\"text-2xl md:text-3xl font-black text-dark-navy mb-4\">Our Services<\/h2>\r\n                <p class=\"text-base md:text-lg text-gray-600 max-w-3xl mx-auto\">\r\n                    From corporate gifts to promotional items, we offer comprehensive printing solutions that help your business make lasting impressions in Sabah and beyond.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <!-- Services Grid -->\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12\">\r\n                <!-- Custom Bags & Backpacks -->\r\n                <div class=\"bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden fade-in group\">\r\n                    <div class=\"h-48 overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/leadership-training-laptop-backpack-2025-scaled.webp\" \r\n                             alt=\"Custom Bags & Backpacks - Leadership Training 2025\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-primary to-transparent opacity-60\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white\">\r\n                            <div class=\"w-10 h-10 bg-accent rounded-full flex items-center justify-center mb-2\">\r\n                                <i class=\"fas fa-briefcase text-dark-navy\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h3 class=\"text-lg font-bold text-dark-navy mb-2\">Custom Bags & Backpacks<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-3\">Professional bags and backpacks perfect for corporate events, training programs, and promotional campaigns.<\/p>\r\n                        <div class=\"flex justify-between items-center\">\r\n                            <span class=\"text-primary font-bold text-base\">From RM60<\/span>\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about%20custom%20bags\" target=\"_blank\" class=\"bg-primary text-white px-4 py-2 rounded-full hover:bg-dark-navy transition-colors\" rel=\"noopener\">\r\n                                Get Quote\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Event Fans -->\r\n                <div class=\"bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden fade-in group\">\r\n                    <div class=\"h-48 overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/government-qr-code-scanner-promotional-item.webp\" \r\n                             alt=\"Custom Event Fans - Ministry QR Code Fans\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-coral to-transparent opacity-60\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white\">\r\n                            <div class=\"w-10 h-10 bg-accent rounded-full flex items-center justify-center mb-2\">\r\n                                <i class=\"fas fa-hand-paper text-dark-navy\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h3 class=\"text-lg font-bold text-dark-navy mb-2\">Event Fans<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-3\">Premium promotional fans with QR codes, perfect for government events and corporate functions.<\/p>\r\n                        <div class=\"flex justify-between items-center\">\r\n                            <span class=\"text-coral font-bold text-base\">From RM5<\/span>\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about%20event%20fans\" target=\"_blank\" class=\"bg-coral text-white px-4 py-2 rounded-full hover:bg-dark-navy transition-colors\" rel=\"noopener\">\r\n                                Get Quote\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Custom Drinkware -->\r\n                <div class=\"bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden fade-in group\">\r\n                    <div class=\"h-48 overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/alltech-branded-glass-tumbler-souvenir-scaled.webp\" \r\n                             alt=\"Custom Drinkware - Alltech Glass Tumblers\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-light-blue to-transparent opacity-60\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white\">\r\n                            <div class=\"w-10 h-10 bg-accent rounded-full flex items-center justify-center mb-2\">\r\n                                <i class=\"fas fa-glass-whiskey text-dark-navy\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h3 class=\"text-lg font-bold text-dark-navy mb-2\">Custom Drinkware<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-3\">Premium glass tumblers, mugs, and drinkware with custom branding for corporate gifts.<\/p>\r\n                        <div class=\"flex justify-between items-center\">\r\n                            <span class=\"text-light-blue font-bold text-base\">From RM12<\/span>\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about%20drinkware\" target=\"_blank\" class=\"bg-light-blue text-white px-4 py-2 rounded-full hover:bg-dark-navy transition-colors\" rel=\"noopener\">\r\n                                Get Quote\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Keychains -->\r\n                <div class=\"bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden fade-in group\">\r\n                    <div class=\"h-48 overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/restaurant-logo-transparent-keyring-scaled.webp\" \r\n                             alt=\"Custom Keychains - Viking Noodle House\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-accent to-transparent opacity-60\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white\">\r\n                            <div class=\"w-10 h-10 bg-primary rounded-full flex items-center justify-center mb-2\">\r\n                                <i class=\"fas fa-key text-white\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h3 class=\"text-lg font-bold text-dark-navy mb-2\">Custom Keychains<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-3\">Acrylic keychains with custom designs, perfect for restaurants, shops, and promotional campaigns.<\/p>\r\n                        <div class=\"flex justify-between items-center\">\r\n                            <span class=\"text-accent font-bold text-base\">From RM3<\/span>\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about%20keychains\" target=\"_blank\" class=\"bg-accent text-dark-navy px-4 py-2 rounded-full hover:bg-dark-navy hover:text-white transition-colors\" rel=\"noopener\">\r\n                                Get Quote\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Paper Bags -->\r\n                <div class=\"bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden fade-in group\">\r\n                    <div class=\"h-48 overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/sabah-convocation-gift-bag-kolej-kiara-scaled.webp\" \r\n                             alt=\"Custom Paper Bags - Kolej Kiara Convocation\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-success to-transparent opacity-60\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white\">\r\n                            <div class=\"w-10 h-10 bg-accent rounded-full flex items-center justify-center mb-2\">\r\n                                <i class=\"fas fa-shopping-bag text-dark-navy\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h3 class=\"text-lg font-bold text-dark-navy mb-2\">Paper Bags<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-3\">Premium custom paper bags with stunning designs for universities, events, and retail stores.<\/p>\r\n                        <div class=\"flex justify-between items-center\">\r\n                            <span class=\"text-success font-bold text-base\">From RM4.50<\/span>\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about%20paper%20bags\" target=\"_blank\" class=\"bg-success text-white px-4 py-2 rounded-full hover:bg-dark-navy transition-colors\" rel=\"noopener\">\r\n                                Get Quote\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Pens -->\r\n                <div class=\"bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden fade-in group\">\r\n                    <div class=\"h-48 overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/ministry-branded-corporate-pens-sabah-scaled.webp\" \r\n                             alt=\"Custom Pen Printing - Professional Corporate Pens\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-primary to-transparent opacity-60\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white\">\r\n                            <div class=\"w-10 h-10 bg-accent rounded-full flex items-center justify-center mb-2\">\r\n                                <i class=\"fas fa-pen text-dark-navy\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h3 class=\"text-lg font-bold text-dark-navy mb-2\">Custom Pens<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-3\">Professional branded pens perfect for corporate gifts and promotional campaigns.<\/p>\r\n                        <div class=\"flex justify-between items-center\">\r\n                            <span class=\"text-primary font-bold text-base\">From RM3<\/span>\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about%20pens\" target=\"_blank\" class=\"bg-primary text-white px-4 py-2 rounded-full hover:bg-dark-navy transition-colors\" rel=\"noopener\">\r\n                                Get Quote\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Towels -->\r\n                <div class=\"bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden fade-in group\">\r\n                    <div class=\"h-48 overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/methodist-charity-towel-set-sabah.webp\" \r\n                             alt=\"Custom Towel Printing - Council of Education\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-coral to-transparent opacity-60\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white\">\r\n                            <div class=\"w-10 h-10 bg-accent rounded-full flex items-center justify-center mb-2\">\r\n                                <i class=\"fas fa-spa text-dark-navy\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h3 class=\"text-lg font-bold text-dark-navy mb-2\">Custom Towels<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-3\">Premium custom towels for organizations, events, and promotional purposes.<\/p>\r\n                        <div class=\"flex justify-between items-center\">\r\n                            <span class=\"text-coral font-bold text-base\">From RM15<\/span>\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about%20towels\" target=\"_blank\" class=\"bg-coral text-white px-4 py-2 rounded-full hover:bg-dark-navy transition-colors\" rel=\"noopener\">\r\n                                Get Quote\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Awards & Plaques -->\r\n                <div class=\"bg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden fade-in group\">\r\n                    <div class=\"h-48 overflow-hidden relative\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/malaysia-book-records-certificate-box-scaled.webp\" \r\n                             alt=\"Custom Awards & Plaques - Malaysia Book of Records\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-dark-navy to-transparent opacity-60\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white\">\r\n                            <div class=\"w-10 h-10 bg-accent rounded-full flex items-center justify-center mb-2\">\r\n                                <i class=\"fas fa-trophy text-dark-navy\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <h3 class=\"text-lg font-bold text-dark-navy mb-2\">Awards & Plaques<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-3\">Professional awards and recognition plaques for achievements and special occasions.<\/p>\r\n                        <div class=\"flex justify-between items-center\">\r\n                            <span class=\"text-dark-navy font-bold text-base\">From RM75<\/span>\r\n                            <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about%20awards\" target=\"_blank\" class=\"bg-dark-navy text-white px-4 py-2 rounded-full hover:bg-primary transition-colors\" rel=\"noopener\">\r\n                                Get Quote\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Call to Action -->\r\n            <div class=\"text-center fade-in\">\r\n                <div class=\"bg-gradient-to-r from-primary to-dark-navy rounded-2xl p-8 text-white\">\r\n                    <h3 class=\"text-xl md:text-2xl font-bold mb-3\">Need a Custom Quote?<\/h3>\r\n                    <p class=\"text-base mb-5 opacity-90\">\r\n                        Get personalized pricing for your specific requirements. We offer competitive rates and fast turnaround times.\r\n                    <\/p>\r\n                    <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20get%20a%20custom%20quote\" target=\"_blank\" class=\"bg-accent text-dark-navy px-6 py-2 rounded-full font-bold text-base hover:bg-white transition-colors inline-flex items-center gap-2\" rel=\"noopener\">\r\n                        <i class=\"fab fa-whatsapp\"><\/i>\r\n                        Get Custom Quote\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Choose Us Section -->\r\n    <section id=\"why-choose-us\" class=\"section-padding bg-gray-50 relative\">\r\n        <!-- Geometric Decorations -->\r\n        <div class=\"geometric-shape w-36 h-36 bg-accent top-16 right-5 geometric-blob opacity-30\"><\/div>\r\n        <div class=\"geometric-shape w-24 h-24 bg-primary bottom-16 left-10 geometric-rounded-rect opacity-40\"><\/div>\r\n        \r\n        <div class=\"container mx-auto px-6\">\r\n            <div class=\"text-center mb-16 fade-in\">\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-dark-navy mb-4\">Why Choose Us<\/h2>\r\n                <p class=\"text-base md:text-lg text-gray-600 max-w-3xl mx-auto\">\r\n                    We combine cutting-edge technology with local expertise to deliver exceptional printing and labeling services that exceed expectations.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <!-- Zigzag Benefits Layout -->\r\n            <div class=\"space-y-12\">\r\n                <!-- Row 1: Left & Right -->\r\n                <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                    <div class=\"order-2 lg:order-1 fade-in\">\r\n                        <div class=\"feature-card bg-white p-8 rounded-2xl shadow-lg border border-gray-100\">\r\n                            <div class=\"flex items-center space-x-4 mb-6\">\r\n                                <div class=\"icon-circle bg-primary text-white\">\r\n                                    <i class=\"fas fa-medal\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h3 class=\"text-xl font-bold text-dark-navy\">Professional Quality<\/h3>\r\n                                    <p class=\"text-primary font-medium text-sm\">Award-winning results<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <p class=\"text-gray-600 leading-relaxed\">State-of-the-art printing technology ensures crisp, vibrant results that maintain their quality over time. We use premium materials and the latest equipment to deliver outstanding results every time.<\/p>\r\n                            <div class=\"mt-4 flex space-x-4\">\r\n                                <span class=\"text-sm bg-primary text-white px-3 py-1 rounded-full transition-all duration-300 hover:scale-105\">ISO Certified<\/span>\r\n                                <span class=\"text-sm bg-primary text-white px-3 py-1 rounded-full transition-all duration-300 hover:scale-105\">Premium Materials<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"order-1 lg:order-2 fade-in\">\r\n                        <div class=\"feature-card bg-coral text-white p-8 rounded-2xl shadow-lg\">\r\n                            <div class=\"flex items-center space-x-4 mb-6\">\r\n                                <div class=\"icon-circle bg-white text-coral\">\r\n                                    <i class=\"fas fa-dollar-sign\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h3 class=\"text-xl font-bold\">Competitive Pricing<\/h3>\r\n                                    <p class=\"text-white opacity-90 font-medium text-sm\">Best value guarantee<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <p class=\"opacity-95 leading-relaxed\">Transparent pricing with special rates for bulk orders, ensuring excellent value for your investment. No hidden fees, just honest pricing that fits your budget.<\/p>\r\n                            <div class=\"mt-4\">\r\n                                <span class=\"text-sm bg-white bg-opacity-20 px-3 py-1 rounded-full transition-all duration-300 hover:bg-white hover:bg-opacity-30 hover:scale-105\">Bulk Discounts<\/span>\r\n                                <span class=\"text-sm bg-white bg-opacity-20 px-3 py-1 rounded-full ml-2 transition-all duration-300 hover:bg-white hover:bg-opacity-30 hover:scale-105\">No Hidden Fees<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Row 2: Right & Left -->\r\n                <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                    <div class=\"fade-in\">\r\n                        <div class=\"feature-card bg-light-blue text-white p-8 rounded-2xl shadow-lg\">\r\n                            <div class=\"flex items-center space-x-4 mb-6\">\r\n                                <div class=\"icon-circle bg-white text-light-blue\">\r\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h3 class=\"text-xl font-bold\">Local Sabah Expertise<\/h3>\r\n                                    <p class=\"text-white opacity-90 font-medium text-sm\">Born & raised in Sabah<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <p class=\"opacity-95 leading-relaxed\">Deep understanding of local market needs and cultural preferences in Sabah, Malaysia. We know what works here and deliver solutions that resonate with your local audience.<\/p>\r\n                            <div class=\"mt-4\">\r\n                                <span class=\"text-sm bg-white bg-opacity-20 px-3 py-1 rounded-full transition-all duration-300 hover:bg-white hover:bg-opacity-30 hover:scale-105\">Local Knowledge<\/span>\r\n                                <span class=\"text-sm bg-white bg-opacity-20 px-3 py-1 rounded-full ml-2 transition-all duration-300 hover:bg-white hover:bg-opacity-30 hover:scale-105\">Cultural Insight<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"fade-in\">\r\n                        <div class=\"feature-card bg-white p-8 rounded-2xl shadow-lg border-l-4 border-accent border border-gray-100\">\r\n                            <div class=\"flex items-center space-x-4 mb-6\">\r\n                                <div class=\"icon-circle bg-accent text-dark-navy\">\r\n                                    <i class=\"fas fa-bolt\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h3 class=\"text-xl font-bold text-dark-navy\">Fast & Reliable<\/h3>\r\n                                    <p class=\"text-accent font-medium text-sm\">Same-day quotes<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <p class=\"text-gray-600 leading-relaxed\">Quick turnaround times with reliable delivery service to meet your project deadlines. We understand urgency and always deliver on time, every time.<\/p>\r\n                            <div class=\"mt-4 flex space-x-4\">\r\n                                <span class=\"text-sm bg-accent bg-opacity-10 text-dark-navy px-3 py-1 rounded-full transition-all duration-300 hover:bg-accent hover:bg-opacity-20 hover:scale-105\">24H Quotes<\/span>\r\n                                <span class=\"text-sm bg-accent bg-opacity-10 text-dark-navy px-3 py-1 rounded-full transition-all duration-300 hover:bg-accent hover:bg-opacity-20 hover:scale-105\">On-Time Delivery<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Section -->\r\n    <section id=\"contact\" class=\"section-padding bg-white relative\">\r\n        <!-- Geometric Decorations -->\r\n        <div class=\"geometric-shape w-40 h-40 bg-coral top-5 left-0 geometric-blob opacity-20\"><\/div>\r\n        <div class=\"geometric-shape w-28 h-28 bg-light-blue bottom-10 right-5 geometric-rounded-rect opacity-30\"><\/div>\r\n        \r\n        <div class=\"container mx-auto px-6\">\r\n            <div class=\"text-center mb-16 fade-in\">\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-dark-navy mb-4\">Get In Touch<\/h2>\r\n                <p class=\"text-base md:text-lg text-gray-600 max-w-3xl mx-auto\">\r\n                    Ready to bring your vision to life? Contact us today for a personalized quote and expert consultation on your printing needs.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"max-w-2xl mx-auto\">\r\n                <!-- Contact Information -->\r\n                <div class=\"space-y-8 fade-in\">\r\n                    <div class=\"bg-gray-50 p-8 rounded-2xl\">\r\n                        <h3 class=\"text-xl font-bold text-dark-navy mb-4\">Contact Information<\/h3>\r\n                        \r\n                        <div class=\"space-y-6\">\r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"flex-shrink-0 w-12 h-12 bg-primary rounded-lg flex items-center justify-center\">\r\n                                    <i class=\"fas fa-map-marker-alt text-white\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"font-semibold text-dark-navy mb-2\">Office Address<\/h4>\r\n                                    <p class=\"text-gray-600\">Block G, Mile 6 1\/2, 11, Jalan Tuaran Bypass,<br>Sri Kemajuan Industrial Centre,<br>88450 Kota Kinabalu, Sabah, Malaysia<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"flex-shrink-0 w-12 h-12 bg-success rounded-lg flex items-center justify-center\">\r\n                                    <i class=\"fab fa-whatsapp text-white\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"font-semibold text-dark-navy mb-2\">WhatsApp<\/h4>\r\n                                    <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about\" class=\"text-success font-medium hover:text-green-700 transition-colors\" target=\"_blank\" rel=\"noopener\">+60138507607<\/a>\r\n                                    <p class=\"text-sm text-gray-500 mt-1\">Instant response for quotes!<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"flex-shrink-0 w-12 h-12 bg-coral rounded-lg flex items-center justify-center\">\r\n                                    <i class=\"fas fa-phone text-white\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"font-semibold text-dark-navy mb-2\">Phone<\/h4>\r\n                                    <a href=\"tel:+60138507607\" class=\"text-gray-600 hover:text-primary transition-colors\">+60138507607<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex items-start space-x-4\">\r\n                                <div class=\"flex-shrink-0 w-12 h-12 bg-light-blue rounded-lg flex items-center justify-center\">\r\n                                    <i class=\"fas fa-clock text-white\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"font-semibold text-dark-navy mb-2\">Business Hours<\/h4>\r\n                                    <p class=\"text-gray-600\">Monday - Friday: 9:00 AM - 6:00 PM<br>Saturday: 9:00 AM - 2:00 PM<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Quick WhatsApp Contact -->\r\n                    <div class=\"bg-primary p-6 rounded-2xl text-white text-center\">\r\n                        <h4 class=\"text-lg font-bold mb-2\">Need Quick Quote?<\/h4>\r\n                        <p class=\"mb-4 opacity-90\">Chat with us on WhatsApp for instant response!<\/p>\r\n                        <a href=\"https:\/\/wa.me\/60138507607?text=Hi%20Sabah%20Souvenir%2C%20I%20would%20like%20to%20ask%20more%20about\" class=\"btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            Chat Now on WhatsApp\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-dark-navy text-white py-12 relative\">\r\n        <div class=\"geometric-shape w-32 h-32 bg-accent top-5 right-10 geometric-blob opacity-20\"><\/div>\r\n        \r\n        <div class=\"container mx-auto px-6 text-center relative z-10\">\r\n\r\n\r\n            <p class=\"opacity-60\">&copy;2023-2025 Percetakan CCS Sdn Bhd 199101015350 (225662-A). All rights reserved.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Smooth scrolling for navigation links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Form submission handler\r\n        document.querySelector('.contact-form').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Get form data\r\n            const formData = new FormData(this);\r\n            const name = this.querySelector('input[type=\"text\"]').value;\r\n            const phone = this.querySelector('input[type=\"tel\"]').value;\r\n            const email = this.querySelector('input[type=\"email\"]').value;\r\n            const service = this.querySelector('select').value;\r\n            const details = this.querySelector('textarea').value;\r\n            \r\n            \/\/ Create WhatsApp message\r\n            const message = `Hi! I'm interested in your printing services.\r\n\r\nName: ${name}\r\nPhone: ${phone}\r\nEmail: ${email}\r\nService: ${service}\r\nDetails: ${details}\r\n\r\nPlease provide me with a quote. Thank you!`;\r\n            \r\n            \/\/ Redirect to WhatsApp\r\n            const whatsappUrl = `https:\/\/wa.me\/60138507607?text=${encodeURIComponent(message)}`;\r\n            window.open(whatsappUrl, '_blank');\r\n            \r\n            \/\/ Show success message\r\n            alert('Redirecting to WhatsApp... We will respond to your inquiry within 24 hours!');\r\n        });\r\n\r\n        \/\/ Intersection Observer for fade-in animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.remove('animate');\r\n                    entry.target.classList.add('visible');\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Initialize and observe all fade-in elements\r\n        document.querySelectorAll('.fade-in').forEach(el => {\r\n            el.classList.add('animate'); \/\/ Start with hidden state\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Add scroll effect to service cards\r\n        document.querySelectorAll('.service-card').forEach(card => {\r\n            card.style.opacity = '1'; \/\/ Make sure they're visible\r\n            card.style.transform = 'translateY(0)';\r\n            card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            observer.observe(card);\r\n        });\r\n\r\n        \/\/ Animate portfolio cards - ensure they're visible\r\n        document.querySelectorAll('.portfolio-card').forEach(card => {\r\n            card.style.opacity = '1'; \/\/ Make sure they're visible\r\n            card.style.transform = 'translateY(0)';\r\n            card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            observer.observe(card);\r\n        });\r\n\r\n        \/\/ Counter animation for stats\r\n        function animateCounter(element, target) {\r\n            const increment = target \/ 50;\r\n            let current = 0;\r\n            \r\n            const timer = setInterval(() => {\r\n                current += increment;\r\n                if (current >= target) {\r\n                    current = target;\r\n                    clearInterval(timer);\r\n                }\r\n                \r\n                if (target === 500) {\r\n                    element.textContent = Math.floor(current) + '+';\r\n                } else if (target === 24) {\r\n                    element.textContent = Math.floor(current) + 'H';\r\n                } else {\r\n                    element.textContent = Math.floor(current) + '\u2605';\r\n                }\r\n            }, 50);\r\n        }\r\n\r\n        \/\/ Animate counters when they come into view\r\n        const counters = document.querySelectorAll('.stats-counter');\r\n        const counterObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const text = entry.target.textContent;\r\n                    if (text.includes('500')) {\r\n                        animateCounter(entry.target, 500);\r\n                    } else if (text.includes('24')) {\r\n                        animateCounter(entry.target, 24);\r\n                    } else {\r\n                        animateCounter(entry.target, 5);\r\n                    }\r\n                    counterObserver.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.5 });\r\n\r\n        counters.forEach(counter => {\r\n            counterObserver.observe(counter);\r\n        });\r\n\r\n        \/\/ Mobile menu functionality removed\r\n\r\n        \/\/ Smooth scrolling for navigation links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    const offsetTop = target.offsetTop - 80; \/\/ Account for fixed header\r\n                    window.scrollTo({\r\n                        top: offsetTop,\r\n                        behavior: 'smooth'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Add active state to navigation links based on scroll position\r\n        window.addEventListener('scroll', () => {\r\n            const sections = document.querySelectorAll('section[id]');\r\n            const navLinks = document.querySelectorAll('.nav-link');\r\n            \r\n            let current = '';\r\n            sections.forEach(section => {\r\n                const sectionTop = section.offsetTop - 100;\r\n                if (window.pageYOffset >= sectionTop) {\r\n                    current = section.getAttribute('id');\r\n                }\r\n            });\r\n\r\n            navLinks.forEach(link => {\r\n                link.classList.remove('active');\r\n                if (link.getAttribute('href') === `#${current}`) {\r\n                    link.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sabah Souvenir &#8211; Professional Printing &#038; Labeling Services &#8211; Sabah Malaysia Sabah Souvenir Home Services About Contact Professional Souvenir Printing &#038; Labeling Services Transform your ideas into premium quality printed products. From custom t-shirts to professional labels &#8211; we deliver excellence in every print. Get Instant Quote View Our Services Why Choose Us? Premium Quality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"rankMath":{"parentDomain":"sabahsouvenir.my","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":false,"featuredImageNotice":"The featured image should be at least 200 by 200 pixels to be picked up by Facebook and other social media sites.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"home","permalinkFormat":"https:\/\/www.sabahsouvenir.my\/bm\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/www.sabahsouvenir.my\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":true,"primaryTaxonomy":false,"serpData":{"title":"","description":"Sabah Souvenir Kota Kinabalu - Premium custom printing, corporate gifts &amp; promotional items. Same-day quotes, fast delivery across Sabah Malaysia.","focusKeywords":"Printing,Gifts,Kota Kinabalu","pillarContent":false,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":{"max-snippet":"-1","max-video-preview":"-1","max-image-preview":"large"},"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":"","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"username","primaryTerm":0,"authorName":"admin@sabahsouvenir.my","titleTemplate":"Sabah Souvenir Kota Kinabalu | Premium Custom Printing & Corporate Gifts Malaysia","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":[],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":true,"hasBreadcrumb":false},"homeUrl":"https:\/\/www.sabahsouvenir.my\/bm","objectID":2,"objectType":"post","locale":"ms","localeFull":"ms_MY","overlayImages":{"play":{"name":"Play icon","url":"https:\/\/www.sabahsouvenir.my\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/home\/tlckdxrn\/sabahsouvenir.my\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"GIF icon","url":"https:\/\/www.sabahsouvenir.my\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/home\/tlckdxrn\/sabahsouvenir.my\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/www.sabahsouvenir.my\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/social-placeholder.jpg","customPermalinks":true,"isUserRegistered":true,"autoSuggestKeywords":true,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Fwww.sabahsouvenir.my%2Fbm&r=https%3A%2F%2Fwww.sabahsouvenir.my%2Fbm%2Fwp-json%2Fwp%2Fv2%2Fpages%2F2%3Fnonce%3D54d2770175&pro=1","maxTags":100,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/www.sabahsouvenir.my\/wp-content\/uploads\/2025\/07\/cropped-cropped-S-favicon-32x32.png","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"showKeywordIntent":true,"isPro":true,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Upgrade","trendsPreviewImage":"https:\/\/www.sabahsouvenir.my\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":[],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":false,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":{"max-snippet":"-1","max-video-preview":"-1","max-image-preview":"large"},"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"_links":{"self":[{"href":"https:\/\/www.sabahsouvenir.my\/bm\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sabahsouvenir.my\/bm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sabahsouvenir.my\/bm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sabahsouvenir.my\/bm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sabahsouvenir.my\/bm\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":11,"href":"https:\/\/www.sabahsouvenir.my\/bm\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/www.sabahsouvenir.my\/bm\/wp-json\/wp\/v2\/pages\/2\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/www.sabahsouvenir.my\/bm\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}