{"id":91,"date":"2025-09-24T00:52:29","date_gmt":"2025-09-24T00:52:29","guid":{"rendered":"https:\/\/modernworksgraphix.com\/?page_id=91"},"modified":"2025-11-09T17:12:42","modified_gmt":"2025-11-09T17:12:42","slug":"homepage","status":"publish","type":"page","link":"https:\/\/modernworksgraphix.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<figure class=\"wp-block-video aligncenter\" style=\"margin-top:var(--wp--preset--spacing--60)\"><video height=\"1088\" style=\"aspect-ratio: 1920 \/ 1088;\" width=\"1920\" autoplay loop muted src=\"https:\/\/modernworksgraphix.com\/wp-content\/uploads\/2025\/10\/Hello_google_so_202510101058.mp4-2.mp4\" playsinline><\/video><\/figure>\n\n\n    <div class=\"product-feature-section\">\n        <div class=\"product-feature-tiles\">\n            \n            \n            <!-- Decals Tile -->\n            <a href=\"https:\/\/modernworksgraphix.com\/?product_cat=decals\" class=\"feature-tile\">\n                <div class=\"feature-tile-image\">\n                    <img decoding=\"async\" src=\"https:\/\/modernworksgraphix.com\/wp-content\/uploads\/2025\/11\/output-onlinegiftools.gif\" alt=\"Stickers\" class=\"feature-tile-gif\">\n                <\/div>\n                <div class=\"feature-tile-content\">\n                    <h3 class=\"feature-tile-title\">Decals<\/h3>\n                <\/div>\n            <\/a>\n\t\t\t\n\t\t\t<!-- Stickers Tile - WITH GIF -->\n            <a href=\"https:\/\/modernworksgraphix.com\/?product_cat=stickers\" class=\"feature-tile\">\n                <div class=\"feature-tile-image\">\n                    <img decoding=\"async\" src=\"https:\/\/modernworksgraphix.com\/wp-content\/uploads\/2025\/11\/Make_the_image_202511091315-3.gif\" alt=\"Stickers\" class=\"feature-tile-gif\">\n                <\/div>\n                <div class=\"feature-tile-content\">\n                    <h3 class=\"feature-tile-title\">Stickers<\/h3>\n                <\/div>\n            <\/a>\n            \n            <!-- 3D Prints Tile -->\n            <a href=\"https:\/\/modernworksgraphix.com\/?product_cat=3dprinteditems\" class=\"feature-tile\">\n                <div class=\"feature-tile-image\">\n                    <img decoding=\"async\" src=\"https:\/\/modernworksgraphix.com\/wp-content\/uploads\/2025\/11\/output-onlinegiftools-1.gif\" alt=\"Stickers\" class=\"feature-tile-gif\">\n                <\/div>\n                <div class=\"feature-tile-content\">\n                    <h3 class=\"feature-tile-title\">3D Prints<\/h3>\n                <\/div>\n            <\/a>\n            \n        <\/div>\n    <\/div>\n    \n\n\n    <div class=\"sticker-reviews-section\">\n        <div class=\"sticker-reviews-container\">\n            \n            <!-- SLIDE 1 -->\n            <div class=\"review-slide active\">\n                <div class=\"review-content-side\">\n                    <div class=\"review-stars\">\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                    <\/div>\n                    <h4 class=\"review-title\">Amazing Quality!<\/h4>\n                    <p class=\"review-text\">The stickers exceeded my expectations. The colors are vibrant and the adhesive is perfect. Highly recommend ModernWorksGraphix!<\/p>\n                    <p class=\"review-author\">\u2014 James Gold<\/p>\n                <\/div>\n                <div class=\"sticker-image-side\">\n                    <img decoding=\"async\" src=\"https:\/\/modernworksgraphix.com\/wp-content\/uploads\/2025\/12\/jamesgoldtruck2.png\" alt=\"Sticker Example 1\">\n                <\/div>\n            <\/div>\n            \n            <!-- SLIDE 2 -->\n            <div class=\"review-slide\">\n                <div class=\"review-content-side\">\n                    <div class=\"review-stars\">\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                    <\/div>\n                    <h4 class=\"review-title\">Perfect for Branding<\/h4>\n                    <p class=\"review-text\">We ordered custom stickers for our business and they turned out incredible. Fast turnaround and excellent customer service!<\/p>\n                    <p class=\"review-author\">\u2014 Michael Chen<\/p>\n                <\/div>\n                <div class=\"sticker-image-side\">\n                    <img decoding=\"async\" src=\"https:\/\/modernworksgraphix.com\/wp-content\/uploads\/2025\/11\/masterbaiterfish.png\" alt=\"Sticker Example 2\">\n                <\/div>\n            <\/div>\n            \n            <!-- SLIDE 3 -->\n            <div class=\"review-slide\">\n                <div class=\"review-content-side\">\n                    <div class=\"review-stars\">\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                        <span class=\"star\">\u2605<\/span>\n                    <\/div>\n                    <h4 class=\"review-title\">Fantastic Experience<\/h4>\n                    <p class=\"review-text\">From ordering to delivery, everything was smooth and professional. The stickers look amazing and feel premium. Will definitely order again!<\/p>\n                    <p class=\"review-author\">\u2014 Emily Rodriguez<\/p>\n                <\/div>\n                <div class=\"sticker-image-side\">\n                    <img decoding=\"async\" src=\"https:\/\/modernworksgraphix.com\/wp-content\/uploads\/2025\/11\/orgasmdonor.png\" alt=\"Sticker Example 3\">\n                <\/div>\n            <\/div>\n            \n        <\/div>\n        \n        <!-- Navigation Controls -->\n        <div class=\"carousel-controls\">\n            <button class=\"carousel-arrow prev-arrow\" aria-label=\"Previous slide\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n                <\/svg>\n            <\/button>\n            \n            <div class=\"carousel-dots\">\n                <span class=\"dot active\" data-slide=\"0\"><\/span>\n                <span class=\"dot\" data-slide=\"1\"><\/span>\n                <span class=\"dot\" data-slide=\"2\"><\/span>\n            <\/div>\n            \n            <button class=\"carousel-arrow next-arrow\" aria-label=\"Next slide\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n                <\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        let currentSlide = 0;\n        const slides = document.querySelectorAll('.review-slide');\n        const dots = document.querySelectorAll('.dot');\n        const prevBtn = document.querySelector('.prev-arrow');\n        const nextBtn = document.querySelector('.next-arrow');\n        \n        function showSlide(n) {\n            slides.forEach(slide => slide.classList.remove('active'));\n            dots.forEach(dot => dot.classList.remove('active'));\n            \n            slides[n].classList.add('active');\n            dots[n].classList.add('active');\n            currentSlide = n;\n        }\n        \n        function nextSlide() {\n            showSlide((currentSlide + 1) % slides.length);\n        }\n        \n        function prevSlide() {\n            showSlide((currentSlide - 1 + slides.length) % slides.length);\n        }\n        \n        if (prevBtn) prevBtn.addEventListener('click', prevSlide);\n        if (nextBtn) nextBtn.addEventListener('click', nextSlide);\n        \n        dots.forEach(dot => {\n            dot.addEventListener('click', function() {\n                showSlide(parseInt(this.dataset.slide));\n            });\n        });\n    });\n    <\/script>\n    \n\n\n    <div class=\"custom-contact-form-container\">\n        <div class=\"contact-form-wrapper\">\n            \n            <!-- Left Side: Image -->\n            <div class=\"contact-form-image\">\n                <img decoding=\"async\" src=\"https:\/\/modernworksgraphix.com\/wp-content\/uploads\/2025\/11\/floridapng2.png\" alt=\"Florida ModernWorksGraphix\">\n            <\/div>\n            \n            <!-- Right Side: Form Fields -->\n            <div class=\"contact-form-fields\">\n                <h2>Get In Touch<\/h2>\n                \n                <div class=\"form-message\" style=\"display:none;\"><\/div>\n                \n                <form id=\"custom-contact-form\" class=\"contact-form\">\n                    <div class=\"form-group\">\n                        <label for=\"contact-name\">Name<\/label>\n                        <input type=\"text\" id=\"contact-name\" name=\"contact_name\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"contact-email\">Email<\/label>\n                        <input type=\"email\" id=\"contact-email\" name=\"contact_email\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"contact-subject\">Subject<\/label>\n                        <input type=\"text\" id=\"contact-subject\" name=\"contact_subject\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"contact-message\">Message<\/label>\n                        <textarea id=\"contact-message\" name=\"contact_message\" rows=\"5\" required><\/textarea>\n                    <\/div>\n                    \n                    <button type=\"submit\" class=\"contact-submit-btn\">Send Message<\/button>\n                <\/form>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n    \n\n\n    <div class=\"service-area-container\">\n        <div class=\"service-area-header\">\n            <h2>Our Service Area<\/h2>\n            <p>We're available to travel throughout the Orlando area and surrounding regions<\/p>\n        <\/div>\n        \n        <div class=\"service-map-wrapper\">\n            <div id=\"serviceMap\" class=\"service-map\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Initialize map\n        const orlandoCenter = { lat: 28.5421, lng: -81.3723 }; \/\/ Orlando, FL coordinates\n        \n        const map = new google.maps.Map(document.getElementById('serviceMap'), {\n            zoom: 10,\n            center: orlandoCenter,\n            mapTypeControl: true,\n            fullscreenControl: true,\n            streetViewControl: true,\n            styles: [\n                {\n                    \"featureType\": \"all\",\n                    \"elementType\": \"geometry.fill\",\n                    \"stylers\": [{ \"color\": \"#f0f0f0\" }]\n                },\n                {\n                    \"featureType\": \"water\",\n                    \"elementType\": \"geometry.fill\",\n                    \"stylers\": [{ \"color\": \"#ddeef7\" }]\n                }\n            ]\n        });\n\n        \/\/ Add center marker\n        const centerMarker = new google.maps.Marker({\n            position: orlandoCenter,\n            map: map,\n            title: 'ModernWorksGraphix - Orlando, FL',\n            icon: 'http:\/\/maps.google.com\/mapfiles\/ms\/icons\/0099ff-dot.png'\n        });\n\n        \/\/ Add info window for center marker\n        const infoWindow = new google.maps.InfoWindow({\n            content: '<div style=\"padding: 10px;\"><strong>ModernWorksGraphix<\/strong><br>Orlando, Florida<\/div>'\n        });\n\n        centerMarker.addListener('click', function() {\n            infoWindow.open(map, centerMarker);\n        });\n\n        \/\/ Add service radius circle (25 miles)\n        const serviceCircle = new google.maps.Circle({\n            strokeColor: '#00c4cc',\n            strokeOpacity: 0.8,\n            strokeWeight: 3,\n            fillColor: '#00c4cc',\n            fillOpacity: 0.15,\n            map: map,\n            center: orlandoCenter,\n            radius: 40233.6 \/\/ 25 miles in meters (25 * 1609.344)\n        });\n\n        \/\/ Add service area label\n        const labelDiv = document.createElement('div');\n        labelDiv.className = 'service-area-label';\n        labelDiv.textContent = '25 Mile Service Area';\n        \n        map.controls[google.maps.ControlPosition.TOP_RIGHT].push(labelDiv);\n    });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/modernworksgraphix.com\/index.php?rest_route=\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/modernworksgraphix.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/modernworksgraphix.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/modernworksgraphix.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/modernworksgraphix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=91"}],"version-history":[{"count":78,"href":"https:\/\/modernworksgraphix.com\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":4011,"href":"https:\/\/modernworksgraphix.com\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions\/4011"}],"wp:attachment":[{"href":"https:\/\/modernworksgraphix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}