{"id":4927,"date":"2025-08-05T06:04:48","date_gmt":"2025-08-05T06:04:48","guid":{"rendered":"https:\/\/gcrailsolution.digiquel.com\/?page_id=4927"},"modified":"2025-09-13T20:51:54","modified_gmt":"2025-09-13T20:51:54","slug":"social-responsibility","status":"publish","type":"page","link":"https:\/\/gcrailsolution.digiquel.com\/?page_id=4927","title":{"rendered":"Social Responsibility"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4927\" class=\"elementor elementor-4927\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-54bbfd9 e-flex e-con-boxed e-con e-parent \" data-id=\"54bbfd9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-d6e4df8 elementor-widget elementor-widget-html\" data-id=\"d6e4df8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<?php\r\n\/**\r\n * Under Construction Section for WordPress\r\n * Add this to your theme's functions.php or create as a custom block\r\n *\/\r\n\r\nfunction gc_rail_under_construction_section() {\r\n    ?>\r\n    <section class=\"gc-under-construction\" style=\"\r\n        position: relative;\r\n        min-height: 100vh;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        padding: 4rem 1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    \">\r\n        <!-- Background Pattern -->\r\n        <div style=\"\r\n            position: absolute;\r\n            inset: 0;\r\n            opacity: 0.05;\r\n            background-image: url('data:image\/svg+xml,%3Csvg width=\\'60\\' height=\\'60\\' viewBox=\\'0 0 60 60\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cg fill=\\'none\\' fill-rule=\\'evenodd\\'%3E%3Cg fill=\\'%23164e63\\' fill-opacity=\\'0.1\\'%3E%3Cpath d=\\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\\'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E');\r\n        \"><\/div>\r\n\r\n        <div style=\"\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            text-align: center;\r\n        \">\r\n            <!-- Construction Icon -->\r\n            <div style=\"margin-bottom: 2rem;\">\r\n                <div style=\"\r\n                    width: 96px;\r\n                    height: 96px;\r\n                    background: rgba(14, 165, 233, 0.1);\r\n                    border-radius: 50%;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    margin: 0 auto 1rem;\r\n                    animation: pulse 2s infinite;\r\n                \">\r\n                    <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0ea5e9\" stroke-width=\"2\">\r\n                        <path d=\"M2 20h20\"\/>\r\n                        <path d=\"M4 20V10a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10\"\/>\r\n                        <path d=\"M9 9v1\"\/>\r\n                        <path d=\"M12 9v1\"\/>\r\n                        <path d=\"M15 9v1\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Main Heading -->\r\n            <h1 style=\"\r\n                font-size: clamp(2.5rem, 5vw, 4rem);\r\n                font-weight: bold;\r\n                color: #164e63;\r\n                margin-bottom: 1.5rem;\r\n                line-height: 1.2;\r\n            \">\r\n                Under Construction\r\n            <\/h1>\r\n\r\n            <!-- Subheading -->\r\n            <p style=\"\r\n                font-size: clamp(1.125rem, 2vw, 1.5rem);\r\n                color: #475569;\r\n                margin-bottom: 2rem;\r\n                max-width: 42rem;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n                line-height: 1.6;\r\n            \">\r\n                We're building something amazing for railway infrastructure solutions. \r\n                Our new website will be ready soon!\r\n            <\/p>\r\n\r\n            <!-- Progress Bar -->\r\n            <div style=\"\r\n                max-width: 28rem;\r\n                margin: 0 auto 3rem;\r\n            \">\r\n                <div style=\"\r\n                    display: flex;\r\n                    justify-content: space-between;\r\n                    align-items: center;\r\n                    margin-bottom: 0.5rem;\r\n                \">\r\n                    <span style=\"font-size: 0.875rem; color: #475569;\">Progress<\/span>\r\n                    <span style=\"font-size: 0.875rem; font-weight: 500; color: #0ea5e9;\">75%<\/span>\r\n                <\/div>\r\n                <div style=\"\r\n                    width: 100%;\r\n                    background: #f8fafc;\r\n                    border-radius: 9999px;\r\n                    height: 12px;\r\n                \">\r\n                    <div style=\"\r\n                        background: #0ea5e9;\r\n                        height: 12px;\r\n                        border-radius: 9999px;\r\n                        width: 75%;\r\n                        transition: all 1s ease-out;\r\n                    \"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Info Cards -->\r\n            <div style=\"\r\n                display: grid;\r\n                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n                gap: 1.5rem;\r\n                margin-bottom: 3rem;\r\n                max-width: 64rem;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            \">\r\n                <div style=\"\r\n                    background: #ecfeff;\r\n                    border: 1px solid #e2e8f0;\r\n                    border-radius: 0.5rem;\r\n                    padding: 1.5rem;\r\n                    text-align: center;\r\n                \">\r\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0ea5e9\" stroke-width=\"2\" style=\"margin: 0 auto 1rem;\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                        <polyline points=\"12,6 12,12 16,14\"\/>\r\n                    <\/svg>\r\n                    <h3 style=\"font-weight: 600; color: #475569; margin-bottom: 0.5rem;\">Coming Soon<\/h3>\r\n                    <p style=\"font-size: 0.875rem; color: #475569;\">Expected launch in Q2 2024<\/p>\r\n                <\/div>\r\n\r\n                <div style=\"\r\n                    background: #ecfeff;\r\n                    border: 1px solid #e2e8f0;\r\n                    border-radius: 0.5rem;\r\n                    padding: 1.5rem;\r\n                    text-align: center;\r\n                \">\r\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0ea5e9\" stroke-width=\"2\" style=\"margin: 0 auto 1rem;\">\r\n                        <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n                        <polyline points=\"22,6 12,13 2,6\"\/>\r\n                    <\/svg>\r\n                    <h3 style=\"font-weight: 600; color: #475569; margin-bottom: 0.5rem;\">Stay Updated<\/h3>\r\n                    <p style=\"font-size: 0.875rem; color: #475569;\">Get notified when we launch<\/p>\r\n                <\/div>\r\n\r\n                <div style=\"\r\n                    background: #ecfeff;\r\n                    border: 1px solid #e2e8f0;\r\n                    border-radius: 0.5rem;\r\n                    padding: 1.5rem;\r\n                    text-align: center;\r\n                \">\r\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0ea5e9\" stroke-width=\"2\" style=\"margin: 0 auto 1rem;\">\r\n                        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n                    <\/svg>\r\n                    <h3 style=\"font-weight: 600; color: #475569; margin-bottom: 0.5rem;\">Need Help?<\/h3>\r\n                    <p style=\"font-size: 0.875rem; color: #475569;\">Contact us for urgent inquiries<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Contact Information -->\r\n            <div style=\"\r\n                background: #ecfeff;\r\n                border: 1px solid #e2e8f0;\r\n                border-radius: 0.5rem;\r\n                padding: 2rem;\r\n                max-width: 42rem;\r\n                margin: 0 auto;\r\n            \">\r\n                <h2 style=\"\r\n                    font-size: 1.5rem;\r\n                    font-weight: bold;\r\n                    color: #475569;\r\n                    margin-bottom: 1.5rem;\r\n                \">\r\n                    Get In Touch\r\n                <\/h2>\r\n                <div style=\"\r\n                    display: grid;\r\n                    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n                    gap: 1.5rem;\r\n                \">\r\n                    <div style=\"text-align: left;\">\r\n                        <h3 style=\"font-weight: 600; color: #475569; margin-bottom: 0.5rem;\">Email Us<\/h3>\r\n                        <p style=\"color: #475569; margin-bottom: 1rem; font-size: 0.875rem;\">\r\n                            For project inquiries and partnerships\r\n                        <\/p>\r\n                        <a href=\"mailto:info@gcrailsolution.com\" style=\"\r\n                            display: inline-flex;\r\n                            align-items: center;\r\n                            padding: 0.5rem 1rem;\r\n                            background: white;\r\n                            border: 1px solid #e2e8f0;\r\n                            border-radius: 0.375rem;\r\n                            color: #475569;\r\n                            text-decoration: none;\r\n                            font-size: 0.875rem;\r\n                        \">\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"margin-right: 0.5rem;\">\r\n                                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n                                <polyline points=\"22,6 12,13 2,6\"\/>\r\n                            <\/svg>\r\n                            info@gcrailsolution.com\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div style=\"text-align: left;\">\r\n                        <h3 style=\"font-weight: 600; color: #475569; margin-bottom: 0.5rem;\">Call Us<\/h3>\r\n                        <p style=\"color: #475569; margin-bottom: 1rem; font-size: 0.875rem;\">\r\n                            Speak directly with our team\r\n                        <\/p>\r\n                        <a href=\"#\" style=\"\r\n                            display: inline-flex;\r\n                            align-items: center;\r\n                            padding: 0.5rem 1rem;\r\n                            background: white;\r\n                            border: 1px solid #e2e8f0;\r\n                            border-radius: 0.375rem;\r\n                            color: #475569;\r\n                            text-decoration: none;\r\n                            font-size: 0.875rem;\r\n                        \">\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"margin-right: 0.5rem;\">\r\n                                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n                            <\/svg>\r\n                            Contact Support\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Footer Message -->\r\n            <p style=\"\r\n                font-size: 0.875rem;\r\n                color: #475569;\r\n                margin-top: 2rem;\r\n                max-width: 32rem;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n                line-height: 1.6;\r\n            \">\r\n                Thank you for your patience as we work to deliver the best railway infrastructure solutions. \r\n                Follow us on social media for updates!\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <style>\r\n            @keyframes pulse {\r\n                0%, 100% { opacity: 1; }\r\n                50% { opacity: 0.5; }\r\n            }\r\n        <\/style>\r\n    <\/section>\r\n    <?php\r\n}\r\n\r\n\/\/ To use this section, call the function in your template:\r\n\/\/ gc_rail_under_construction_section();\r\n?>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4927","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gcrailsolution.digiquel.com\/index.php?rest_route=\/wp\/v2\/pages\/4927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gcrailsolution.digiquel.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gcrailsolution.digiquel.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gcrailsolution.digiquel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gcrailsolution.digiquel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4927"}],"version-history":[{"count":4,"href":"https:\/\/gcrailsolution.digiquel.com\/index.php?rest_route=\/wp\/v2\/pages\/4927\/revisions"}],"predecessor-version":[{"id":5394,"href":"https:\/\/gcrailsolution.digiquel.com\/index.php?rest_route=\/wp\/v2\/pages\/4927\/revisions\/5394"}],"wp:attachment":[{"href":"https:\/\/gcrailsolution.digiquel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}