'); background-size: cover; background-position: center; height: 100vh; display: flex; align-items: center; color: white; text-align: center; margin-top: 70px; } .hero-content { max-width: 900px; margin: 0 auto; padding: 0 20px; } .hero h1 { font-size: 3.5rem; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; } .hero p { font-size: 1.2rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .hero-btns { display: flex; justify-content: center; gap: 20px; margin-top: 30px; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .about-img { border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15); height: 400px; background: linear-gradient(45deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; text-align: center; padding: 20px; } .about-text h3 { font-size: 1.8rem; color: var(--primary); margin-bottom: 20px; } .about-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .feature-box { background: white; padding: 25px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); border-left: 4px solid var(--accent); } .feature-box:hover { transform: translateY(-10px); } .feature-box h4 { margin-bottom: 10px; color: var(--primary); } /* Products Section */ .products-container { background-color: white; padding: 60px 0; } .products-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } .filter-btn { padding: 10px 20px; background: #f1f1f1; border: none; border-radius: 30px; cursor: pointer; transition: var(--transition); font-weight: 600; } .filter-btn.active, .filter-btn:hover { background: var(--secondary); color: white; } .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.08); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); } .product-img { height: 250px; background: linear-gradient(45deg, #e9ecef, #dee2e6); display: flex; align-items: center; justify-content: center; color: #495057; font-weight: bold; } .product-info { padding: 25px; } .product-category { color: var(--secondary); font-size: 0.9rem; font-weight: 600; margin-bottom: 5px; } .product-title { font-size: 1.3rem; margin-bottom: 10px; color: var(--primary); } .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(--accent); font-weight: bold; margin-right: 10px; } .product-price { font-size: 1.2rem; color: var(--secondary); font-weight: 700; margin: 15px 0; } /* Process Section */ .process-section { background: linear-gradient(rgba(26, 54, 93, 0.9), rgba(26, 54, 93, 0.9)); color: white; } .process-section .section-title h2, .process-section .section-title p { color: white; } .process-section .section-title::after { background: var(--accent); } .timeline { position: relative; max-width: 900px; margin: 0 auto; } .timeline::after { content: ''; position: absolute; width: 4px; background-color: var(--accent); top: 0; bottom: 0; left: 50%; margin-left: -2px; } .timeline-item { padding: 20px 40px; position: relative; width: 50%; box-sizing: border-box; } .timeline-item::after { content: ''; position: absolute; width: 20px; height: 20px; background-color: white; border: 4px solid var(--accent); top: 25px; border-radius: 50%; z-index: 1; } .left { left: 0; } .right { left: 50%; } .left::after { right: -12px; } .right::after { left: -12px; } .timeline-content { background: rgba(255, 255, 255, 0.1); padding: 25px; border-radius: 8px; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.2); } .timeline-content h3 { margin-bottom: 10px; color: var(--accent); } /* Why Us Section */ .benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .benefit-card { background: white; padding: 35px 30px; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); text-align: center; transition: var(--transition); } .benefit-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .benefit-icon { font-size: 3rem; color: var(--secondary); margin-bottom: 20px; } .benefit-card h3 { margin-bottom: 15px; color: var(--primary); } /* Contact Section */ .contact-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; } .contact-info { background: var(--primary); padding: 40px; border-radius: 10px; color: white; } .contact-info h3 { margin-bottom: 30px; font-size: 1.8rem; position: relative; padding-bottom: 15px; } .contact-info h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: var(--accent); } .contact-details { margin-bottom: 30px; } .contact-item { display: flex; align-items: flex-start; margin-bottom: 20px; } .contact-icon { margin-right: 15px; color: var(--accent); font-size: 1.2rem; } .contact-form { background: white; padding: 40px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .form-group { margin-bottom: 25px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: var(--dark); } .form-control { width: 100%; padding: 14px; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; transition: var(--transition); } .form-control:focus { border-color: var(--secondary); outline: none; box-shadow: 0 0 0 3px rgba(197, 59, 58, 0.2); } textarea.form-control { min-height: 150px; resize: vertical; } /* Footer */ footer { background: var(--dark); color: white; padding: 70px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 50px; } .footer-col h4 { font-size: 1.2rem; margin-bottom: 25px; position: relative; padding-bottom: 10px; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #ddd; text-decoration: none; transition: var(--transition); } .footer-links a:hover { color: var(--accent); padding-left: 5px; } .social-links { display: flex; gap: 15px; margin-top: 20px; } .social-icon { display: inline-block; width: 40px; height: 40px; background: #333; border-radius: 50%; color: white; text-align: center; line-height: 40px; transition: var(--transition); } .social-icon:hover { background: var(--secondary); transform: translateY(-5px); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: #aaa; } /* Responsive Design */ @media (max-width: 992px) { .about-content, .contact-container { grid-template-columns: 1fr; } .footer-content { grid-template-columns: repeat(2, 1fr); } .hero h1 { font-size: 2.8rem; } .timeline::after { left: 31px; } .timeline-item { width: 100%; padding-left: 70px; padding-right: 25px; } .timeline-item::after { left: 20px; } .right { left: 0; } } @media (max-width: 768px) { .mobile-toggle { display: block; } nav { position: fixed; top: 70px; left: -100%; width: 80%; height: calc(100vh - 70px); background: var(--primary); transition: var(--transition); } nav.active { left: 0; } nav ul { flex-direction: column; padding: 30px; } nav ul li { margin: 0 0 20px 0; } nav ul li a { color: white; font-size: 1.1rem; } .hero h1 { font-size: 2.2rem; } .hero p { font-size: 1rem; } .section-title h2 { font-size: 2rem; } .feature-box { padding: 20px; } } @media (max-width: 576px) { .footer-content { grid-template-columns: 1fr; } .hero-btns { flex-direction: column; gap: 15px; } .products-filter { flex-direction: column; align-items: center; } .benefits { grid-template-columns: 1fr; } }
Manufacturer of high-quality wigs, toppers, toupees and hair extensions with 10+ years of industry experience. Offering OEM, ODM and drop-shipping services worldwide.
Hufenghuanyu (Chongqing) Trading Co., Ltd is a professional manufacturer and supplier of premium hair products since 2016.
Established in Chongqing, China, Hufenghuanyu Trading specializes in manufacturing high-quality human hair products including wigs, toppers, toupees, and extensions. With our own factory established in 2016 and trading company founded in 2023, we combine manufacturing excellence with global trade expertise.
We serve customers worldwide through major platforms including Alibaba, Amazon, eBay, and Lazada. Our commitment to quality, competitive pricing, and exceptional customer service has made us a preferred partner for retailers and wholesalers globally.
All products undergo multi-stage quality inspections to ensure premium quality and durability.
Serving customers in North America, Europe, Middle East, South America and Asia.
100% response rate with ≤2h response time and 24/7 customer service.
Extensive OEM/ODM capabilities with support for color, length, and style customization.
Explore our extensive range of 100% human hair products manufactured to the highest standards.
Each hair product undergoes a meticulous 9-step production process ensuring premium quality
Only 100% premium human hair is selected from trusted sources. Each batch is inspected for quality, length, and texture consistency.
Hair is thoroughly cleaned, detangled, and sorted by length. Any damaged or low-quality strands are removed during this stage.
Using premium dyes, hair is colored to exact specifications. Our dyeing process ensures even color distribution and long-lasting vibrancy.
After dyeing, hair undergoes a deep cleansing and conditioning treatment to restore moisture and ensure softness.
Hair is carefully dried at controlled temperatures to maintain integrity. Each strand is inspected for quality before proceeding.
For extensions and toppers, hair is precisely wefted using specialized machines ensuring secure and durable construction.
Skilled artisans hand-tie each hair strand to lace or silk bases, creating the most natural-looking hairlines and parts.
Every product undergoes a 12-point quality inspection, checking hair density, knotting, base construction, and overall appearance.
Products are carefully packaged to prevent damage during transit. We offer worldwide shipping via FedEx, DHL, UPS and EMS.
Discover the advantages of partnering with us for your hair product needs
We use only 100% human hair with premium materials like silk base, Swiss HD lace, and mono tops that ensure natural appearance and durability.
As a source factory, we offer competitive wholesale prices without middleman markups, providing exceptional value to our partners.
Extensive OEM/ODM capabilities with support for color, length, density, cap construction, and style customization to meet your specific requirements.
With drop-shipping options and MOQ=0 for select products, we ship worldwide within 72 hours via FedEx, DHL, UPS and EMS.
100% response rate with ≤2 hour response time. Our multilingual support team is available 24/7 to assist with inquiries and orders.
Multiple payment options including T/T, PayPal, and Western Union with verified Alibaba Gold Supplier status for transaction security.
Get in touch with us for quotes, product information, or partnership opportunities
Chongqing, ChinaFactory & Office: 101-500 m²
[email protected]@hufenghuanyu.com
Alibaba, Amazon, eBay, Wish, Lazada, AliExpress
North America, Eastern Europe, South America, South Asia, Middle East, Western Europe, Oceania