{"id":14445,"date":"2025-07-28T08:39:21","date_gmt":"2025-07-28T08:39:21","guid":{"rendered":"https:\/\/champion-group.eu\/?page_id=14445"},"modified":"2025-07-28T08:46:18","modified_gmt":"2025-07-28T08:46:18","slug":"a-test-page-2","status":"publish","type":"page","link":"https:\/\/champion-group.eu\/en\/a-test-page-2\/","title":{"rendered":"A test Page 2"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Champion Group - Engineered Access Solutions<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Font Awesome for icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n color: #333;\r\n background-color: #f0f2f5; \/* Lighter background for a modern feel *\/\r\n }\r\n \/* Sticky header *\/\r\n .header-sticky {\r\n position: sticky;\r\n top: 0;\r\n z-index: 50;\r\n }\r\n\r\n \/* Hero Section Styling *\/\r\n .hero-slide {\r\n background-size: cover;\r\n background-position: center;\r\n min-height: 700px; \/* Slightly taller hero *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n animation: fadeIn 1s ease-out; \/* Subtle fade-in for slides *\/\r\n }\r\n .hero-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.65); \/* Darker overlay for better contrast *\/\r\n z-index: 1;\r\n }\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1000px; \/* Wider content area *\/\r\n padding: 2.5rem;\r\n border-radius: 1rem; \/* More rounded corners *\/\r\n backdrop-filter: blur(3px); \/* Subtle blur effect *\/\r\n background-color: rgba(255, 255, 255, 0.1); \/* Slightly visible background *\/\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3); \/* Deeper shadow *\/\r\n }\r\n .hero-headline {\r\n font-size: 4.2rem; \/* Larger, more impactful headline *\/\r\n font-weight: 800; \/* Bolder font *\/\r\n margin-bottom: 1.2rem;\r\n line-height: 1.15;\r\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); \/* Text shadow for depth *\/\r\n }\r\n .hero-subheadline {\r\n font-size: 1.7rem; \/* Larger subheadline *\/\r\n font-weight: 400;\r\n margin-bottom: 2.5rem;\r\n opacity: 0.95;\r\n text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);\r\n }\r\n .hero-btn {\r\n display: inline-block;\r\n padding: 1rem 2.2rem; \/* Larger padding *\/\r\n background-color: #1a73e8; \/* Google Blue for primary CTA *\/\r\n color: white;\r\n border-radius: 0.75rem; \/* More rounded *\/\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\r\n margin: 0.75rem;\r\n box-shadow: 0 4px 15px rgba(0, 115, 255, 0.3); \/* Subtle button shadow *\/\r\n }\r\n .hero-btn:hover {\r\n background-color: #155bb5;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(0, 115, 255, 0.4);\r\n }\r\n .hero-btn.secondary {\r\n background-color: transparent;\r\n border: 2px solid white;\r\n box-shadow: none;\r\n }\r\n .hero-btn.secondary:hover {\r\n background-color: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n \/* Carousel navigation dots *\/\r\n .carousel-dots {\r\n position: absolute;\r\n bottom: 30px; \/* Slightly higher *\/\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 3;\r\n display: flex;\r\n gap: 0.9rem; \/* More spacing *\/\r\n }\r\n .dot {\r\n width: 14px; \/* Larger dots *\/\r\n height: 14px;\r\n background-color: rgba(255, 255, 255, 0.6);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease, transform 0.3s ease, border 0.3s ease;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n }\r\n .dot.active {\r\n background-color: white;\r\n transform: scale(1.3); \/* More pronounced active state *\/\r\n border: 2px solid #1a73e8; \/* Blue border for active dot *\/\r\n }\r\n\r\n \/* Product card styling *\/\r\n .product-card {\r\n background-color: white;\r\n border-radius: 1rem; \/* More rounded corners *\/\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); \/* Deeper shadow *\/\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n border: 1px solid #e0e0e0; \/* Subtle border *\/\r\n }\r\n .product-card:hover {\r\n transform: translateY(-8px); \/* More pronounced lift *\/\r\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15); \/* Stronger shadow on hover *\/\r\n }\r\n .product-card img {\r\n width: 100%;\r\n height: 240px; \/* Slightly taller images *\/\r\n object-fit: cover;\r\n border-bottom: 1px solid #f0f0f0;\r\n }\r\n .product-card-content {\r\n padding: 1.8rem; \/* More padding *\/\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n .product-card h3 {\r\n font-size: 1.6rem; \/* Slightly larger heading *\/\r\n font-weight: 700;\r\n margin-bottom: 0.8rem;\r\n color: #222;\r\n }\r\n .product-card p {\r\n font-size: 1.05rem; \/* Slightly larger text *\/\r\n color: #555;\r\n margin-bottom: 0.6rem;\r\n }\r\n .product-card .cta-link {\r\n display: inline-block;\r\n color: #1a73e8; \/* Primary blue for links *\/\r\n font-weight: 600;\r\n margin-top: 1.2rem;\r\n text-decoration: none;\r\n transition: color 0.3s ease, transform 0.2s ease;\r\n }\r\n .product-card .cta-link:hover {\r\n color: #155bb5;\r\n transform: translateX(5px); \/* Slight slide effect *\/\r\n }\r\n\r\n \/* USP and Service card styling *\/\r\n .feature-card {\r\n background-color: white;\r\n padding: 2.5rem; \/* More padding *\/\r\n border-radius: 1rem; \/* More rounded corners *\/\r\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07); \/* Deeper shadow *\/\r\n text-align: center;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n border: 1px solid #e0e0e0; \/* Subtle border *\/\r\n }\r\n .feature-card:hover {\r\n transform: translateY(-8px); \/* More pronounced lift *\/\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); \/* Stronger shadow on hover *\/\r\n }\r\n .feature-card .icon {\r\n font-size: 3.5rem; \/* Larger icons *\/\r\n color: #1a73e8; \/* Primary blue for icons *\/\r\n margin-bottom: 1.2rem;\r\n animation: bounceIn 0.8s ease-out; \/* Subtle animation *\/\r\n }\r\n .feature-card h4 {\r\n font-size: 1.4rem; \/* Larger heading *\/\r\n font-weight: 700;\r\n margin-bottom: 0.7rem;\r\n color: #222;\r\n }\r\n .feature-card p {\r\n font-size: 1.05rem;\r\n color: #666;\r\n }\r\n\r\n \/* Project gallery and testimonial carousel styling *\/\r\n .gallery-carousel, .testimonial-carousel {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 1rem; \/* More rounded corners *\/\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); \/* Added shadow to carousel container *\/\r\n }\r\n .carousel-inner {\r\n display: flex;\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); \/* Smoother transition *\/\r\n }\r\n .carousel-item {\r\n min-width: 100%;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .carousel-item img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 550px; \/* Slightly taller images *\/\r\n object-fit: cover;\r\n border-radius: 1rem; \/* More rounded corners *\/\r\n }\r\n .carousel-nav-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background-color: rgba(26, 115, 232, 0.7); \/* Primary blue with transparency *\/\r\n color: white;\r\n border: none;\r\n padding: 1rem 1.2rem; \/* Larger buttons *\/\r\n cursor: pointer;\r\n font-size: 1.8rem; \/* Larger arrows *\/\r\n border-radius: 0.75rem; \/* More rounded *\/\r\n transition: background-color 0.3s ease, transform 0.2s ease;\r\n z-index: 10;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n }\r\n .carousel-nav-btn:hover {\r\n background-color: #1a73e8; \/* Solid blue on hover *\/\r\n transform: translateY(-50%) scale(1.05);\r\n }\r\n .carousel-nav-btn.prev {\r\n left: 15px;\r\n }\r\n .carousel-nav-btn.next {\r\n right: 15px;\r\n }\r\n\r\n .testimonial-item {\r\n background-color: white;\r\n padding: 3rem; \/* More padding *\/\r\n border-radius: 1rem; \/* More rounded corners *\/\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); \/* Deeper shadow *\/\r\n text-align: center;\r\n margin: 1.5rem; \/* More margin *\/\r\n min-width: calc(100% - 3rem); \/* Adjust for margin *\/\r\n box-sizing: border-box;\r\n border: 1px solid #e0e0e0;\r\n }\r\n .testimonial-item p {\r\n font-style: italic;\r\n font-size: 1.25rem; \/* Larger text *\/\r\n line-height: 1.7;\r\n margin-bottom: 1.8rem;\r\n color: #444;\r\n }\r\n .testimonial-item .client-name {\r\n font-weight: 700; \/* Bolder name *\/\r\n font-size: 1.15rem;\r\n color: #333;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n @keyframes bounceIn {\r\n 0% { transform: scale(0.8); opacity: 0; }\r\n 60% { transform: scale(1.1); opacity: 1; }\r\n 100% { transform: scale(1); }\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 1024px) {\r\n .hero-headline {\r\n font-size: 3.5rem;\r\n }\r\n .hero-subheadline {\r\n font-size: 1.4rem;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n .hero-headline {\r\n font-size: 2.8rem;\r\n }\r\n .hero-subheadline {\r\n font-size: 1.3rem;\r\n }\r\n .hero-btn {\r\n padding: 0.8rem 1.8rem;\r\n font-size: 1rem;\r\n }\r\n .product-card img {\r\n height: 200px;\r\n }\r\n .product-card h3 {\r\n font-size: 1.4rem;\r\n }\r\n .feature-card {\r\n padding: 2rem;\r\n }\r\n .feature-card .icon {\r\n font-size: 3rem;\r\n }\r\n .testimonial-item {\r\n padding: 2rem;\r\n font-size: 1.1rem;\r\n }\r\n .carousel-nav-btn {\r\n padding: 0.8rem 1rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n @media (max-width: 640px) {\r\n .hero-headline {\r\n font-size: 2.2rem;\r\n }\r\n .hero-subheadline {\r\n font-size: 1rem;\r\n }\r\n .hero-content {\r\n padding: 1.5rem;\r\n }\r\n .hero-btn {\r\n display: block;\r\n width: fit-content;\r\n margin: 0.75rem auto;\r\n }\r\n .header-sticky {\r\n position: static; \/* Disable sticky on very small screens if it causes issues *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n\r\n <!-- Header\/Navigation -->\r\n <header class=\"bg-white shadow-lg py-4 px-6 md:px-12 flex justify-between items-center rounded-b-xl header-sticky border-b border-gray-200\">\r\n <div class=\"text-3xl font-extrabold text-blue-700\">Champion Group<\/div>\r\n <nav class=\"hidden md:flex space-x-8\">\r\n <a href=\"#\" class=\"text-gray-700 hover:text-blue-700 font-semibold transition duration-300 text-lg\">Home<\/a>\r\n <a href=\"#\" class=\"text-gray-700 hover:text-blue-700 font-semibold transition duration-300 text-lg\">Products<\/a>\r\n <a href=\"#\" class=\"text-gray-700 hover:text-blue-700 font-semibold transition duration-300 text-lg\">Services<\/a>\r\n <a href=\"#\" class=\"text-gray-700 hover:text-blue-700 font-semibold transition duration-300 text-lg\">About Us<\/a>\r\n <a href=\"#\" class=\"text-gray-700 hover:text-blue-700 font-semibold transition duration-300 text-lg\">Contact<\/a>\r\n <\/nav>\r\n <!-- Mobile Menu Button -->\r\n <button id=\"mobile-menu-button\" class=\"md:hidden text-gray-700 text-3xl focus:outline-none\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n <\/header>\r\n\r\n <!-- Mobile Menu Overlay (Hidden by default) -->\r\n <div id=\"mobile-menu-overlay\" class=\"fixed inset-0 bg-black bg-opacity-70 z-40 hidden md:hidden\">\r\n <div class=\"absolute top-0 right-0 w-64 h-full bg-white shadow-xl p-6 transform translate-x-full transition-transform duration-300 ease-in-out\">\r\n <button id=\"close-mobile-menu\" class=\"absolute top-4 right-4 text-gray-700 text-3xl focus:outline-none\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <nav class=\"flex flex-col space-y-6 mt-16\">\r\n <a href=\"#\" class=\"text-gray-800 hover:text-blue-700 font-semibold text-xl py-2 border-b border-gray-200\">Home<\/a>\r\n <a href=\"#\" class=\"text-gray-800 hover:text-blue-700 font-semibold text-xl py-2 border-b border-gray-200\">Products<\/a>\r\n <a href=\"#\" class=\"text-gray-800 hover:text-blue-700 font-semibold text-xl py-2 border-b border-gray-200\">Services<\/a>\r\n <a href=\"#\" class=\"text-gray-800 hover:text-blue-700 font-semibold text-xl py-2 border-b border-gray-200\">About Us<\/a>\r\n <a href=\"#\" class=\"text-gray-800 hover:text-blue-700 font-semibold text-xl py-2\">Contact<\/a>\r\n <\/nav>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <!-- Hero Section -->\r\n <section class=\"relative w-full overflow-hidden\">\r\n <div id=\"hero-carousel-inner\" class=\"flex transition-transform duration-700 ease-in-out\">\r\n <!-- Slide 1: Industrial Hangar Doors -->\r\n <div class=\"hero-slide w-full flex-shrink-0\" style=\"background-image: url('https:\/\/placehold.co\/1920x800\/2a9d8f\/ffffff?text=Industrial+Hangar+Doors');\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-headline\">Heavy-Duty Industrial Hangar Doors \u2013 Built for Extreme Durability<\/h1>\r\n <p class=\"hero-subheadline\">CE-certified, weather-resistant hangar doors designed for aviation, logistics & large-scale facilities.<\/p>\r\n <div>\r\n <a href=\"#contact-form\" class=\"hero-btn\">Request a Custom Quote<\/a>\r\n <a href=\"#product-page\" class=\"hero-btn secondary\">View Hangar Door Options<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Slide 2: Hydraulic Doors -->\r\n <div class=\"hero-slide w-full flex-shrink-0\" style=\"background-image: url('https:\/\/placehold.co\/1920x800\/e9c46a\/ffffff?text=Hydraulic+Doors');\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-headline\">High-Performance Hydraulic Doors \u2013 Smooth, Secure & Space-Saving<\/h1>\r\n <p class=\"hero-subheadline\">Engineered for industrial and commercial use with EN-compliant safety and efficiency.<\/p>\r\n <div>\r\n <a href=\"#download-brochure\" class=\"hero-btn\">Get Technical Specifications<\/a>\r\n <a href=\"#product-page\" class=\"hero-btn secondary\">See Hydraulic Door Models<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Slide 3: Fabric Fold-Up Doors -->\r\n <div class=\"hero-slide w-full flex-shrink-0\" style=\"background-image: url('https:\/\/placehold.co\/1920x800\/f4a261\/ffffff?text=Fabric+Fold-Up+Doors');\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-headline\">Versatile Fabric Fold-Up Doors \u2013 Lightweight & Cost-Effective<\/h1>\r\n <p class=\"hero-subheadline\">Ideal for sports halls, warehouses, and agricultural spaces. Quick installation, low maintenance.<\/p>\r\n <div>\r\n <a href=\"#cost-calculator\" class=\"hero-btn\">Calculate Your Savings<\/a>\r\n <a href=\"#gallery\" class=\"hero-btn secondary\">Browse Fabric Door Designs<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Slide 4: Lifting Partitions -->\r\n <div class=\"hero-slide w-full flex-shrink-0\" style=\"background-image: url('https:\/\/placehold.co\/1920x800\/e76f51\/ffffff?text=Lifting+Partitions');\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-headline\">Space-Optimizing Lifting Partitions \u2013 Flexible & Soundproof<\/h1>\r\n <p class=\"hero-subheadline\">Create adaptable spaces for offices, hotels, and event venues with CE-certified partitions.<\/p>\r\n <div>\r\n <a href=\"#consultation-scheduler\" class=\"hero-btn\">Book a Demo<\/a>\r\n <a href=\"#product-page\" class=\"hero-btn secondary\">View Partition Solutions<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Slide 5: High-Speed PVC Roll-Up Doors -->\r\n <div class=\"hero-slide w-full flex-shrink-0\" style=\"background-image: url('https:\/\/placehold.co\/1920x800\/264653\/ffffff?text=High-Speed+PVC+Doors');\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-headline\">High-Speed PVC Roll-Up Doors \u2013 Hygienic & Energy-Efficient<\/h1>\r\n <p class=\"hero-subheadline\">Ideal for food processing, pharmaceuticals, and cleanrooms. EN-certified for safety and durability.<\/p>\r\n <div>\r\n <a href=\"#contact-form\" class=\"hero-btn\">Get a Free Hygiene Audit<\/a>\r\n <a href=\"#product-page\" class=\"hero-btn secondary\">Explore PVC Door Options<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Slide 6: Floor Hatches -->\r\n <div class=\"hero-slide w-full flex-shrink-0\" style=\"background-image: url('https:\/\/placehold.co\/1920x800\/2a9d8f\/ffffff?text=Floor+Hatches');\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-headline\">Heavy-Duty Floor Hatches \u2013 Secure & Space-Saving Access Solutions<\/h1>\r\n <p class=\"hero-subheadline\">Engineered for industrial, commercial, and marine applications. Load-rated and safety-tested.<\/p>\r\n <div>\r\n <a href=\"#download\" class=\"hero-btn\">Request Load Capacity Guide<\/a>\r\n <a href=\"#product-page\" class=\"hero-btn secondary\">View Hatch Configurations<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Slide 7: Single-Layer Fabric Doors -->\r\n <div class=\"hero-slide w-full flex-shrink-0\" style=\"background-image: url('https:\/\/placehold.co\/1920x800\/e9c46a\/ffffff?text=Single-Layer+Fabric+Doors');\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-headline\">Affordable Single-Layer Fabric Doors \u2013 Lightweight & Durable<\/h1>\r\n <p class=\"hero-subheadline\">Perfect for workshops, storage areas, and temporary partitions. Quick installation, low maintenance.<\/p>\r\n <div>\r\n <a href=\"#contact-form\" class=\"hero-btn\">Get a Quick Quote<\/a>\r\n <a href=\"#gallery\" class=\"hero-btn secondary\">See Fabric Door Applications<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"hero-carousel-dots\" class=\"carousel-dots\"><\/div>\r\n <\/section>\r\n\r\n <!-- Trust Signals Section -->\r\n <section class=\"py-16 bg-white shadow-xl rounded-2xl mx-auto max-w-7xl mt-12 px-6 lg:px-12 border border-gray-100\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">Trusted by Industry Leaders<\/h2>\r\n <p class=\"text-lg text-gray-600\">Our commitment to quality and compliance has earned the trust of clients worldwide.<\/p>\r\n <\/div>\r\n <div class=\"flex flex-wrap justify-center items-center gap-10 mb-12\">\r\n <!-- Placeholder for Badges\/Logos -->\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking\" alt=\"CE Marking\" class=\"h-16 object-contain rounded-md shadow-md transition-transform duration-300 hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/140x70\/cfe2ff\/0d6efd?text=ISO+Cert\" alt=\"ISO Certification\" class=\"h-16 object-contain rounded-md shadow-md transition-transform duration-300 hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/140x70\/f8d7da\/dc3545?text=Partner+Logo\" alt=\"Partner Logo 1\" class=\"h-16 object-contain rounded-md shadow-md transition-transform duration-300 hover:scale-105\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/140x70\/fff3cd\/ffc107?text=Client+Logo\" alt=\"Client Logo 2\" class=\"h-16 object-contain rounded-md shadow-md transition-transform duration-300 hover:scale-105\">\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\r\n <div class=\"p-8 bg-blue-50 rounded-xl shadow-md transition-transform duration-300 hover:scale-105\">\r\n <p class=\"text-6xl font-extrabold text-blue-700 mb-2\">500+<\/p>\r\n <p class=\"text-xl text-gray-700\">Projects Delivered<\/p>\r\n <\/div>\r\n <div class=\"p-8 bg-blue-50 rounded-xl shadow-md transition-transform duration-300 hover:scale-105\">\r\n <p class=\"text-6xl font-extrabold text-blue-700 mb-2\">30+<\/p>\r\n <p class=\"text-xl text-gray-700\">Countries Served<\/p>\r\n <\/div>\r\n <div class=\"p-8 bg-blue-50 rounded-xl shadow-md transition-transform duration-300 hover:scale-105\">\r\n <p class=\"text-6xl font-extrabold text-blue-700 mb-2\">25<\/p>\r\n <p class=\"text-xl text-gray-700\">Years of Expertise<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Product Showcase Section -->\r\n <section class=\"py-16 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">Engineered Access Solutions for Every Industry<\/h2>\r\n <p class=\"text-lg text-gray-600\">EU-compliant, custom-built doors and partitions designed for safety, efficiency, and durability.<\/p>\r\n <\/div>\r\n\r\n <!-- Filtering System (Placeholder) -->\r\n <div class=\"flex flex-wrap justify-center gap-4 mb-10\">\r\n <button class=\"bg-blue-600 text-white px-6 py-3 rounded-full font-medium hover:bg-blue-700 transition duration-300 shadow-md\">All Products<\/button>\r\n <button class=\"bg-gray-200 text-gray-700 px-6 py-3 rounded-full font-medium hover:bg-gray-300 transition duration-300 shadow-md\">By Industry<\/button>\r\n <button class=\"bg-gray-200 text-gray-700 px-6 py-3 rounded-full font-medium hover:bg-gray-300 transition duration-300 shadow-md\">By Function<\/button>\r\n <!-- Comparison Tool (Placeholder) -->\r\n <button class=\"bg-green-600 text-white px-6 py-3 rounded-full font-medium hover:bg-green-700 transition duration-300 shadow-md\"><i class=\"fas fa-balance-scale mr-2\"><\/i>Compare Products<\/button>\r\n <\/div>\r\n\r\n <!-- Product Grid -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8\">\r\n <!-- Product Card 1: Fire-Rated Doors -->\r\n <div class=\"product-card group\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x240\/f7cac9\/c0392b?text=Fire-Rated+Doors\" alt=\"Fire-Rated Doors\">\r\n <div class=\"product-card-content\">\r\n <div>\r\n <h3>Fire-Rated Doors<\/h3>\r\n <p><i class=\"fas fa-fire text-red-600 mr-2\"><\/i>EN 1634-1 certified | 30\/60\/90 mins resistance<\/p>\r\n <p>Ideal for: Commercial buildings, hospitals<\/p>\r\n <\/div>\r\n <a href=\"#fire-rated-door-page\" class=\"cta-link\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Product Card 2: High-Security Doors -->\r\n <div class=\"product-card group\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x240\/a2d2ff\/007bff?text=High-Security+Doors\" alt=\"High-Security Doors\">\r\n <div class=\"product-card-content\">\r\n <div>\r\n <h3>High-Security Doors<\/h3>\r\n <p><i class=\"fas fa-lock text-gray-800 mr-2\"><\/i>Anti-burglary tested to EN 1627 | Reinforced frames<\/p>\r\n <p>Ideal for: Banks, government facilities<\/p>\r\n <\/div>\r\n <a href=\"#high-security-door-page\" class=\"cta-link\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Product Card 3: Industrial Hangar Doors -->\r\n <div class=\"product-card group\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x240\/cce3de\/4a90e2?text=Industrial+Hangar+Doors\" alt=\"Industrial Hangar Doors\">\r\n <div class=\"product-card-content\">\r\n <div>\r\n <h3>Industrial Hangar Doors<\/h3>\r\n <p><i class=\"fas fa-plane text-blue-500 mr-2\"><\/i>Heavy-duty steel\/aluminum | Wind-load resistant<\/p>\r\n <p>Ideal for: Aviation, logistics<\/p>\r\n <\/div>\r\n <a href=\"#industrial-hangar-door-page\" class=\"cta-link\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Product Card 4: High-Speed PVC Roll-Up Doors -->\r\n <div class=\"product-card group\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x240\/d0f4de\/28a745?text=High-Speed+PVC+Doors\" alt=\"High-Speed PVC Roll-Up Doors\">\r\n <div class=\"product-card-content\">\r\n <div>\r\n <h3 class=\"flex justify-between items-center\">High-Speed PVC Roll-Up Doors <span class=\"bg-yellow-400 text-yellow-900 text-xs px-3 py-1 rounded-full font-bold shadow-sm\">Most Popular<\/span><\/h3>\r\n <p><i class=\"fas fa-tachometer-alt text-green-600 mr-2\"><\/i>Hygienic PVC | 1.5m\/sec operation | EN 13241-1<\/p>\r\n <p>Ideal for: Food, pharma, cleanrooms<\/p>\r\n <\/div>\r\n <a href=\"#high-speed-pvc-door-page\" class=\"cta-link\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Product Card 5: Hydraulic Doors -->\r\n <div class=\"product-card group\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x240\/ffe0b2\/ff9800?text=Hydraulic+Doors\" alt=\"Hydraulic Doors\">\r\n <div class=\"product-card-content\">\r\n <div>\r\n <h3>Hydraulic Doors<\/h3>\r\n <p><i class=\"fas fa-arrows-alt-v text-orange-500 mr-2\"><\/i>Space-saving | Smooth operation | 50,000+ cycles<\/p>\r\n <p>Ideal for: Warehouses, factories<\/p>\r\n <\/div>\r\n <a href=\"#hydraulic-door-page\" class=\"cta-link\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Product Card 6: Fabric Fold-Up Doors -->\r\n <div class=\"product-card group\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x240\/e0f7fa\/00bcd4?text=Fabric+Fold-Up+Doors\" alt=\"Fabric Fold-Up Doors\">\r\n <div class=\"product-card-content\">\r\n <div>\r\n <h3>Fabric Fold-Up Doors<\/h3>\r\n <p><i class=\"fas fa-compress-alt text-cyan-600 mr-2\"><\/i>Lightweight polyester | Low maintenance<\/p>\r\n <p>Ideal for: Sports halls, agriculture<\/p>\r\n <\/div>\r\n <a href=\"#fabric-fold-up-door-page\" class=\"cta-link\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Product Card 7: Floor Hatches -->\r\n <div class=\"product-card group\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x240\/f0f4f7\/607d8b?text=Floor+Hatches\" alt=\"Floor Hatches\">\r\n <div class=\"product-card-content\">\r\n <div>\r\n <h3>Floor Hatches<\/h3>\r\n <p><i class=\"fas fa-grip-lines text-gray-700 mr-2\"><\/i>Load-rated up to 5 tons | Slip-resistant<\/p>\r\n <p>Ideal for: Industrial plants, marine<\/p>\r\n <\/div>\r\n <a href=\"#floor-hatches-page\" class=\"cta-link\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Product Card 8: Lifting Partitions -->\r\n <div class=\"product-card group\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/400x240\/e6e6fa\/8a2be2?text=Lifting+Partitions\" alt=\"Lifting Partitions\">\r\n <div class=\"product-card-content\">\r\n <div>\r\n <h3>Lifting Partitions<\/h3>\r\n <p><i class=\"fas fa-volume-mute text-purple-600 mr-2\"><\/i>Soundproof | Custom sizes | Quick installation<\/p>\r\n <p>Ideal for: Hotels, event venues<\/p>\r\n <\/div>\r\n <a href=\"#lifting-partitions-page\" class=\"cta-link\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-16\">\r\n <a href=\"#contact-form\" class=\"inline-block bg-blue-700 text-white px-10 py-5 rounded-xl text-xl font-semibold hover:bg-blue-800 transition duration-300 shadow-xl transform hover:scale-105\">\r\n Need a Custom Solution? Contact Our Experts \u2192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Why Choose Us? (USP Section) -->\r\n <section class=\"py-16 bg-white\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">Why Choose Champion Group?<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-3xl mx-auto\">\r\n At Champion Group, we specialize in crafting high-performance, compliant, and innovative door and enclosure solutions that meet the strictest standards across Europe and beyond. Whether you require industrial hangar doors or custom partitioning, our commitment to precision, sustainability, and long-term support sets us apart.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n <!-- USP Card 1: EU-Manufactured -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-globe-europe\"><\/i><\/div>\r\n <h4>EU-Manufactured \u2013 Local Compliance Guaranteed<\/h4>\r\n <p>All our products are manufactured within the EU, ensuring full compliance with local and international regulations, including CE marking and EN standards.<\/p>\r\n <\/div>\r\n <!-- USP Card 2: Fast Lead Times -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-hourglass-half\"><\/i><\/div>\r\n <h4>Fast Lead Times (5\u20137 Weeks Avg.)<\/h4>\r\n <p>We value your time. Our streamlined production and logistics process allows us to deliver fully customized solutions within a short lead time\u2014typically 5 to 7 weeks.<\/p>\r\n <\/div>\r\n <!-- USP Card 3: Lifetime Technical Support -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n <h4>Lifetime Technical Support<\/h4>\r\n <p>Champion Group offers ongoing technical assistance and service throughout the product\u2019s lifespan, ensuring optimal performance and peace of mind.<\/p>\r\n <\/div>\r\n <!-- USP Card 4: Sustainable Materials -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n <h4>Sustainable Materials (FSC-Certified Timber\/Steel)<\/h4>\r\n <p>We\u2019re committed to eco-conscious manufacturing, using sustainably sourced, FSC-certified timber and recyclable steel across all product lines.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section -->\r\n <section class=\"py-16 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">End-to-End Hangar Door Solutions \u2013 From Concept to Installation<\/h2>\r\n <p class=\"text-lg text-gray-600\">Partner with Europe\u2019s trusted experts for compliant, high-performance access systems.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n <!-- Service Card 1: Custom Design -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-pencil-ruler\"><\/i><\/div>\r\n <h4>Custom Design<\/h4>\r\n <p>Tailored door solutions for your exact specifications<\/p>\r\n <a href=\"#service-page\" class=\"cta-link mt-4 block\">Explore Custom Design \u2192<\/a>\r\n <\/div>\r\n <!-- Service Card 2: Precision Manufacturing -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-industry\"><\/i><\/div>\r\n <h4>Precision Manufacturing<\/h4>\r\n <p>EU-made with premium materials for unmatched durability<\/p>\r\n <a href=\"#service-page\" class=\"cta-link mt-4 block\">Explore Manufacturing \u2192<\/a>\r\n <\/div>\r\n <!-- Service Card 3: Professional Installation -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-tools\"><\/i><\/div>\r\n <h4>Professional Installation<\/h4>\r\n <p>Certified technicians ensuring flawless operation<\/p>\r\n <a href=\"#service-page\" class=\"cta-link mt-4 block\">Explore Installation \u2192<\/a>\r\n <\/div>\r\n <!-- Service Card 4: Comprehensive Warranty -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <h4>Comprehensive Warranty<\/h4>\r\n <p>Industry-leading coverage for long-term peace of mind<\/p>\r\n <a href=\"#service-page\" class=\"cta-link mt-4 block\">Explore Warranty \u2192<\/a>\r\n <\/div>\r\n <!-- Service Card 5: 24\/7 Technical Support -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-life-ring\"><\/i><\/div>\r\n <h4>24\/7 Technical Support<\/h4>\r\n <p>Rapid response for maintenance and emergencies<\/p>\r\n <a href=\"#service-page\" class=\"cta-link mt-4 block\">Explore Support \u2192<\/a>\r\n <\/div>\r\n <!-- Service Card 6: Regulatory Compliance -->\r\n <div class=\"feature-card\">\r\n <div class=\"icon\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n <h4>Regulatory Compliance<\/h4>\r\n <p>Guaranteed adherence to EN\/CE standards<\/p>\r\n <a href=\"#service-page\" class=\"cta-link mt-4 block\">Explore Compliance \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-16\">\r\n <a href=\"#main-services-page\" class=\"inline-block bg-blue-700 text-white px-10 py-5 rounded-xl text-xl font-semibold hover:bg-blue-800 transition duration-300 shadow-xl transform hover:scale-105\">\r\n How We Work: See Our Process in Detail \u2192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Project Gallery Section -->\r\n <section class=\"py-16 bg-white\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">Trusted by Industry Leaders<\/h2>\r\n <p class=\"text-lg text-gray-600\">Explore our successful projects and see the Champion Group difference.<\/p>\r\n <\/div>\r\n\r\n <div id=\"gallery-carousel\" class=\"gallery-carousel relative max-w-5xl mx-auto\">\r\n <div id=\"gallery-carousel-inner\" class=\"carousel-inner\">\r\n <!-- Project Image 1 -->\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x550\/a8dadc\/1d3557?text=Airport+Hangar+Before\" alt=\"Airport Hangar Before\" class=\"rounded-lg\">\r\n <\/div>\r\n <!-- Project Image 2 -->\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x550\/457b9d\/f1faee?text=Airport+Hangar+After\" alt=\"Airport Hangar After\" class=\"rounded-lg\">\r\n <\/div>\r\n <!-- Project Image 3 -->\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x550\/e63946\/f1faee?text=Hospital+Entrance\" alt=\"Hospital Entrance\" class=\"rounded-lg\">\r\n <\/div>\r\n <!-- Project Image 4 -->\r\n <div class=\"carousel-item\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/1000x550\/f4a261\/264653?text=Office+Partition\" alt=\"Office Partition\" class=\"rounded-lg\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"carousel-nav-btn prev\" onclick=\"moveCarousel('gallery-carousel', -1)\">❮<\/button>\r\n <button class=\"carousel-nav-btn next\" onclick=\"moveCarousel('gallery-carousel', 1)\">❯<\/button>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-16\">\r\n <a href=\"#case-studies\" class=\"inline-block bg-blue-700 text-white px-10 py-5 rounded-xl text-xl font-semibold hover:bg-blue-800 transition duration-300 shadow-xl transform hover:scale-105\">\r\n See More Projects \u2192\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Testimonial Section -->\r\n <section class=\"py-16 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">What Our Clients Say<\/h2>\r\n <p class=\"text-lg text-gray-600\">Hear directly from those who trust Champion Group for their critical access solutions.<\/p>\r\n <\/div>\r\n\r\n <div id=\"testimonial-carousel\" class=\"testimonial-carousel relative max-w-4xl mx-auto\">\r\n <div id=\"testimonial-carousel-inner\" class=\"carousel-inner\">\r\n <!-- Testimonial 1 -->\r\n <div class=\"carousel-item\">\r\n <div class=\"testimonial-item\">\r\n <p>\"Champion\u2019s fire doors passed our strict facility audit with zero issues. Their attention to detail and compliance is unmatched.\"<\/p>\r\n <p class=\"client-name\">\u2013 John Doe, Construction Firm<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Testimonial 2 -->\r\n <div class=\"carousel-item\">\r\n <div class=\"testimonial-item\">\r\n <p>\"Their custom fabrication team delivered ahead of schedule, perfectly matching our complex architectural designs. Truly impressed!\"<\/p>\r\n <p class=\"client-name\">\u2013 Jane Smith, Architect<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Testimonial 3 -->\r\n <div class=\"carousel-item\">\r\n <div class=\"testimonial-item\">\r\n <p>\"The high-speed PVC doors have significantly improved our workflow and energy efficiency. Excellent product and support.\"<\/p>\r\n <p class=\"client-name\">\u2013 Mark Johnson, Logistics Manager<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"carousel-nav-btn prev\" onclick=\"moveCarousel('testimonial-carousel', -1)\">❮<\/button>\r\n <button class=\"carousel-nav-btn next\" onclick=\"moveCarousel('testimonial-carousel', 1)\">❯<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Blog\/News Section -->\r\n <section class=\"py-16 bg-white\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl font-bold text-gray-800 mb-4\">Industry Insights<\/h2>\r\n <p class=\"text-lg text-gray-600\">Stay updated with the latest news, trends, and expert advice from Champion Group.<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n <!-- Article 1 -->\r\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:scale-105 border border-gray-100\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x350\/a8dadc\/1d3557?text=EU+Regulations\" alt=\"EU Regulations\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">2024 EU Fire Safety Regulations: What Builders Need to Know<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4\">Learn about the latest updates to fire safety standards and how they impact your construction projects.<\/p>\r\n <a href=\"#\" class=\"text-blue-600 font-semibold hover:text-blue-800 transition duration-300\">Read More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Article 2 -->\r\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:scale-105 border border-gray-100\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x350\/f4a261\/264653?text=Steel+vs+Timber\" alt=\"Steel vs Timber\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">How to Choose Between Steel vs. Timber Security Doors<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4\">A comprehensive guide to help you select the best material for your high-security door needs.<\/p>\r\n <a href=\"#\" class=\"text-blue-600 font-semibold hover:text-blue-800 transition duration-300\">Read More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <!-- Article 3 (Placeholder) -->\r\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden transition-transform duration-300 hover:scale-105 border border-gray-100\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x350\/e9c46a\/2a9d8f?text=Innovation+in+Doors\" alt=\"Innovation in Doors\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">The Future of Access: Innovations in Industrial Door Technology<\/h3>\r\n <p class=\"text-gray-600 text-sm mb-4\">Discover cutting-edge advancements shaping the next generation of industrial and commercial doors.<\/p>\r\n <a href=\"#\" class=\"text-blue-600 font-semibold hover:text-blue-800 transition duration-300\">Read More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Final CTA Section -->\r\n <section class=\"py-20 bg-gradient-to-r from-blue-700 to-blue-900 text-white text-center rounded-t-2xl shadow-inner\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <h2 class=\"text-6xl font-extrabold mb-6 leading-tight\">Ready to Secure Your Project?<\/h2>\r\n <p class=\"text-2xl mb-12 opacity-90 max-w-3xl mx-auto\">Contact our specialists for a no-obligation consultation and let's build your custom solution.<\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center gap-8\">\r\n <a href=\"tel:+XXX XXX XXXX\" class=\"bg-white text-blue-700 px-10 py-5 rounded-xl text-2xl font-bold hover:bg-gray-100 transition duration-300 shadow-xl transform hover:scale-105\">\r\n <i class=\"fas fa-phone-alt mr-4\"><\/i>Call Now: +XXX XXX XXXX\r\n <\/a>\r\n <a href=\"mailto:info@champion-group.eu\" class=\"bg-blue-800 text-white px-10 py-5 rounded-xl text-2xl font-bold hover:bg-blue-900 transition duration-300 shadow-xl transform hover:scale-105\">\r\n <i class=\"fas fa-envelope mr-4\"><\/i>Email Us: info@champion-group.eu\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"bg-gray-900 text-gray-300 py-12 px-6 lg:px-12 text-center rounded-b-2xl\">\r\n <div class=\"container mx-auto\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <h5 class=\"text-xl font-bold text-white mb-4\">Champion Group<\/h5>\r\n <p class=\"text-sm\">Engineered Access Solutions for a Safer, Smarter World.<\/p>\r\n <\/div>\r\n <div>\r\n <h5 class=\"text-xl font-bold text-white mb-4\">Quick Links<\/h5>\r\n <ul class=\"space-y-2\">\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition duration-300\">Products<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition duration-300\">Services<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition duration-300\">About Us<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-blue-400 transition duration-300\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h5 class=\"text-xl font-bold text-white mb-4\">Contact Info<\/h5>\r\n <p class=\"text-sm\">123 Industrial Park, City, Country<\/p>\r\n <p class=\"text-sm\">Phone: +XXX XXX XXXX<\/p>\r\n <p class=\"text-sm\">Email: info@champion-group.eu<\/p>\r\n <div class=\"flex justify-center space-x-4 mt-4\">\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 text-2xl transition duration-300\"><i class=\"fab fa-facebook\"><\/i><\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 text-2xl transition duration-300\"><i class=\"fab fa-linkedin\"><\/i><\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-blue-400 text-2xl transition duration-300\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-gray-700 pt-8 mt-8\">\r\n <p>© 2024 Champion Group. All rights reserved.<\/p>\r\n <div class=\"mt-4 space-x-4 text-sm\">\r\n <a href=\"#\" class=\"hover:text-blue-400 transition duration-300\">Privacy Policy<\/a>\r\n <a href=\"#\" class=\"hover:text-blue-400 transition duration-300\">Terms of Service<\/a>\r\n <a href=\"#\" class=\"hover:text-blue-400 transition duration-300\">Sitemap<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Hero Carousel Logic\r\n let currentHeroSlide = 0;\r\n const heroSlides = document.querySelectorAll('#hero-carousel-inner .hero-slide');\r\n const heroDotsContainer = document.getElementById('hero-carousel-dots');\r\n\r\n function createHeroDots() {\r\n heroDotsContainer.innerHTML = ''; \/\/ Clear existing dots\r\n heroSlides.forEach((_, index) => {\r\n const dot = document.createElement('div');\r\n dot.classList.add('dot');\r\n if (index === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => goToHeroSlide(index));\r\n heroDotsContainer.appendChild(dot);\r\n });\r\n }\r\n\r\n function updateHeroDots() {\r\n const dots = document.querySelectorAll('#hero-carousel-dots .dot');\r\n dots.forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentHeroSlide);\r\n });\r\n }\r\n\r\n function goToHeroSlide(index) {\r\n currentHeroSlide = index;\r\n if (currentHeroSlide >= heroSlides.length) {\r\n currentHeroSlide = 0;\r\n } else if (currentHeroSlide < 0) {\r\n currentHeroSlide = heroSlides.length - 1;\r\n }\r\n document.getElementById('hero-carousel-inner').style.transform = `translateX(-${currentHeroSlide * 100}%)`;\r\n updateHeroDots();\r\n }\r\n\r\n function nextHeroSlide() {\r\n goToHeroSlide(currentHeroSlide + 1);\r\n }\r\n\r\n \/\/ Auto-advance hero carousel\r\n let heroInterval = setInterval(nextHeroSlide, 5000); \/\/ Change slide every 5 seconds\r\n\r\n \/\/ Pause on hover\r\n document.getElementById('hero-carousel-inner').addEventListener('mouseenter', () => clearInterval(heroInterval));\r\n document.getElementById('hero-carousel-inner').addEventListener('mouseleave', () => heroInterval = setInterval(nextHeroSlide, 5000));\r\n\r\n \/\/ Generic Carousel Logic for Project Gallery and Testimonials\r\n function moveCarousel(carouselId, direction) {\r\n const carouselInner = document.getElementById(`${carouselId}-inner`);\r\n if (!carouselInner) return; \/\/ Exit if element not found\r\n\r\n const items = carouselInner.children;\r\n if (items.length === 0) return; \/\/ Exit if no items\r\n\r\n const itemWidth = items[0].offsetWidth;\r\n const totalWidth = carouselInner.scrollWidth;\r\n const containerWidth = carouselInner.offsetWidth;\r\n\r\n let currentScrollLeft = carouselInner.scrollLeft;\r\n let newScrollLeft = currentScrollLeft + (direction * itemWidth);\r\n\r\n \/\/ Simple clamping for now, can be enhanced for looping\r\n if (newScrollLeft < 0) {\r\n newScrollLeft = 0;\r\n } else if (newScrollLeft > totalWidth - containerWidth) {\r\n newScrollLeft = totalWidth - containerWidth;\r\n }\r\n\r\n carouselInner.scrollTo({\r\n left: newScrollLeft,\r\n behavior: 'smooth'\r\n });\r\n }\r\n\r\n \/\/ Mobile Menu Toggle\r\n const mobileMenuButton = document.getElementById('mobile-menu-button');\r\n const mobileMenuOverlay = document.getElementById('mobile-menu-overlay');\r\n const closeMobileMenuButton = document.getElementById('close-mobile-menu');\r\n const mobileMenuNav = mobileMenuOverlay.querySelector('div'); \/\/ The actual menu panel\r\n\r\n mobileMenuButton.addEventListener('click', () => {\r\n mobileMenuOverlay.classList.remove('hidden');\r\n setTimeout(() => {\r\n mobileMenuNav.classList.remove('translate-x-full');\r\n }, 10); \/\/ Small delay for transition to work\r\n });\r\n\r\n closeMobileMenuButton.addEventListener('click', () => {\r\n mobileMenuNav.classList.add('translate-x-full');\r\n setTimeout(() => {\r\n mobileMenuOverlay.classList.add('hidden');\r\n }, 300); \/\/ Match transition duration\r\n });\r\n\r\n \/\/ Close menu if clicking outside the nav panel\r\n mobileMenuOverlay.addEventListener('click', (event) => {\r\n if (event.target === mobileMenuOverlay) {\r\n mobileMenuNav.classList.add('translate-x-full');\r\n setTimeout(() => {\r\n mobileMenuOverlay.classList.add('hidden');\r\n }, 300);\r\n }\r\n });\r\n\r\n\r\n \/\/ Initialize carousels on window load to ensure elements are rendered\r\n window.onload = function() {\r\n \/\/ Ensure initial hero slide is set\r\n goToHeroSlide(0);\r\n createHeroDots(); \/\/ Re-create dots on load to ensure they match current slides\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\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>Champion Group – Engineered Access Solutions Champion Group Home Products Services About Us Contact Home Products Services About Us Contact Heavy-Duty Industrial Hangar Doors \u2013 Built for Extreme Durability CE-certified, weather-resistant hangar doors designed for aviation, logistics & large-scale facilities. Request a Custom Quote View Hangar Door Options High-Performance Hydraulic Doors \u2013 Smooth, Secure & […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-14445","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Get High-Quality Industrial Hangar Door Solution - DOORGROUP<\/title>\n<meta name=\"description\" content=\"DOORGROUP is a leading hangar door manufacturer, providing high-performance industrial Fabric, Hydraulic & PVC Roll Up doors for various industries in Europe.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/champion-group.eu\/en\/a-test-page-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Get High-Quality Industrial Hangar Door Solution - DOORGROUP\" \/>\n<meta property=\"og:description\" content=\"DOORGROUP is a leading hangar door manufacturer, providing high-performance industrial Fabric, Hydraulic & PVC Roll Up doors for various industries in Europe.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/champion-group.eu\/en\/a-test-page-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Champion Group\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-28T08:46:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/champion-group.eu\/en\/a-test-page-2\/\",\"url\":\"https:\/\/champion-group.eu\/en\/a-test-page-2\/\",\"name\":\"Get High-Quality Industrial Hangar Door Solution - DOORGROUP\",\"isPartOf\":{\"@id\":\"https:\/\/champion-group.eu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/champion-group.eu\/en\/a-test-page-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/champion-group.eu\/en\/a-test-page-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking\",\"datePublished\":\"2025-07-28T08:39:21+00:00\",\"dateModified\":\"2025-07-28T08:46:18+00:00\",\"description\":\"DOORGROUP is a leading hangar door manufacturer, providing high-performance industrial Fabric, Hydraulic & PVC Roll Up doors for various industries in Europe.\",\"breadcrumb\":{\"@id\":\"https:\/\/champion-group.eu\/en\/a-test-page-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/champion-group.eu\/en\/a-test-page-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/champion-group.eu\/en\/a-test-page-2\/#primaryimage\",\"url\":\"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking\",\"contentUrl\":\"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/champion-group.eu\/en\/a-test-page-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/champion-group.eu\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A test Page 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/champion-group.eu\/#website\",\"url\":\"https:\/\/champion-group.eu\/\",\"name\":\"Champion Group\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/champion-group.eu\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/champion-group.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/champion-group.eu\/#organization\",\"name\":\"Champion Group\",\"url\":\"https:\/\/champion-group.eu\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/champion-group.eu\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/champion-group.eu\/wp-content\/uploads\/2021\/05\/LOGO.svg\",\"contentUrl\":\"https:\/\/champion-group.eu\/wp-content\/uploads\/2021\/05\/LOGO.svg\",\"width\":497,\"height\":54,\"caption\":\"Champion Group\"},\"image\":{\"@id\":\"https:\/\/champion-group.eu\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Get High-Quality Industrial Hangar Door Solution - DOORGROUP","description":"DOORGROUP is a leading hangar door manufacturer, providing high-performance industrial Fabric, Hydraulic & PVC Roll Up doors for various industries in Europe.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/champion-group.eu\/en\/a-test-page-2\/","og_locale":"en_US","og_type":"article","og_title":"Get High-Quality Industrial Hangar Door Solution - DOORGROUP","og_description":"DOORGROUP is a leading hangar door manufacturer, providing high-performance industrial Fabric, Hydraulic & PVC Roll Up doors for various industries in Europe.","og_url":"https:\/\/champion-group.eu\/en\/a-test-page-2\/","og_site_name":"Champion Group","article_modified_time":"2025-07-28T08:46:18+00:00","og_image":[{"url":"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/champion-group.eu\/en\/a-test-page-2\/","url":"https:\/\/champion-group.eu\/en\/a-test-page-2\/","name":"Get High-Quality Industrial Hangar Door Solution - DOORGROUP","isPartOf":{"@id":"https:\/\/champion-group.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/champion-group.eu\/en\/a-test-page-2\/#primaryimage"},"image":{"@id":"https:\/\/champion-group.eu\/en\/a-test-page-2\/#primaryimage"},"thumbnailUrl":"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking","datePublished":"2025-07-28T08:39:21+00:00","dateModified":"2025-07-28T08:46:18+00:00","description":"DOORGROUP is a leading hangar door manufacturer, providing high-performance industrial Fabric, Hydraulic & PVC Roll Up doors for various industries in Europe.","breadcrumb":{"@id":"https:\/\/champion-group.eu\/en\/a-test-page-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/champion-group.eu\/en\/a-test-page-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/champion-group.eu\/en\/a-test-page-2\/#primaryimage","url":"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking","contentUrl":"https:\/\/placehold.co\/140x70\/d1e7dd\/20c997?text=CE+Marking"},{"@type":"BreadcrumbList","@id":"https:\/\/champion-group.eu\/en\/a-test-page-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/champion-group.eu\/en\/"},{"@type":"ListItem","position":2,"name":"A test Page 2"}]},{"@type":"WebSite","@id":"https:\/\/champion-group.eu\/#website","url":"https:\/\/champion-group.eu\/","name":"Champion Group","description":"","publisher":{"@id":"https:\/\/champion-group.eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/champion-group.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/champion-group.eu\/#organization","name":"Champion Group","url":"https:\/\/champion-group.eu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/champion-group.eu\/#\/schema\/logo\/image\/","url":"https:\/\/champion-group.eu\/wp-content\/uploads\/2021\/05\/LOGO.svg","contentUrl":"https:\/\/champion-group.eu\/wp-content\/uploads\/2021\/05\/LOGO.svg","width":497,"height":54,"caption":"Champion Group"},"image":{"@id":"https:\/\/champion-group.eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/champion-group.eu\/en\/wp-json\/wp\/v2\/pages\/14445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/champion-group.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/champion-group.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/champion-group.eu\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/champion-group.eu\/en\/wp-json\/wp\/v2\/comments?post=14445"}],"version-history":[{"count":7,"href":"https:\/\/champion-group.eu\/en\/wp-json\/wp\/v2\/pages\/14445\/revisions"}],"predecessor-version":[{"id":14453,"href":"https:\/\/champion-group.eu\/en\/wp-json\/wp\/v2\/pages\/14445\/revisions\/14453"}],"wp:attachment":[{"href":"https:\/\/champion-group.eu\/en\/wp-json\/wp\/v2\/media?parent=14445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}