{"id":4400,"date":"2021-10-12T15:51:09","date_gmt":"2021-10-12T15:51:09","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=4400"},"modified":"2025-08-04T13:11:40","modified_gmt":"2025-08-04T13:11:40","slug":"about-us-3","status":"publish","type":"page","link":"https:\/\/top-me.online\/?page_id=4400","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4400\" class=\"elementor elementor-4400\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f307aca e-con-full wd-section-stretch-content e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f307aca\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4c94bcf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4c94bcf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e60e2a1 elementor-widget elementor-widget-heading\" data-id=\"e60e2a1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About Us<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbccf2e color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"dbccf2e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"14\" data-end=\"329\">TOP is a premium men\u2019s underwear brand driven by a passion for comfort, confidence, and quality. We believe that what you wear underneath should feel as good as it looks that\u2019s why every piece is made using high-grade, breathable fabrics that offer superior softness, long-lasting durability, and a perfect fit.\u00a0 From classic essentials to modern designs, our collection is crafted to support the lifestyle of today\u2019s man whether at work, at the gym, or relaxing at home. With a commitment to innovation and timeless style, we are redefining everyday basics and making luxury comfort a standard, not a treat.<\/p><p data-start=\"331\" data-end=\"628\" data-is-last-node=\"\" data-is-only-node=\"\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc70cd0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"fc70cd0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:27427,&quot;url&quot;:&quot;http:\\\/\\\/top-me.online\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/softness-elegance-newborn-dress-generated-by-ai-scaled.jpg&quot;},{&quot;id&quot;:27397,&quot;url&quot;:&quot;http:\\\/\\\/top-me.online\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/\\u062a\\u0635\\u0645\\u064a\\u0645-\\u0628\\u062f\\u0648\\u0646-\\u0639\\u0646\\u0648\\u0627\\u064615-e1754228284327.png&quot;},{&quot;id&quot;:27404,&quot;url&quot;:&quot;http:\\\/\\\/top-me.online\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/shirt-mockup-concept-with-plain-clothing-scaled.jpg&quot;}],&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd285e3 e-con-full wd-section-stretch-content e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"bd285e3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a57f9eb elementor-widget elementor-widget-html\" data-id=\"a57f9eb\" 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>About Us - Top Men's Underwear<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Raleway', sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Animated Background *\/\r\n        .animated-bg {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: -1;\r\n            background: linear-gradient(-45deg, #bea163, #d4b570, #c9a969, #a08c4f);\r\n            background-size: 400% 400%;\r\n            animation: gradientBG 15s ease infinite;\r\n        }\r\n\r\n        @keyframes gradientBG {\r\n            0% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n            100% { background-position: 0% 50%; }\r\n        }\r\n\r\n        \/* Floating Particles *\/\r\n        .particles {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: rgba(190, 161, 99, 0.4);\r\n            border-radius: 50%;\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px) rotate(0deg); opacity: 1; }\r\n            50% { transform: translateY(-20px) rotate(180deg); opacity: 0.5; }\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header Section *\/\r\n        .hero-section {\r\n            padding: 100px 0;\r\n            text-align: center;\r\n            background: rgba(0, 0, 0, 0.1);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            color: white;\r\n            margin-bottom: 20px;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n            animation: slideInDown 1s ease-out;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 1.3rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-weight: 400;\r\n            animation: slideInUp 1s ease-out 0.3s both;\r\n        }\r\n\r\n        @keyframes slideInDown {\r\n            from { transform: translateY(-50px); opacity: 0; }\r\n            to { transform: translateY(0); opacity: 1; }\r\n        }\r\n\r\n        @keyframes slideInUp {\r\n            from { transform: translateY(50px); opacity: 0; }\r\n            to { transform: translateY(0); opacity: 1; }\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .section {\r\n            padding: 80px 0;\r\n            position: relative;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 60px;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        \/* Why Choose Us Section *\/\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .feature-card {\r\n            background: rgba(190, 161, 99, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(190, 161, 99, 0.3);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(190, 161, 99, 0.35);\r\n            box-shadow: 0 20px 40px rgba(190, 161, 99, 0.2);\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 3rem;\r\n            color: #bea163;\r\n            margin-bottom: 20px;\r\n            animation: bounce 2s infinite;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-card:hover .feature-icon {\r\n            transform: scale(1.2);\r\n            animation: pulse 1s infinite;\r\n        }\r\n\r\n        @keyframes bounce {\r\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n            40% { transform: translateY(-10px); }\r\n            60% { transform: translateY(-5px); }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1.2); }\r\n            50% { transform: scale(1.3); }\r\n        }\r\n\r\n        .feature-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .feature-description {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Vision & Mission Section *\/\r\n        .vision-mission {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .vm-card {\r\n            background: rgba(190, 161, 99, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            border: 1px solid rgba(190, 161, 99, 0.3);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .vm-card:hover {\r\n            transform: scale(1.05);\r\n            background: rgba(190, 161, 99, 0.35);\r\n        }\r\n\r\n        .vm-icon {\r\n            font-size: 2.5rem;\r\n            color: #bea163;\r\n            margin-bottom: 20px;\r\n            animation: rotate 3s linear infinite;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .vm-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .vm-content {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Quality Section *\/\r\n        .quality-section {\r\n            text-align: center;\r\n        }\r\n\r\n        .quality-content {\r\n            background: rgba(190, 161, 99, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 50px;\r\n            margin: 40px auto;\r\n            max-width: 800px;\r\n            border: 1px solid rgba(190, 161, 99, 0.3);\r\n            position: relative;\r\n        }\r\n\r\n        .quality-icon {\r\n            font-size: 4rem;\r\n            color: #bea163;\r\n            margin-bottom: 30px;\r\n            animation: swing 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes swing {\r\n            0%, 100% { transform: rotate(0deg); }\r\n            25% { transform: rotate(10deg); }\r\n            75% { transform: rotate(-10deg); }\r\n        }\r\n\r\n        .quality-text {\r\n            font-size: 1.2rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* What Makes Us Special Section *\/\r\n        .special-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .special-item {\r\n            background: rgba(190, 161, 99, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 15px;\r\n            padding: 35px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(190, 161, 99, 0.3);\r\n            position: relative;\r\n        }\r\n\r\n        .special-item:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            background: rgba(190, 161, 99, 0.35);\r\n            box-shadow: 0 15px 35px rgba(190, 161, 99, 0.2);\r\n        }\r\n\r\n        .special-icon {\r\n            font-size: 2.5rem;\r\n            color: #bea163;\r\n            margin-bottom: 20px;\r\n            animation: wiggle 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes wiggle {\r\n            0%, 7% { transform: rotateZ(0); }\r\n            15% { transform: rotateZ(-15deg); }\r\n            20% { transform: rotateZ(10deg); }\r\n            25% { transform: rotateZ(-10deg); }\r\n            30% { transform: rotateZ(6deg); }\r\n            35% { transform: rotateZ(-4deg); }\r\n            40%, 100% { transform: rotateZ(0); }\r\n        }\r\n\r\n        .special-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .special-desc {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .hero-title {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .vision-mission {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .special-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            }\r\n\r\n            .feature-card,\r\n            .vm-card,\r\n            .quality-content,\r\n            .special-item {\r\n                padding: 30px;\r\n            }\r\n\r\n            .container {\r\n                padding: 0 15px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .hero-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .section {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .feature-card,\r\n            .vm-card,\r\n            .quality-content,\r\n            .special-item {\r\n                padding: 25px;\r\n            }\r\n\r\n            .special-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* Animation for scroll *\/\r\n        .fade-in {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 0.8s ease forwards;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Hover effects for cards *\/\r\n        .feature-card::before,\r\n        .vm-card::before,\r\n        .special-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(190, 161, 99, 0.2), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n\r\n        .feature-card:hover::before,\r\n        .vm-card:hover::before,\r\n        .special-item:hover::before {\r\n            left: 100%;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Animated Background -->\r\n    <div class=\"animated-bg\"><\/div>\r\n    \r\n    <!-- Floating Particles -->\r\n    <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"hero-section\">\r\n        <div class=\"container\">\r\n            <h1 class=\"hero-title\">TOP Company<\/h1>\r\n            <p class=\"hero-subtitle\">Leading the way in premium men's underwear manufacturing<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Choose Us Section -->\r\n    <section class=\"section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">Why Choose Us?<\/h2>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card fade-in\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-award\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Premium Quality<\/h3>\r\n                    <p class=\"feature-description\">We use only the finest materials and world-class manufacturing processes to ensure exceptional comfort and durability in every piece we create<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card fade-in\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-shipping-fast\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Fast Delivery<\/h3>\r\n                    <p class=\"feature-description\">Lightning-fast shipping service nationwide with guaranteed safe delivery of your products in perfect condition<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card fade-in\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Outstanding Customer Service<\/h3>\r\n                    <p class=\"feature-description\">Professional customer support team available 24\/7 to serve you and answer all your inquiries with dedication<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card fade-in\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-palette\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Diverse Designs<\/h3>\r\n                    <p class=\"feature-description\">Wide range of modern and classic designs to suit all tastes and occasions, from everyday comfort to special moments<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card fade-in\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Quality Guarantee<\/h3>\r\n                    <p class=\"feature-description\">Complete satisfaction guarantee with easy return and exchange policy to ensure your complete confidence in our products<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card fade-in\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-tags\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Competitive Prices<\/h3>\r\n                    <p class=\"feature-description\">Best value for money with competitive pricing without compromising on quality or comfort<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Fabric Quality Section -->\r\n    <section class=\"section quality-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">Fabric Quality<\/h2>\r\n            <div class=\"quality-content fade-in\">\r\n                <div class=\"quality-icon\">\r\n                    <i class=\"fas fa-gem\"><\/i>\r\n                <\/div>\r\n                <p class=\"quality-text\">\r\n                    At TOP, we believe that exceptional underwear starts with exceptional fabric. We source our materials from the world's finest textile manufacturers, using premium cotton blends, moisture-wicking technologies, and innovative fabric treatments. Our fabrics are carefully selected for their softness, breathability, durability, and ability to maintain their shape and color after countless washes. Every thread is tested for quality, ensuring that our customers experience unparalleled comfort and long-lasting wear.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Vision & Mission Section -->\r\n    <section class=\"section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">Our Vision & Mission<\/h2>\r\n            <div class=\"vision-mission\">\r\n                <div class=\"vm-card fade-in\">\r\n                    <div class=\"vm-icon\">\r\n                        <i class=\"fas fa-eye\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vm-title\">Our Vision<\/h3>\r\n                    <p class=\"vm-content\">\r\n                        To become the global leader in men's underwear, setting new standards for comfort, quality, and innovation. We envision a world where every man experiences the confidence that comes from wearing perfectly crafted underwear that supports him throughout his day, from morning to night.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"vm-card fade-in\">\r\n                    <div class=\"vm-icon\">\r\n                        <i class=\"fas fa-bullseye\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"vm-title\">Our Mission<\/h3>\r\n                    <p class=\"vm-content\">\r\n                        To create premium men's underwear that combines cutting-edge technology with timeless comfort. We are committed to delivering products that exceed expectations through continuous innovation, sustainable practices, and an unwavering dedication to customer satisfaction and well-being.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- What Makes Us Special Section -->\r\n    <section class=\"section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title fade-in\">What Makes Us Special<\/h2>\r\n            <div class=\"special-grid\">\r\n                <div class=\"special-item fade-in\">\r\n                    <div class=\"special-icon\">\r\n                        <i class=\"fas fa-microscope\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"special-title\">Innovation<\/h4>\r\n                    <p class=\"special-desc\">Cutting-edge research and development in fabric technology<\/p>\r\n                <\/div>\r\n                <div class=\"special-item fade-in\">\r\n                    <div class=\"special-icon\">\r\n                        <i class=\"fas fa-leaf\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"special-title\">Sustainability<\/h4>\r\n                    <p class=\"special-desc\">Eco-friendly manufacturing processes and sustainable materials<\/p>\r\n                <\/div>\r\n                <div class=\"special-item fade-in\">\r\n                    <div class=\"special-icon\">\r\n                        <i class=\"fas fa-heart\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"special-title\">Comfort First<\/h4>\r\n                    <p class=\"special-desc\">Every design prioritizes maximum comfort and fit<\/p>\r\n                <\/div>\r\n                <div class=\"special-item fade-in\">\r\n                    <div class=\"special-icon\">\r\n                        <i class=\"fas fa-handshake\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"special-title\">Trust<\/h4>\r\n                    <p class=\"special-desc\">Building lasting relationships through quality and reliability<\/p>\r\n                <\/div>\r\n                <div class=\"special-item fade-in\">\r\n                    <div class=\"special-icon\">\r\n                        <i class=\"fas fa-star\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"special-title\">Excellence<\/h4>\r\n                    <p class=\"special-desc\">Pursuing perfection in every product we manufacture<\/p>\r\n                <\/div>\r\n                <div class=\"special-item fade-in\">\r\n                    <div class=\"special-icon\">\r\n                        <i class=\"fas fa-globe\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"special-title\">Global Standards<\/h4>\r\n                    <p class=\"special-desc\">Meeting and exceeding international quality benchmarks<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Create floating particles\r\n        function createParticles() {\r\n            const particlesContainer = document.getElementById('particles');\r\n            const particleCount = 50;\r\n            \r\n            for (let i = 0; i < particleCount; i++) {\r\n                const particle = document.createElement('div');\r\n                particle.className = 'particle';\r\n                particle.style.left = Math.random() * 100 + '%';\r\n                particle.style.top = Math.random() * 100 + '%';\r\n                particle.style.animationDelay = Math.random() * 6 + 's';\r\n                particlesContainer.appendChild(particle);\r\n            }\r\n        }\r\n\r\n        \/\/ Intersection Observer for fade-in animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.animationDelay = '0s';\r\n                    entry.target.style.animationFillMode = 'forwards';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Initialize animations when page loads\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            createParticles();\r\n            \r\n            \/\/ Observe all fade-in elements\r\n            document.querySelectorAll('.fade-in').forEach(el => {\r\n                observer.observe(el);\r\n            });\r\n        });\r\n\r\n        \/\/ Add smooth scrolling behavior\r\n        document.documentElement.style.scrollBehavior = 'smooth';\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>About Us TOP is a premium men\u2019s underwear brand driven by a passion for comfort, confidence, and quality. We believe<\/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-4400","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/top-me.online\/index.php?rest_route=\/wp\/v2\/pages\/4400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/top-me.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/top-me.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/top-me.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/top-me.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4400"}],"version-history":[{"count":42,"href":"https:\/\/top-me.online\/index.php?rest_route=\/wp\/v2\/pages\/4400\/revisions"}],"predecessor-version":[{"id":27576,"href":"https:\/\/top-me.online\/index.php?rest_route=\/wp\/v2\/pages\/4400\/revisions\/27576"}],"wp:attachment":[{"href":"https:\/\/top-me.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}