{"id":2897,"date":"2025-11-28T09:52:18","date_gmt":"2025-11-28T09:52:18","guid":{"rendered":"https:\/\/gracexport.com\/?page_id=2897"},"modified":"2026-06-17T11:37:46","modified_gmt":"2026-06-17T11:37:46","slug":"partner-with-gracexport","status":"publish","type":"page","link":"https:\/\/gracexport.com\/it\/partner-with-gracexport\/","title":{"rendered":"Partner With Gracexport"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2897\" class=\"elementor elementor-2897\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a407da2 e-con-full e-flex e-con e-parent\" data-id=\"a407da2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4833923 e-con-full e-flex e-con e-child\" data-id=\"4833923\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-717079f elementor-widget elementor-widget-html\" data-id=\"717079f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&family=Lato:wght@300;400;700;900&family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<!-- GRACE DISPLAY: ULTIMATE OPTIMIZED MODULE -->\n<div id=\"grace-elite-partner\">\n    <style>\n        \/* --- 1. SCOPED VARIABLES & RESET --- *\/\n        #grace-elite-partner {\n            --p-primary: #2f3945;       \/* Deep Blue Grey *\/\n            --p-gold: #d4af37;          \/* Metallic Gold *\/\n            --p-gold-hover: #b49226;    \n            --p-blue-shadow: rgba(0, 135, 253, 0.4); \/* REQUESTED BLUE SHADOW *\/\n            --p-bg-light: #f4f6f8;      \n            --p-white: #ffffff;\n            --p-text-dark: #2f3945;\n            --p-text-grey: #5c6776;\n            \n            --font-head: 'Poppins', sans-serif;\n            --font-body: 'Lato', 'Inter', sans-serif;\n            \n            --max-w: 1280px;\n            --space-y: 5rem;\n            \n            width: 100%;\n            overflow-x: hidden;\n            font-family: var(--font-body);\n            color: var(--p-text-dark);\n            line-height: 1.6;\n            background-color: var(--p-white);\n            box-sizing: border-box;\n            position: relative;\n        }\n\n        #grace-elite-partner *, \n        #grace-elite-partner *::before, \n        #grace-elite-partner *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* --- 2. TYPOGRAPHY --- *\/\n        #grace-elite-partner h2, \n        #grace-elite-partner h3, \n        #grace-elite-partner h4 {\n            font-family: var(--font-head);\n            color: var(--p-primary);\n            font-weight: 700;\n            line-height: 1.2;\n            margin-bottom: 1rem;\n        }\n\n        #grace-elite-partner h2 {\n            font-size: 2.8rem;\n            letter-spacing: -0.5px;\n            position: relative;\n        }\n\n        #grace-elite-partner p {\n            font-size: 1.05rem;\n            color: var(--p-text-grey);\n            margin-bottom: 1.5rem;\n            font-weight: 400;\n        }\n\n        #grace-elite-partner .gp-title-wrap {\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 3.5rem;\n        }\n        \n        #grace-elite-partner .gp-title-wrap h2::after {\n            content: '';\n            display: block;\n            width: 60px;\n            height: 3px;\n            background-color: var(--p-gold);\n            margin: 15px auto 0;\n        }\n\n        \/* --- 3. ADVANCED BUTTONS (Animation + Ripple + Capitalize) --- *\/\n        #grace-elite-partner .gp-btn {\n            position: relative; \/* For ripple positioning *\/\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 15px 40px;\n            background-color: var(--p-gold);\n            color: #fff;\n            font-family: var(--font-head);\n            font-weight: 600;\n            \n            \/* 1. Capitalize first letter *\/\n            text-transform: capitalize; \n            \n            letter-spacing: 0.5px;\n            font-size: 0.95rem;\n            text-decoration: none;\n            border: 1px solid var(--p-gold);\n            border-radius: 4px;\n            overflow: hidden; \/* Contains the ripple *\/\n            z-index: 1;\n            \n            \/* Transition for Lift and Shadow *\/\n            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), \n                        box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), \n                        background-color 0.3s;\n            \n            \/* Initial Gold Shadow *\/\n            box-shadow: 0 4px 6px rgba(212, 175, 55, 0.3);\n        }\n\n        \/* Hover State: Lift + Blue Shadow *\/\n        #grace-elite-partner .gp-btn:hover {\n            \/* 5. Lift 3px *\/\n            transform: translateY(-3px);\n            \/* 5. Blue Diffuse Shadow *\/\n            box-shadow: 0 8px 25px var(--p-blue-shadow);\n            background-color: var(--p-gold); \/* Keep gold background *\/\n            border-color: var(--p-gold);\n        }\n\n        \/* 4. Ripple Animation Effect *\/\n        #grace-elite-partner .gp-btn::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 5px;\n            height: 5px;\n            background: rgba(255, 255, 255, 0.6);\n            opacity: 0;\n            border-radius: 100%;\n            transform: translate(-50%, -50%);\n            z-index: -1; \/* Behind text *\/\n        }\n\n        #grace-elite-partner .gp-btn:hover::after {\n            animation: gp-ripple 0.8s ease-out;\n        }\n\n        @keyframes gp-ripple {\n            0% {\n                transform: translate(-50%, -50%) scale(1);\n                opacity: 0.5;\n            }\n            100% {\n                transform: translate(-50%, -50%) scale(40); \/* Expands to cover button *\/\n                opacity: 0;\n            }\n        }\n\n        \/* Outline Button Variant *\/\n        #grace-elite-partner .gp-btn-outline {\n            background-color: transparent;\n            border: 1px solid var(--p-white);\n            color: var(--p-white);\n            box-shadow: none;\n        }\n\n        #grace-elite-partner .gp-btn-outline:hover {\n            background-color: var(--p-white);\n            color: var(--p-primary);\n            box-shadow: 0 8px 25px rgba(255, 255, 255, 0.4); \/* White shadow for dark bg *\/\n        }\n\n        \/* --- 4. HERO SECTION --- *\/\n        #grace-elite-partner .gp-hero {\n            position: relative;\n            padding: 8rem 5%;\n            background: linear-gradient(rgba(47, 57, 69, 0.9), rgba(47, 57, 69, 0.8)), \n                        url('https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/industrial-retail-display-stands-modular-shopfitting-fixtures-set.webp');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n            color: var(--p-white);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n        }\n\n        #grace-elite-partner .gp-hero h2 {\n            color: var(--p-white);\n            font-size: 3.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        #grace-elite-partner .gp-hero p {\n            color: #e0e0e0; \n            font-size: 1.25rem;\n            max-width: 800px;\n            margin-bottom: 2.5rem;\n        }\n\n        #grace-elite-partner .gp-hero span.gold-text { color: var(--p-gold); }\n\n        \/* --- 5. STATS STRIP (Rolling Numbers) --- *\/\n        #grace-elite-partner .gp-stats-strip {\n            background-color: var(--p-gold);\n            padding: 2.5rem 5%;\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 4rem;\n        }\n\n        #grace-elite-partner .gp-stat-box {\n            text-align: center;\n            color: var(--p-primary);\n        }\n\n        #grace-elite-partner .gp-stat-num {\n            font-family: var(--font-head);\n            font-size: 2.5rem;\n            font-weight: 800;\n            line-height: 1;\n            display: inline-block;\n        }\n\n        #grace-elite-partner .gp-stat-label {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            font-weight: 700;\n            letter-spacing: 1px;\n            margin-top: 5px;\n        }\n\n        \/* --- 6. FACTORY SHOWCASE (Interactive Images) --- *\/\n        #grace-elite-partner .gp-factory {\n            padding: var(--space-y) 5%;\n            background-color: var(--p-bg-light);\n        }\n\n        #grace-elite-partner .gp-grid-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            max-width: var(--max-w);\n            margin: 0 auto;\n            align-items: center;\n        }\n\n        #grace-elite-partner .gp-content-side h4 {\n            color: var(--p-gold);\n            text-transform: uppercase;\n            font-size: 0.9rem;\n            letter-spacing: 2px;\n            margin-bottom: 0.5rem;\n        }\n\n        #grace-elite-partner .gp-checklist {\n            list-style: none;\n            margin-top: 2rem;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n        }\n\n        #grace-elite-partner .gp-checklist li {\n            padding-left: 25px;\n            position: relative;\n            font-size: 0.95rem;\n            color: var(--p-primary);\n            font-weight: 600;\n        }\n\n        #grace-elite-partner .gp-checklist li::before {\n            content: '\u2713';\n            color: var(--p-gold);\n            position: absolute;\n            left: 0;\n            font-weight: bold;\n        }\n\n        #grace-elite-partner .gp-image-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 15px;\n        }\n\n        #grace-elite-partner .gp-img-item {\n            position: relative;\n            height: 220px;\n            overflow: hidden;\n            background: #ccc;\n            border-radius: 4px;\n            cursor: zoom-in; \/* Indicates clickable *\/\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            transition: transform 0.3s;\n        }\n\n        #grace-elite-partner .gp-img-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n\n        #grace-elite-partner .gp-img-item:hover img { transform: scale(1.1); }\n        \n        #grace-elite-partner .gp-img-caption {\n            position: absolute; bottom: 0; left: 0; width: 100%;\n            background: rgba(47, 57, 69, 0.9);\n            color: #fff; padding: 8px 10px; font-size: 0.75rem;\n            text-transform: uppercase; letter-spacing: 1px; text-align: center;\n        }\n\n        \/* --- 7. CARDS (3D Shadow Effect) --- *\/\n        #grace-elite-partner .gp-partners {\n            padding: var(--space-y) 5%;\n            background-color: var(--p-white);\n        }\n\n        #grace-elite-partner .gp-cards-row {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 2rem;\n            max-width: var(--max-w);\n            margin: 0 auto;\n        }\n\n        #grace-elite-partner .gp-card {\n            background: #fff;\n            border: 1px solid #e0e0e0;\n            padding: 3rem 2rem;\n            position: relative;\n            border-radius: 4px;\n            \n            \/* 2. Soft 3D Shadow Initial *\/\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n            transition: all 0.4s ease;\n        }\n\n        #grace-elite-partner .gp-card:hover {\n            border-color: var(--p-primary);\n            transform: translateY(-5px);\n            \n            \/* 2. Deeper Shadow on Hover *\/\n            box-shadow: 0 20px 40px rgba(47, 57, 69, 0.15);\n        }\n\n        #grace-elite-partner .gp-card::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 4px;\n            background-color: var(--p-gold); transition: width 0.3s ease;\n        }\n        #grace-elite-partner .gp-card:hover::before { width: 100%; }\n\n        #grace-elite-partner .gp-icon {\n            width: 60px; height: 60px; margin-bottom: 2rem; color: var(--p-gold);\n        }\n        #grace-elite-partner .gp-icon svg { width: 100%; height: 100%; }\n\n        #grace-elite-partner .gp-card h3 { font-size: 1.4rem; margin-bottom: 1rem; }\n        \n        #grace-elite-partner .gp-features-list {\n            margin-top: 1.5rem; border-top: 1px solid #eee; padding-top: 1.5rem; list-style: none;\n        }\n        #grace-elite-partner .gp-features-list li {\n            font-size: 0.9rem; margin-bottom: 8px; color: #666; display: flex; align-items: center;\n        }\n        #grace-elite-partner .gp-features-list li::before {\n            content: '\u2022'; color: var(--p-gold); font-size: 1.5rem; line-height: 0; margin-right: 10px;\n        }\n\n        \/* --- 8. WHY US --- *\/\n        #grace-elite-partner .gp-why-us {\n            background-color: var(--p-primary);\n            color: var(--p-white);\n            padding: var(--space-y) 5%;\n        }\n        #grace-elite-partner .gp-why-us h2 { color: var(--p-white); }\n        #grace-elite-partner .gp-why-us p { color: #ccc; }\n        #grace-elite-partner .gp-why-us .gp-title-wrap h2::after { background-color: var(--p-gold); }\n\n        #grace-elite-partner .gp-benefit-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 3rem; max-width: var(--max-w); margin: 0 auto;\n        }\n        #grace-elite-partner .gp-benefit-item { text-align: left; }\n        #grace-elite-partner .gp-benefit-item h4 {\n            color: var(--p-gold); font-size: 1.2rem; margin-bottom: 1rem; display: flex; align-items: center;\n        }\n\n        \/* --- 9. CTA --- *\/\n        #grace-elite-partner .gp-cta {\n            background: #fff; padding: 6rem 5%; text-align: center; border-top: 5px solid var(--p-gold);\n        }\n\n        \/* --- 10. LIGHTBOX MODAL STYLES (New) --- *\/\n        #gp-modal-overlay {\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(30, 30, 30, 0.95); z-index: 100000;\n            display: none; justify-content: center; align-items: center;\n            overflow: hidden;\n        }\n        \n        #gp-modal-container {\n            width: 100vw; height: 100vh;\n            display: flex; justify-content: center; align-items: center;\n            cursor: grab; \/* Indicates draggable *\/\n        }\n        \n        #gp-modal-container:active { cursor: grabbing; }\n\n        #gp-modal-img {\n            max-width: 85%; max-height: 85%;\n            transition: transform 0.1s linear; \/* Smooth drag *\/\n            user-select: none; pointer-events: none; \/* Let container handle events *\/\n            box-shadow: 0 0 50px rgba(0,0,0,0.5);\n        }\n\n        #gp-modal-close {\n            position: absolute; top: 30px; right: 30px;\n            color: #fff; font-size: 40px; font-weight: bold;\n            cursor: pointer; z-index: 100001; transition: color 0.3s;\n        }\n        #gp-modal-close:hover { color: var(--p-gold); }\n\n        #gp-modal-hint {\n            position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);\n            color: rgba(255,255,255,0.6); font-size: 0.9rem; pointer-events: none;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 992px) {\n            #grace-elite-partner .gp-hero h2 { font-size: 2.5rem; }\n            #grace-elite-partner .gp-grid-split { grid-template-columns: 1fr; gap: 3rem; }\n            #grace-elite-partner .gp-image-grid { order: -1; }\n        }\n        @media (max-width: 768px) {\n            #grace-elite-partner .gp-hero { padding: 6rem 5%; }\n            #grace-elite-partner .gp-stats-strip { gap: 2rem; }\n            #grace-elite-partner .gp-stat-num { font-size: 2.2rem; }\n        }\n    <\/style>\n\n    <!-- SECTION 1: HERO -->\n    <section class=\"gp-hero\">\n        <h2>Your Manufacturing Partner <br>for <span class=\"gold-text\">Premium Retail Displays<\/span><\/h2>\n        <p>Direct from Xiamen Factory. We empower Global Distributors, Retail Brands, and Design Firms with high-margin, custom-engineered display solutions.<\/p>\n        <div style=\"display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;\">\n            <!-- Buttons Capitalized via CSS -->\n            <a href=\"#gp-contact-form\" class=\"gp-btn\">Start Your Project<\/a>\n            <a href=\"\/factory-tour\" class=\"gp-btn gp-btn-outline\">Watch Factory Video<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 2: STATS STRIP (Rolling Numbers) -->\n    <div class=\"gp-stats-strip\" id=\"gp-stats-section\">\n        <div class=\"gp-stat-box\">\n            <!-- Data targets added for JS -->\n            <div class=\"gp-stat-num\"><span class=\"gp-count\" data-val=\"15\">0<\/span>+<\/div>\n            <div class=\"gp-stat-label\">Years Experience<\/div>\n        <\/div>\n        <div class=\"gp-stat-box\">\n            <div class=\"gp-stat-num\"><span class=\"gp-count\" data-val=\"20\">0<\/span>k+<\/div>\n            <div class=\"gp-stat-label\">Projects Delivered<\/div>\n        <\/div>\n        <div class=\"gp-stat-box\">\n            <div class=\"gp-stat-num\"><span class=\"gp-count\" data-val=\"100\">0<\/span>%<\/div>\n            <div class=\"gp-stat-label\">Factory Direct<\/div>\n        <\/div>\n        <div class=\"gp-stat-box\">\n            <div class=\"gp-stat-num\">ISO<\/div>\n            <div class=\"gp-stat-label\">Certified Quality<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION 3: FACTORY CAPABILITY (Interactive Gallery) -->\n    <section class=\"gp-factory\">\n        <div class=\"gp-grid-split\">\n            <!-- Content -->\n            <div class=\"gp-content-side\">\n                <h4>Manufacturing Excellence<\/h4>\n                <h2>Real Factory.<br>Real Quality.<\/h2>\n                <p>Avoid the middleman markup. At Grace Display, you are dealing directly with the source. Our facility at No.5 Ma'an Road, Xiamen combines advanced CNC technology with master craftsmanship.<\/p>\n                <p>From a single luxury jewelry showcase to a 500-store fashion retail rollout, we have the capacity and expertise to deliver on time, every time.<\/p>\n                \n                <ul class=\"gp-checklist\">\n                    <li>Advanced Metal CNC Laser Cutting<\/li>\n                    <li>Dust-Free Painting & Powder Coating<\/li>\n                    <li>Tempered Glass UV Bonding<\/li>\n                    <li>FSC Certified Woodworking<\/li>\n                    <li>Pre-assembly Quality Inspection<\/li>\n                    <li>Export-Grade Safe Packaging<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Interactive Image Grid -->\n            <div class=\"gp-image-grid\">\n                <div class=\"gp-img-item\" onclick=\"openGpModal(this)\">\n                    <img decoding=\"async\" src=\"https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/high-precision-cnc-laser-cutting-metal-fabrication-service.webp\" alt=\"Precision CNC laser cutting machine for high quality sheet metal fabrication and custom metal parts\" loading=\"lazy\">\n                    <div class=\"gp-img-caption\">Precision Machinery<\/div>\n                <\/div>\n                <div class=\"gp-img-item\" onclick=\"openGpModal(this)\">\n                    <img decoding=\"async\" src=\"https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/precision-fiber-laser-cutting-metal-fabrication-display-solutions.webp\" alt=\"Precision fiber laser cutting machine for custom metal display parts manufacturing\" loading=\"lazy\">\n                    <div class=\"gp-img-caption\">Expert Craftsmanship<\/div>\n                <\/div>\n                <div class=\"gp-img-item\" onclick=\"openGpModal(this)\">\n                    <img decoding=\"async\" src=\"https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/luxury-gold-jewelry-display-showcase-boutique-retail-fixtures.webp\" alt=\"Luxury jewelry display showcase with gold stainless steel frame for high end boutique jewelry store\" loading=\"lazy\">\n                    <div class=\"gp-img-caption\">Luxury Finishes<\/div>\n                <\/div>\n                <div class=\"gp-img-item\" onclick=\"openGpModal(this)\">\n                    <img decoding=\"async\" src=\"https:\/\/gracexport.com\/wp-content\/uploads\/2026\/06\/bulk-retail-display-rack-container-loading-factory-direct-shipment.webp\" alt=\"Bulk shipment of custom retail display racks and store fixtures loaded for global shipping\" loading=\"lazy\">\n                    <div class=\"gp-img-caption\">Global Logistics<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 4: PARTNERSHIP TIERS -->\n    <section class=\"gp-partners\">\n        <div class=\"gp-title-wrap\">\n            <h2>Partnership Models<\/h2>\n            <p>Tailored cooperation solutions for different business needs.<\/p>\n        <\/div>\n\n        <div class=\"gp-cards-row\">\n            <!-- Card 1 -->\n            <div class=\"gp-card\">\n                <div class=\"gp-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n                <\/div>\n                <h3>For Distributors<\/h3>\n                <p>Expand your catalog with our factory-direct racks. We offer competitive wholesale pricing to protect your margins.<\/p>\n                <ul class=\"gp-features-list\">\n                    <li>Volume Tiered Pricing<\/li>\n                    <li>White Label \/ OEM Service<\/li>\n                    <li>Priority Production Slot<\/li>\n                    <li>Marketing Material Support<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Card 2 -->\n            <div class=\"gp-card\">\n                <div class=\"gp-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M3 21h18v-8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v8z\"\/><path d=\"M3 7h18a2 2 0 0 1 2 2v2H1V9a2 2 0 0 1 2-2z\"\/><path d=\"M8 21V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v16\"\/><\/svg>\n                <\/div>\n                <h3>For Retail Brands<\/h3>\n                <p>Opening a flagship store or a chain? We provide end-to-end shopfitting solutions that elevate your brand image.<\/p>\n                <ul class=\"gp-features-list\">\n                    <li>Concept to 3D Design<\/li>\n                    <li>Total Store Fixture Supply<\/li>\n                    <li>Installation Guidance<\/li>\n                    <li>Global Door-to-Door Shipping<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Card 3 -->\n            <div class=\"gp-card\">\n                <div class=\"gp-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/><path d=\"M2 2l7.586 7.586\"\/><circle cx=\"11\" cy=\"11\" r=\"2\"\/><\/svg>\n                <\/div>\n                <h3>For Designers<\/h3>\n                <p>You design, we build. We act as your invisible manufacturing backend, turning creative concepts into reality.<\/p>\n                <ul class=\"gp-features-list\">\n                    <li>Strict NDA Protection<\/li>\n                    <li>Material Feasibility Advice<\/li>\n                    <li>Rapid Prototyping (7 Days)<\/li>\n                    <li>CAD Technical Drawings<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 5: WHY CHOOSE US -->\n    <section class=\"gp-why-us\">\n        <div class=\"gp-title-wrap\">\n            <h2>The Grace Advantage<\/h2>\n            <p>Why 500+ international clients trust us with their retail spaces.<\/p>\n        <\/div>\n\n        <div class=\"gp-benefit-grid\">\n            <div class=\"gp-benefit-item\">\n                <h4>\n                    <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" style=\"margin-right:10px;\"><path d=\"M12 2v20M2 12h20\"\/><\/svg> \n                    Cost Efficiency\n                <\/h4>\n                <p>No trading companies, no extra fees. Our integrated supply chain in Xiamen ensures you get the best factory price directly.<\/p>\n            <\/div>\n            <div class=\"gp-benefit-item\">\n                <h4>\n                    <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" style=\"margin-right:10px;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> \n                    Quality Control\n                <\/h4>\n                <p>We use Ultra-clear Glass, E1 Grade MDF, and high-grade stainless steel. Every rack undergoes a 3-step QC process before packing.<\/p>\n            <\/div>\n            <div class=\"gp-benefit-item\">\n                <h4>\n                    <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" style=\"margin-right:10px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg> \n                    Speed to Market\n                <\/h4>\n                <p>Urgent project? Our flexible production lines allow for rush orders. Prototypes in 7 days, bulk orders in 20-30 days.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 6: CALL TO ACTION -->\n    <section id=\"gp-contact-form\" class=\"gp-cta\">\n        <h2 style=\"font-size: 2.5rem; color: var(--p-primary); margin-bottom: 1rem;\">Ready to Elevate Your Business?<\/h2>\n        <p style=\"max-width: 600px; margin: 0 auto 2.5rem;\">Join our network of successful partners. Send us your inquiry or design files today.<\/p>\n        \n        <div style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\">\n            <a href=\"\/contact-us\" class=\"gp-btn\">Get A Free Quote<\/a>\n            <a href=\"mailto:vicky@gracexport.com\" class=\"gp-btn\" style=\"background-color: var(--p-primary); border-color: var(--p-primary);\">Email Us Directly<\/a>\n        <\/div>\n        \n        <p style=\"margin-top: 1.5rem; font-size: 0.9rem; color: #888;\">\n            Factory Address: No.5 Ma'an Road, Xiamen, China <br>\n            <strong>Phone\/WhatsApp: (+86) 199-8069-3245<\/strong>\n        <\/p>\n    <\/section>\n\n    <!-- MODAL (Hidden by default) -->\n    <div id=\"gp-modal-overlay\">\n        <div id=\"gp-modal-close\" onclick=\"closeGpModal()\">&times;<\/div>\n        <div id=\"gp-modal-container\">\n            <img decoding=\"async\" id=\"gp-modal-img\" src=\"\" alt=\"Factory Detail View\">\n        <\/div>\n        <div id=\"gp-modal-hint\">Scroll to Zoom \u2022 Drag to Move<\/div>\n    <\/div>\n\n    <!-- JAVASCRIPT LOGIC (Native, No Libraries) -->\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \n        \/* 1. ROLLING NUMBERS ANIMATION *\/\n        const counters = document.querySelectorAll('.gp-count');\n        const speed = 200; \/\/ Duration factor\n\n        const animateNumbers = () => {\n            counters.forEach(counter => {\n                const updateCount = () => {\n                    const target = +counter.getAttribute('data-val');\n                    const count = +counter.innerText;\n                    \n                    \/\/ Lower increment for smooth effect\n                    const inc = target \/ speed;\n\n                    if (count < target) {\n                        counter.innerText = Math.ceil(count + inc);\n                        setTimeout(updateCount, 25);\n                    } else {\n                        counter.innerText = target;\n                    }\n                };\n                updateCount();\n            });\n        };\n\n        \/\/ Trigger when Stats Section is visible\n        const statsSection = document.getElementById('gp-stats-section');\n        const observer = new IntersectionObserver((entries) => {\n            if(entries[0].isIntersecting) {\n                animateNumbers();\n                observer.disconnect(); \/\/ Run once\n            }\n        }, { threshold: 0.5 });\n        \n        if(statsSection) observer.observe(statsSection);\n\n\n        \/* 2. INTERACTIVE MODAL (Zoom & Drag) *\/\n        const modal = document.getElementById('gp-modal-overlay');\n        const modalImg = document.getElementById('gp-modal-img');\n        const container = document.getElementById('gp-modal-container');\n        \n        let scale = 1;\n        let isDragging = false;\n        let startX, startY, translateX = 0, translateY = 0;\n\n        window.openGpModal = function(element) {\n            const imgSrc = element.querySelector('img').src;\n            modalImg.src = imgSrc;\n            modal.style.display = 'flex';\n            \n            \/\/ Disable page scroll\n            document.body.style.overflow = 'hidden';\n            \n            \/\/ Reset transforms\n            scale = 1; translateX = 0; translateY = 0;\n            updateTransform();\n        };\n\n        window.closeGpModal = function() {\n            modal.style.display = 'none';\n            document.body.style.overflow = 'auto'; \/\/ Re-enable scroll\n        };\n\n        \/\/ Close on background click\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal || e.target === container) {\n                closeGpModal();\n            }\n        });\n\n        \/\/ Zoom with Wheel\n        container.addEventListener('wheel', function(e) {\n            e.preventDefault();\n            scale += e.deltaY * -0.001;\n            \/\/ Limit zoom\n            scale = Math.min(Math.max(0.5, scale), 4);\n            updateTransform();\n        });\n\n        \/\/ Drag Logic\n        container.addEventListener('mousedown', function(e) {\n            isDragging = true;\n            startX = e.clientX - translateX;\n            startY = e.clientY - translateY;\n            container.style.cursor = 'grabbing';\n            e.preventDefault(); \/\/ Prevent text selection\n        });\n\n        window.addEventListener('mouseup', function() {\n            isDragging = false;\n            container.style.cursor = 'grab';\n        });\n\n        window.addEventListener('mousemove', function(e) {\n            if (!isDragging) return;\n            e.preventDefault();\n            translateX = e.clientX - startX;\n            translateY = e.clientY - startY;\n            updateTransform();\n        });\n\n        function updateTransform() {\n            modalImg.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scale})`;\n        }\n    });\n    <\/script>\n<\/div>\n\n<!-- SEO SCHEMA -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Manufacturer\",\n  \"name\": \"Grace Display Factory\",\n  \"description\": \"Custom retail display rack manufacturer offering OEM\/ODM services for global brands.\",\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"streetAddress\": \"No.5 Ma'an Road\",\n    \"addressLocality\": \"Xiamen\",\n    \"addressCountry\": \"CN\"\n  },\n  \"contactPoint\": {\n    \"@type\": \"ContactPoint\",\n    \"telephone\": \"+86-199-8069-3245\",\n    \"contactType\": \"sales\"\n  }\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Your Manufacturing Partner for Premium Retail Displays Direct from Xiamen Factory. We empower Global Distributors, Retail Brands, and Design Firms with high-margin, custom-engineered display solutions. Start Your Project Watch Factory Video 0+ Years Experience 0k+ Projects Delivered 0% Factory Direct ISO Certified Quality Manufacturing Excellence Real Factory.Real Quality. Avoid the middleman markup. At Grace Display, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2897","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"_links":{"self":[{"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/pages\/2897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/comments?post=2897"}],"version-history":[{"count":27,"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/pages\/2897\/revisions"}],"predecessor-version":[{"id":4629,"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/pages\/2897\/revisions\/4629"}],"wp:attachment":[{"href":"https:\/\/gracexport.com\/it\/wp-json\/wp\/v2\/media?parent=2897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}