{"id":13,"date":"2025-11-13T13:36:04","date_gmt":"2025-11-13T13:36:04","guid":{"rendered":"https:\/\/ringoffireindustries.com\/?page_id=13"},"modified":"2025-11-13T14:04:03","modified_gmt":"2025-11-13T14:04:03","slug":"teaser","status":"publish","type":"page","link":"https:\/\/ringoffireindustries.com\/","title":{"rendered":"Teaser"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20bec26 e-flex e-con-boxed e-con e-parent\" data-id=\"20bec26\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20ed2e8 elementor-widget elementor-widget-html\" data-id=\"20ed2e8\" data-element_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>ROFI Industries | Last Hope of Self Defense<\/title>\r\n    <style>\r\n        \/* === RESET & BASE === *\/\r\n        * { margin:0; padding:0; box-sizing:border-box; }\r\n        body {\r\n            background:#111;\r\n            color:#eee;\r\n            font-family: 'Arial Black', Arial, sans-serif;\r\n            overflow-x:hidden;\r\n            line-height:1.4;\r\n        }\r\n        a { text-decoration:none; color:inherit; }\r\n\r\n        \/* === LAYOUT === *\/\r\n        .hero {\r\n            position:relative;\r\n            height:100vh;\r\n            background:#000 url('jennings-j22.jpg') center\/cover no-repeat;\r\n            display:flex;\r\n            flex-direction:column;\r\n            justify-content:center;\r\n            align-items:center;\r\n            text-align:center;\r\n            overflow:hidden;\r\n        }\r\n        .hero::before {\r\n            content:'';\r\n            position:absolute;\r\n            inset:0;\r\n            background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8));\r\n            z-index:1;\r\n        }\r\n        .hero > * { position:relative; z-index:2; }\r\n\r\n        .logo {\r\n            width:180px;\r\n            margin-bottom:1rem;\r\n            animation: pulse 2s infinite;\r\n        }\r\n        @keyframes pulse {\r\n            0%,100% { transform:scale(1); }\r\n            50% { transform:scale(1.05); }\r\n        }\r\n\r\n        .tagline {\r\n            font-size:2.8rem;\r\n            letter-spacing:0.1em;\r\n            text-shadow:0 0 15px rgba(255,0,0,0.8);\r\n            margin:0.5rem 0 1rem;\r\n            color:#c00;\r\n            animation: glow 3s infinite alternate;\r\n        }\r\n        @keyframes glow {\r\n            from { text-shadow:0 0 15px rgba(255,0,0,0.8); }\r\n            to   { text-shadow:0 0 30px rgba(255,0,0,1); }\r\n        }\r\n\r\n        .subtag {\r\n            font-size:1.3rem;\r\n            margin-bottom:2rem;\r\n            opacity:0.9;\r\n        }\r\n\r\n        .cta {\r\n            background:#c00;\r\n            color:#fff;\r\n            padding:1rem 2.5rem;\r\n            font-weight:bold;\r\n            letter-spacing:0.05em;\r\n            border-radius:4px;\r\n            transition:0.3s;\r\n            box-shadow:0 4px 15px rgba(200,0,0,0.5);\r\n        }\r\n        .cta:hover { background:#e00; transform:scale(1.05); }\r\n\r\n        \/* === VIDEO TEASER SECTION === *\/\r\n        .teaser {\r\n            padding:4rem 2rem;\r\n            background:#000;\r\n            text-align:center;\r\n        }\r\n        .teaser h2 {\r\n            font-size:2.5rem;\r\n            margin-bottom:2rem;\r\n            color:#c00;\r\n        }\r\n        .video-grid {\r\n            display:grid;\r\n            grid-template-columns:repeat(auto-fit, minmax(300px,1fr));\r\n            gap:2rem;\r\n            max-width:1200px;\r\n            margin:0 auto;\r\n        }\r\n        .video-wrapper {\r\n            position:relative;\r\n            border:3px solid #333;\r\n            border-radius:8px;\r\n            overflow:hidden;\r\n            box-shadow:0 8px 20px rgba(0,0,0,0.7);\r\n            transition:0.3s;\r\n        }\r\n        .video-wrapper:hover { transform:translateY(-8px); box-shadow:0 12px 30px rgba(200,0,0,0.5); }\r\n        video {\r\n            width:100%;\r\n            display:block;\r\n            background:#000;\r\n        }\r\n        .caption {\r\n            position:absolute;\r\n            bottom:0;\r\n            left:0;\r\n            right:0;\r\n            background:rgba(0,0,0,0.8);\r\n            padding:0.8rem;\r\n            font-size:1rem;\r\n            color:#fff;\r\n        }\r\n\r\n        \/* === GALLERY SECTION === *\/\r\n        .gallery {\r\n            padding:4rem 2rem;\r\n            background:#111;\r\n            text-align:center;\r\n        }\r\n        .gallery h2 { font-size:2.5rem; margin-bottom:2rem; color:#c00; }\r\n        .img-grid {\r\n            display:grid;\r\n            grid-template-columns:repeat(auto-fit, minmax(250px,1fr));\r\n            gap:1.5rem;\r\n            max-width:1200px;\r\n            margin:0 auto;\r\n        }\r\n        .img-item {\r\n            position:relative;\r\n            overflow:hidden;\r\n            border-radius:8px;\r\n            box-shadow:0 6px 15px rgba(0,0,0,0.6);\r\n            transition:0.3s;\r\n        }\r\n        .img-item:hover { transform:scale(1.03); }\r\n        .img-item img {\r\n            width:100%;\r\n            height:100%;\r\n            object-fit:cover;\r\n            display:block;\r\n        }\r\n        .overlay {\r\n            position:absolute;\r\n            inset:0;\r\n            background:rgba(200,0,0,0.7);\r\n            display:flex;\r\n            flex-direction:column;\r\n            justify-content:center;\r\n            align-items:center;\r\n            opacity:0;\r\n            transition:0.4s;\r\n        }\r\n        .img-item:hover .overlay { opacity:1; }\r\n        .overlay h3 { color:#fff; font-size:1.4rem; margin-bottom:0.5rem; }\r\n\r\n        \/* === FOOTER === *\/\r\n        footer {\r\n            background:#000;\r\n            color:#666;\r\n            text-align:center;\r\n            padding:2rem;\r\n            font-size:0.9rem;\r\n        }\r\n        footer a { color:#c00; }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- HERO SECTION -->\r\n    <section class=\"hero\">\r\n        <img decoding=\"async\" src=\"https:\/\/ringoffireindustries.com\/wp-content\/uploads\/2025\/11\/ROFI-logo-.png\" alt=\"ROFI Logo\" class=\"logo\">\r\n        <h1 class=\"tagline\">YOUR LAST HOPE OF SELF DEFENSE<\/h1>\r\n        <p class=\"subtag\">RING OF FIRE INDUSTRIES<\/p>\r\n        <a href=\"#teaser\" class=\"cta\">WATCH THE FIRE<\/a>\r\n    <\/section>\r\n\r\n    <!-- VIDEO TEASER SECTION -->\r\n    <section id=\"teaser\" class=\"teaser\">\r\n        <h2>IGNITE THE NIGHT<\/h2>\r\n        <div class=\"video-grid\">\r\n            <div class=\"video-wrapper\">\r\n                <video controls poster=\"jennings-j22.jpg\">\r\n                    <source src=\"https:\/\/ringoffireindustries.com\/wp-content\/uploads\/2025\/11\/ROFI-teaser-1.mp4\" type=\"video\/mp4\">\r\n                    Your browser does not support the video tag.\r\n                <\/video>\r\n                <div class=\"caption\">J-22 Field Strip & Reload<\/div>\r\n            <\/div>\r\n            <div class=\"video-wrapper\">\r\n                <video controls poster=\"woman-pistol.jpg\">\r\n                    <source src=\"https:\/\/ringoffireindustries.com\/wp-content\/uploads\/2025\/11\/ROFI-teaser-2.mp4\" type=\"video\/mp4\">\r\n                    Your browser does not support the video tag.\r\n                <\/video>\r\n                <div class=\"caption\">Last Stand Training<\/div>\r\n            <\/div>\r\n            <div class=\"video-wrapper\">\r\n                <video controls poster=\"barrel-closeup.jpg\">\r\n                    <source src=\"https:\/\/ringoffireindustries.com\/wp-content\/uploads\/2025\/11\/ROFI-Teaser-3.mp4\" type=\"video\/mp4\">\r\n                    Your browser does not support the video tag.\r\n                <\/video>\r\n                <div class=\"caption\">Precision Barrel Machining<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- IMAGE GALLERY -->\r\n    <section class=\"gallery\">\r\n        <h2>THE RING OF FIRE<\/h2>\r\n        <div class=\"img-grid\">\r\n            <div class=\"img-item\">\r\n                <img decoding=\"async\" src=\"jennings-j22.jpg\" alt=\"Jennings J-22\">\r\n                <div class=\"overlay\"><h3>JENNINGS J-22<\/h3><p>.22LR Pocket Power<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"img-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/ringoffireindustries.com\/wp-content\/uploads\/2025\/11\/Poster-ROFI.jpg\" alt=\"Action Scene\">\r\n                <div class=\"overlay\"><h3>ON SCREEN<\/h3><p>Featured in Blockbusters<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"img-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/ringoffireindustries.com\/wp-content\/uploads\/2025\/11\/Poster-ROFI.jpg\" alt=\"Barrel\">\r\n                <div class=\"overlay\"><h3>CRAFTSMANSHIP<\/h3><p>Cold-Hammer Forged<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"img-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/ringoffireindustries.com\/wp-content\/uploads\/2025\/11\/Poster-ROFI.jpg\" alt=\"Poster\">\r\n                <div class=\"overlay\"><h3>YOUR LAST HOPE<\/h3><p>Self Defense Redefined<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"img-item\">\r\n                <img decoding=\"async\" src=\"woman-water.jpg\" alt=\"Swamp\">\r\n                <div class=\"overlay\"><h3>ANY TERRAIN<\/h3><p>Built to Survive<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"img-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/ringoffireindustries.com\/wp-content\/uploads\/2025\/11\/ROFI-logo-.png\" alt=\"ROFI Logo\">\r\n                <div class=\"overlay\"><h3>RING OF FIRE<\/h3><p>Industries Legacy<\/p><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer>\r\n        &copy; 2025 <a href=\"#\">Ring of Fire Industries<\/a> | <strong>Your Last Hope of Self Defense<\/strong>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\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>ROFI Industries | Last Hope of Self Defense YOUR LAST HOPE OF SELF DEFENSE RING OF FIRE INDUSTRIES WATCH THE FIRE IGNITE THE NIGHT Your browser does not support the video tag. J-22 Field Strip &#038; Reload Your browser does not support the video tag. Last Stand Training Your browser does not support the video [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ringoffireindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ringoffireindustries.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ringoffireindustries.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ringoffireindustries.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ringoffireindustries.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":28,"href":"https:\/\/ringoffireindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/ringoffireindustries.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/ringoffireindustries.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}