{"id":5906,"date":"2025-06-26T15:43:57","date_gmt":"2025-06-26T07:43:57","guid":{"rendered":"https:\/\/sing2sky.com\/?page_id=5906"},"modified":"2025-09-19T04:13:37","modified_gmt":"2025-09-19T08:13:37","slug":"company","status":"publish","type":"page","link":"https:\/\/sing2sky.com\/de\/about-us\/company\/","title":{"rendered":"Unternehmen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5906\" class=\"elementor elementor-5906\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad74a77 e-flex e-con-boxed e-con e-parent\" data-id=\"ad74a77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d653964 elementor-widget elementor-widget-html\" data-id=\"d653964\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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>About Sing2Sky - Leading Educational Wooden Toy Manufacturer | Preschool Learning Materials<\/title>\r\n    <meta name=\"description\" content=\"Sing2Sky is a trusted manufacturer of educational wooden toys for preschools and kindergartens. 18+ years experience, 100+ patents, serving 100,000+ institutions worldwide with safe, innovative learning materials.\">\r\n    <meta name=\"keywords\" content=\"educational wooden toys manufacturer, preschool learning materials, kindergarten toys, wooden educational toys, early childhood development, Montessori toys, STEM learning toys\">\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    <link rel=\"canonical\" href=\"https:\/\/sing2sky.com\/about\">\r\n    \r\n    <!-- Open Graph \/ Facebook -->\r\n    <meta property=\"og:type\" content=\"website\">\r\n    <meta property=\"og:url\" content=\"https:\/\/sing2sky.com\/about\">\r\n    <meta property=\"og:title\" content=\"About Sing2Sky - Leading Educational Wooden Toy Manufacturer\">\r\n    <meta property=\"og:description\" content=\"Discover Sing2Sky's 18+ years of creating safe, innovative educational wooden toys for preschools and kindergartens worldwide.\">\r\n    <meta property=\"og:image\" content=\"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/06\/Factory-front-view.avif\">\r\n\r\n    <!-- Twitter -->\r\n    <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n    <meta property=\"twitter:url\" content=\"https:\/\/sing2sky.com\/about\">\r\n    <meta property=\"twitter:title\" content=\"About Sing2Sky - Leading Educational Wooden Toy Manufacturer\">\r\n    <meta property=\"twitter:description\" content=\"Discover Sing2Sky's 18+ years of creating safe, innovative educational wooden toys for preschools and kindergartens worldwide.\">\r\n    <meta property=\"twitter:image\" content=\"https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/06\/Factory-front-view.avif\">\r\n    \r\n    <!-- Schema.org structured data -->\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n        \"@context\": \"https:\/\/schema.org\",\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Sing2Sky\",\r\n        \"description\": \"Leading manufacturer of educational wooden toys for preschools and kindergartens worldwide\",\r\n        \"url\": \"https:\/\/sing2sky.com\",\r\n        \"logo\": \"https:\/\/sing2sky.com\/logo.png\",\r\n        \"foundingDate\": \"2007\",\r\n        \"industry\": \"Educational Toy Manufacturing\",\r\n        \"numberOfEmployees\": \"200+\",\r\n        \"address\": {\r\n            \"@type\": \"PostalAddress\",\r\n            \"addressCountry\": \"China\"\r\n        },\r\n        \"contactPoint\": {\r\n            \"@type\": \"ContactPoint\",\r\n            \"contactType\": \"sales\",\r\n            \"url\": \"https:\/\/sing2sky.com\/contact\"\r\n        },\r\n        \"sameAs\": [\r\n            \"https:\/\/www.linkedin.com\/company\/sing2sky\",\r\n            \"https:\/\/www.facebook.com\/sing2sky\"\r\n        ],\r\n        \"makesOffer\": {\r\n            \"@type\": \"Offer\",\r\n            \"itemOffered\": {\r\n                \"@type\": \"Product\",\r\n                \"name\": \"Educational Wooden Toys\",\r\n                \"category\": \"Early Childhood Education Materials\"\r\n            }\r\n        }\r\n    }\r\n    <\/script>\r\n    \r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html, body {\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            background-color: #fff;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* Hero Banner Section *\/\r\n        .hero-banner {\r\n            width: 100vw;\r\n            height: 70vh;\r\n            min-height: 500px;\r\n            position: relative;\r\n            margin-left: calc(-50vw + 50%);\r\n            margin-top: 0;\r\n            background-image: url('https:\/\/sing2sky.com\/wp-content\/uploads\/2025\/06\/Factory-front-view.avif');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0, 0, 0, 0.4);\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            padding: 0 2rem;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: clamp(2rem, 5vw, 4rem);\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 1rem;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: clamp(1rem, 2vw, 1.5rem);\r\n            color: white;\r\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 2vw;\r\n        }\r\n\r\n        \/* Company Overview Section *\/\r\n        .company-overview {\r\n            padding: 8vh 0;\r\n            background: #fff;\r\n        }\r\n\r\n        .overview-content {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6vw;\r\n            min-height: 50vh;\r\n        }\r\n\r\n        .overview-left {\r\n            flex: 1.2;\r\n        }\r\n\r\n        .overview-right {\r\n            flex: 1;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(2.5rem, 5vw, 4rem);\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n            margin-bottom: 2rem;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .section-text {\r\n            font-size: clamp(1rem, 1.5vw, 1.2rem);\r\n            color: #666;\r\n            line-height: 1.8;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        \/* Stats Section - Restored Original Structure *\/\r\n        .stats-section {\r\n            background: #f8f9fa;\r\n            width: 100vw;\r\n            padding: 6vh 0;\r\n            margin-left: calc(-50vw + 50%);\r\n        }\r\n\r\n        .stats-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            gap: clamp(20px, 3vw, 30px);\r\n            padding: clamp(10px, 2vw, 20px);\r\n        }\r\n\r\n        .stat-card {\r\n            background: white;\r\n            border: 4px solid #ddd;\r\n            border-radius: 20px;\r\n            padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px);\r\n            text-align: center;\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            min-height: clamp(160px, 20vw, 200px);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .stat-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: clamp(24px, 6vw, 48px);\r\n            font-weight: bold;\r\n            color: #333;\r\n            margin-bottom: clamp(8px, 2vw, 15px);\r\n            line-height: 1.2;\r\n            font-variant-numeric: tabular-nums;\r\n            word-break: break-word;\r\n        }\r\n\r\n        .stat-description {\r\n            font-size: clamp(12px, 1.8vw, 16px);\r\n            color: #333;\r\n            line-height: 1.5;\r\n            max-width: 280px;\r\n            text-align: center;\r\n            word-wrap: break-word;\r\n        }\r\n\r\n        .certifications-card {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: clamp(15px, 3vw, 20px);\r\n        }\r\n\r\n        .certifications-title {\r\n            font-size: clamp(20px, 4.5vw, 36px);\r\n            font-weight: bold;\r\n            color: #333;\r\n            margin-bottom: clamp(5px, 1.5vw, 10px);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .certifications-image {\r\n            width: 100%;\r\n            max-width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        \/* Mission & Vision Section *\/\r\n        .mission-vision {\r\n            padding: 8vh 0;\r\n            background: #fff;\r\n        }\r\n\r\n        .mission-vision-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 4rem;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .mission-card, .vision-card {\r\n            background: #fff;\r\n            color: #333;\r\n            padding: 3rem;\r\n            border-radius: 20px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: transform 0.3s ease;\r\n            border: 2px solid #f0f0f0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            min-height: 350px;\r\n        }\r\n\r\n        .mission-card:hover, .vision-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n            color: #2c3e50;\r\n        }\r\n\r\n        .card-text {\r\n            font-size: 1.1rem;\r\n            line-height: 1.7;\r\n            text-align: center;\r\n            color: #666;\r\n        }\r\n\r\n        \/* Values Section *\/\r\n        .values-section {\r\n            background: #f8f9fa;\r\n            width: 100vw;\r\n            padding: 8vh 0;\r\n            margin-left: calc(-50vw + 50%);\r\n        }\r\n\r\n        .values-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 2rem;\r\n        }\r\n\r\n        .values-title {\r\n            text-align: center;\r\n            font-size: clamp(2.5rem, 5vw, 4rem);\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .value-item {\r\n            background: white;\r\n            padding: 2.5rem;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .value-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .value-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .value-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .value-description {\r\n            font-size: 1rem;\r\n            color: #666;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Animation classes *\/\r\n        .wow {\r\n            visibility: visible;\r\n            animation: fadeInUp 0.8s ease;\r\n        }\r\n\r\n        .slideInLeft {\r\n            animation: slideInLeft 0.8s ease;\r\n        }\r\n\r\n        @keyframes slideInLeft {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-50px);\r\n            }\r\n            \r\n            requestAnimationFrame(updateNumber);\r\n        }\r\n\r\n        \/\/ Intersection Observer for 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.add('wow');\r\n                    \r\n                    \/\/ Add staggered animation for value items\r\n                    if (entry.target.classList.contains('value-item')) {\r\n                        const valueItems = document.querySelectorAll('.value-item');\r\n                        valueItems.forEach((item, index) => {\r\n                            if (item === entry.target) {\r\n                                setTimeout(() => {\r\n                                    item.style.animationDelay = `${index * 0.1}s`;\r\n                                }, 100);\r\n                            }\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Stats animation observer\r\n        const statsObserver = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting && !entry.target.classList.contains('animated')) {\r\n                    const card = entry.target;\r\n                    const delay = parseInt(card.dataset.delay) || 0;\r\n                    \r\n                    \/\/ Mark as animated to prevent re-triggering\r\n                    card.classList.add('animated');\r\n                    \r\n                    setTimeout(() => {\r\n                        \/\/ Animate card entrance\r\n                        card.classList.add('animate');\r\n                        \r\n                        \/\/ Animate number if it's a stat card\r\n                        const numberElement = card.querySelector('.stat-number');\r\n                        if (numberElement && numberElement.dataset.target) {\r\n                            const target = parseInt(numberElement.dataset.target);\r\n                            const suffix = numberElement.dataset.suffix || '';\r\n                            \r\n                            \/\/ Start number animation after card animation begins\r\n                            setTimeout(() => {\r\n                                animateNumber(numberElement, target, 2000, suffix);\r\n                            }, 300);\r\n                        }\r\n                    }, delay);\r\n                }\r\n            });\r\n        }, { threshold: 0.3, rootMargin: '0px 0px -50px 0px' });\r\n\r\n        \/\/ Observe all elements with wow class and stat cards\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            document.querySelectorAll('.wow').forEach(el => {\r\n                observer.observe(el);\r\n            });\r\n            \r\n            const statCards = document.querySelectorAll('.stat-card');\r\n            statCards.forEach(card => {\r\n                statsObserver.observe(card);\r\n            });\r\n            \r\n            \/\/ Add smooth scrolling\r\n            document.documentElement.style.scrollBehavior = 'smooth';\r\n            \r\n            \/\/ Lazy loading for images\r\n            if ('IntersectionObserver' in window) {\r\n                const imageObserver = new IntersectionObserver((entries, observer) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            const img = entry.target;\r\n                            if (img.dataset.src) {\r\n                                img.src = img.dataset.src;\r\n                                img.classList.remove('lazy');\r\n                                imageObserver.unobserve(img);\r\n                            }\r\n                        }\r\n                    });\r\n                });\r\n\r\n                document.querySelectorAll('img[data-src]').forEach(img => {\r\n                    imageObserver.observe(img);\r\n                });\r\n            }\r\n        });\r\n\r\n        \/\/ Add parallax effect to hero section with throttling\r\n        let ticking = false;\r\n        \r\n        function updateParallax() {\r\n            const scrolled = window.pageYOffset;\r\n            const heroOverlay = document.querySelector('.hero-overlay');\r\n            const heroContent = document.querySelector('.hero-content');\r\n            \r\n            if (heroOverlay && heroContent && scrolled < window.innerHeight) {\r\n                heroOverlay.style.transform = `translateY(${scrolled * 0.5}px)`;\r\n                heroContent.style.transform = `translateY(${scrolled * 0.3}px)`;\r\n            }\r\n            \r\n            ticking = false;\r\n        }\r\n        \r\n        window.addEventListener('scroll', () => {\r\n            if (!ticking) {\r\n                requestAnimationFrame(updateParallax);\r\n                ticking = true;\r\n            }\r\n        });\r\n\r\n        \/\/ Add hover effects for better interactivity\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const statCards = document.querySelectorAll('.stat-card');\r\n            \r\n            statCards.forEach(card => {\r\n                card.addEventListener('mouseenter', () => {\r\n                    const numberElement = card.querySelector('.stat-number');\r\n                    if (numberElement) {\r\n                        numberElement.style.transform = 'scale(1.05)';\r\n                        numberElement.style.transition = 'transform 0.2s ease';\r\n                    }\r\n                });\r\n                \r\n                card.addEventListener('mouseleave', () => {\r\n                    const numberElement = card.querySelector('.stat-number');\r\n                    if (numberElement) {\r\n                        numberElement.style.transform = 'scale(1)';\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Add keyboard navigation support\r\n            document.querySelectorAll('.cta-button, .stat-card, .value-item').forEach(element => {\r\n                element.setAttribute('tabindex', '0');\r\n                element.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        if (element.href) {\r\n                            window.location.href = element.href;\r\n                        } else {\r\n                            element.click();\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Performance optimization - reduce animations on low-end devices\r\n        if ('deviceMemory' in navigator && navigator.deviceMemory < 4) {\r\n            document.body.classList.add('reduced-motion');\r\n        }\r\n\r\n        \/\/ Add reduced motion CSS\r\n        const style = document.createElement('style');\r\n        style.textContent = `\r\n            .stat-number.counting {\r\n                animation: pulse 2s ease-in-out;\r\n            }\r\n            \r\n            @keyframes pulse {\r\n                0%, 100% { \r\n                    color: #333; \r\n                }\r\n                50% { \r\n                    color: #e74c3c; \r\n                    transform: scale(1.02);\r\n                }\r\n            }\r\n\r\n            .reduced-motion * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n\r\n            @media (prefers-reduced-motion: reduce) {\r\n                * {\r\n                    animation-duration: 0.01ms !important;\r\n                    animation-iteration-count: 1 !important;\r\n                    transition-duration: 0.01ms !important;\r\n                }\r\n            }\r\n\r\n            \/* Focus styles for accessibility *\/\r\n            .cta-button:focus,\r\n            .stat-card:focus,\r\n            .value-item:focus {\r\n                outline: 2px solid #667eea;\r\n                outline-offset: 2px;\r\n            }\r\n        `;\r\n        document.head.appendChild(style);\r\n\r\n        \/\/ Add error handling for images\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            document.querySelectorAll('img').forEach(img => {\r\n                img.addEventListener('error', function() {\r\n                    this.style.display = 'none';\r\n                    console.warn('Failed to load image:', this.src);\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Add Google Analytics event tracking (if GA is installed)\r\n        function trackEvent(eventName, parameters = {}) {\r\n            if (typeof gtag !== 'undefined') {\r\n                gtag('event', eventName, parameters);\r\n            }\r\n        }\r\n\r\n        \/\/ Track CTA clicks\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            document.querySelectorAll('.cta-button').forEach(button => {\r\n                button.addEventListener('click', () => {\r\n                    trackEvent('cta_click', {\r\n                        'event_category': 'engagement',\r\n                        'event_label': 'about_page_cta'\r\n                    });\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        .slideInRight {\r\n            animation: slideInRight 0.8s ease;\r\n        }\r\n\r\n        @keyframes slideInRight {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        \/* CTA Section - Simple Background *\/\r\n        .cta-section {\r\n            background: #fff;\r\n            color: #333;\r\n            padding: 4rem 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .cta-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            color: #2c3e50;\r\n        }\r\n\r\n        .cta-text {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 2rem;\r\n            color: #666;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            background: white;\r\n            color: #333;\r\n            padding: 12px 24px;\r\n            border: 2px solid #333;\r\n            border-radius: 6px;\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            font-size: 14px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: none;\r\n            box-shadow: none;\r\n            background: #333;\r\n            color: white;\r\n            border-color: #333;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .hero-banner {\r\n                height: 60vh;\r\n                min-height: 450px;\r\n            }\r\n            \r\n            .overview-content {\r\n                flex-direction: column;\r\n                gap: 3vh;\r\n                text-align: center;\r\n                min-height: 40vh;\r\n            }\r\n            \r\n            .mission-vision-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-banner {\r\n                height: 50vh;\r\n                min-height: 400px;\r\n            }\r\n            \r\n            .company-overview {\r\n                padding: 6vh 0;\r\n            }\r\n            \r\n            .overview-content {\r\n                min-height: 35vh;\r\n                text-align: center;\r\n            }\r\n            \r\n            .mission-vision {\r\n                padding: 6vh 0;\r\n            }\r\n            \r\n            .mission-vision-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.5rem;\r\n            }\r\n            \r\n            .mission-card, .vision-card {\r\n                padding: 2rem;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .values-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .value-item {\r\n                padding: 1.5rem;\r\n            }\r\n\r\n            .cta-title {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .wrap {\r\n                padding: 0 1rem;\r\n            }\r\n            \r\n            .hero-banner {\r\n                height: 45vh;\r\n                min-height: 350px;\r\n            }\r\n            \r\n            .hero-content {\r\n                padding: 0 1rem;\r\n            }\r\n            \r\n            .company-overview {\r\n                padding: 4vh 0;\r\n            }\r\n            \r\n            .values-section {\r\n                padding: 4vh 1rem;\r\n            }\r\n            \r\n            .mission-vision {\r\n                padding: 6vh 0;\r\n            }\r\n            \r\n            .values-container {\r\n                padding: 0 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-banner {\r\n                height: 40vh;\r\n                min-height: 320px;\r\n            }\r\n            \r\n            .values-section {\r\n                padding: 4vh 1rem;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .hero-banner {\r\n                height: 60vh;\r\n                min-height: 450px;\r\n            }\r\n            \r\n            .overview-content {\r\n                flex-direction: column;\r\n                gap: 3vh;\r\n                text-align: center;\r\n                min-height: 40vh;\r\n            }\r\n            \r\n            .mission-vision-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-banner {\r\n                height: 50vh;\r\n                min-height: 400px;\r\n            }\r\n            \r\n            .company-overview {\r\n                padding: 6vh 0;\r\n            }\r\n            \r\n            .overview-content {\r\n                min-height: 35vh;\r\n                text-align: center;\r\n            }\r\n            \r\n            .mission-vision {\r\n                padding: 6vh 0;\r\n            }\r\n            \r\n            .mission-vision-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.5rem;\r\n            }\r\n            \r\n            .mission-card, .vision-card {\r\n                padding: 2rem;\r\n            }\r\n            \r\n            .card-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .values-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .value-item {\r\n                padding: 1.5rem;\r\n            }\r\n\r\n            .cta-title {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .wrap {\r\n                padding: 0 1rem;\r\n            }\r\n            \r\n            .hero-banner {\r\n                height: 45vh;\r\n                min-height: 350px;\r\n            }\r\n            \r\n            .hero-content {\r\n                padding: 0 1rem;\r\n            }\r\n            \r\n            .company-overview {\r\n                padding: 4vh 0;\r\n            }\r\n            \r\n            .stats-section, .values-section {\r\n                padding: 4vh 0;\r\n            }\r\n            \r\n            .mission-vision {\r\n                padding: 6vh 0;\r\n            }\r\n            \r\n            .values-container {\r\n                padding: 0 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-banner {\r\n                height: 40vh;\r\n                min-height: 320px;\r\n            }\r\n            \r\n            .stats-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n                padding: 5px;\r\n            }\r\n            \r\n            .stat-card {\r\n                padding: 15px 10px;\r\n                min-height: 140px;\r\n                border-radius: 15px;\r\n            }\r\n            \r\n            .stat-number {\r\n                font-size: 20px;\r\n                margin-bottom: 8px;\r\n            }\r\n            \r\n            .stat-description {\r\n                font-size: 11px;\r\n                line-height: 1.4;\r\n                max-width: 200px;\r\n            }\r\n            \r\n            .certifications-title {\r\n                font-size: 18px;\r\n                margin-bottom: 5px;\r\n            }\r\n\r\n            .certifications-image {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        \/* Stats section responsive breakpoints - Restored Original *\/\r\n        @media (min-width: 481px) and (max-width: 768px) {\r\n            .stats-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n                padding: 10px;\r\n            }\r\n            \r\n            .stat-card {\r\n                padding: 20px 15px;\r\n                min-height: 160px;\r\n            }\r\n            \r\n            .stat-number {\r\n                font-size: 28px;\r\n                margin-bottom: 10px;\r\n            }\r\n            \r\n            .stat-description {\r\n                font-size: 12px;\r\n                max-width: 220px;\r\n            }\r\n            \r\n            .certifications-title {\r\n                font-size: 22px;\r\n            }\r\n\r\n            .certifications-image {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 769px) and (max-width: 1024px) {\r\n            .stats-container {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 25px;\r\n                padding: 15px;\r\n            }\r\n            \r\n            .stat-card {\r\n                padding: 30px 20px;\r\n                min-height: 180px;\r\n            }\r\n            \r\n            .stat-number {\r\n                font-size: 36px;\r\n                margin-bottom: 12px;\r\n            }\r\n            \r\n            .stat-description {\r\n                font-size: 14px;\r\n                max-width: 240px;\r\n            }\r\n            \r\n            .certifications-title {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .certifications-image {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 1025px) and (max-width: 1200px) {\r\n            .stats-container {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 25px;\r\n                padding: 18px;\r\n            }\r\n            \r\n            .stat-card {\r\n                padding: 35px 25px;\r\n                min-height: 190px;\r\n            }\r\n            \r\n            .stat-number {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .stat-description {\r\n                font-size: 15px;\r\n                max-width: 260px;\r\n            }\r\n            \r\n            .certifications-title {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .certifications-image {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 1201px) {\r\n            .stats-container {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 30px;\r\n                padding: 20px;\r\n            }\r\n            \r\n            .stat-card {\r\n                padding: 40px 30px;\r\n                min-height: 200px;\r\n            }\r\n            \r\n            .stat-number {\r\n                font-size: 48px;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .stat-description {\r\n                font-size: 16px;\r\n                max-width: 280px;\r\n            }\r\n            \r\n            .certifications-title {\r\n                font-size: 36px;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .certifications-image {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        \/* Content area fills screen *\/\r\n        main {\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            margin-top: 0;\r\n            padding-top: 0;\r\n        }\r\n\r\n        \/* Remove any possible margins *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <main>\r\n        <!-- Hero Banner Section -->\r\n        <header class=\"hero-banner\" role=\"banner\">\r\n            <div class=\"hero-overlay\"><\/div>\r\n            <div class=\"hero-content\">\r\n                <h1 class=\"hero-title\">Leading Educational Wooden Toy Manufacturer<\/h1>\r\n                <p class=\"hero-subtitle\">Empowering Children Through Safe, Innovative Learning Materials Since 2007<\/p>\r\n            <\/div>\r\n        <\/header>\r\n        \r\n        <!-- Company Overview Section -->\r\n        <section class=\"company-overview wrap\" role=\"main\">\r\n            <div class=\"overview-content\">\r\n                <div class=\"overview-left\">\r\n                    <h2 class=\"section-title wow slideInLeft\">Empowering Children to Play Their Way to Extraordinary Lives<\/h2>\r\n                <\/div>\r\n                <div class=\"overview-right\">\r\n                    <div class=\"wow slideInRight\">\r\n                        <p class=\"section-text\">For over 18 years, Sing2Sky has been a trusted manufacturer of educational wooden toys, dedicated to creating safe, innovative, and inspiring learning materials for preschools and kindergartens worldwide.<\/p>\r\n                        <p class=\"section-text\">From our state-of-the-art 25,000 m\u00b2 facility, we serve over 100,000 educational institutions globally. Our mission is simple: to create toys that educate, inspire creativity, and foster healthy child development in early learning environments.<\/p>\r\n                        <p class=\"section-text\">With 100+ patents and international safety certifications, Sing2Sky combines traditional craftsmanship with modern manufacturing technology to deliver the highest quality educational toys that meet and exceed global safety standards.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Stats Section -->\r\n        <section class=\"stats-section\" aria-label=\"Company Statistics\">\r\n            <div class=\"stats-container\">\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-number\">25,000 m\u00b2<\/div>\r\n                    <div class=\"stat-description\">State-of-the-art factory facility of 25,000m\u00b2 with complete production lines and quality control systems.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-number\">18 Years<\/div>\r\n                    <div class=\"stat-description\">Dedicated to manufacturing educational wooden toys with proven expertise in early childhood development.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-number\">100,000+<\/div>\r\n                    <div class=\"stat-description\">Preschools, kindergartens, and childcare centers worldwide trust Sing2Sky for quality learning materials.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-number\">100+<\/div>\r\n                    <div class=\"stat-description\">Innovative patented products designed for optimal learning experiences and child development.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-number\">500+ Products<\/div>\r\n                    <div class=\"stat-description\">Ready-to-ship inventory of educational toys and learning materials for immediate delivery.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card certifications-card\">\r\n                    <div class=\"certifications-title\">Safety Certifications<\/div>\r\n                    <img decoding=\"async\" src=\"http:\/\/sing2sky.com\/wp-content\/uploads\/2025\/06\/\u4f01\u4e1a\u8ba4\u8bc1\u957f\u56fe\uff08\u5927\u56fe\u900f\u660e\u80cc\u666f\uff09.png\" alt=\"International Safety Certifications Including CE, CPSIA, EN71, and ISO Standards\" class=\"certifications-image\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Mission & Vision Section -->\r\n        <section class=\"mission-vision wrap\" aria-label=\"Mission and Vision\">\r\n            <div class=\"mission-vision-grid\">\r\n                <article class=\"mission-card wow slideInLeft\">\r\n                    <h3 class=\"card-title\">Our Mission<\/h3>\r\n                    <p class=\"card-text\">To empower children worldwide through innovative, safe wooden toys that inspire creativity and foster learning. We create educational products that bring joy to children while providing peace of mind to educators and parents in early childhood development.<\/p>\r\n                <\/article>\r\n                \r\n                <article class=\"vision-card wow slideInRight\">\r\n                    <h3 class=\"card-title\">Our Vision<\/h3>\r\n                    <p class=\"card-text\">To be the global leader in educational toy manufacturing, recognized for quality, innovation, and contribution to child development. We envision a world where every child has access to safe, engaging toys that help them play their way to extraordinary lives.<\/p>\r\n                <\/article>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Company Values Section -->\r\n        <section class=\"values-section\" aria-label=\"Core Values\">\r\n            <div class=\"values-container\">\r\n                <h2 class=\"values-title wow\">Our Core Values<\/h2>\r\n                <div class=\"values-grid\">\r\n                    <article class=\"value-item wow\">\r\n                        <div class=\"value-icon\" role=\"img\" aria-label=\"Safety Shield\">\ud83d\udee1\ufe0f<\/div>\r\n                        <h3 class=\"value-title\">Safety First<\/h3>\r\n                        <p class=\"value-description\">Every product undergoes rigorous safety testing to ensure it meets the highest international standards for child safety in educational environments.<\/p>\r\n                    <\/article>\r\n                    \r\n                    <article class=\"value-item wow\">\r\n                        <div class=\"value-icon\" role=\"img\" aria-label=\"Innovation\">\ud83c\udfa8<\/div>\r\n                        <h3 class=\"value-title\">Innovation<\/h3>\r\n                        <p class=\"value-description\">We continuously innovate to create engaging educational experiences that adapt to evolving learning needs and teaching methodologies.<\/p>\r\n                    <\/article>\r\n                    \r\n                    <article class=\"value-item wow\">\r\n                        <div class=\"value-icon\" role=\"img\" aria-label=\"Sustainability\">\ud83c\udf31<\/div>\r\n                        <h3 class=\"value-title\">Sustainability<\/h3>\r\n                        <p class=\"value-description\">We use eco-friendly materials and sustainable manufacturing processes to protect the environment for future generations of learners.<\/p>\r\n                    <\/article>\r\n                    \r\n                    <article class=\"value-item wow\">\r\n                        <div class=\"value-icon\" role=\"img\" aria-label=\"Partnership\">\ud83e\udd1d<\/div>\r\n                        <h3 class=\"value-title\">Partnership<\/h3>\r\n                        <p class=\"value-description\">We build lasting relationships with educators, administrators, and communities to better understand and serve children's developmental needs.<\/p>\r\n                    <\/article>\r\n                    \r\n                    <article class=\"value-item wow\">\r\n                        <div class=\"value-icon\" role=\"img\" aria-label=\"Excellence\">\u2b50<\/div>\r\n                        <h3 class=\"value-title\">Excellence<\/h3>\r\n                        <p class=\"value-description\">We strive for excellence in every aspect of our business, from product design and manufacturing to customer service and support.<\/p>\r\n                    <\/article>\r\n                    \r\n                    <article class=\"value-item wow\">\r\n                        <div class=\"value-icon\" role=\"img\" aria-label=\"Passion\">\u2764\ufe0f<\/div>\r\n                        <h3 class=\"value-title\">Passion<\/h3>\r\n                        <p class=\"value-description\">Our passion for early childhood development drives everything we do, inspiring us to create meaningful play experiences that shape young minds.<\/p>\r\n                    <\/article>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Call to Action Section -->\r\n        <section class=\"cta-section\" aria-label=\"Contact Call to Action\">\r\n            <div class=\"wrap\">\r\n                <h2 class=\"cta-title\">Ready to Partner With Us?<\/h2>\r\n                <p class=\"cta-text\">Discover how Sing2Sky's educational wooden toys can enhance learning experiences in your institution.<\/p>\r\n                <a href=\"https:\/\/sing2sky.com\/contact\/\" class=\"cta-button\" aria-label=\"Contact Sing2Sky for Educational Toy Solutions\">Get in Touch Today<\/a>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <script>\r\n        \/\/ Number animation function\r\n        function animateNumber(element, target, duration = 2000, suffix = '') {\r\n            const start = 0;\r\n            const startTime = performance.now();\r\n            \r\n            \/\/ Add counting class for visual feedback\r\n            element.classList.add('counting');\r\n            \r\n            function updateNumber(currentTime) {\r\n                const elapsed = currentTime - startTime;\r\n                const progress = Math.min(elapsed \/ duration, 1);\r\n                \r\n                \/\/ Use easing function for smooth animation\r\n                const easeOutQuart = 1 - Math.pow(1 - progress, 4);\r\n                const current = Math.floor(easeOutQuart * target);\r\n                \r\n                \/\/ Format number with commas for large numbers\r\n                const formattedNumber = current.toLocaleString();\r\n                element.textContent = formattedNumber + suffix;\r\n                \r\n                if (progress < 1) {\r\n                    requestAnimationFrame(updateNumber);\r\n                } else {\r\n                    \/\/ Remove counting class when animation is complete\r\n                    element.classList.remove('counting');\r\n                }\r\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>About Sing2Sky &#8211; Leading Educational Wooden Toy Manufacturer | Preschool Learning Materials Leading Educational Wooden Toy Manufacturer Empowering Children Through Safe, Innovative Learning Materials Since 2007 Empowering Children to Play Their Way to Extraordinary Lives For over 18 years, Sing2Sky has been a trusted manufacturer of educational wooden toys, dedicated to creating safe, innovative, and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":166,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5906","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/sing2sky.com\/de\/wp-json\/wp\/v2\/pages\/5906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sing2sky.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sing2sky.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sing2sky.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sing2sky.com\/de\/wp-json\/wp\/v2\/comments?post=5906"}],"version-history":[{"count":0,"href":"https:\/\/sing2sky.com\/de\/wp-json\/wp\/v2\/pages\/5906\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sing2sky.com\/de\/wp-json\/wp\/v2\/pages\/166"}],"wp:attachment":[{"href":"https:\/\/sing2sky.com\/de\/wp-json\/wp\/v2\/media?parent=5906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}