{"id":45,"date":"2026-04-03T19:02:45","date_gmt":"2026-04-03T19:02:45","guid":{"rendered":"http:\/\/temp-heroicapparel-in.us.hostinglanes.in\/?page_id=45"},"modified":"2026-05-28T13:01:59","modified_gmt":"2026-05-28T13:01:59","slug":"home","status":"publish","type":"page","link":"https:\/\/heroicapparel.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-255a8d94 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"255a8d94\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-44066366\" data-id=\"44066366\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5edc5901 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5edc5901\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a61d2c2\" data-id=\"3a61d2c2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2552ef15 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2552ef15\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-18b3fee6\" data-id=\"18b3fee6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2df2c7f elementor-widget elementor-widget-spacer\" data-id=\"2df2c7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2718a256 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2718a256\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-67d72899\" data-id=\"67d72899\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35e1871d elementor-widget elementor-widget-html\" data-id=\"35e1871d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<style>* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:root {\n    --bg-main: #050505;\n    --bg-secondary: #0F0F0F;\n    --red-accent: #E50914;\n    --red-glow: rgba(229, 9, 20, 0.4);\n    --text-white: #FFFFFF;\n    --text-gray: #A0A0A0;\n    --border-color: #222222;\n}\n\nbody {\n    background-color: var(--bg-main);\n    color: var(--text-white);\n    font-family: 'Bebas Neue', sans-serif;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n}\n\nh1, h2, h3, h4, .bebas {\n    font-family: 'Bebas Neue', sans-serif;\n    text-transform: uppercase;\n    font-weight: 400;\n}\n\n\/* Glassmorphism Floating Navbar *\/\nheader {\n    position: fixed;\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 90%;\n    max-width: 1400px;\n    z-index: 1000;\n    background: rgba(10, 10, 10, 0.6);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 50px;\n    padding: 15px 30px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    transition: all 0.4s ease;\n}\n\nheader.scrolled {\n    top: 0;\n    width: 100%;\n    border-radius: 0;\n    border-top: none;\n    border-left: none;\n    border-right: none;\n    border-bottom: 1px solid var(--border-color);\n    background: rgba(5, 5, 5, 0.9);\n}\n\n.logo {\n    font-size: 2.2rem;\n    color: var(--text-white);\n    text-decoration: none;\n    letter-spacing: 2px;\n}\n\n.logo span {\n    color: var(--red-accent);\n}\n\n.nav-links {\n    display: flex;\n    gap: 35px;\n}\n\n.nav-links a {\n    color: var(--text-white);\n    text-decoration: none;\n    font-size: 0.9rem;\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    position: relative;\n    padding: 5px 0;\n}\n\n.nav-links a::after {\n    content: '';\n    position: absolute;\n    bottom: -2px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: var(--red-accent);\n    transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.nav-links a:hover::after {\n    width: 100%;\n}\n\n.nav-actions .btn-login {\n    background: transparent;\n    border: 1px solid var(--text-white);\n    color: var(--text-white);\n    padding: 10px 24px;\n    border-radius: 30px;\n    font-family: 'Bebas Neue', sans-serif;\n    font-weight: 600;\n    font-size: 0.8rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.nav-actions .btn-login:hover {\n    background: var(--text-white);\n    color: var(--bg-main);\n    box-shadow: 0 0 15px rgba(255,255,255,0.3);\n}\n\n\/* Immersive Hero Section *\/\n.hero {\n    position: relative;\n    height: 100vh;\n    min-height: 800px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    padding-top: 80px;\n}\n\n.hero-bg-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 1;\n    transform: scale(1.05);\n    animation: slowZoom 20s infinite alternate;\n}\n\n.hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(180deg, rgba(5,5,5,0.2) 0%, rgba(5,5,5,0.8) 60%, rgba(5,5,5,1) 100%);\n    z-index: 2;\n}\n\n.hero-content {\n    text-align: center;\n    position: relative;\n    z-index: 3;\n    max-width: 1000px;\n    padding: 0 20px;\n}\n\n.hero-subtitle {\n    font-family: 'Inter', sans-serif;\n    color: var(--red-accent);\n    font-weight: 600;\n    letter-spacing: 5px;\n    font-size: 1rem;\n    margin-bottom: 20px;\n    text-transform: uppercase;\n    display: block;\n    animation: fadeUp 1s ease 0.2s both;\n}\n\n.hero-title {\n    font-size: clamp(5rem, 12vw, 10rem);\n    line-height: 0.85;\n    margin-bottom: 40px;\n    letter-spacing: 2px;\n    text-shadow: 0 20px 40px rgba(0,0,0,0.5);\n    animation: fadeUp 1s ease 0.4s both;\n}\n\n.hero-btn {\n    display: inline-block;\n    background: var(--red-accent);\n    color: #fff;\n    padding: 18px 45px;\n    font-size: 1.5rem;\n    text-decoration: none;\n    letter-spacing: 3px;\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    animation: fadeUp 1s ease 0.6s both;\n}\n\n.hero-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n    transition: 0.5s;\n}\n\n.hero-btn:hover::before {\n    left: 100%;\n}\n\n.hero-btn:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px var(--red-glow);\n}\n\/* ================= HERO RESPONSIVE FIX ================= *\/\n@media (max-width: 768px) {\n\n    .hero {\n        height: 85vh;\n        min-height: auto;\n        padding-top: 60px;\n    }\n\n    .hero-bg-img {\n        transform: scale(1.2); \/* better crop for mobile *\/\n        animation: none; \/* remove heavy animation for performance *\/\n    }\n\n    .hero-content {\n        padding: 0 15px;\n    }\n\n    .hero-subtitle {\n        font-size: 0.8rem;\n        letter-spacing: 3px;\n        margin-bottom: 15px;\n    }\n\n    .hero-title {\n        font-size: 2.8rem;   \/* BIG FIX *\/\n        line-height: 1.1;\n        margin-bottom: 25px;\n    }\n\n    .hero-btn {\n        font-size: 1rem;\n        padding: 12px 25px;\n        letter-spacing: 2px;\n    }\n}\n\n\/* EXTRA SMALL DEVICES *\/\n@media (max-width: 480px) {\n\n    .hero {\n        height: 80vh;\n    }\n\n    .hero-title {\n        font-size: 2.2rem;\n    }\n\n    .hero-subtitle {\n        font-size: 0.7rem;\n    }\n\n    .hero-btn {\n        font-size: 0.9rem;\n        padding: 10px 20px;\n    }\n}\n\n\/* Feature Marquee *\/\n.marquee-container {\n    background: var(--red-accent);\n    padding: 20px 0;\n    overflow: hidden;\n    border-top: 1px solid rgba(255,255,255,0.1);\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n\n.marquee-text {\n    display: flex;\n    white-space: nowrap;\n    will-change: transform;\n    animation: scrollText 0.7s linear infinite;\n}\n\n.marquee-text span {\n    font-size: 2.5rem;\n    color: #fff;\n    margin-right: 60px;\n    letter-spacing: 4px;\n}\n\n\/* The Arsenal - Product Grid Section *\/\n.products-section {\n    padding: 120px 5%;\n    max-width: 1600px;\n    margin: 0 auto;\n}\n\n.section-header {\n    text-align: center;\n    margin-bottom: 80px;\n}\n\n.section-header h2 {\n    font-size: 5rem;\n    color: var(--text-white);\n    letter-spacing: 4px;\n}\n\n.section-header p {\n    color: var(--text-gray);\n    font-size: 1.1rem;\n    font-weight: 300;\n    max-width: 600px;\n    margin: 15px auto 0;\n    line-height: 1.6;\n}\n\n\/* CSS Grid structure matching Elementor Posts\/Products grid layout *\/\n.grid-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 40px 25px;\n}\n\n\/* Product Card - Sleek, borderless, premium *\/\n.product-card {\n    position: relative;\n    background: var(--bg-main);\n    cursor: pointer;\n    group: card;\n}\n\n.product-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    border-radius: 8px;\n    margin-bottom: 20px;\n\n    width: 100%;\n    height: 420px;\n\n    background: #111;\n}\n\n.product-image {\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center top;\n\n    display: block;\n\n    transition:\n        transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n        opacity 0.5s ease;\n}\n\n\n\n.product-card:hover .product-image {\n    transform: scale(1.08);\n    opacity: 0.8;\n}\n.product-card {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n.badge {\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    background: var(--red-accent);\n    color: #fff;\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    padding: 6px 12px;\n    border-radius: 4px;\n    z-index: 10;\n    letter-spacing: 1px;\n}\n\n.add-to-cart {\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 90%;\n    background: rgba(255, 255, 255, 0.95);\n    color: var(--bg-main);\n    border: none;\n    padding: 15px 0;\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 1.5rem;\n    letter-spacing: 2px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    z-index: 10;\n    opacity: 0;\n}\n\n.product-card:hover .add-to-cart {\n    bottom: 15px;\n    opacity: 1;\n}\n\n.add-to-cart:hover {\n    background: var(--red-accent);\n    color: #fff;\n}\n\n.product-info {\n    text-align: left;\n    padding-left: 5px;\n}\n\n.product-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 1.1rem;\n    font-weight: 400;\n    color: var(--text-white);\n    margin-bottom: 8px;\n    text-transform: none;\n    letter-spacing: 0.5px;\n    transition: color 0.3s ease;\n}\n\n.product-card:hover .product-title {\n    color: var(--red-accent);\n}\n\n.product-price {\n    font-family: 'Inter', sans-serif;\n    font-size: 1rem;\n    color: var(--text-gray);\n    font-weight: 500;\n}\n\n.product-price .sale-price {\n    color: #fff;\n    margin-right: 10px;\n}\n\n.product-price .old-price {\n    text-decoration: line-through;\n    opacity: 0.5;\n    font-size: 0.9rem;\n}\n\n.promo-banner {\n    width: 100%;\n    height: 60vh;\n    min-height: 400px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    border-top: 1px solid var(--border-color);\n    border-bottom: 1px solid var(--border-color);\n    overflow: hidden;\n}\n\n.promo-bg-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 1;\n}\n\n.promo-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.7);\n    z-index: 2;\n}\n\n.promo-content {\n    position: relative;\n    z-index: 3;\n}\n\n.promo-content h2 {\n    font-size: 6rem;\n    color: #fff;\n    margin-bottom: 20px;\n}\n\n.promo-content p {\n    font-size: 1.2rem;\n    color: var(--text-gray);\n    margin-bottom: 30px;\n}\n\n\/* Footer Section *\/\n.site-footer {\n    background: var(--bg-secondary);\n    padding: 100px 5% 40px;\n    border-top: 1px solid rgba(255,255,255,0.05);\n}\n\n.footer-grid {\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr 1fr;\n    gap: 60px;\n    max-width: 1400px;\n    margin: 0 auto 80px;\n}\n\n.footer-brand .logo {\n    font-size: 3rem;\n    margin-bottom: 20px;\n    display: block;\n}\n\n.footer-brand p {\n    color: var(--text-gray);\n    line-height: 1.8;\n    font-size: 0.95rem;\n    max-width: 350px;\n}\n\n.footer-col h4 {\n    font-size: 1.8rem;\n    margin-bottom: 25px;\n    color: #fff;\n}\n\n.footer-col ul {\n    list-style: none;\n}\n\n.footer-col li {\n    margin-bottom: 15px;\n}\n\n.footer-col a {\n    color: var(--text-gray);\n    text-decoration: none;\n    font-size: 0.95rem;\n    transition: color 0.3s ease;\n}\n\n.footer-col a:hover {\n    color: var(--red-accent);\n}\n\n.footer-bottom {\n    text-align: center;\n    padding-top: 30px;\n    border-top: 1px solid rgba(255,255,255,0.1);\n    color: #666;\n    font-size: 0.85rem;\n    display: flex;\n    justify-content: space-between;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n\/* Animations *\/\n@keyframes fadeUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes scrollText {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n}\n\n@keyframes slowZoom {\n    0% { transform: scale(1); }\n    100% { transform: scale(1.1); }\n}\n\n\/* Responsiveness *\/\n@media (max-width: 1024px) {\n    .footer-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n    .hero-title {\n        font-size: 6rem;\n    }\n    .grid-container {\n        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n    }\n}\n\n@media (max-width: 768px) {\n    header {\n        width: 100%;\n        top: 0;\n        border-radius: 0;\n        padding: 15px 20px;\n    }\n    .nav-links, .nav-actions {\n        display: none;\n    }\n    .hero-title {\n        font-size: 4rem;\n    }\n    .section-header h2 {\n        font-size: 3.5rem;\n    }\n    .promo-content h2 {\n        font-size: 4rem;\n    }\n    .footer-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    .footer-bottom {\n        flex-direction: column;\n        gap: 10px;\n    }\n}\n\n\/* ================= FEEDBACK SECTION ================= *\/\n.feedback-section {\n    padding: 120px 5%;\n    background: var(--bg-secondary);\n    text-align: center;\n}\n\n.feedback-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n    margin-top: 60px;\n}\n\n.feedback-card {\n    background: rgba(255,255,255,0.02);\n    border: 1px solid var(--border-color);\n    border-radius: 12px;\n    padding: 30px;\n    text-align: left;\n    transition: all 0.3s ease;\n}\n\n.feedback-card:hover {\n    transform: translateY(-10px);\n    border-color: var(--red-accent);\n    box-shadow: 0 10px 30px rgba(229,9,20,0.2);\n}\n\n.feedback-text {\n    color: var(--text-gray);\n    font-size: 0.95rem;\n    line-height: 1.6;\n    margin-bottom: 20px;\n}\n\n.feedback-user {\n    font-weight: 600;\n    color: var(--text-white);\n}\n\n\/* ================= CONTACT SECTION ================= *\/\n.contact-section {\n    padding: 120px 5%;\n    max-width: 1400px;\n    margin: auto;\n}\n\n.contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n}\n\n.contact-info h3 {\n    font-size: 2rem;\n    margin-bottom: 20px;\n}\n\n.contact-info p {\n    color: var(--text-gray);\n    margin-bottom: 10px;\n}\n\n.social-icons {\n    margin-top: 20px;\n}\n\n.social-icons a {\n    margin-right: 15px;\n    font-size: 1.4rem;\n    color: var(--text-white);\n    transition: 0.3s;\n}\n\n.social-icons a:hover {\n    color: var(--red-accent);\n}\n.social-icons a {\n    margin-right: 15px;\n    font-size: 1.5rem;\n    color: var(--text-white);\n    transition: all 0.3s ease;\n}\n\n.social-icons a:hover {\n    color: var(--red-accent);\n    transform: translateY(-3px) scale(1.2);\n}\n\n\/* FORM *\/\n.contact-form input,\n.contact-form textarea {\n    width: 100%;\n    padding: 14px;\n    margin-bottom: 15px;\n    background: transparent;\n    border: 1px solid var(--border-color);\n    color: #fff;\n    border-radius: 6px;\n}\n\n.contact-form button {\n    background: var(--red-accent);\n    border: none;\n    padding: 14px;\n    color: #fff;\n    font-weight: 600;\n    cursor: pointer;\n    width: 100%;\n    border-radius: 6px;\n    transition: 0.3s;\n}\n\n.contact-form button:hover {\n    box-shadow: 0 0 15px var(--red-glow);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n    .contact-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n\n\/* ================= OUT OF STOCK FULL RIBBON ================= *\/\n\n.product-card.out-stock .product-image {\n    filter: grayscale(100%) brightness(0.35);\n    transform: scale(1.02);\n}\n\n.product-card.out-stock:hover .product-image {\n    transform: scale(1.08);\n    filter: grayscale(100%) brightness(0.25);\n}\n\n\n\/* ===== OUT OF STOCK OVERLAY ===== *\/\n\n.out-stock .product-image-wrapper {\n    position: relative;\n}\n\n\/* fade image only *\/\n.out-stock .product-image {\n    filter: grayscale(100%) brightness(0.45);\n}\n\n\/* ===== OUT OF STOCK FULL RIBBON ===== *\/\n\n.stock-ribbon {\n    position: absolute;\n    top: 50%;\n    left: 0;\n\n    width: 100%;\n    transform: translateY(-50%);\n\n    background: #E50914;\n    color: #fff;\n\n    text-align: center;\n\n    padding: 14px 10px;\n\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 1.7rem;\n    letter-spacing: 3px;\n    font-weight: 600;\n\n    z-index: 20;\n\n    box-shadow: 0 8px 20px rgba(229, 9, 20, 0.35);\n}\n\n\/* mobile *\/\n@media (max-width: 768px) {\n    .stock-ribbon {\n        font-size: 1.1rem;\n        padding: 12px 8px;\n    }\n}\n\n<\/style>\n\n    <!-- Floating Glassmorphism Header -->\n    \n\n    <!-- Parallax Hero Section -->\n    <section class=\"hero\">\n        <img data-recalc-dims=\"1\" decoding=\"async\" class=\"hero-bg-img\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2025-06-25-at-9.16.14-AM-scaled-2.png?w=800&#038;ssl=1\" alt=\"Heroic\">\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"hero-content\">\n            <span class=\"hero-subtitle\">Born from Passion\n <\/span>\n            <h1 class=\"hero-title bebas\">Built for Progress<\/h1>\n            <a href=\"#arsenal\" class=\"hero-btn bebas\">DISCOVER THE SHOP<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Marquee Banner Elementor Ready -->\n    <div class=\"marquee-container\">\n        <div class=\"marquee-text bebas\">\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n            <span>NO EXCUSES. ONLY DISCIPLINE.<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- The Arsenal (14 Product Grid) -->\n    <section id=\"arsenal\" class=\"products-section\">\n        <div class=\"section-header\">\n            <h2 class=\"bebas\">THE ARSENAL<\/h2>\n            <p>At Heroic Apparel, we don\u2019t just craft gym wear; we create a statement for the 0.001% who relentlessly push their limits to build both a strong physique and an unbreakable mindset. Our mission goes beyond clothing\u2014we\u2019re dedicated to making apparel that empowers you to perform at your peak while looking your best.<\/p>\n        <\/div>\n\n        <div class=\"grid-container\" >\n            <!-- Product NEW -->\n            <div class=\"product-card\">\n                <div class=\"badge\">NEW ARRIVAL | DEVIL DROP<\/div>\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-23-at-10.46.59-PM-1.jpeg?w=800&#038;ssl=1\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/acid-wash-limited-edition-drop-1-0\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">Acid wash Limited Edition Drop 1.0<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1399.00<\/span>\n                        <span class=\"old-price\">Rs. 1,999.00<\/span>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            <!-- Product 1 -->\n            <div class=\"product-card\">\n                <div class=\"badge\">NEW ARRIVAL<\/div>\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/Warrior-scaled-1-e1778407395628.jpg?w=800&#038;ssl=1\" alt=\"Warrior Cutoff\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/warrior-oversized-t-shirt\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">Warrior Oversized T Shirt<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,299.00<\/span>\n                        <span class=\"old-price\">Rs. 1,799.00<\/span>\n                        <!--<span class=\"old-price\">Rs. 1,099.00<\/span>-->\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n\n            <!-- Product 2 -->\n            <div class=\"product-card\">\n                <div class=\"badge\">BELIEVE DROP 1.0<\/div>\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2025-04-12-at-08.47.38-scaled-2.jpeg?w=800&#038;ssl=1\" alt=\"Aqua Compression\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/athlete-believe-drop-1-0\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">ATHLETE BELIEVE DROP 1.0<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,099.00<\/span>\n                        <span class=\"old-price\">Rs. 1,599.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 3 -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/70607bfb-5f9c-4110-9e09-10a7540bd05c-scaled-1.jpeg?w=800&#038;ssl=1\" alt=\"Iron Will Hoodie\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/shield-of-heros-compresion-sleeveless-red\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">SHIELD OF HEROS COMPRESION SLEEVELESS (RED)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 899.00<\/span>\n                        <span class=\"old-price\">Rs. 1,299.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 4 -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/bbe888a9-95ef-4844-8e48-b63e0af63567-scaled-1.jpeg?w=800&#038;ssl=1\" alt=\"Stealth Joggers\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/shield-of-heros-compresion-sleeveless-black\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">SHIELD OF HEROS COMPRESION SLEEVELESS (BLACK)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 899.00<\/span>\n                        <span class=\"old-price\">Rs. 1,299.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 5 -->\n            <div class=\"product-card\">\n                <!--<div class=\"badge\">Pro Series<\/div>-->\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/00430125-3c2c-454a-824b-ba5a51e3db27-scaled-1.jpeg?w=800&#038;ssl=1\" alt=\"Power Belt\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/shield-of-heros-compresion-fullsleeve-red\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">SHIELD OF HEROS COMPRESION FULLSLEEVE (RED)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,099.00<\/span>\n                        <span class=\"old-price\">Rs. 1,699.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 6 -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/c516da9e-541e-41e9-9e96-2856f88cb808-scaled-1.jpeg?w=800&#038;ssl=1\" alt=\"Origin Tank\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/shield-of-heros-compresion-fullsleeve-black\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">SHIELD OF HEROS COMPRESION FULLSLEEVE (BLACK)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,099.00<\/span>\n                        <span class=\"old-price\">Rs. 1,699.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            \n\n            \n\n            <!-- Product 9 -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/IMG-20250102-WA0045_edited_edited.png?w=800&#038;ssl=1\" alt=\"Seamless Base\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/heroic-devil-jacket\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">Heroic Devil jacket<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,199.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 10 -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2024-12-25-at-22.31.52_f252cb7b-1.jpg?w=800&#038;ssl=1\" alt=\"Apex Stringer\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/basic-joggers-beige\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">Basic Joggers (Beige)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,599.00<\/span>\n                        <span class=\"old-price\">Rs. 1,999.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 11 -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2024-12-24-at-09.43.29_c31371e5-1-e1778519766963.jpg?w=800&#038;ssl=1\" alt=\"Combat Rashguard\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/zyzz-cult-jogger\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">Zyzz Cult Jogger<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,699.00<\/span>\n                        <span class=\"old-price\">Rs. 1,999.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 12 -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2024-11-28-at-15.49.05_368afd4f-scaled-2.jpg?w=800&#038;ssl=1\" alt=\"Gym Bag\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/skull-crusher-hoodieblack\/\">\n                    <button class=\"add-to-cart\">Quick Add +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">SKULL CRUSHER HOODIE(BLACK)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,999.00<\/span>\n                        <span class=\"old-price\">Rs. 2,999.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 13 -->\n            <div class=\"product-card\">\n                <div class=\"badge\">LIMITED EDITION<\/div>\n                <div class=\"stock-ribbon\">\n            OUT OF STOCK\n        <\/div>\n                <div class=\"product-image-wrapper\">\n                    \n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/IMG-20250102-WA0062_edited-e1778519867306.jpg?w=800&#038;ssl=1\" alt=\"Wrist Wraps\" class=\"product-image\">\n                    <button class=\"add-to-cart\">SOLD OUT +<\/button>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">We Go Jim X Goku<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 1,199.00<\/span>\n                        <span class=\"old-price\">Rs. 1,499.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n          <!-- Product 8 -->\n            <div class=\"product-card\">\n                <!--<div class=\"badge\">Hot<\/div>-->\n                <div class=\"stock-ribbon\">\n            OUT OF STOCK\n        <\/div>\n                <div class=\"product-image-wrapper\">\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/IMG-20250102-WA0047_edited-e1779973280248.jpg?w=800&#038;ssl=1\" alt=\"Titan Tee\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/shield-of-heros-compresion-white\/\">\n                    <button class=\"add-to-cart\">Out Of Stock +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">SHIELD OF HEROS COMPRESION (WHITE)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 899.00<\/span>\n                        <span class=\"old-price\">Rs. 1,299.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Product 7 -->\n            <div class=\"product-card\">\n                <div class=\"stock-ribbon\">\n            OUT OF STOCK\n        <\/div>\n                <div class=\"product-image-wrapper\">\n                \n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/IMG-20250102-WA0048_edited-e1778520001932.jpg?w=800&#038;ssl=1\" alt=\"Performance Shorts\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/shield-of-heros-compresion-grey\/\">\n                    <button class=\"add-to-cart\">Out Of Stock +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">SHIELD OF HEROS COMPRESION (GREY)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 899.00<\/span>\n                        <span class=\"old-price\">Rs. 1,299.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Product 14 -->\n            <div class=\"product-card\">\n                <div class=\"badge\">Limited<\/div>\n                <div class=\"stock-ribbon\">\n            OUT OF STOCK\n        <\/div>\n                 \n                <div class=\"product-image-wrapper\">\n                    \n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/IMG-20250102-WA0051_edited-scaled-1-e1778519813344.jpg?w=800&#038;ssl=1\" alt=\"Zip Jacket\" class=\"product-image\">\n                    <a href=\"https:\/\/heroicapparel.in\/index.php\/product\/shield-of-heros-compresion-red\/\">\n                    <button class=\"add-to-cart\">Out Of Stock +<\/button><\/a>\n                <\/div>\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">SHIELD OF HEROS COMPRESION (RED)<\/h3>\n                    <div class=\"product-price\">\n                        <span class=\"sale-price\">Rs. 899.00<\/span>\n                        <span class=\"old-price\">Rs. 1,299.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n <!-- FEEDBACK SECTION-->\n<section class=\"feedback-section\">\n    \n    <div class=\"section-header\">\n        <h2 class=\"bebas\">WHAT OUR ATHLETES SAY<\/h2>\n        <p>Real feedback from real warriors pushing their limits.<\/p>\n    <\/div>\n\n    <div class=\"feedback-grid\">\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"The fabric of Heroic Apparel is excellent, and I absolutely love it!\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Smriti Sharma<\/div>\n    <\/div>\n\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"I admire Goku a lot. And most of the oversized are not according to my fit but this fits me perfectly.\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Pratyush<\/div>\n    <\/div>\n\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"Great quality of the t-shirt, feels good on the skin and the design is also eye catching &lt;3\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Shisham Rai<\/div>\n    <\/div>\n\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"Amazing quality. Fitting is so good.\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Manish<\/div>\n    <\/div>\n\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"I recently bought a compression suit for cycling, and it\u2019s been perfect for winter rides. The fabric traps body heat, keeps me warm, and wicks away sweat, so I never feel damp or cold.\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Avishek Nayak<\/div>\n    <\/div>\n\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"I love the red compression which is compatible with my body.\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Kailash Sahu<\/div>\n    <\/div>\n\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"I have been wearing compression from a lot of brands like Fuaark, Allofficials and NTC but I must say this is a must-have in your wardrobe if you are a hardcore lifter. Top class fabric, breathable and comfortable.\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Amritangshu<\/div>\n    <\/div>\n\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"Top notch quality.\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Yash<\/div>\n    <\/div>\n    <div class=\"feedback-card\">\n        <p class=\"feedback-text\">\n            \"Products are super cool & of great quality.\"\n        <\/p>\n        <div class=\"feedback-user\">\u2014 Rajesh<\/div>\n    <\/div>\n<\/div>\n<\/section>\n\n<!-- CONTACT SECTION -->\n<section class=\"contact-section\">\n    <div class=\"section-header\">\n        <h2 class=\"bebas\">CONNECT WITH US<\/h2>\n        <p>Got questions? Let\u2019s build something legendary together.<\/p>\n    <\/div>\n\n    <div class=\"contact-grid\">\n\n        <!-- LEFT -->\n        <div class=\"contact-info\">\n            <h3>Contact Info<\/h3>\n            <p>Email: support@heroicapparel.in<\/p>\n            <p>Phone: +91 9876543210<\/p>\n            <p>Location: India<\/p>\n\n            <div class=\"social-icons\">\n    <a href=\"https:\/\/www.instagram.com\/heroicapparel.in\/\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\n    <!--<a href=\"#\" target=\"_blank\"><i class=\"fab fa-facebook\"><\/i><\/a>-->\n    <!--<a href=\"#\" target=\"_blank\"><i class=\"fas fa-globe\"><\/i><\/a>-->\n    <a href=\"https:\/\/api.whatsapp.com\/send?phone=919078014742\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n<\/div>\n        <\/div>\n\n        <!-- RIGHT -->\n        <form class=\"contact-form\">\n            <input type=\"text\" placeholder=\"Your Name\" required>\n            <input type=\"email\" placeholder=\"Your Email\" required>\n            <textarea rows=\"5\" placeholder=\"Your Message\"><\/textarea>\n            <button type=\"submit\">SEND MESSAGE<\/button>\n        <\/form>\n\n    <\/div>\n<\/section>\n    <!-- Promotional Fixed Banner -->\n<!--    <section class=\"promo-banner\">-->\n<!--    <img decoding=\"async\" class=\"promo-bg-img\" src=\"https:\/\/heroicapparel.in\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2025-06-25-at-9.16.14-AM-scaled-2.png\" alt=\"Promo\">-->\n<!--    <div class=\"promo-overlay\"><\/div>-->\n\n<!--    <div class=\"promo-content\">-->\n<!--        <h2 class=\"bebas\">JOIN THE LEGION<\/h2>-->\n<!--        <p>Upgrade your aesthetic. Get a 20% discount on your first deployment.<\/p>-->\n\n<!--        <form id=\"promoForm\">-->\n<!--            <input type=\"email\" name=\"email\" placeholder=\"Enter your email\" required>-->\n<!--            <input type=\"tel\" name=\"phone\" placeholder=\"Enter your phone number\" required>-->\n\n<!--            <button type=\"submit\" class=\"hero-btn bebas\">CLAIM REWARD<\/button>-->\n<!--        <\/form>-->\n\n<!--        <p id=\"responseMsg\"><\/p>-->\n<!--    <\/div>-->\n<!--<\/section>-->\n\n    <!-- High-end Footer -->\n    \n\n    \n<script>\/\/ Navbar background change on scroll\nwindow.addEventListener('scroll', () => {\n    const header = document.getElementById('siteHeader');\n    if (window.scrollY > 50) {\n        header.classList.add('scrolled');\n    } else {\n        header.classList.remove('scrolled');\n    }\n});\n\n\/\/ Optional: Smooth scroll for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n        if(this.getAttribute('href') !== '#') {\n            e.preventDefault();\n            document.querySelector(this.getAttribute('href')).scrollIntoView({\n                behavior: 'smooth'\n            });\n        }\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Born from Passion Built for Progress DISCOVER THE SHOP NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. ONLY DISCIPLINE. NO EXCUSES. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/heroicapparel.in\/index.php\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heroicapparel.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heroicapparel.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heroicapparel.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heroicapparel.in\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":154,"href":"https:\/\/heroicapparel.in\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":596,"href":"https:\/\/heroicapparel.in\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions\/596"}],"wp:attachment":[{"href":"https:\/\/heroicapparel.in\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}