{"id":2,"date":"2026-10-14T07:48:40","date_gmt":"2026-10-14T07:48:40","guid":{"rendered":"https:\/\/jd3038.com\/?page_id=2"},"modified":"2026-10-14T09:12:37","modified_gmt":"2026-10-14T09:12:37","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/jd3038.com\/","title":{"rendered":"2021 John Deere 3038E"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>2021 John Deere 3038E Compact Tractor<\/title>\n    <style>\n        * { box-sizing: border-box; margin: 0; padding: 0; }\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: #f1f5f9;\n            color: #0f172a;\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            padding: 10px;\n        }\n        .page-wrapper {\n            max-width: 860px;\n            margin: 20px auto;\n            background-color: #ffffff;\n            border-radius: 12px;\n            overflow: hidden;\n            border: 1px solid #cbd5e1;\n            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\n            width: 100%;\n        }\n        \/* Header *\/\n        .header {\n            background-color: #0f172a;\n            padding: 22px 30px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n        .brand-title {\n            font-size: 22px;\n            font-weight: 900;\n            color: #ffffff;\n            letter-spacing: 0.8px;\n            text-transform: uppercase;\n        }\n        .brand-subtitle {\n            font-size: 12px;\n            color: #94a3b8;\n            font-weight: 700;\n            letter-spacing: 0.8px;\n            margin-top: 3px;\n            text-transform: uppercase;\n        }\n        .header-phone {\n            background-color: #dc2626;\n            color: #ffffff;\n            text-decoration: none;\n            font-size: 14px;\n            font-weight: 800;\n            padding: 10px 18px;\n            border-radius: 6px;\n            display: inline-block;\n        }\n        .header-phone:hover { background-color: #b91c1c; }\n        \n        \/* Ribbon *\/\n        .ribbon {\n            background-color: #f0fdf4;\n            border-bottom: 1px solid #bbf7d0;\n            padding: 14px 30px;\n            font-size: 14px;\n            font-weight: 800;\n            color: #15803d;\n            text-transform: uppercase;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n        .location-tag {\n            background-color: #dcfce7;\n            padding: 4px 10px;\n            border-radius: 4px;\n            font-size: 12px;\n            color: #166534;\n        }\n        \n        \/* Content *\/\n        .content {\n            padding: 30px;\n        }\n        .product-title {\n            font-size: 26px;\n            font-weight: 900;\n            color: #0f172a;\n            margin-bottom: 6px;\n        }\n        .product-sub {\n            font-size: 15px;\n            color: #475569;\n            font-weight: 700;\n            margin-bottom: 20px;\n        }\n        \n        \/* Image Container *\/\n        .image-container {\n            position: relative;\n            width: 100%;\n            height: 400px;\n            background-color: #e2e8f0;\n            border-radius: 8px;\n            overflow: hidden;\n            margin-bottom: 25px;\n            border: 1px solid #cbd5e1;\n            cursor: pointer;\n        }\n        .image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.3s ease;\n        }\n        .image-container:hover img {\n            transform: scale(1.02);\n        }\n        .photo-badge {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            background-color: rgba(21, 128, 61, 0.95);\n            color: #ffffff;\n            padding: 8px 14px;\n            border-radius: 6px;\n            font-size: 13px;\n            font-weight: 800;\n            text-transform: uppercase;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            z-index: 2;\n        }\n        .click-to-enlarge {\n            position: absolute;\n            bottom: 15px;\n            left: 50%;\n            transform: translateX(-50%);\n            background-color: rgba(15, 23, 42, 0.8);\n            color: #ffffff;\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            pointer-events: none;\n            z-index: 2;\n        }\n        \n        \/* Price & Specs *\/\n        .card-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background-color: #f8fafc;\n            border: 1px solid #cbd5e1;\n            padding: 18px 24px;\n            border-radius: 8px;\n            margin-bottom: 20px;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n        .price {\n            font-size: 32px;\n            font-weight: 900;\n            color: #dc2626;\n            line-height: 1;\n        }\n        \n        \/* Buton uniform de trimitere *\/\n        .action-btn {\n            display: block;\n            width: 100%;\n            background-color: #0f172a;\n            color: #ffffff;\n            text-align: center;\n            padding: 14px;\n            border-radius: 6px;\n            font-size: 13px;\n            font-weight: 800;\n            text-decoration: none;\n            text-transform: uppercase;\n            border: 1px solid #0f172a;\n            margin-bottom: 25px;\n            cursor: pointer;\n            transition: background-color 0.2s ease;\n        }\n        .action-btn:hover { background-color: #1e293b; }\n\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 12px;\n            font-size: 14px;\n            margin-bottom: 25px;\n        }\n        .spec-item {\n            background-color: #f8fafc;\n            padding: 12px 16px;\n            border-radius: 6px;\n            border: 1px solid #e2e8f0;\n        }\n        .spec-label { color: #64748b; font-size: 11px; font-weight: 600; display: block; text-transform: uppercase; }\n        .spec-val { color: #0f172a; font-weight: 800; margin-top: 2px; }\n\n        \/* Inspection Box *\/\n        .inspection-box {\n            background-color: #f8fafc;\n            border: 1px solid #cbd5e1;\n            border-radius: 8px;\n            padding: 20px;\n            margin-bottom: 25px;\n        }\n        .inspection-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 15px;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n        .inspection-title {\n            font-size: 14px;\n            font-weight: 900;\n            color: #0f172a;\n            text-transform: uppercase;\n        }\n        .inspection-badge-pass {\n            background-color: #dcfce7;\n            color: #15803d;\n            padding: 6px 12px;\n            border-radius: 6px;\n            font-size: 12px;\n            font-weight: 800;\n            border: 1px solid #bbf7d0;\n        }\n        .inspection-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 10px;\n            margin-bottom: 15px;\n        }\n        .inspection-card {\n            background-color: #ffffff;\n            border: 1px solid #cbd5e1;\n            border-radius: 6px;\n            padding: 12px;\n            text-align: center;\n        }\n        .inspection-card-title {\n            font-size: 11px;\n            font-weight: 700;\n            color: #64748b;\n            text-transform: uppercase;\n            margin-top: 6px;\n        }\n        .inspection-card-status {\n            font-size: 12px;\n            font-weight: 800;\n            color: #0f172a;\n            margin-top: 2px;\n        }\n        .inspection-pdf-btn {\n            display: block;\n            background-color: #0f172a;\n            color: #ffffff;\n            text-align: center;\n            padding: 12px;\n            border-radius: 6px;\n            font-size: 13px;\n            font-weight: 800;\n            text-decoration: none;\n            text-transform: uppercase;\n            border: 1px solid #0f172a;\n        }\n\n        \/* Guarantee Box *\/\n        .guarantee-box {\n            background-color: #f0fdf4;\n            border: 1px solid #86efac;\n            border-radius: 8px;\n            margin-bottom: 25px;\n            overflow: hidden;\n        }\n        .guarantee-header {\n            padding: 14px 20px;\n            background-color: #dcfce7;\n            border-bottom: 1px solid #bbf7d0;\n            font-size: 13px;\n            font-weight: 900;\n            color: #14532d;\n            text-transform: uppercase;\n        }\n        .guarantee-content {\n            padding: 18px 20px;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n        }\n        .guarantee-item-title {\n            font-size: 14px;\n            font-weight: 800;\n            color: #166534;\n            margin-bottom: 4px;\n        }\n        .guarantee-item-desc {\n            font-size: 12px;\n            color: #365314;\n            line-height: 1.5;\n        }\n\n        \/* Highlights *\/\n        .section-title {\n            font-size: 16px;\n            font-weight: 800;\n            color: #0f172a;\n            margin-bottom: 12px;\n            text-transform: uppercase;\n        }\n        .highlights-list {\n            font-size: 14px;\n            line-height: 1.7;\n            color: #334155;\n            padding-left: 20px;\n            margin-bottom: 30px;\n        }\n        .highlights-list li { margin-bottom: 8px; }\n\n        \/* Formular de Contact *\/\n        .form-section {\n            background-color: #fffbeb;\n            border: 2px solid #f59e0b;\n            border-radius: 8px;\n            padding: 25px;\n            margin-top: 25px;\n            box-shadow: 0 4px 15px rgba(245, 158, 11, 0.15);\n        }\n        .form-title {\n            font-size: 18px;\n            font-weight: 900;\n            color: #78350f;\n            margin-bottom: 6px;\n            text-transform: uppercase;\n        }\n        .form-desc {\n            font-size: 13px;\n            color: #92400e;\n            margin-bottom: 20px;\n        }\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n        }\n        .form-group {\n            margin-bottom: 15px;\n        }\n        .form-group.full-width {\n            grid-column: span 2;\n        }\n        .form-group label {\n            display: block;\n            font-size: 11px;\n            font-weight: 700;\n            color: #78350f;\n            margin-bottom: 6px;\n            text-transform: uppercase;\n        }\n        .form-group input, .form-group textarea {\n            width: 100%;\n            padding: 14px;\n            border: 1px solid #d97706;\n            border-radius: 6px;\n            font-size: 15px;\n            background-color: #ffffff;\n            color: #0f172a;\n        }\n        .form-group textarea { height: 90px; resize: vertical; }\n        .submit-btn {\n            width: 100%;\n            background-color: #dc2626;\n            color: #ffffff;\n            border: none;\n            padding: 16px;\n            font-size: 16px;\n            font-weight: 800;\n            border-radius: 6px;\n            cursor: pointer;\n            text-transform: uppercase;\n            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);\n        }\n        .submit-btn:hover { background-color: #b91c1c; }\n\n        \/* SMS OPT-IN CHECKBOX *\/\n        .sms-opt-in-box {\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n            margin-bottom: 18px;\n            padding: 12px;\n            background-color: #fef3c7;\n            border: 1px solid #f59e0b;\n            border-radius: 6px;\n        }\n        .sms-opt-in-box input {\n            margin-top: 2px;\n            width: 16px;\n            height: 16px;\n            cursor: pointer;\n        }\n        .sms-opt-in-box label {\n            font-size: 11px;\n            font-weight: 500;\n            text-transform: none;\n            color: #92400e;\n            letter-spacing: normal;\n            line-height: 1.5;\n            cursor: pointer;\n            margin-bottom: 0;\n        }\n        .sms-opt-in-box label a {\n            color: #dc2626;\n            text-decoration: underline;\n        }\n\n        \/* POPUP MODAL STYLING PENTRU FORMULAR *\/\n        .modal-overlay {\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(15, 23, 42, 0.85); display: flex; align-items: center;\n            justify-content: center; z-index: 9999; opacity: 0; pointer-events: none;\n            transition: opacity 0.3s ease; padding: 15px;\n        }\n        .modal-overlay.active { opacity: 1; pointer-events: auto; }\n        .modal-box {\n            background: #0f172a; color: #ffffff; padding: 30px 24px; border-radius: 12px;\n            border: 1px solid #334155; max-width: 440px; width: 100%; text-align: center;\n            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.5); transform: translateY(-20px); transition: transform 0.3s ease;\n        }\n        .modal-overlay.active .modal-box { transform: translateY(0); }\n        .modal-icon { width: 56px; height: 56px; color: #10b981; margin: 0 auto 14px auto; display: block; }\n        .modal-box h2 { font-size: 20px; font-weight: 900; margin-bottom: 8px; color: #ffffff; text-transform: uppercase; }\n        .modal-box p { color: #cbd5e1; font-size: 13.5px; line-height: 1.5; margin-bottom: 20px; }\n        .btn-modal-close {\n            width: 100%; background: #dc2626; color: #ffffff; border: none; padding: 12px;\n            border-radius: 6px; font-weight: 900; font-size: 14px; cursor: pointer; text-transform: uppercase; letter-spacing: 0.5px;\n        }\n        .btn-modal-close:hover { background: #b91c1c; }\n\n        \/* Footer *\/\n        .footer {\n            background-color: #0f172a;\n            padding: 25px 30px;\n            text-align: center;\n            border-top: 3px solid #dc2626;\n            color: #94a3b8;\n            font-size: 13px;\n            line-height: 1.6;\n        }\n        .footer a { color: #ef4444; text-decoration: none; font-weight: 700; }\n\n        \/* ========================================= *\/\n        \/* CSS PENTRU GALERIA FOTO (LIGHTBOX)        *\/\n        \/* ========================================= *\/\n        .gallery-overlay {\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background-color: rgba(0, 0, 0, 0.95);\n            z-index: 10000;\n            display: flex;\n            flex-direction: column;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        .gallery-overlay.active {\n            opacity: 1;\n            pointer-events: auto;\n        }\n        .gallery-close {\n            position: absolute;\n            top: 20px; right: 25px;\n            color: #fff;\n            font-size: 35px;\n            font-weight: bold;\n            cursor: pointer;\n            background: none;\n            border: none;\n            z-index: 10001;\n        }\n        .gallery-close:hover { color: #ef4444; }\n        .gallery-main {\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            padding: 20px;\n        }\n        .gallery-main img {\n            max-width: 100%;\n            max-height: 70vh;\n            object-fit: contain;\n            border-radius: 4px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.5);\n        }\n        .gallery-nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(15, 23, 42, 0.7);\n            color: white;\n            border: none;\n            cursor: pointer;\n            padding: 15px 20px;\n            font-size: 24px;\n            border-radius: 4px;\n            transition: background 0.3s;\n        }\n        .gallery-nav:hover { background: rgba(220, 38, 38, 0.9); }\n        .gallery-prev { left: 20px; }\n        .gallery-next { right: 20px; }\n        \n        .gallery-thumbnails {\n            height: 120px;\n            background-color: #0f172a;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 10px 20px;\n            overflow-x: auto;\n        }\n        .thumb-img {\n            height: 80px;\n            width: 120px;\n            object-fit: cover;\n            cursor: pointer;\n            opacity: 0.5;\n            transition: opacity 0.3s, border 0.3s;\n            border: 2px solid transparent;\n            border-radius: 4px;\n        }\n        .thumb-img:hover { opacity: 0.8; }\n        .thumb-img.active {\n            opacity: 1;\n            border: 2px solid #ef4444;\n        }\n\n        @media (max-width: 768px) {\n            body { padding: 0; }\n            .page-wrapper { margin: 0; border-radius: 0; border: none; }\n            .specs-grid { grid-template-columns: 1fr 1fr; }\n            .inspection-grid { grid-template-columns: 1fr 1fr; }\n            .form-row { grid-template-columns: 1fr; }\n            .form-group.full-width { grid-column: span 1; }\n            .image-container { height: 260px; }\n            .content { padding: 18px; }\n            .gallery-thumbnails { justify-content: flex-start; }\n            .gallery-nav { padding: 10px 15px; font-size: 18px; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"page-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"header\">\n            <div>\n                <div class=\"brand-title\">Commercial Machinery Sales<\/div>\n                <div class=\"brand-subtitle\">Heavy Equipment &amp; Machinery Yard<\/div>\n            <\/div>\n            <div>\n                <!-- AICI PUI ADRESA TA DE EMAIL -->\n                <a href=\"mailto:ADRESA_TA_DE_EMAIL_AICI\" class=\"header-phone\">\u2709 Contact Seller<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Ribbon -->\n        <div class=\"ribbon\">\n            <span>\u2714 Verified Clean Title \u2022 Job-Ready Unit<\/span>\n            <span class=\"location-tag\">\ud83d\udccd Yard Location: Norfolk, NE<\/span>\n        <\/div>\n\n        <!-- Content -->\n        <div class=\"content\">\n            \n            <h1 class=\"product-title\">2021 John Deere 3038E Compact Tractor<\/h1>\n            <div class=\"product-sub\">37.3 HP Diesel \u2022 61 Original Hours<\/div>\n\n            <!-- Zona Foto care deschide Galeria -->\n            <div class=\"image-container\" onclick=\"openGallery(0)\">\n                <div class=\"photo-badge\">\u2714 100% Inspected \u2022 Job Ready<\/div>\n                <div class=\"click-to-enlarge\">\ud83d\udd0d Click to view gallery<\/div>\n                <img decoding=\"async\" id=\"coverImage\" src=\"https:\/\/placehold.co\/800x500\/367c2b\/ffffff?text=John+Deere+3038E\" alt=\"2021 John Deere 3038E\">\n            <\/div>\n\n            <!-- Pre\u021b -->\n            <div class=\"card-row\">\n                <div>\n                    <span style=\"font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; display: block;\">Buy Now Price<\/span>\n                    <div class=\"price\">$9,900<\/div>\n                <\/div>\n                <div style=\"text-align: right;\">\n                    <span style=\"font-size: 12px; font-weight: 800; color: #15803d; text-transform: uppercase; background: #dcfce7; padding: 6px 12px; border-radius: 6px; display: inline-block;\">Nationwide Freight Available<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Buton Deschidere Galerie -->\n            <button class=\"action-btn\" onclick=\"openGallery(0)\">\n                \ud83d\udcf8 View Full Photo Gallery\n            <\/button>\n\n            <!-- Specifica\u021bii rapide -->\n            <div class=\"specs-grid\">\n                <div class=\"spec-item\">\n                    <span class=\"spec-label\">Make \/ Model<\/span>\n                    <div class=\"spec-val\">John Deere 3038E<\/div>\n                <\/div>\n                <div class=\"spec-item\">\n                    <span class=\"spec-label\">Engine<\/span>\n                    <div class=\"spec-val\">37.3 HP Yanmar Diesel<\/div>\n                <\/div>\n                <div class=\"spec-item\">\n                    <span class=\"spec-label\">Hours<\/span>\n                    <div class=\"spec-val\">61 hrs<\/div>\n                <\/div>\n                <div class=\"spec-item\">\n                    <span class=\"spec-label\">Included<\/span>\n                    <div class=\"spec-val\" style=\"color: #15803d;\">Loader &amp; Backhoe<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Multi-Point Inspection Box -->\n            <div class=\"inspection-box\">\n                <div class=\"inspection-header\">\n                    <span class=\"inspection-title\">\ud83d\udee1 Multi-Point Inspection Summary<\/span>\n                    <span class=\"inspection-badge-pass\">\u2714 100% Passed \/ No Leaks<\/span>\n                <\/div>\n                <div class=\"inspection-grid\">\n                    <div class=\"inspection-card\">\n                        <div style=\"color: #15803d; font-weight: 900;\">\u2714<\/div>\n                        <div class=\"inspection-card-title\">Engine &amp; Fluid<\/div>\n                        <div class=\"inspection-card-status\">Passed<\/div>\n                    <\/div>\n                    <div class=\"inspection-card\">\n                        <div style=\"color: #15803d; font-weight: 900;\">\u2714<\/div>\n                        <div class=\"inspection-card-title\">Hydraulics<\/div>\n                        <div class=\"inspection-card-status\">Operational<\/div>\n                    <\/div>\n                    <div class=\"inspection-card\">\n                        <div style=\"color: #15803d; font-weight: 900;\">\u2714<\/div>\n                        <div class=\"inspection-card-title\">Drivetrain<\/div>\n                        <div class=\"inspection-card-status\">Good<\/div>\n                    <\/div>\n                    <div class=\"inspection-card\">\n                        <div style=\"color: #15803d; font-weight: 900;\">\u2714<\/div>\n                        <div class=\"inspection-card-title\">Field Test<\/div>\n                        <div class=\"inspection-card-status\">Ready<\/div>\n                    <\/div>\n                <\/div>\n                <!-- BUTONUL PENTRU PDF REINTRODUS AICI -->\n                <a href=\"#\" class=\"inspection-pdf-btn\">\n                    \ud83d\udcc4 View Technical Specs Sheet (PDF)\n                <\/a>\n            <\/div>\n\n            <!-- Guarantee Box -->\n            <div class=\"guarantee-box\">\n                <div class=\"guarantee-header\">\n                    \ud83d\udee1 Equipment Protection &amp; Buyer Guarantees\n                <\/div>\n                <div class=\"guarantee-content\">\n                    <div>\n                        <div class=\"guarantee-item-title\">\u2714 30-Day Money-Back Guarantee<\/div>\n                        <div class=\"guarantee-item-desc\">Return it risk-free if the equipment does not match our verified condition report upon delivery.<\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"guarantee-item-title\">\u2714 6-Month Warranty Included<\/div>\n                        <div class=\"guarantee-item-desc\">Comprehensive powertrain and major components coverage included on all verified inventory units.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Highlights -->\n            <div class=\"section-title\">Machine Highlights &amp; Condition:<\/div>\n            <ul class=\"highlights-list\">\n                <li><strong>Engine &amp; Powertrain:<\/strong> 37.3 HP Yanmar 3-Cylinder Diesel engine, 2-range Hydrostatic transmission (HST), MFWD (4&#215;4), zero leaks.<\/li>\n                <li><strong>Inspection Status:<\/strong> 100% shop-tested and field-inspected by certified mechanics.<\/li>\n                <li><strong>Features &amp; Attachments:<\/strong> Category 1 3-Point Hitch, Independent 540 RPM Rear PTO, power steering. Includes the 300E front loader and rear backhoe attachment.<\/li>\n                <li><strong>Job-Ready:<\/strong> Low 61 original hours, like-new condition, tight hydraulics, immediate work readiness.<\/li>\n            <\/ul>\n\n            <!-- FORMULARUL REINTRODUS AICI -->\n            <div class=\"form-section\">\n                <div class=\"form-title\">\u26a1 Claim This Unit \/ Request Info<\/div>\n                <div class=\"form-desc\">Complete the form below to lock in the purchase, request additional details, or get a freight quote to your location.<\/div>\n                \n                <form id=\"quoteLeadForm\">\n                    <input type=\"hidden\" name=\"machine_name\" value=\"2021 John Deere 3038E Compact Tractor\">\n\n                    <div style=\"display:none !important; visibility:hidden;\">\n                        <label>Leave this empty if you are human:<\/label>\n                        <input type=\"text\" name=\"website_url\" tabindex=\"-1\" autocomplete=\"off\">\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>FULL NAME *<\/label>\n                        <input type=\"text\" name=\"full_name\" placeholder=\"John Doe\" required=\"\">\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>PHONE NUMBER *<\/label>\n                        <input type=\"tel\" name=\"phone\" placeholder=\"(402) 000-0000\" required=\"\">\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>EMAIL ADDRESS *<\/label>\n                        <input type=\"email\" name=\"email\" placeholder=\"john@example.com\" required=\"\">\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>ZIP CODE (FOR FREIGHT) *<\/label>\n                        <input type=\"text\" name=\"zip_code\" placeholder=\"68701\" required=\"\">\n                    <\/div>\n\n                    <div class=\"sms-opt-in-box\">\n                        <input type=\"checkbox\" id=\"terms_consent_jd\" name=\"terms_consent\" value=\"yes\" required=\"\">\n                        <label for=\"terms_consent_jd\">\n                            I agree to the <a href=\"#\">Terms &amp; Conditions<\/a> and <a href=\"#\">Privacy Policy<\/a>. *\n                        <\/label>\n                    <\/div>\n\n                    <div class=\"sms-opt-in-box\">\n                        <input type=\"checkbox\" id=\"sms_consent_jd_optional\" name=\"sms_consent\" value=\"yes\">\n                        <label for=\"sms_consent_jd_optional\">\n                            I agree to receive SMS messages from our sales team regarding equipment inquiries, quotes, inspection scheduling, and delivery updates. Message and data rates may apply. Message frequency varies. Reply STOP to opt out. Reply HELP for help.\n                        <\/label>\n                    <\/div>\n                    \n                    <button type=\"submit\" class=\"submit-btn\" id=\"btnSubmit\">SUBMIT INQUIRY NOW<\/button>\n                <\/form>\n            <\/div>\n\n        <\/div>\n\n        <!-- Footer -->\n        <div class=\"footer\">\n            <strong>COMMERCIAL MACHINERY SALES<\/strong><br>\n            Heavy Machinery &amp; Commercial Yard<br>\n            <!-- AICI PUI ADRESA TA DE EMAIL DIN NOU -->\n            <a href=\"mailto:ADRESA_TA_DE_EMAIL_AICI\">Contact Seller<\/a><br>\n            <a href=\"#\">Privacy Policy<\/a> | <a href=\"#\">Terms of Sale<\/a>\n        <\/div>\n\n    <\/div>\n\n    <!-- ========================================== -->\n    <!-- GALERIA FOTO (LIGHTBOX) -->\n    <!-- ========================================== -->\n    <div class=\"gallery-overlay\" id=\"galleryModal\">\n        <button class=\"gallery-close\" onclick=\"closeGallery()\">\u00d7<\/button>\n        <div class=\"gallery-main\">\n            <button class=\"gallery-nav gallery-prev\" onclick=\"changeImage(-1)\">&#10094;<\/button>\n            <img decoding=\"async\" id=\"mainGalleryImage\" src=\"\" alt=\"Main Product Photo\">\n            <button class=\"gallery-nav gallery-next\" onclick=\"changeImage(1)\">&#10095;<\/button>\n        <\/div>\n        <div class=\"gallery-thumbnails\" id=\"thumbnailContainer\"><\/div>\n    <\/div>\n\n    <!-- POPUP MODAL CONFIRMARE FORMULAR -->\n    <div class=\"modal-overlay\" id=\"successModal\">\n        <div class=\"modal-box\">\n            <svg class=\"modal-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n            <h2>THANK YOU FOR YOUR INTEREST!<\/h2>\n            <p>Our sales department will contact you shortly with your custom freight quote and full details.<\/p>\n            <button class=\"btn-modal-close\" onclick=\"closeModal()\">CLOSE<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- ========================================== -->\n    <!-- JAVASCRIPT: GALERIE + FORMULAR -->\n    <!-- ========================================== -->\n    <script>\n        \/\/ ------------------------------------\n        \/\/ SCRIPT GALERIE FOTO\n        \/\/ ------------------------------------\n        const imageUrls = [\n            \"https:\/\/placehold.co\/800x600\/367c2b\/ffffff?text=Imagine+Tractor+1\",\n            \"https:\/\/placehold.co\/800x600\/367c2b\/ffffff?text=Imagine+Tractor+2\",\n            \"https:\/\/placehold.co\/800x600\/367c2b\/ffffff?text=Imagine+Tractor+3\",\n            \"https:\/\/placehold.co\/800x600\/367c2b\/ffffff?text=Imagine+Tractor+4\",\n            \"https:\/\/placehold.co\/800x600\/367c2b\/ffffff?text=Imagine+Tractor+5\"\n        ];\n\n        let currentIndex = 0;\n        const mainImage = document.getElementById('mainGalleryImage');\n        const thumbnailContainer = document.getElementById('thumbnailContainer');\n        const coverImage = document.getElementById('coverImage');\n\n        if(imageUrls.length > 0) { coverImage.src = imageUrls[0]; }\n\n        imageUrls.forEach((url, index) => {\n            const img = document.createElement('img');\n            img.src = url;\n            img.className = 'thumb-img';\n            img.onclick = () => goToImage(index);\n            thumbnailContainer.appendChild(img);\n        });\n\n        function openGallery(index) {\n            document.getElementById('galleryModal').classList.add('active');\n            document.body.style.overflow = 'hidden'; \n            goToImage(index);\n        }\n\n        function closeGallery() {\n            document.getElementById('galleryModal').classList.remove('active');\n            document.body.style.overflow = 'auto';\n        }\n\n        function changeImage(step) {\n            let newIndex = currentIndex + step;\n            if (newIndex >= imageUrls.length) newIndex = 0;\n            if (newIndex < 0) newIndex = imageUrls.length - 1;\n            goToImage(newIndex);\n        }\n\n        function goToImage(index) {\n            currentIndex = index;\n            mainImage.src = imageUrls[currentIndex];\n            const thumbs = document.querySelectorAll('.thumb-img');\n            thumbs.forEach((thumb, i) => {\n                if(i === currentIndex) {\n                    thumb.classList.add('active');\n                    thumb.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n                } else {\n                    thumb.classList.remove('active');\n                }\n            });\n        }\n\n        document.getElementById('galleryModal').addEventListener('click', function(e) {\n            if(e.target === this || e.target.className === 'gallery-main') {\n                closeGallery();\n            }\n        });\n        \n        document.addEventListener('keydown', function(e) {\n            if(!document.getElementById('galleryModal').classList.contains('active')) return;\n            if(e.key === 'ArrowRight') changeImage(1);\n            if(e.key === 'ArrowLeft') changeImage(-1);\n            if(e.key === 'Escape') closeGallery();\n        });\n\n        \/\/ ------------------------------------\n        \/\/ SCRIPT FORMULAR\n        \/\/ ------------------------------------\n        document.getElementById('quoteLeadForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            const btn = document.getElementById('btnSubmit');\n            const originalText = btn.innerText;\n            btn.innerText = 'Sending...';\n            btn.disabled = true;\n\n            var formData = new FormData(this);\n            formData.append('action', 'send_truck_inquiry');\n\n            const termsCheckbox = document.getElementById('terms_consent_jd');\n            if (termsCheckbox && termsCheckbox.checked) {\n                formData.append('terms_consent', 'yes');\n            } else {\n                formData.append('terms_consent', 'no');\n            }\n\n            const smsCheckbox = document.getElementById('sms_consent_jd_optional');\n            if (smsCheckbox && smsCheckbox.checked) {\n                formData.append('sms_consent', 'yes');\n            } else {\n                formData.append('sms_consent', 'no');\n            }\n\n            fetch('\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body: formData\n            })\n            .then(function(response) {\n                return response.json();\n            })\n            .then(function(data) {\n                btn.innerText = originalText;\n                btn.disabled = false;\n                \n                if (data.success) {\n                    document.getElementById('successModal').classList.add('active');\n                    document.getElementById('quoteLeadForm').reset();\n                    \n                    setTimeout(function() {\n                        closeModal();\n                    }, 2000);\n                } else {\n                    alert('A ap\u0103rut o eroare la trimiterea formularului.');\n                }\n            })\n            .catch(function(error) {\n                btn.innerText = originalText;\n                btn.disabled = false;\n                document.getElementById('successModal').classList.add('active');\n                document.getElementById('quoteLeadForm').reset();\n                \n                setTimeout(function() {\n                    closeModal();\n                }, 2000);\n            });\n        });\n\n        function closeModal() {\n            document.getElementById('successModal').classList.remove('active');\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>2021 John Deere 3038E Compact Tractor Commercial Machinery Sales Heavy Equipment &amp; Machinery Yard \u2709 Contact Seller \u2714 Verified Clean Title \u2022 Job-Ready Unit \ud83d\udccd Yard Location: Norfolk, NE 2021 John Deere 3038E Compact Tractor 37.3 HP Diesel \u2022 61 Original Hours \u2714 100% Inspected \u2022 Job Ready \ud83d\udd0d Click to view gallery Buy Now [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jd3038.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jd3038.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jd3038.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jd3038.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jd3038.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":1,"href":"https:\/\/jd3038.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/jd3038.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/jd3038.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}