'); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3rem; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .hero p { font-size: 1.2rem; margin-bottom: 30px; } .btn { display: inline-block; padding: 12px 30px; background-color: var(--secondary); color: white; text-decoration: none; border-radius: 30px; font-weight: 600; transition: all 0.3s; border: 2px solid var(--secondary); } .btn:hover { background-color: transparent; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .btn-outline { background-color: transparent; margin-left: 15px; border: 2px solid white; } .btn-outline:hover { background-color: white; color: var(--dark); } /* Section Styles */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 50px; } .section-title h2 { font-size: 2.5rem; color: var(--primary); position: relative; display: inline-block; margin-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: var(--secondary); } .section-title p { color: var(--gray); max-width: 700px; margin: 0 auto; } /* About Section */ .about-content { display: flex; align-items: center; gap: 50px; } .about-text { flex: 1; } .about-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--primary-dark); } .stats { display: flex; margin-top: 30px; gap: 30px; } .stat-item { text-align: center; } .stat-item .number { font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 5px; } .stat-item .label { color: var(--gray); font-size: 0.9rem; } /* Products Section */ .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s; } .product-card:hover { transform: translateY(-10px); } .product-img { height: 250px; background-color: var(--light-gray); display: flex; align-items: center; justify-content: center; color: var(--gray); } .product-info { padding: 20px; } .product-info h3 { font-size: 1.3rem; margin-bottom: 10px; color: var(--primary-dark); } .product-info p { color: var(--gray); margin-bottom: 15px; } /* Why Us Section */ .why-us { background-color: var(--light); } .features { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; } .feature-card { background-color: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: all 0.3s; } .feature-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .feature-icon { font-size: 3rem; color: var(--primary); margin-bottom: 20px; } .feature-card h3 { font-size: 1.4rem; margin-bottom: 15px; color: var(--primary-dark); } /* Certification Section */ .certifications { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 30px; } .certification-item { text-align: center; width: 150px; } .cert-icon { height: 80px; background-color: var(--light-gray); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; color: var(--primary); font-size: 2rem; } /* Contact Section */ .contact-container { display: flex; gap: 50px; } .contact-info { flex: 1; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--primary-dark); } .contact-details { margin-bottom: 30px; } .contact-item { display: flex; margin-bottom: 15px; } .contact-icon { width: 40px; height: 40px; background-color: var(--light-gray); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; color: var(--primary); } .contact-form { flex: 1; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 5px; font-weight: 500; } .form-control { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; } textarea.form-control { height: 150px; resize: vertical; } /* Footer */ footer { background-color: var(--dark); color: white; padding: 60px 0 30px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 40px; } .footer-logo h2 { font-size: 1.8rem; color: white; margin-bottom: 15px; } .footer-logo span { color: var(--secondary); } .footer-links h3 { font-size: 1.3rem; margin-bottom: 20px; position: relative; } .footer-links h3::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 50px; height: 3px; background-color: var(--secondary); } .footer-links ul { list-style: none; } .footer-links ul li { margin-bottom: 10px; } .footer-links ul li a { color: #bbb; text-decoration: none; transition: color 0.3s; } .footer-links ul li a:hover { color: var(--secondary); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: #bbb; font-size: 0.9rem; } /* Responsive Design */ @media (max-width: 992px) { .about-content { flex-direction: column; } .contact-container { flex-direction: column; } .hero h2 { font-size: 2.5rem; } } @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px 15px; } .hero { padding: 60px 0; } .hero h2 { font-size: 2rem; } .btn { display: block; margin: 10px auto; max-width: 200px; } .btn-outline { margin-left: 0; } .section-title h2 { font-size: 2rem; } }
Professional manufacturer of human hair and synthetic hair products with over 10 years of experience. Trusted by salons and retailers worldwide.
Explore Products Contact UsYour trusted partner in hair solutions since 2013
Founded in 2013, XY Hair has grown to become a leading manufacturer of premium hair extensions, wigs, and hairpieces. Located in Hebei, China, our 10,000 square meter factory employs over 500 skilled workers dedicated to producing the highest quality hair products.
We specialize in both human hair and synthetic hair solutions, with a monthly production capacity of 200,000 pieces. Our commitment to excellence has earned us the Alibaba Gold Supplier status, and our products are trusted by clients across North America, Western Europe, South America, and beyond.
High-quality hair solutions for every need
Premium 100% human hair wigs including lace front, full lace, and 360 lace varieties.
High-quality synthetic fiber wigs with natural appearance and easy maintenance.
Clip-in, tape-in, micro-ring, and keratin tip extensions in various textures and colors.
Customizable solutions for thinning hair and specialized needs.
Virgin hair bundles in Brazilian, Peruvian, Malaysian, and Indian textures.
Custom hair products manufactured to your specifications and branding.
Our commitment to excellence sets us apart
We use only the finest human hair and highest-grade synthetic fibers. Each product undergoes rigorous quality checks at multiple stages of production.
Our state-of-the-art facility features the latest production equipment with a monthly capacity of 200,000 pieces to meet global demand.
We offer comprehensive OEM/ODM services, creating custom hair products tailored to your unique specifications and branding requirements.
With over 10 years of experience serving clients in 50+ countries, we understand global market needs and international quality standards.
Our verified Gold Supplier status on Alibaba demonstrates our reliability, product quality, and commitment to customer satisfaction.
Vertical integration from raw materials to finished products allows us to offer premium quality at competitive wholesale prices.
Committed to quality and compliance
Get in touch with our professional team
No. 168 Hair Industrial Park, Xingtai City, Hebei Province, China
+86 123 4567 8910
Monday - Friday: 8:30 AM - 6:00 PM (GMT+8)