'); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; } .hero h1 { font-size: 48px; margin-bottom: 20px; line-height: 1.2; } .hero p { font-size: 22px; max-width: 800px; margin: 0 auto 30px; opacity: 0.9; } .hero-buttons { display: flex; justify-content: center; gap: 20px; margin-top: 30px; } .hero-buttons .cta-button { font-size: 18px; padding: 15px 35px; } .hero-buttons .outline-button { background: transparent; border: 2px solid white; } /* Stats Section */ .stats { background: white; padding: 60px 0; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; } .stat-item { padding: 30px; border-radius: 10px; background: var(--light); transition: var(--transition); } .stat-item:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .stat-number { font-size: 42px; font-weight: 700; color: var(--primary); margin-bottom: 10px; } .stat-text { font-size: 18px; color: var(--dark); } /* About Section */ .about { padding: 100px 0; } .section-title { text-align: center; margin-bottom: 60px; } .section-title h2 { font-size: 36px; color: var(--dark); margin-bottom: 15px; position: relative; display: inline-block; } .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: var(--primary); } .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .about-text h3 { font-size: 28px; margin-bottom: 20px; color: var(--primary); } .about-text p { margin-bottom: 25px; font-size: 18px; } .about-features { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; } .feature-item { display: flex; gap: 15px; align-items: flex-start; } .feature-icon { background: var(--primary); color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 20px; } .about-image { background: var(--light); height: 400px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--dark); text-align: center; padding: 20px; } /* Products Section */ .products { background: var(--light); padding: 100px 0; } .category-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } .tab-button { background: white; border: none; padding: 12px 30px; border-radius: 30px; font-weight: 600; cursor: pointer; transition: var(--transition); border: 2px solid transparent; } .tab-button.active, .tab-button:hover { background: var(--primary); color: white; border-color: var(--primary); } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .product-image { height: 250px; background: linear-gradient(45deg, #f1f1f1, #e1e1e1); display: flex; align-items: center; justify-content: center; color: #777; font-weight: 600; } .product-info { padding: 25px; } .product-title { font-size: 20px; margin-bottom: 10px; color: var(--dark); } .product-features { list-style: none; margin: 15px 0; } .product-features li { margin-bottom: 8px; display: flex; align-items: flex-start; } .product-features li::before { content: '✓'; color: var(--success); margin-right: 10px; font-weight: bold; } .product-price { font-size: 24px; font-weight: 700; color: var(--primary); margin: 15px 0; } .product-meta { display: flex; justify-content: space-between; padding-top: 15px; border-top: 1px solid #eee; font-size: 14px; } /* Services Section */ .services { padding: 100px 0; background: white; } .services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 40px; } .service-card { text-align: center; padding: 40px 30px; border-radius: 10px; background: var(--light); transition: var(--transition); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .service-icon { font-size: 50px; color: var(--primary); margin-bottom: 20px; } .service-title { font-size: 22px; margin-bottom: 15px; color: var(--dark); } /* Testimonials */ .testimonials { padding: 100px 0; background: linear-gradient(rgba(142, 68, 173, 0.9), rgba(142, 68, 173, 0.9)), url('data:image/svg+xml;utf8,'); background-size: cover; color: white; text-align: center; } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; } .testimonial-card { background: rgba(255,255,255,0.1); padding: 30px; border-radius: 10px; text-align: left; backdrop-filter: blur(10px); } .testimonial-text { font-style: italic; margin-bottom: 20px; position: relative; padding-left: 30px; } .testimonial-text::before { content: '"'; position: absolute; left: 0; top: -10px; font-size: 60px; font-family: Georgia, serif; color: rgba(255,255,255,0.3); } .testimonial-author { display: flex; align-items: center; gap: 15px; } .author-avatar { width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; } .author-info h4 { font-size: 18px; margin-bottom: 5px; } /* CTA Section */ .cta-section { padding: 100px 0; background: var(--light); text-align: center; } .cta-content { max-width: 700px; margin: 0 auto; } .cta-content h2 { font-size: 36px; margin-bottom: 20px; color: var(--dark); } .cta-content p { font-size: 20px; margin-bottom: 40px; } /* Footer */ footer { background: var(--dark); color: white; padding: 70px 0 30px; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 50px; } .footer-logo { font-size: 24px; font-weight: 700; color: white; margin-bottom: 20px; display: inline-block; } .footer-about p { margin-bottom: 25px; opacity: 0.8; } .footer-title { font-size: 20px; margin-bottom: 25px; position: relative; } .footer-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 40px; height: 2px; background: var(--primary); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: rgba(255,255,255,0.8); text-decoration: none; transition: var(--transition); } .footer-links a:hover { color: white; padding-left: 5px; } .footer-contact li { display: flex; gap: 15px; margin-bottom: 15px; align-items: flex-start; } .contact-icon { color: var(--primary); font-size: 18px; min-width: 25px; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.7; } /* Responsive Design */ @media (max-width: 992px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } .footer-grid { grid-template-columns: repeat(2, 1fr); } .about-content { grid-template-columns: 1fr; } .about-image { height: 300px; } } @media (max-width: 768px) { .main-header { flex-direction: column; gap: 20px; } nav ul { gap: 15px; flex-wrap: wrap; justify-content: center; } .hero h1 { font-size: 36px; } .hero p { font-size: 18px; } .hero-buttons { flex-direction: column; align-items: center; } .footer-grid { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: 1fr; } .about-features { grid-template-columns: 1fr; } }
With over 30 years of expertise, Xuchang Yinsi Trading Co., Ltd is a leading manufacturer and supplier of premium human hair products from the world's largest hair production base.
Quality First, Customer Focused
Located in Xuchang, Henan Province - the world's largest production base for hair products, we bring over 30 years of expertise in human hair manufacturing and trading. Our 2000m² facility combines traditional craftsmanship with modern technology to create premium hair products.
We believe in creating value for our clients' businesses, not just selling hair. Our commitment to quality and customer satisfaction has made us a trusted partner for salons, retailers, and distributors worldwide.
100% real human hair with cuticle aligned, no tangling
Brazilian, Indian, Vietnamese, Peruvian virgin hair
Cap sizes, colors, and styles tailored to your needs
Large stock with fast shipping and drop shipping options
100% Real Human Hair Collection
Beyond Quality Products
Dedicated support team (Ethan, Lisa, Annie) available round the clock to assist with inquiries, orders, and after-sales service.
OEM/ODM services with custom cap sizes, colors, and styles tailored to your specific requirements.
Direct shipping to your customers with branded packaging options. No inventory management needed.
Comprehensive quality assurance with certifications for all our human hair products.
Hassle-free returns with our buyer protection program for all products.
Efficient shipping to 120+ countries with reliable logistics partners.
What Our Customers Say
We've been sourcing from Yinsi for 5 years. Their Brazilian hair bundles are consistently the best quality we've found. The cuticle alignment makes a noticeable difference in longevity.
As a retailer specializing in hair for Black women, the quality of Yinsi's lace front wigs is unmatched. The HD transparent lace and pre-plucked hairline make installation seamless.
Their drop shipping service has transformed our business. We can offer premium hair products without inventory risk. The 24/7 support team is incredibly responsive to our needs.
Join our global family of 3000+ satisfied clients. Request a quote today and discover why professionals choose Yinsi Hair.
Request a Quote